.scherm{flex-direction:column;width:100%;display:flex}.scrol{padding-bottom:var(--sp-5);color:var(--muted);justify-content:center;display:flex}.scrol svg{width:22px;height:22px;animation:2.2s ease-in-out infinite wip}@keyframes wip{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.hero{width:100%;max-width:72rem;padding:var(--sp-4) var(--sp-5) var(--sp-6);gap:var(--sp-7);grid-template-columns:1.05fr 1fr;align-items:center;min-height:calc(100dvh - 7.2rem);margin:0 auto;display:grid}.hero__tekst{text-align:left}.geen-afbreek{white-space:nowrap}.hero h1{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.015em;margin:0 0 var(--sp-4);font-size:clamp(2.4rem,4.6vw,3.7rem);font-weight:700;line-height:1.08}.hero .sub{color:var(--muted);margin:0 0 var(--sp-6);max-width:28rem;font-size:1.05rem}.hero .sub .mono,.hero .sub b{color:var(--ink);font-weight:600}.collage{width:100%;height:30rem;position:relative}.cl{position:absolute}@keyframes cl-pop{0%{opacity:0;transform:scale(.2) rotate(var(--cl-rot,0deg))}65%{opacity:1;transform:scale(1.12) rotate(var(--cl-rot,0deg))}to{opacity:1;transform:scale(1) rotate(var(--cl-rot,0deg))}}.cl{animation:.65s cubic-bezier(.3,1.4,.6,1) both cl-pop}.cl__vlak{animation-delay:50ms}.cl__dossier{animation-delay:.2s}.cl__stat{animation-delay:.35s}.cl__mini{animation-delay:.5s}.cl__zigzag{animation-delay:.62s}.cl__sticker{animation-delay:.74s}@keyframes cl-weg{to{opacity:0;transform:translateY(var(--weg-y,-45vh)) scale(var(--weg-schaal,.4)) rotate(calc(var(--cl-rot,0deg) + var(--weg-rot,0deg)))}}@supports (animation-timeline:scroll()){.cl{animation-name:cl-pop,cl-weg;animation-duration:.65s,1s;animation-timing-function:cubic-bezier(.3,1.4,.6,1),cubic-bezier(.45,0,.55,1);animation-fill-mode:both,both;animation-timeline:auto,scroll(root);animation-range:normal,0 70vh}.cl__vlak{--weg-y:-30vh;--weg-schaal:.6;--weg-rot:-3deg}.cl__dossier{--weg-y:-46vh;--weg-schaal:.45;--weg-rot:6deg}.cl__stat{--weg-y:-55vh;--weg-schaal:.4;--weg-rot:-8deg}.cl__mini{--weg-y:-50vh;--weg-schaal:.4;--weg-rot:10deg}.cl__zigzag{--weg-y:-60vh;--weg-schaal:.35;--weg-rot:-14deg}.cl__sticker{--weg-y:-65vh;--weg-schaal:.3;--weg-rot:20deg}}@media (prefers-reduced-motion:reduce){.cl,.vb-map,.vb-collage .kaart,.vb-zigzag,.vb-sticker,.vb-collage .gauge__vulling,.vb-collage .sectie__balk span{animation:none}}.cl__vlak{width:62%;height:80%;top:4%;right:4%}.cl__vlak>span{display:block;position:absolute}.map__rug{background:#c95f2e;width:5%;height:20%;top:12%;left:4%}.map__tabblad{clip-path:polygon(0 100%,0 25%,30% 25%,36% 0,64% 0,70% 25%,100% 25%,100% 100%);background:#6fa8e8;width:50%;height:26%;top:6%;left:8%}.map__papier{background:#f6e7c8;width:48%;height:16%;top:16%;left:14%}.map__voor{background:var(--map);clip-path:polygon(0 30%,58% 30%,66% 14%,100% 14%,100% 100%,0 100%);inset:0}.cl__dossier{background:var(--wit);border:1px solid var(--line);width:58%;padding:1rem 1.1rem 1.1rem;top:34%;left:3%}.cl__kop{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem;font-size:.62rem;display:block}.cl__regels{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.cl__regels li{align-items:center;gap:.6rem;display:flex}.cl__balk{background:var(--line);flex:none;height:7px;display:block}.cl__vink{flex:none;width:14px;height:14px;margin-left:auto}.cl__stat{background:var(--zwart);color:#fff;flex-direction:column;width:46%;padding:.9rem 1rem 1rem;line-height:1.2;display:flex;top:30%;right:0}.cl__statlabel{letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e;font-size:.66rem}.cl__statgetal{margin:.2rem 0 .15rem;font-size:2.6rem;font-weight:500;line-height:1.05}.cl__statvoet{color:#ffffff9e;font-size:.68rem}.cl__zigzag{z-index:2;width:30%;height:auto;display:block;bottom:16%;left:0}.cl__mini{background:var(--wit);border:1px solid var(--line);flex-direction:column;gap:.5rem;width:42%;padding:.85rem .9rem;display:flex;bottom:19%;left:14%}.cl__spoor{background:var(--line);height:6px;display:block}.cl__spoor>span{background:var(--accent);height:100%;display:block}.cl__sticker{background:var(--accent-donker);color:#fff;text-align:center;--cl-rot:-8deg;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:7rem;height:7rem;display:flex;bottom:8%;right:3%;transform:rotate(-8deg)}.cl__stickerklein{letter-spacing:.12em;text-transform:uppercase;color:#ffffffb8;font-size:.62rem;line-height:1}.cl__stickergroot{font-size:.95rem;font-weight:700;line-height:1.1}.waar{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-direction:column;display:flex}.waar .deel{font-family:var(--font-mono), monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-size:.72rem}.balk{background:var(--line);border-radius:999px;height:5px;overflow:hidden}.balk>div{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(var(--voortgang,0));border-radius:999px;transition:transform .26s ease-out}.waar .stap{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.8rem}.vraag{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;margin:0 0 var(--sp-5);text-wrap:balance;justify-content:center;align-items:center;min-height:3.5em;font-size:clamp(1.25rem,3.4vw,1.6rem);font-weight:700;line-height:1.3;display:flex}.antwoorden{gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.vraag-top{margin-bottom:var(--sp-1);justify-content:flex-end;display:flex}.info-knop{font:inherit;border:1px solid var(--line);color:var(--muted);cursor:pointer;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-4);background:0 0;border-radius:0;font-size:.85rem;font-weight:600;transition:color .18s ease-out,border-color .18s ease-out;display:inline-flex}.info-knop:hover{color:var(--accent);border-color:var(--accent)}.info-knop[aria-expanded=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.uitlegpaneel{background:var(--vlak);border:1px solid var(--line);padding:var(--sp-4);margin:0 auto var(--sp-5);text-align:left;max-width:30rem;color:var(--muted);border-radius:0;font-size:.92rem}.uitlegpaneel p{margin:0 0 var(--sp-3)}.uitlegpaneel p:last-child{margin-bottom:0}.uitlegpaneel b{color:var(--ink);margin-bottom:var(--sp-1);display:block}.voet{margin-top:var(--sp-4);justify-content:center;display:flex}.stapel{position:relative}.vraag-wissel{animation:.24s ease-out binnen}@keyframes binnen{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.laden{padding:var(--sp-6) 0 var(--sp-4)}.laden .kop{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;margin:0 0 var(--sp-6);font-size:1.35rem;font-weight:700}.laadstappen{margin:0 auto var(--sp-5);text-align:left;gap:var(--sp-4);flex-direction:column;max-width:22rem;padding:0;list-style:none;display:flex}.laadstappen li{align-items:center;gap:var(--sp-3);color:var(--muted);transition:color .2s ease-out;display:flex}.laadstappen li.klaar{color:var(--ink)}.bolletje{border:2px solid var(--line);border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:border-color .2s ease-out,background-color .2s ease-out;display:inline-flex}.laadstappen li.bezig .bolletje{border-color:var(--accent);animation:.9s ease-in-out infinite puls}.laadstappen li.klaar .bolletje{border-color:var(--accent);background:var(--accent)}.laadstappen li.klaar .bolletje svg{stroke:#fff}@keyframes puls{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.score{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;margin:var(--sp-2) 0 var(--sp-1);font-size:clamp(4rem,14vw,6rem);font-weight:500;line-height:1}.score-label{color:var(--muted);margin:0 0 var(--sp-6)}.secties{margin:var(--sp-5) auto 0;text-align:left;border-top:1px solid var(--line);flex-direction:column;max-width:34rem;display:flex}details.sectie{border-bottom:1px solid var(--line)}details.sectie summary{cursor:pointer;gap:var(--sp-2);padding:var(--sp-4) var(--sp-1);flex-direction:column;min-height:48px;list-style:none;display:flex}details.sectie summary::-webkit-details-marker{display:none}details.sectie[open] summary .chevron{transform:rotate(180deg)}.sectie__inhoud{padding:0 var(--sp-1) var(--sp-4);color:var(--muted);font-size:.9rem}.sectie__inhoud p{margin:0 0 var(--sp-3)}.kaders__kop{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;margin:var(--sp-6) 0 var(--sp-1);font-size:1.25rem;font-weight:700}.klaar-blok{margin-top:var(--sp-6);padding:var(--sp-4) var(--sp-5);background:var(--accent-soft);border-radius:0}.klaar-blok p{margin:0}.klaar-blok .klein{margin-top:var(--sp-2)}.antwoord-hint{margin:var(--sp-1) 0 0}.email-intro{color:var(--muted);max-width:26rem;margin:calc(var(--sp-3) * -1) auto 0}.score-label{max-width:26rem;margin-left:auto;margin-right:auto}.band{width:100%;overflow:clip}.band--vlak{background:var(--wit);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.band--blauw{background:var(--accent-soft)}.kolom--breed{max-width:64rem}.tool{gap:var(--sp-7);padding:var(--sp-7) var(--sp-5);text-align:left;grid-template-columns:1fr 1fr;align-items:center;display:grid}.tool__tekst h2{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;margin:0 0 var(--sp-4);text-wrap:balance;font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:700;line-height:1.2}.tool__tekst p{color:var(--muted);max-width:32rem;margin:0}.vb{padding:var(--sp-6) var(--sp-5) var(--sp-4)}.vb-collage{position:relative}.vb-collage .kaart{z-index:1;position:relative}.vb-map{background:var(--map);clip-path:polygon(0 10%,42% 10%,50% 0,100% 0,100% 100%,0 100%);width:72%;height:55%;position:absolute;top:-1.4rem;right:-1.4rem}.vb-zigzag{z-index:2;width:8.5rem;height:auto;position:absolute;bottom:3.2rem;left:-1.7rem}.vb-sticker{z-index:2;background:var(--accent-donker);color:#fff;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:6.5rem;height:6.5rem;display:flex;position:absolute;bottom:-2rem;right:-1.9rem;transform:rotate(-8deg)}@keyframes meter-vul{0%{stroke-dashoffset:100px}}@keyframes balk-vul{0%{transform:scaleX(0)}}@keyframes vb-onthul{0%{opacity:0;transform:translateY(10px) scale(.985) rotate(var(--cl-rot,0deg))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--cl-rot,0deg))}}@supports (animation-timeline:view()){.vb-collage{view-timeline:--vb-onthul}.vb-map,.vb-collage .kaart,.vb-zigzag,.vb-sticker{animation:1s cubic-bezier(.33,0,.2,1) both vb-onthul;animation-timeline:--vb-onthul}.vb-map{animation-range:cover 4% cover 30%}.vb-collage .kaart{animation-range:cover 7% cover 33%}.vb-zigzag{animation-range:cover 10% cover 36%}.vb-sticker{--cl-rot:-8deg;animation-range:cover 13% cover 39%}.vb-collage .gauge__vulling{animation:1s ease-out both meter-vul;animation-timeline:--vb-onthul;animation-range:cover 15% cover 45%}.vb-collage .sectie__balk span{animation:1s ease-out both balk-vul;animation-timeline:--vb-onthul;animation-range:cover 15% cover 45%}}.vb__rijen{gap:var(--sp-4);margin-top:var(--sp-4);flex-direction:column;display:flex}.vb__kop{justify-content:space-between;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-2);display:flex}.vb__naam{font-size:.92rem;font-weight:600}.vb__onderschrift{text-align:center;margin:var(--sp-5) 0 0;padding-right:var(--sp-7)}.meer{padding:var(--sp-4) var(--sp-5) var(--sp-8)}.meer h2{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;margin:0 0 var(--sp-6);font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700}.faq{gap:var(--sp-4);text-align:left;grid-template-columns:1fr 1fr;align-items:start;display:grid}.faq__kolom{gap:var(--sp-4);flex-direction:column;display:flex}.faq__item{background:var(--wit);border:1px solid var(--line);border-radius:0}.faq__item summary{cursor:pointer;align-items:center;gap:var(--sp-2);min-height:56px;padding:var(--sp-4) var(--sp-5);color:var(--ink);font-weight:600;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary .chevron{color:var(--accent);transform:rotate(-90deg)}.faq__item[open] summary .chevron{transform:rotate(0)}.faq__item summary:hover{color:var(--accent)}.faq__item p{padding:0 var(--sp-5) var(--sp-4) var(--sp-7);color:var(--muted);margin:0;font-size:.92rem}@media (max-width:52rem){.hero{gap:var(--sp-6);min-height:0;padding-top:var(--sp-5);grid-template-columns:1fr}.hero .sub{max-width:none}.collage{height:22rem}.cl__dossier{padding:.8rem .9rem .9rem}.cl__stat{padding:.7rem .8rem .8rem}.cl__statgetal{font-size:2rem}.cl__sticker{width:6rem;height:6rem}.cl__stickergroot{font-size:.82rem}.cl__mini{gap:.4rem;padding:.6rem .7rem}.cl__regels{gap:.55rem}}@media (max-width:760px){.tool{gap:var(--sp-6);padding-top:var(--sp-6);grid-template-columns:1fr}.faq{grid-template-columns:1fr}}@media (max-width:480px){.antwoorden{flex-direction:column}}.klaar-blok__vervolg{margin-top:var(--sp-5);justify-content:center;display:flex}.klaar-blok__vervolg .knop{text-align:center;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}