*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#0f172a;background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,p{margin:0}
.wrap{margin:0 auto;padding-left:20px;padding-right:20px}
.w4{max-width:896px}.w5{max-width:1024px}.w6{max-width:1152px}.w7{max-width:1280px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid #e2e8f0}
.bar{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.brand b{display:block;font-size:20px;color:#123d6a}
.brand b span{color:#2c86c7}
.brand small{display:block;font-size:11px;color:#64748b}
.desk{display:none;gap:20px;align-items:center;font-size:12px;font-weight:600}
.desk a:hover{color:#1766a6}
.desk a[aria-current=page]{color:#1766a6}
.btn-sm{background:#1766a6;color:#fff;border-radius:12px;padding:10px 16px}
.desk .btn-sm:hover{color:#fff;background:#123d6a}
.burger{background:none;border:0;padding:4px;cursor:pointer;color:inherit}
.burger .i-close{display:none}
.burger[aria-expanded=true] .i-open{display:none}
.burger[aria-expanded=true] .i-close{display:block}
.mnav{border-top:1px solid #e2e8f0;padding:20px}
.mnav[hidden]{display:none}
.mnav a{display:block;padding:8px 0;font-weight:600}
@media(min-width:1024px){.desk{display:flex}.burger,.mnav{display:none!important}}

/* hero */
.hero{background:linear-gradient(135deg,#edf6fc,#fff,#f2f8f5)}
.herobox{padding-top:80px;padding-bottom:80px}
.eyebrow{display:flex;gap:8px;margin-bottom:20px;font-weight:700;color:#1766a6}
h1{max-width:896px;font-size:36px;line-height:1.1;font-weight:800;color:#123d6a}
.lead{max-width:768px;margin-top:24px;font-size:18px;line-height:2rem;color:#475569}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid #1766a6;background:#1766a6;color:#fff;border-radius:12px;padding:14px 24px;font:inherit;font-weight:700;cursor:pointer}
.btn:hover{background:#123d6a;border-color:#123d6a}
.btn.ghost{background:#fff;color:#0f172a;border-color:#e2e8f0}
.btn.ghost:hover{background:#f8fafc;border-color:#cbd5e1}
.btn.full{width:100%;padding:12px;grid-column:1/-1}
@media(min-width:768px){h1{font-size:48px}}

.crumbs{padding-top:16px;padding-bottom:16px;font-size:12px;color:#94a3b8}
.crumb-home{display:inline-flex;gap:4px;align-items:center}
.crumb-home:hover{color:#1766a6}

/* cards */
.sec{padding-top:56px;padding-bottom:56px}
.grid3{display:grid;gap:24px}
.card{border:1px solid #e2e8f0;border-radius:16px;padding:28px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.num{font-size:12px;font-weight:900;color:#2682c2}
.card h2{margin-top:16px;font-size:20px;font-weight:800;color:#123d6a}
.card p{margin-top:12px;line-height:1.75;color:#475569}
@media(min-width:768px){.grid3{grid-template-columns:repeat(3,1fr)}}

/* faq */
.faq{padding-top:64px;padding-bottom:64px}
.faq h2{font-size:30px;font-weight:800;color:#123d6a}
.faqlist{margin-top:32px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
details{border-top:1px solid #e2e8f0}
details:first-child{border-top:0}
summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-weight:700;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.chev{flex:none;transition:transform .2s}
details[open] .chev{transform:rotate(180deg)}
details p{padding-bottom:20px;font-size:14px;line-height:1.75;color:#475569}

/* notice */
.notice{background:#103c65;color:#fff}
.noticegrid{display:grid;gap:32px;padding-top:48px;padding-bottom:48px}
.notice h2{font-size:24px;font-weight:800}
.notice p{margin-top:16px;color:#dbeafe}
.warn{background:rgba(255,255,255,.1);border-radius:16px;padding:24px}
.warn b{font-size:20px}
.warn p{margin-top:8px;font-size:14px}
@media(min-width:1024px){.noticegrid{grid-template-columns:1fr 1fr}}

/* contact */
.contact{background:#f8fafc}
.csec{padding-top:64px;padding-bottom:64px}
.cbox{display:grid;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.cside{background:#1766a6;color:#fff;padding:32px}
.cside h2{font-size:24px;font-weight:800}
.cside p{margin-top:12px;color:#e0f2fe}
.cform{display:grid;gap:16px;padding:32px;align-content:start}
.cform input{width:100%;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font:inherit}
.cform input:focus{outline:2px solid #2c86c7;outline-offset:1px}
@media(min-width:768px){.cform{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.cbox{grid-template-columns:.8fr 1.2fr}}

.foot{border-top:1px solid #e2e8f0}
.foot .wrap{padding-top:36px;padding-bottom:36px;text-align:center;font-size:11px;color:#94a3b8}
.foot a{text-decoration:underline}

/* formulier feedback */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#475569;cursor:pointer}
.consent input{width:auto;margin-top:3px;flex:none}
.formmsg{grid-column:1/-1;font-size:14px;font-weight:600;min-height:0}
.formmsg:empty{display:none}
.formmsg.ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:12px}
.formmsg.err{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px}
.cform input.invalid{border-color:#dc2626}