.scan-voorbeeld{max-width:480px;margin-inline:auto;position:relative}.scan-voorbeeld .sticker{--draai:5deg;z-index:1;padding:11px 15px;font-size:.95rem;position:absolute;top:-18px;right:-6px}.sv-kaart{border:2px solid var(--inkt);box-shadow:12px 12px 0 var(--blauw);background:#fff;border-radius:24px;gap:14px;padding:22px;display:grid}.sv-kop{font-family:var(--kop);justify-content:space-between;align-items:center;gap:12px;font-size:1.15rem;display:flex}.sv-kop span{color:var(--grijs);background:var(--vlak);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.sv-kaart ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sv-kaart li{border:1px solid var(--lijn);border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px 12px;font-weight:700;display:grid}.sv-kaart .icoon{width:40px;height:40px;box-shadow:0 4px 0 var(--nacht-2);border-radius:12px}.sv-kaart .icoon svg{width:20px;height:20px}.sv-kaart .pil{border-radius:999px;padding:4px 10px;font-size:.8rem;font-style:normal}.paginakop-scan{background:linear-gradient(180deg, #fff 0%, var(--wolk) 100%);border-bottom:1px solid var(--lijn);padding-block:clamp(40px,6vw,72px)}.raster.vijf{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.scan-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;display:flex}.kop-tekst{justify-items:start;gap:10px;max-width:680px;display:grid}.kop-tekst h2{overflow-wrap:anywhere;font-size:clamp(2.2rem,5vw,3.8rem)}.meter{width:190px;height:190px;box-shadow:var(--schaduw-groot);background:#fff;border-radius:50%;flex-shrink:0;padding:14px;position:relative}.meter svg{width:100%;height:100%;transform:rotate(-90deg)}.baan{fill:none;stroke:var(--vlak-2);stroke-width:10px}.vulling{fill:none;stroke:var(--blauw);stroke-width:10px;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327px;transition:stroke-dashoffset .8s}.vulling[data-niveau=goed]{stroke:var(--groen)}.vulling[data-niveau=let-op]{stroke:#d48a00}.vulling[data-niveau=slecht]{stroke:#c2410c}.cijfer{text-align:center;color:var(--inkt);place-content:center;display:grid;position:absolute;inset:0}.cijfer strong{font:800 3.2rem/1 var(--kop);letter-spacing:-.04em}.cijfer span{color:var(--grijs);font-size:.85rem}.scan-raster{grid-template-columns:1.5fr 1fr;align-items:start;gap:clamp(24px,4vw,48px);display:grid}.groepen{gap:20px;display:grid}.groep{border:1px solid var(--lijn);background:#fff;border-radius:22px;gap:16px;padding:26px;display:grid}.groep h2{font-size:1.3rem}.checks{gap:12px;margin:0;padding:0;list-style:none;display:grid}.check{border-left:5px solid var(--lijn);gap:4px;padding:4px 0 4px 16px;display:grid}.check.goed{border-color:var(--groen)}.check.let-op{border-color:#d48a00}.check.slecht{border-color:#c2410c}.check-kop{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.check p{color:var(--grijs);font-size:.97rem}.pil{background:var(--vlak);color:var(--grijs);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.8rem;font-weight:600}.goed .pil{color:var(--groen);background:#e4f4ec}.let-op .pil{color:#8a5300;background:#fdf1dc}.slecht .pil{color:#9a3412;background:#fdeae2}.laden{color:var(--grijs);align-items:center;gap:10px;display:flex}.laden:before{content:"";border:2px solid var(--lijn);border-top-color:var(--blauw);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite draai}@keyframes draai{to{transform:rotate(360deg)}}.fout{color:var(--grijs)}.ai-antwoord summary{cursor:pointer;color:var(--blauw);font-weight:600}.ai-antwoord p{white-space:pre-line;color:var(--grijs);margin-top:10px;font-size:.95rem}.volgende{position:sticky;top:96px}.stap{background:var(--nacht);color:#dce8fb;box-shadow:var(--schaduw-groot);background-image:radial-gradient(70% 50% at 100% 0,#0071e366,#0000 70%);border-radius:28px;gap:14px;padding:32px 28px;display:grid}.stap h2{color:#fff;font-size:1.6rem}.stap strong{color:#fff}.stap .boventitel{color:var(--blauw-licht)}.stap a:not(.knop){color:#fff}.mini{gap:8px;display:grid}.mini label{color:#fff;font-size:.92rem;font-weight:600}.mini input{font:inherit;color:var(--inkt);background:#fff;border:1.5px solid #0000;border-radius:10px;width:100%;padding:12px 14px}.mini input:focus{outline:3px solid #8fc0ff}.mini .knop{width:100%;margin-top:8px}.mini .vink{color:#b4c2e3;align-items:flex-start;gap:10px;margin-top:6px;font-weight:400;display:flex}.mini .vink input{width:auto;margin-top:4px}.mini .klein{color:#a9bedf}.verstopt{position:absolute;left:-9999px}.melding{color:#7a4a00;background:#fdf1dc;border-radius:8px;padding:10px 12px}.na{gap:8px;margin:0;padding-left:1.2em;display:grid}@media (width<=900px){.scan-raster{grid-template-columns:1fr}.volgende{position:static}}@media (prefers-reduced-motion:reduce){.laden:before{animation:none}}