html.thema-klaar{--licht-inkt:var(--inkt);--licht-grijs:var(--grijs);--licht-doek:var(--doek);--licht-doek-donker:var(--doek-donker);--licht-lijn:var(--lijn)}html.thema-klaar h1,html.thema-klaar h2,html.thema-klaar h3{font-family:var(--va-serif);letter-spacing:-.005em;font-weight:600}html.thema-klaar .cijfer .waarde{font-family:var(--va-serif);font-weight:600}html.thema-klaar .kaart>h2:before{content:"";background:var(--va-goud);border-radius:2px;width:34px;height:3px;margin-bottom:10px;display:block}html.thema-klaar .thema-schakelaar{min-height:36px;color:var(--inkt);align-items:center;gap:8px;padding:4px 6px;font-size:.85rem;font-weight:600;display:inline-flex}html.thema-klaar .thema-schakelaar-baan{border:1.5px solid var(--grijs);background:0 0;border-radius:999px;flex-shrink:0;width:40px;height:22px;position:relative}html.thema-klaar .thema-schakelaar-knop{background:var(--grijs);border-radius:50%;width:15px;height:15px;position:absolute;top:2px;left:2px}html.thema-klaar .thema-schakelaar[aria-checked=true] .thema-schakelaar-baan{background:var(--va-goud);border-color:var(--va-goud)}html.thema-klaar .thema-schakelaar[aria-checked=true] .thema-schakelaar-knop{background:var(--va-knoptekst);transform:translate(18px)}@media (prefers-reduced-motion:no-preference){html.thema-klaar .thema-schakelaar-baan,html.thema-klaar .thema-schakelaar-knop{transition:background .15s,transform .15s}}html.thema-klaar[data-thema=donker],html.thema-klaar[data-thema=donker] body{background:var(--va-doek)}html.thema-klaar[data-thema=donker] body{background-image:none}html.thema-klaar[data-thema=donker] .app{--inkt:rgb(var(--va-creme-rgb));--grijs:var(--va-tekst-zacht);--doek:var(--va-accent);--doek-donker:var(--va-goud);--lijn:var(--va-haarlijn);--knop-tekst:var(--va-knoptekst);color:var(--inkt)}html.thema-klaar[data-thema=donker] body>footer{--grijs:var(--va-tekst-klein);--doek:var(--va-accent)}html.thema-klaar[data-thema=donker] :is(.kaart,.cijfer,.signaal,.succes-banner,.souffleur,.chip,.keuze,.factuur-preview,.ontvang-kaart,.eigen-kleuren,.gesprek .tekst,.gesprek .antwoord,.pakket-citaat,.pakket-code){--inkt:var(--licht-inkt);--grijs:var(--licht-grijs);--doek:var(--licht-doek);--doek-donker:var(--licht-doek-donker);--lijn:var(--licht-lijn);--knop-tekst:#fff}html.thema-klaar[data-thema=donker] :is(.kaart,.cijfer,.signaal,.chip,.keuze,.factuur-preview,.ontvang-kaart,.eigen-kleuren,.gesprek .tekst,.gesprek .antwoord,.pakket-citaat,.pakket-code){color:var(--inkt)}html.thema-klaar[data-thema=donker] .chip.actief{color:#fff}html.thema-klaar[data-thema=donker] .chip.meer{color:var(--grijs)}html.thema-klaar[data-thema=donker] .keuze.actief,html.thema-klaar[data-thema=donker] .chip.actief:not(.kaart .chip){box-shadow:0 0 0 3px var(--va-goud)}html.thema-klaar[data-thema=donker] :is(.keuze.actief,.chip.actief:not(.kaart .chip)):focus-visible{outline-offset:6px}@media (max-width:820px){html.thema-klaar[data-thema=donker] .pakket-tabel tr{--inkt:var(--licht-inkt);--grijs:var(--licht-grijs);--doek:var(--licht-doek);--doek-donker:var(--licht-doek-donker);--lijn:var(--licht-lijn);--knop-tekst:#fff;color:var(--inkt)}}html.thema-klaar[data-thema=donker] .topbar{border-bottom:1px solid var(--va-haarlijn)}html.thema-klaar[data-thema=donker] .topbar .logo{background:var(--papier);border-radius:12px;padding:6px 12px;color:var(--licht-inkt)!important}html.thema-klaar[data-thema=donker] .knop:not(.stil):not(.goud),html.thema-klaar[data-thema=donker] :is(.gesprek .gekozen,.gesprek .antwoord.actief),html.thema-klaar[data-thema=donker] .knop.stil:hover{color:var(--knop-tekst)}html.thema-klaar[data-thema=donker] .knop.goud{color:var(--licht-inkt)}html.thema-klaar[data-thema=donker] .knop.goud:hover{color:#fff}html.thema-klaar[data-thema=donker] .terug:hover{background:rgba(var(--va-creme-rgb), .1)}html.thema-klaar[data-thema=donker] .stage>main>.eyebrow{position:relative}html.thema-klaar[data-thema=donker] .stage>main>.eyebrow:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#c9953f38,#c9953f17 45%,#c9953f00);width:440px;height:240px;position:absolute;top:-112px;left:-216px}html.thema-klaar body{overflow-x:clip}html.thema-klaar .stage>main>h1{margin-bottom:12px;font-size:clamp(1.95rem,5.2vw,2.75rem);line-height:1.1}html.thema-klaar .stage>main>.eyebrow{letter-spacing:.14em;align-items:center;gap:9px;width:fit-content;display:flex}html.thema-klaar .stage>main>.eyebrow:before{content:"";background:var(--va-goud);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px 2px #c9953f8c}html.thema-klaar .cijfer,html.thema-klaar .kaart{border-radius:var(--va-radius);background:linear-gradient(180deg, var(--kaart) 0%, var(--papier) 100%);box-shadow:inset 0 1px #fffc,0 14px 34px #2b24301c}html.thema-klaar[data-thema=donker] .cijfer,html.thema-klaar[data-thema=donker] .kaart{box-shadow:inset 0 1px 0 #fffc, var(--va-schaduw);border-color:#0000}html.thema-klaar .stage>main>:is(.cijfers,.kaart,.acties){z-index:1;position:relative}html.thema-klaar .cijfer.klikbaar:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fffc,0 20px 44px #2b24302e}html.thema-klaar .factuur-item{border-radius:10px}html.thema-klaar .factuur-item[data-soort]{border-top-left-radius:0;border-bottom-left-radius:0}html.thema-klaar .factuur-item:hover{background:#c9953f14}html.thema-klaar .cijfer.potje{z-index:1;background:linear-gradient(180deg, var(--kaart) 0%, var(--spot-zacht) 260%);border:1px solid #c9953f80;padding-top:20px;position:relative;overflow:hidden}@media (min-width:360px){html.thema-klaar .cijfers{grid-auto-flow:dense}html.thema-klaar .cijfer.potje{grid-column:span 2}}@media (min-width:900px){html.thema-klaar .cijfers{grid-template-columns:repeat(3,1fr)}}html.thema-klaar .cijfer.potje:before{content:"";background:linear-gradient(90deg, var(--va-goud-licht), var(--va-goud));height:5px;position:absolute;inset:0 0 auto}html.thema-klaar .cijfer.potje{--grijs:var(--licht-inkt)}html.thema-klaar .cijfer.klikbaar:focus-visible{box-shadow:0 0 0 3px var(--licht-inkt), 0 14px 34px #2b24301c}html.thema-klaar .cijfer.potje .label{color:var(--inkt);letter-spacing:0;text-transform:none;font-size:1rem;font-weight:700;line-height:1.25}html.thema-klaar .cijfer .cijfer-periode{background:var(--spot-zacht);border-radius:999px;padding:2px 10px;font-weight:700;display:inline-block;color:var(--spot-tekst)!important;margin-top:7px!important;font-size:.74rem!important}html.thema-klaar .cijfer.potje .waarde{letter-spacing:-.01em;margin-top:8px;font-size:clamp(1.8rem,6vw,2.2rem);line-height:1.1}html.thema-klaar .souffleur{background:radial-gradient(260px 160px at 50% -20px, #c9953f38, #c9953f00 75%), linear-gradient(165deg, #3a2b36 0%, var(--licht-inkt) 60%);border:1px solid #c9953f66;box-shadow:0 24px 52px #00000052,0 0 0 1px #c9953f1f}html.thema-klaar .souffleur .rol{font-family:var(--va-serif);color:var(--va-accent);border-bottom:1px solid #c9953f4d;padding-bottom:12px;font-size:1.12rem;font-weight:600}html.thema-klaar .souffleur .rol span{color:var(--va-accent)}html.thema-klaar .souffleur .lampje-embleem{height:28px}html.thema-klaar .souffleur p{line-height:1.6}html.thema-klaar .souffleur a,html.thema-klaar .souffleur em{color:var(--va-accent)}@media (prefers-reduced-motion:no-preference){html.thema-klaar [data-optellend=wacht]{visibility:hidden;animation:0s 3s forwards thema-vangnet}html.thema-klaar .stage>main>.eyebrow,html.thema-klaar .stage>main>h1,html.thema-klaar .stage>main>.sub{animation:.7s cubic-bezier(.2,.7,.2,1) both thema-op}html.thema-klaar .stage>main>h1{animation-delay:80ms}html.thema-klaar .stage>main>.sub{animation-delay:.16s}html.thema-klaar .cijfers>.cijfer{animation:.7s cubic-bezier(.2,.7,.2,1) both thema-op}html.thema-klaar .cijfers>.cijfer:nth-child(2){animation-delay:80ms}html.thema-klaar .cijfers>.cijfer:nth-child(3){animation-delay:.16s}html.thema-klaar .cijfers>.cijfer:nth-child(4){animation-delay:.24s}html.thema-klaar .stage>main>.kaart,html.thema-klaar .stage>main>.acties{animation:.7s cubic-bezier(.2,.7,.2,1) .3s both thema-op}html.thema-klaar .cijfer,html.thema-klaar .kaart{transition:transform .18s,box-shadow .18s}html.thema-klaar .stage>main>.eyebrow:before{animation:2.4s ease-in-out 3 thema-puls}html.thema-klaar .souffleur .lampje-embleem{animation-iteration-count:3}html.thema-klaar .kor-balk{transform-origin:0;animation:1.4s cubic-bezier(.2,.7,.2,1) .4s both thema-balk}html.thema-klaar .souffleur{animation:.8s cubic-bezier(.2,.7,.2,1) .2s both thema-opkomst,5s ease-in-out 1.2s 2 thema-adem}html.thema-klaar .souffleur p{animation:.6s cubic-bezier(.2,.7,.2,1) .9s both thema-fluister}html.thema-klaar .souffleur div>p:nth-child(2){animation-delay:1.25s}html.thema-klaar .souffleur div>p:nth-child(3){animation-delay:1.6s}html.thema-klaar .souffleur div>p:nth-child(4){animation-delay:1.95s}html.thema-klaar .souffleur .rol:after{content:"";background:radial-gradient(circle, var(--va-goud) 2.4px, transparent 2.6px) 0 50% / 8px 6px repeat-x;opacity:.85;width:22px;height:6px;margin-left:2px;animation:1.5s steps(4,end) .9s 3 thema-puntjes,.5s 5.4s forwards thema-weg}}@keyframes thema-vangnet{to{visibility:visible}}@keyframes thema-op{0%{opacity:0;transform:translateY(14px)}}@keyframes thema-opkomst{0%{opacity:0;transform:translate(24px)}}@keyframes thema-fluister{0%{opacity:0;transform:translateY(6px)}}@keyframes thema-balk{0%{transform:scaleX(0)}}@keyframes thema-puls{0%,to{box-shadow:0 0 6px 1px #c9953f66}50%{box-shadow:0 0 14px 4px #c9953fb3}}@keyframes thema-adem{0%,to{box-shadow:0 24px 52px #00000052,0 0 0 1px #c9953f1f}50%{box-shadow:0 24px 52px #00000052,0 0 26px 3px #c9953f47}}@keyframes thema-weg{to{opacity:0}}@keyframes thema-puntjes{0%{width:0}to{width:30px}}