@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c3cb240f9c892514-s.270md_-rr62el.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0lsanbtneewqp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c3cb240f9c892514-s.270md_-rr62el.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0lsanbtneewqp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c3cb240f9c892514-s.270md_-rr62el.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0lsanbtneewqp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_bb12087c-module__O_Th-G__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_bb12087c-module__O_Th-G__variable{--font-body:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c3cb240f9c892514-s.270md_-rr62el.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0lsanbtneewqp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c3cb240f9c892514-s.270md_-rr62el.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0lsanbtneewqp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c3cb240f9c892514-s.270md_-rr62el.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0lsanbtneewqp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_ac177da0-module__V06McW__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_ac177da0-module__V06McW__variable{--font-display:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.3zhtymus0wdqb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.3nkuoiize4urq.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.1da667lu-u79a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1i05ju5aeyhye.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.1dgcou5jor5q_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.31-2bzhq1gx_9.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.3xauquyg2sixn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.2taws-qdxmzlf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0htwiiqufp3l9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.28xcb7557rbh2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_cbb339f3-module__Cm0rrG__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_cbb339f3-module__Cm0rrG__variable{--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--wit:#fff;--zwart:#141414;--papier:#f5f4f1;--map:#f2cf74;--ink:#1f2933;--muted:#68727e;--line:#e5e9ed;--vlak:#f7f9fa;--accent:#1c4f8c;--accent-donker:#163f70;--accent-soft:#edf3fa;--focus:#1c4f8c;--slecht:#b93321;--slecht-soft:#faedea;--matig:#a06a12;--matig-soft:#f8f1e2;--groen:#2e7d46;--groen-soft:#e9f4ec;--oranje:#b45a1d;--oranje-soft:#faeee3;--paars:#6b4fa0;--paars-soft:#efeaf7}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background:var(--papier);color:var(--ink);font-family:var(--font-body), "Helvetica Neue", Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.pagina{flex-direction:column;align-items:center;min-height:100dvh;display:flex}.pagina>main{width:100%}.kolom{text-align:center;width:100%;max-width:42rem;margin:0 auto;padding:0 1.25rem}.top{justify-content:flex-start;width:100%;max-width:72rem;margin:0 auto;padding:1.1rem 1.5rem;display:flex}.merk{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;color:var(--ink);letter-spacing:.01em;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.merk__teken{flex:none;width:26px;height:26px;display:block}.scherm{flex-direction:column;width:100%;display:flex}.scrol{color:var(--muted);justify-content:center;padding-bottom:1.5rem;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{grid-template-columns:1.05fr 1fr;align-items:center;gap:3rem;width:100%;max-width:72rem;min-height:calc(100dvh - 7.2rem);margin:0 auto;padding:1rem 1.5rem 2rem;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 1.1rem;font-size:clamp(2.4rem,4.6vw,3.7rem);font-weight:700;line-height:1.08}.hero .sub{color:var(--muted);max-width:28rem;margin:0 0 2rem;font-size:1.05rem}.hero .sub .mono,.hero .sub b{color:var(--ink);font-weight:600}.hero__cta{justify-content:center;align-items:center;width:fit-content;text-decoration:none;display:inline-flex}.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}.knop{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:0;min-height:52px;padding:.85rem 2.2rem;font-weight:500;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out,box-shadow .18s ease-out,transform .18s cubic-bezier(.33,0,.2,1)}.knop:focus-visible,.uitleg-knop:focus-visible,.link-knop:focus-visible,.invoer:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.knop:active{transform:scale(.98)}.knop--primair{background:var(--zwart);color:#fff;border:1px solid var(--zwart);border-radius:0;padding:.85rem 2.2rem;font-size:1.05rem;font-weight:500}.knop--primair:hover{background:var(--wit);color:var(--zwart);border-color:var(--zwart);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 14px #14141429}.knop--primair:active{box-shadow:none;transform:translateY(0)scale(.99)}.knop--keuze{background:var(--wit);color:var(--zwart);border:1px solid var(--zwart);border-radius:0;min-width:9rem;font-size:1.05rem;font-weight:500}.knop--keuze:hover{background:var(--zwart);color:#fff;border-color:var(--zwart);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 14px #14141429}.knop--keuze:active{box-shadow:none;transform:translateY(0)scale(.99)}.link-knop{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:0;min-height:44px;padding:.5rem .75rem}.link-knop:hover{color:var(--ink)}.link-knop:disabled{opacity:.4;cursor:default}.scan{padding:1rem 0 3.5rem}.scan--vol{align-items:center;min-height:calc(100dvh - 3.9rem);padding:0 0 3rem;display:flex}.scan--vol .kolom{width:100%}.kaart{background:var(--wit);border:1px solid var(--line);box-shadow:none;border-radius:0;padding:2.25rem 1.75rem 1.5rem}.waar{flex-direction:column;gap:.55rem;margin-bottom:2rem;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;text-wrap:balance;justify-content:center;align-items:center;min-height:3.5em;margin:0 0 1.5rem;font-size:clamp(1.25rem,3.4vw,1.6rem);font-weight:700;line-height:1.3;display:flex}.antwoorden{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:.75rem;display:flex}.vraag-top{justify-content:flex-end;margin-bottom:.25rem;display:flex}.info-knop{font:inherit;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:.35rem;min-height:44px;padding:.4rem .9rem;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);text-align:left;max-width:30rem;color:var(--muted);border-radius:0;margin:0 auto 1.5rem;padding:.9rem 1.1rem;font-size:.92rem}.uitlegpaneel p{margin:0 0 .6rem}.uitlegpaneel p:last-child{margin-bottom:0}.uitlegpaneel b{color:var(--ink);margin-bottom:.15rem;display:block}.chevron{flex:none;width:14px;height:14px;transition:transform .18s ease-out}.voet{justify-content:center;margin-top:1rem;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:2rem 0 1rem}.laden .kop{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;margin:0 0 1.75rem;font-size:1.35rem;font-weight:700}.laadstappen{text-align:left;flex-direction:column;gap:.85rem;max-width:22rem;margin:0 auto 1.5rem;padding:0;list-style:none;display:flex}.laadstappen li{color:var(--muted);align-items:center;gap:.7rem;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)}}@media (prefers-reduced-motion:reduce){.vraag-wissel,.laadstappen li.bezig .bolletje{animation:none}.balk>div,.chevron,.knop{transition:none}.knop--primair:hover,.knop--primair:active,.knop--keuze:hover,.knop--keuze:active,.knop:active{transform:none}.scrol svg{animation:none}.gauge__vulling,.sectie__balk span{transition:none}}.score{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;margin:.5rem 0 .25rem;font-size:clamp(4rem,14vw,6rem);font-weight:500;line-height:1}.score-label{color:var(--muted);margin:0 0 1.75rem}.gauge{width:fit-content;margin:.5rem auto .75rem;display:block;position:relative}.gauge svg{max-width:100%;height:auto;display:block}.gauge__spoor{stroke:var(--line)}.gauge__vulling{stroke:var(--accent);transition:stroke-dashoffset .6s ease-out}.gauge--matig .gauge__vulling{stroke:var(--matig)}.gauge--rood .gauge__vulling{stroke:var(--slecht)}.gauge__midden{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:24px;left:0;right:0}.gauge__getal{font-size:3rem;font-weight:500;line-height:1}.gauge--matig .gauge__getal{color:var(--matig)}.gauge--rood .gauge__getal{color:var(--slecht)}.gauge__label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.gauge__anker{fill:var(--muted);font-size:12px}.secties{text-align:left;border-top:1px solid var(--line);flex-direction:column;max-width:34rem;margin:1.5rem auto 0;display:flex}details.sectie{border-bottom:1px solid var(--line)}details.sectie summary{cursor:pointer;flex-direction:column;gap:.5rem;min-height:48px;padding:.9rem .25rem 1rem;list-style:none;display:flex}details.sectie summary::-webkit-details-marker{display:none}details.sectie[open] summary .chevron{transform:rotate(180deg)}.sectie__kop{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.sectie__naam{color:var(--ink);align-items:center;gap:.35rem;font-size:.95rem;font-weight:600;display:inline-flex}.sectie__punten{color:var(--muted);font-size:.95rem}.sectie__punten b{color:var(--ink);font-weight:500}.sectie__balk{background:var(--line);border-radius:0;height:8px;display:block;overflow:hidden}.sectie__balk span{background:var(--accent);transform-origin:0;border-radius:0;height:100%;transition:transform .6s ease-out;display:block}.sectie--matig .sectie__balk span{background:var(--matig)}.sectie--rood .sectie__balk span{background:var(--slecht)}.sectie--vervallen .sectie__naam,.sectie--vervallen .sectie__punten{color:var(--muted)}.sectie__vervalt{font-family:var(--font-body), sans-serif;color:var(--muted);font-size:.85rem}.sectie__inhoud{color:var(--muted);padding:0 .25rem 1rem;font-size:.9rem}.sectie__inhoud p{margin:0 0 .6rem}.kaders__kop{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;margin:2rem 0 .25rem;font-size:1.25rem;font-weight:700}.klaar-blok{background:var(--accent-soft);border-radius:0;margin-top:2rem;padding:1.1rem 1.25rem}.klaar-blok p{margin:0}.klaar-blok .klein{margin-top:.4rem}.antwoord-hint{margin:.35rem 0 0}.email-intro{color:var(--muted);max-width:26rem;margin:-.75rem auto 0}.vinkregel{text-align:left;color:var(--muted);cursor:pointer;align-items:flex-start;gap:.6rem;margin:.35rem 0 .5rem;font-size:.88rem;display:flex}.vinkregel input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:.15rem 0 0}.gate{max-width:26rem;margin:2rem auto 0}.gate h2{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;margin:0 0 .9rem;font-size:1.15rem;font-weight:700}.gate form{flex-direction:column;gap:.6rem;display:flex}.veldlabel{text-align:left;font-size:.85rem;font-weight:600}.veldlabel__optioneel{color:var(--muted);font-weight:400}.invoer{font:inherit;border:1px solid var(--line);background:var(--wit);min-height:50px;color:var(--ink);border-radius:0;width:100%;padding:.6rem .9rem}.invoer[aria-invalid=true]{border-color:var(--slecht)}.fout{color:var(--slecht);text-align:left;min-height:1.2em;margin:0;font-size:.85rem}.succes{color:var(--ink);font-size:.95rem}.klein{color:var(--muted);font-size:.8rem}.onder{border-top:1px solid var(--line);background:var(--wit);width:100%;margin-top:auto;padding:1.75rem 0 2.25rem}.onder .kolom{flex-direction:column;gap:.6rem;display:flex}.onder p{color:var(--muted);margin:0;font-size:.82rem}.onder details{color:var(--muted);font-size:.82rem}.onder summary{cursor:pointer;align-items:center;min-height:44px;margin:0 auto;display:inline-flex}.mono{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums}.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{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:3.5rem 1.25rem;display:grid}.tool__tekst h2{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;text-wrap:balance;margin:0 0 1.1rem;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:2rem 1.75rem 1.25rem}.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{flex-direction:column;gap:1.1rem;margin-top:1rem;display:flex}.vb__kop{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.45rem;display:flex}.vb__naam{font-size:.92rem;font-weight:600}.vb__onderschrift{text-align:center;margin:1.25rem 0 0;padding-right:3.5rem}.meer{padding:1rem 1.25rem 4rem}.meer h2{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;margin:0 0 1.75rem;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700}.faq{text-align:left;grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.faq__kolom{flex-direction:column;gap:1rem;display:flex}.faq__item{background:var(--wit);border:1px solid var(--line);border-radius:0}.faq__item summary{cursor:pointer;min-height:56px;color:var(--ink);align-items:center;gap:.6rem;padding:.9rem 1.25rem;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{color:var(--muted);margin:0;padding:0 1.25rem 1.1rem 3rem;font-size:.92rem}@media (max-width:52rem){.hero{grid-template-columns:1fr;gap:2.25rem;min-height:0;padding-top:1.5rem}.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{grid-template-columns:1fr;gap:2rem;padding-top:2.5rem}.faq{grid-template-columns:1fr}}@media (max-width:480px){.antwoorden{flex-direction:column}.knop--keuze{width:100%}}.kolom--beheer{text-align:left;max-width:72rem}.beheer-kop{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.1rem 0;display:flex}.beheer-kop__merk{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-size:.72rem;font-weight:700;text-decoration:none}.beheer-kop__nav{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.beheer-kop__nav a{min-height:44px;color:var(--muted);align-items:center;font-size:.9rem;text-decoration:none;transition:color .18s ease-out;display:inline-flex}.beheer-kop__nav a:hover{color:var(--ink);text-decoration:underline}.beheer-badge{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--matig);color:var(--matig);background:var(--matig-soft);padding:.15rem .5rem;font-size:.66rem;display:inline-block}.tegels{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem;margin:0 0 1.5rem;display:grid}.tegel{background:var(--wit);border:1px solid var(--line);color:inherit;padding:.9rem 1rem;text-decoration:none;transition:border-color .18s ease-out;display:block}.tegel:hover{border-color:var(--muted)}.tegel--actief{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tegel__aantal{color:var(--ink);font-size:1.6rem;font-weight:700;line-height:1.15;display:block}.tegel__label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.15rem;font-size:.66rem;display:block}.beheer-tabel{border-collapse:collapse;background:var(--wit);border:1px solid var(--line);width:100%}.beheer-tabel th{text-align:left;border-bottom:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.6rem .75rem;font-size:.66rem;font-weight:600}.beheer-tabel td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:.65rem .75rem}.beheer-tabel tbody tr{transition:background-color .18s ease-out}.beheer-tabel tbody tr:hover{background:var(--vlak)}.beheer-tabel td:first-child a{color:var(--ink);text-decoration:none}.beheer-tabel td:first-child a:hover{text-decoration:underline}@media (max-width:640px){.beheer-tabel th.beheer-tabel__optioneel,.beheer-tabel td.beheer-tabel__optioneel{display:none}}.beheer-status{letter-spacing:.1em;text-transform:uppercase;border:1px solid;padding:.15rem .5rem;font-size:.66rem;display:inline-block}.beheer-status--nieuw{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.beheer-status--gebeld{color:var(--matig);background:var(--matig-soft);border-color:var(--matig)}.beheer-status--terugbellen{color:var(--oranje);background:var(--oranje-soft);border-color:var(--oranje)}.beheer-status--demo{color:var(--paars);background:var(--paars-soft);border-color:var(--paars)}.beheer-status--klant{color:var(--groen);background:var(--groen-soft);border-color:var(--groen)}.beheer-status--afgewezen{color:var(--muted);border-color:var(--line);background:0 0}.score-cel--rood{color:var(--slecht)}.score-cel--matig{color:var(--matig)}.notitie{border-top:1px solid var(--line);text-align:left;padding:.75rem 0}.notitie__tijd{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem;font-size:.7rem;display:block}.beheer-formulier{text-align:left;flex-direction:column;gap:.9rem;max-width:28rem;display:flex}.beheer-kop__nav a:focus-visible,.tegel:focus-visible,.beheer-tabel a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.beheer-kop__nav a,.tegel,.beheer-tabel tbody tr{transition:none}}.beheer .secties{max-width:none;margin-left:0;margin-right:0}.dossier-kop__wie{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.melding{border:1px solid var(--line);background:var(--wit);margin:0 0 1.25rem;padding:.7rem 1rem;font-size:.9rem}.melding--ok{border-color:var(--groen);background:var(--groen-soft)}.melding--fout{border-color:var(--slecht);background:var(--slecht-soft)}.taken{flex-direction:column;gap:1.5rem;display:flex}.taken__groep h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.66rem;font-weight:600}.taken__groep>summary{cursor:pointer;align-items:center;gap:.35rem;min-height:44px;margin-bottom:.25rem;list-style:none;display:flex}.taken__groep>summary::-webkit-details-marker{display:none}.taken__groep>summary h2{margin:0}.taken__groep[open]>summary .chevron{transform:rotate(180deg)}.taak{background:var(--wit);border:1px solid var(--line);min-height:44px;color:inherit;border-left-width:3px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem 1rem;padding:.7rem 1rem;text-decoration:none;transition:background-color .18s ease-out;display:flex}.taak+.taak{border-top:0}.taak:hover{background:var(--vlak)}.taak--nu{border-left-color:var(--slecht)}.taak--week{border-left-color:var(--matig)}.taak--binnenkort{border-left-color:var(--accent)}.taak--later{border-left-color:var(--line)}.taak__titel{color:var(--ink);font-size:.95rem;font-weight:500}.taak__titel .klein{margin-top:.15rem;font-weight:400;display:block}.taak__wanneer{color:var(--muted);white-space:nowrap;font-size:.8rem}.taak__wanneer--laat{color:var(--slecht)}.item{background:var(--wit);border:1px solid var(--line);padding:1rem 1.1rem;scroll-margin-top:1.5rem}.item+.item{margin-top:.75rem}.item__kop{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem .9rem;display:flex}.item__kop h3{margin:0;font-size:.95rem;font-weight:600}.item__status{flex:none;align-items:center;gap:.5rem;display:inline-flex}.item details>summary{cursor:pointer;min-height:44px;color:var(--muted);align-items:center;gap:.35rem;font-size:.85rem;list-style:none;display:inline-flex}.item details>summary::-webkit-details-marker{display:none}.item details[open]>summary .chevron{transform:rotate(180deg)}.item details p{color:var(--muted);margin:0 0 .5rem;font-size:.9rem}.bestandslijst{margin:.6rem 0 0;padding:0;list-style:none}.bestandslijst li{border-top:1px solid var(--line)}.bestandslijst a{min-height:44px;color:var(--ink);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.9rem;text-decoration:none;display:flex}.bestandslijst a:hover{text-decoration:underline}.bestandslijst__meta{color:var(--muted);font-size:.8rem}.upload-formulier{border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-top:.9rem;padding-top:.9rem;display:flex}.upload-formulier__veld{flex-direction:column;gap:.3rem;display:flex}.upload-formulier input[type=file]{font:inherit;max-width:100%;font-size:.85rem}.upload-formulier .fout{flex-basis:100%}.beheer-status--geldig{color:var(--groen);background:var(--groen-soft);border-color:var(--groen)}.beheer-status--verloopt{color:var(--matig);background:var(--matig-soft);border-color:var(--matig)}.beheer-status--verlopen{color:var(--slecht);background:var(--slecht-soft);border-color:var(--slecht)}.beheer-status--ontbreekt{color:var(--oranje);background:var(--oranje-soft);border-color:var(--oranje)}.beheer-status--nvt{color:var(--muted);border-color:var(--line);background:0 0}.taak:focus-visible,.bestandslijst a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.taak{transition:none}}[data-beheer-thema=donker] .beheer{--wit:#1c1c1c;--zwart:#f0efec;--papier:#131313;--ink:#e8e6e2;--muted:#9aa3ad;--line:#2e2e2e;--vlak:#232323;--accent:#8ab2e2;--accent-donker:#a9c6ec;--accent-soft:#1c2836;--focus:#8ab2e2;--slecht:#e0685a;--slecht-soft:#351d19;--matig:#d3a04f;--matig-soft:#322817;--groen:#66b981;--groen-soft:#1c2f22;--oranje:#d98a4f;--oranje-soft:#33241a;--paars:#b39ddb;--paars-soft:#262031;background:var(--papier);color:var(--ink)}[data-beheer-thema=donker] .beheer .knop--primair{color:#141414}[data-beheer-thema=donker] .beheer .knop--primair:hover{color:var(--zwart)}[data-beheer-thema=donker] .beheer .invoer{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
