*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#F6F9FB;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
img{max-width:100%}
a{color:#1F6FA3}a:hover{color:#17587F}
:focus-visible{outline:3px solid #4DABE6;outline-offset:2px}
section{scroll-margin-top:16px}
.progress{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.progress li{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:#3E5868}
.progress .bar{display:block;height:6px;border-radius:3px;background:#D5E2EA;transition:background .2s}
.progress li.done .bar{background:#1F6FA3}
.calc{background:#F6F9FB;border:1px solid #E2EAF0;border-radius:22px;padding:32px;display:flex;flex-direction:column;gap:24px}
.step{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:18px}
.step[hidden]{display:none}
.step legend{font-size:22px;line-height:1.3;font-weight:700;padding:0;margin:0 0 8px}
.hint{margin:0;font-size:15px;line-height:1.5;color:#3E5868}
.err{margin:0;color:#B42318;font-weight:600;font-size:14px}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.opt{position:relative;display:flex;align-items:center;min-height:56px;padding:16px 18px;border:2px solid #D5E2EA;border-radius:12px;background:#FFFFFF;font-size:15px;font-weight:600;color:#0F2A3A;cursor:pointer;transition:border-color .15s,background .15s}
.opt:hover{border-color:#9FC4DA}
.opt input{position:absolute;opacity:0;width:1px;height:1px}
.opt:has(input:checked),.opt.checked{border-color:#1F6FA3;background:#E3F2F7}
.opt:has(input:focus-visible){outline:3px solid #4DABE6;outline-offset:2px}
.summary{background:#FFFFFF;border:1px solid #E2EAF0;border-radius:14px;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;font-size:14px}
.summary div{display:flex;flex-direction:column;gap:4px}
.summary span{color:#4A6272;font-weight:600}
.summary strong{font-weight:700}
.nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #E2EAF0;padding-top:20px}
.btn{font:inherit;font-weight:700;font-size:15px;border-radius:10px;padding:12px 22px;min-height:44px;cursor:pointer;align-items:center}
.btn.primary{background:#1F6FA3;color:#FFFFFF;border:0}
.btn.primary:hover{background:#17587F;color:#FFFFFF}
.btn.ghost{background:transparent;color:#0F2A3A;border:1.5px solid #B9CAD5}
.btn:disabled{opacity:.45;cursor:default}
.btn[hidden]{display:none}
.faq{background:#FFFFFF;border:1px solid #E2EAF0;border-radius:14px}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;min-height:44px;font-size:17px;font-weight:700;color:#0F2A3A;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary span::after{content:'+';font-size:22px;color:#1F6FA3}
.faq[open] summary span::after{content:'\2212'}
.faq p{margin:0;padding:0 22px 22px;font-size:16px;line-height:1.65;color:#3E5868}
@media (max-width:640px){
 h1{font-size:40px!important;letter-spacing:-1px!important}
 h2{font-size:30px!important}
 section>div{padding-top:64px!important;padding-bottom:64px!important}
 .calc{padding:20px}
 .progress li>span:last-child{display:none}
 img[src*="hero"]{height:300px!important}
 img[src*="intake"],img[src*="avond"]{height:240px!important}
}