:root{--ink:#15354a;--muted:#607582;--green:#218458;--line:#dce7eb;--pale:#f4f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif;background:white}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}header,footer{max-width:1240px;margin:auto;display:flex;align-items:center;gap:28px;padding:22px 32px}header{border-bottom:1px solid var(--line)}header img,footer img{object-fit:contain}nav{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:14px;font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:white;border:0;border-radius:10px;padding:15px 22px;font:inherit;font-weight:650;cursor:pointer;line-height:1.4}.btn:hover{background:#176e47;text-decoration:none}.btn:disabled{opacity:.6;cursor:wait}.small{padding:11px 16px}.link{font-weight:650}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;background:radial-gradient(ellipse at 95% 5%,#e8f6ee,transparent 70%);padding-top:80px;padding-bottom:85px}section{max-width:1240px;margin:auto;padding:64px 32px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:var(--green);margin:0 0 18px}h1{font-size:clamp(36px,4.4vw,60px);line-height:1.1;letter-spacing:-2px;margin:0 0 26px}h2{font-size:clamp(27px,2.8vw,38px);line-height:1.2;letter-spacing:-1px;margin:0 0 24px}h3{font-size:20px;line-height:1.3;margin:16px 0 12px}p{margin:0 0 16px}.lead{font-size:20px;line-height:1.65;color:var(--muted);max-width:580px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:30px 0 16px}.note{color:var(--muted);font-size:13px}.preview{border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 22px 60px #15354a14;padding:26px}.preview-head{display:flex;gap:9px;align-items:center;font-size:13px;margin-bottom:24px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.preview h2{font-size:26px}.pill{background:#edf5f0;color:var(--green);padding:3px 9px;border-radius:30px;font-size:11px;white-space:nowrap}.preview-head .pill{margin-left:auto}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.mini-grid div{padding:12px;background:var(--pale);border-radius:9px}.mini-grid span{display:block;font-size:11px;color:var(--muted)}.mini-grid strong{font-size:16px}.flow-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.flow-row p{font-size:12px;color:var(--muted);margin:2px 0 0}.step{display:grid;place-items:center;background:#e6f4ec;color:var(--green);width:32px;height:32px;border-radius:9px;font-size:13px;flex-shrink:0}.amber{background:#fff2d7;color:#98651a}.check{color:var(--green);margin-left:auto}.flow-row .pill{margin-left:auto}.preview>.note{margin:17px 0 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{border:1px solid var(--line);border-radius:14px;padding:28px;background:white}.cards p,.security-list p{color:var(--muted);font-size:15px}.number{font-weight:750;color:var(--green);font-size:14px}.tinted{background:var(--pale);border-radius:24px}.section-intro{max-width:750px;color:var(--muted);margin-bottom:28px}.badge{display:inline-block;font-size:11px;font-weight:650;background:#e9f5ed;color:var(--green);padding:5px 9px;border-radius:7px}.pending{background:#fff2d7;color:#8b621a}.tinted>.note{margin:22px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.security-list article{border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:16px}.security-list h3{margin-top:0}.cta{background:var(--ink);color:white;text-align:center;border-radius:20px}.cta p{color:#c1d3de}.light{background:white;color:var(--ink)}form{padding:28px;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 30px #15354a06}label{display:block;font-size:14px;font-weight:600;margin-bottom:18px}label span{font-weight:400}input,select,textarea{display:block;width:100%;border:1px solid #bcccd5;border-radius:8px;padding:12px;font:inherit;background:white;color:var(--ink);margin-top:7px}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px}.consent input{width:18px;height:18px;margin-top:4px;flex-shrink:0}.trap{display:none}#form-status{font-size:14px;margin:16px 0 0}.privacy{border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.privacy h2{font-size:23px}footer{border-top:1px solid var(--line);flex-wrap:wrap;font-size:13px}footer p{margin:0;margin-right:auto}.skip{position:absolute;top:-100px;left:20px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}:focus-visible{outline:3px solid #edb843;outline-offset:4px}@media(max-width:850px){nav{gap:12px}nav a[href='#werking'],nav a[href='#veiligheid']{display:none}.hero,.split{grid-template-columns:1fr;gap:36px}.hero{padding-top:45px}.cards{grid-template-columns:1fr}.tinted,.cta{border-radius:0}section{padding:45px 24px}header,footer{padding:18px 24px}.hero .preview{max-width:600px;width:100%}}@media(max-width:480px){nav a[href='#koppelingen']{display:none}header img{width:130px}header{gap:10px}nav{font-size:12px}.small{padding:9px 10px}section{padding:35px 18px}.preview,form{padding:20px}.form-grid{grid-template-columns:1fr;gap:0}.mini-grid strong{font-size:13px}.hero h1{letter-spacing:-1px}.flow-row strong{font-size:14px}}

/* Professional public site refinement */
body{background:#fff;font-size:16px}header{max-width:none;padding:20px max(28px,calc((100vw - 1176px)/2));background:#fff;position:relative;z-index:2}nav{gap:28px}h1{font-weight:780;letter-spacing:-2.5px}.hero{max-width:none;padding:90px max(28px,calc((100vw - 1176px)/2)) 100px;background:linear-gradient(120deg,#f1f7f8 0%,#f6faf7 65%,#e9f4ee 100%);gap:64px}.hero .lead{font-size:19px}.btn{border-radius:8px;min-height:48px;box-shadow:0 3px 8px #15354a0c}.preview{padding:30px;box-shadow:0 24px 60px #163d4b16;border-radius:16px;border-top:4px solid var(--green)}.preview-head{font-weight:650;color:var(--muted)}.mini-grid div{padding:18px 12px;border:1px solid var(--line)}.flow-row{padding:20px 0}.audience{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-bottom:1px solid var(--line)}.audience h2{font-size:29px;margin:0}.audience>p{margin:0;color:var(--muted)}section{padding-top:80px;padding-bottom:80px}.cards article{padding:30px;border-radius:12px;box-shadow:0 8px 22px #15354a04}.number{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e9f5ed;font-size:17px}.cards h3{margin-top:22px}.tinted{border-radius:16px}.security-list article{padding:0 0 22px;margin-bottom:24px}.cta{padding:56px 30px;background:linear-gradient(120deg,#123146,#1b4a52);border-radius:16px}.light:hover{background:#e6f4ec;color:var(--ink)}.faq{max-width:940px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:18px;font-weight:650;cursor:pointer}.faq details p{margin:16px 0 0;color:var(--muted)}form{padding:34px;background:#fff;box-shadow:0 12px 40px #15354a08}form .btn{width:100%}input,textarea,select{min-height:48px;border-color:#c9d8de}input:hover,textarea:hover,select:hover{border-color:#7a9ba8}.privacy{padding-top:40px;padding-bottom:40px}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;width:100%;padding:24px 0 40px;border-bottom:1px solid var(--line)}.footer-links strong{display:block;font-size:15px;margin-bottom:16px}.footer-links a{display:block;margin:9px 0;color:var(--muted)}footer{padding-bottom:32px}a{transition:background .15s,color .15s}@media(max-width:850px){.hero{padding:55px 24px 65px;gap:36px}.audience{grid-template-columns:1fr;gap:20px}.footer-links{grid-template-columns:1fr 1fr;gap:24px}.tinted,.cta{border-radius:0}section{padding-top:52px;padding-bottom:52px}nav{gap:16px}}@media(max-width:480px){.hero{padding:45px 20px}.hero h1{font-size:40px;letter-spacing:-1.5px}.preview,form{padding:22px}.actions{gap:18px}.actions .btn{width:100%}.footer-links{gap:20px}.footer-links a{font-size:12px}header{padding:16px}.audience h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}

.hero-photo{margin:0;position:relative;min-width:0;padding-bottom:28px}.hero-photo>img{width:100%;height:440px;object-fit:cover;border-radius:18px;display:block;box-shadow:0 20px 55px #15354a18}.hero-photo figcaption{position:absolute;bottom:0;left:22px;right:22px;display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 12px 35px #15354a15}.hero-photo strong{display:block;font-size:17px}.hero-photo figcaption span:not(.dot){display:block;font-size:12px;color:var(--muted);margin-top:4px}.hero-photo .dot{flex-shrink:0;width:10px;height:10px}nav .small{white-space:nowrap}@media(max-width:850px){.hero-photo>img{height:360px}}@media(max-width:480px){.hero-photo>img{height:280px}.hero-photo figcaption{left:12px;right:12px;padding:16px}.hero-photo strong{font-size:15px}.hero-photo figcaption span:not(.dot){font-size:11px}}
@media(max-width:650px){header{gap:12px;padding:16px}header img{width:140px}nav{gap:14px;font-size:13px}nav a[href='#koppelingen']{display:none}nav .small{padding:11px 13px}header>a{flex-shrink:0}nav{min-width:0}}

.feature-cards article{padding:0 24px 24px;overflow:hidden}.product-image{display:block;margin:0 -24px 24px;background:#eef4f6}.product-image img{display:block;width:100%;height:auto}.product-image span{display:block;padding:10px 20px;font-size:12px;font-weight:650;text-align:right}.product-image:hover{background:#e2efea}.feature-cards .number{width:36px;height:36px;font-size:14px}.feature-cards h3{margin-top:16px}

.plan-price{font-size:36px!important;font-weight:750;color:var(--ink)!important}.plan-price span{font-size:14px;font-weight:400}.price-cards ul{padding-left:20px;color:var(--muted);min-height:110px}.price-cards li{margin:10px 0}#prijzen details{margin:22px 0;border-top:1px solid var(--line);padding-top:20px}#prijzen summary{font-weight:650;cursor:pointer}.legal{max-width:940px}.legal h1{font-size:42px}.legal h2{font-size:24px;margin-top:32px}.legal .notice{background:#fff2d7;padding:20px;border-radius:12px}