@font-face{font-family:Queulat;src:url(/fonts/queulat-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--paars: #450D4D;--paars-verloop: #62136D;--paars-donker: #210725;--paars-licht: #6A2D75;--paars-50: #F3EEF4;--paars-100: #E9DDEB;--petrol: #095D6A;--petrol-50: #EAF3F4;--petrol-100: #D7E6E8;--mint: #009486;--mint-donker: #007368;--mint-50: #E6F4F2;--mint-100: #CCEAE7;--mint-licht: #4EC0B6;--papier: #faf8fa;--lijn: #e2dce3;--inkt: #2B2B2B;--grijs: #6B6B6B;--wit: #ffffff;--gradient-paars: linear-gradient(135deg, var(--paars-verloop) 0%, var(--paars) 100%);--gradient-goud: linear-gradient(-40deg, #D49B40 20%, #80602D 35%, #FCCF50 47%, #80602D 66%, #D49B40 93%);--gradient-goud-lijn: linear-gradient(90deg, #D49B40 20%, #80602D 35%, #FCCF50 47%, #80602D 66%, #D49B40 93%);--radius: 10px;--radius-groot: 16px;--schaduw-sm: 0 2px 8px rgba(69,13,77,.06);--schaduw-md: 0 8px 24px rgba(69,13,77,.1);--kop-font: "Queulat", "Trebuchet MS", sans-serif;--tekst-font: "Poppins", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--tekst-font);font-weight:300;background:var(--papier);color:var(--inkt);line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--kop-font);font-weight:400;margin:0;line-height:1.14;letter-spacing:-.01em}p{margin:0}a{color:var(--petrol);text-decoration:underline;text-decoration-color:var(--petrol-100);text-underline-offset:3px;transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--paars);text-decoration:none}button{font-family:inherit}img{display:block;max-width:100%}b,strong{font-weight:600}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.pagina{min-height:100vh;display:flex;flex-direction:column}.kop{background:var(--gradient-paars);color:var(--wit);padding:22px 16px 0;position:relative}.kop:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gradient-goud-lijn)}.kop-binnen{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.kop-balk{display:flex;align-items:center;justify-content:space-between;gap:16px}.merk-logo{height:52px;width:auto}.kop-rechts{font-size:13px;opacity:.85;text-align:right}.kop-inhoud{padding-bottom:32px;display:flex;flex-direction:column;gap:8px}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--mint-licht)}.kop h1{font-size:clamp(28px,4vw,40px)}.kop .sub{font-size:15px;opacity:.9}.kop .meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;opacity:.85;margin-top:6px}.inhoud{max-width:880px;width:100%;margin:0 auto;padding:32px 16px 56px;display:flex;flex-direction:column;gap:20px;flex:1}.kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--schaduw-sm);display:flex;flex-direction:column;gap:16px}@media (max-width: 600px){.kaart{padding:22px 18px}}.kaart h2{font-size:24px;color:var(--paars)}.kaart h3{font-size:18px;color:var(--petrol)}.kaart .tekst{white-space:pre-line;font-size:15px;color:var(--inkt);max-width:64ch}.kaart .klein{font-size:13px;color:var(--grijs)}.kaart.tint{background:var(--paars-50);border:0;box-shadow:none}.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--mint);color:var(--wit);padding:12px 20px;border-radius:var(--radius);font-weight:600;font-size:14px;letter-spacing:.01em;border:0;cursor:pointer;min-height:46px;text-decoration:none;transition:background .2s cubic-bezier(.4,0,.2,1),transform .2s}.knop:hover{background:var(--mint-donker);color:var(--wit);text-decoration:none}.knop:active{transform:translateY(1px)}.knop:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.knop.paars{background:var(--paars)}.knop.paars:hover{background:var(--paars-licht)}.knop.stil{background:transparent;color:var(--paars);border:1px solid var(--lijn);font-weight:600}.knop.stil:hover{background:var(--paars-50);border-color:var(--paars-50);color:var(--paars)}.knop.licht{background:var(--wit);color:var(--paars)}.knop.licht:hover{background:var(--paars-50);color:var(--paars)}.knop:disabled{opacity:.45;cursor:not-allowed}.knoppen{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}.voortgang{display:flex;flex-direction:column;gap:8px}.voortgang-tekst{display:flex;justify-content:space-between;font-size:13px;color:var(--grijs)}.balk{height:6px;background:var(--paars-100);border-radius:999px;overflow:hidden}.balk>span{display:block;height:100%;background:var(--mint);border-radius:999px;transition:width .4s cubic-bezier(.16,1,.3,1)}.vraag-nummer{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mint);font-weight:600}.vraag h2{font-size:22px;color:var(--paars)}.vraag .hulp{font-size:14px;color:var(--grijs);white-space:pre-line;max-width:64ch}.veld{border:1px solid var(--lijn);border-radius:var(--radius);padding:13px 14px;font-size:16px;font-family:inherit;font-weight:300;background:var(--wit);width:100%;color:var(--inkt);line-height:1.5;transition:border-color .2s}.veld:hover{border-color:var(--paars)}.veld:focus{outline:2px solid var(--mint);outline-offset:2px;border-color:var(--paars)}textarea.veld{min-height:150px;resize:vertical}.veldlabel{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--paars)}.schaal{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px}.schaal button{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--lijn);background:var(--wit);font-size:15px;font-weight:300;color:var(--inkt);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.schaal button:hover{border-color:var(--paars);color:var(--paars)}.schaal button.aan{background:var(--paars);border-color:var(--paars);color:var(--wit);font-weight:600}.schaal button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.schaal-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--grijs)}@media (max-width: 480px){.schaal{grid-template-columns:repeat(6,minmax(0,1fr))}.schaal button{aspect-ratio:auto;padding:10px 0}}.opties{display:flex;flex-direction:column;gap:8px}.optie{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--lijn);border-radius:var(--radius);background:var(--wit);cursor:pointer;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1)}.optie:hover{border-color:var(--paars)}.optie.aan{border-color:var(--paars);background:var(--paars-50)}.optie input{accent-color:var(--paars);width:18px;height:18px;margin:0;flex:none}.fout{color:#8c2230;font-size:14px;background:#f8edef;padding:10px 12px;border-radius:var(--radius)}.optioneel{font-size:12px;color:var(--grijs);font-weight:300;font-family:var(--tekst-font);margin-left:6px}.klaar{text-align:center;align-items:center;padding:40px 26px}.klaar .vink{width:64px;height:64px;border-radius:50%;background:var(--mint-50);color:var(--mint);display:flex;align-items:center;justify-content:center;font-size:30px}.voet{border-top:1px solid var(--lijn);padding:22px 16px 30px;font-size:13px;color:var(--grijs)}.voet-binnen{max-width:880px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.voet-merk{display:flex;align-items:center;gap:12px}.voet-merk img{height:34px;width:auto}.voet-payoff{font-family:var(--kop-font);font-size:18px;color:var(--paars)}.voet-rechts{text-align:right;display:flex;flex-direction:column;gap:2px}@media (max-width: 600px){.voet-rechts{text-align:left}}.scherm{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paars-donker);color:var(--wit);padding:32px 16px;text-align:center;gap:18px}.scherm h1{font-size:clamp(30px,5vw,46px)}.scherm p{max-width:520px;opacity:.9;font-size:16px}.scherm .goud{width:72px;height:2px;background:var(--gradient-goud-lijn)}.scherm .merk-logo{height:64px}.scherm .payoff{font-family:var(--kop-font);font-size:20px}.tegels{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.tegel{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--schaduw-sm);display:flex;flex-direction:column;gap:4px}.tegel .label,.spiegel-kant .label,.blok .label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--grijs);font-weight:600}.tegel .waarde{font-family:var(--kop-font);font-size:30px;color:var(--paars);line-height:1.06}.tegel .toelichting{font-size:12px;color:var(--grijs)}.resultaat{gap:18px}.kopregel{display:flex;gap:14px;align-items:flex-start}.nummer{flex:none;width:36px;height:36px;border-radius:50%;background:var(--paars);color:var(--wit);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.resultaat h2{font-size:21px;color:var(--paars)}.hulp{font-size:13px;color:var(--grijs);margin-top:4px}.antwoorden{display:flex;flex-direction:column;gap:10px}.antwoord{background:var(--paars-50);border-radius:var(--radius);padding:12px 14px;font-size:14.5px;white-space:pre-line;display:flex;flex-direction:column;gap:6px}.antwoord small{font-size:11px;color:var(--grijs);letter-spacing:.16em;text-transform:uppercase;font-weight:600}.leeg{font-size:14px;color:var(--grijs);font-style:italic}.gemiddelde{display:flex;align-items:baseline;gap:10px}.gemiddelde .cijfer{font-family:var(--kop-font);font-size:44px;color:var(--paars);line-height:1.06}.gemiddelde .uitleg{font-size:13px;color:var(--grijs)}.verdeling{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;align-items:end;height:110px}.verdeling .staaf{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;font-size:11px;color:var(--grijs)}.verdeling .staaf>i{display:block;width:100%;background:var(--petrol);border-radius:6px 6px 2px 2px;min-height:2px}.verdeling .staaf>i.leeg{background:var(--petrol-100)}.verdeling .staaf>b{font-weight:600;color:var(--inkt)}.keuzes{display:flex;flex-direction:column;gap:8px}.keuze-rij{display:grid;grid-template-columns:minmax(120px,1fr) 2fr auto;gap:10px;align-items:center;font-size:14px}.keuze-rij .spoor{height:10px;background:var(--petrol-100);border-radius:999px;overflow:hidden}.keuze-rij .spoor>i{display:block;height:100%;background:var(--petrol);border-radius:999px}.keuze-rij b{font-weight:600;min-width:28px;text-align:right}.acties{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.privaat{font-size:12px;color:var(--grijs)}.lijst,.lijstje ul{list-style:none;margin:10px 0 0;padding:0;font-size:14px;display:flex;flex-direction:column;gap:6px}.lijst li,.lijstje li{position:relative;padding-left:20px}.lijst li:before,.lijstje li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--gradient-goud)}.lijstje summary{cursor:pointer;color:var(--petrol);font-size:14px}.sterren{display:inline-flex;gap:4px}.sterren svg{width:34px;height:34px}.sterren.klein svg{width:18px;height:18px}.sterren .vol{fill:var(--paars)}.sterren .leeg{fill:var(--paars-100)}.uitleg-blok{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--lijn);padding-top:14px}.sterrenrij{display:flex;flex-wrap:wrap;gap:10px 22px;padding:12px 14px;background:var(--paars-50);border-radius:var(--radius)}.sterrenrij-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--grijs)}.laagkop{gap:6px;background:var(--paars-50);border:0;box-shadow:none}.laagkop h2{font-size:26px}.onderdeel{font-size:18px;color:var(--petrol);padding-bottom:6px;border-bottom:1px solid var(--lijn)}.stelling{display:flex;flex-direction:column;gap:10px}.stelling+.stelling{padding-top:14px;border-top:1px solid var(--lijn)}.stelling-tekst{font-size:16px;display:flex;gap:10px;align-items:baseline}.stelling-nr{flex:none;font-size:12px;font-weight:600;color:var(--mint);min-width:22px}.schaalopties{display:flex;flex-wrap:wrap;gap:8px}.pil{border:1px solid var(--lijn);background:var(--wit);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:300;color:var(--inkt);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.pil:hover{border-color:var(--paars);color:var(--paars)}.pil.aan{background:var(--paars);border-color:var(--paars);color:var(--wit);font-weight:600}.pil.stil{color:var(--grijs);border-style:dashed}.pil.stil.aan{background:var(--grijs);border-color:var(--grijs);color:var(--wit);border-style:solid}.pil:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.profiel{align-items:center;text-align:center;padding:36px 26px}.profiel h2{font-size:34px}.profiel .sterren svg{width:44px;height:44px}.spiegel-rij{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;background:var(--paars-50);border-radius:var(--radius);padding:16px}.spiegel-kant{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.spiegel-kant b{font-weight:600;font-size:15px;color:var(--paars)}.spiegel-pijl{font-family:var(--kop-font);font-size:36px;color:var(--petrol)}.lagen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 700px){.lagen{grid-template-columns:1fr}}.laag{background:var(--paars-50);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.laag-kop{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.laag-kop h3{font-size:18px;color:var(--paars)}.klein-tekst{font-size:14px}.balken{display:flex;flex-direction:column;gap:6px}.balkrij{display:grid;grid-template-columns:minmax(110px,1fr) 2fr auto;gap:10px;align-items:center;font-size:13px}.balkrij .spoor{height:8px;background:var(--wit);border-radius:999px;overflow:hidden;border:1px solid var(--lijn)}.balkrij .spoor>i{display:block;height:100%;background:var(--petrol);border-radius:999px}.balkrij b{font-weight:600;min-width:36px;text-align:right}.tegels.compact .tegel .waarde{font-size:26px}.twee{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 700px){.twee{grid-template-columns:1fr}}.blok{border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.blok.kracht{background:var(--mint-50)}.blok.groei{background:var(--petrol-50)}.blok h3{font-size:20px;color:var(--paars)}.vraagje{font-style:italic;color:var(--petrol);font-size:14px}.afsluiter{background:var(--paars-donker);border:0;color:var(--wit);align-items:flex-start;border-radius:var(--radius-groot)}.afsluiter h2,.afsluiter .tekst{color:var(--wit)}.afsluiter .knop{background:var(--wit);color:var(--paars)}.afsluiter .knop:hover{background:var(--paars-50)}.afsluiter .gelukt{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:var(--wit);padding:12px 14px;border-radius:var(--radius);font-size:14px}@media print{@page{size:A4;margin:14mm 14mm 16mm}body{background:var(--wit);color:#000;font-size:11pt}.pagina{min-height:auto}.kop{background:var(--paars)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:14px 18px 0;border-radius:var(--radius)}.kop-inhoud{padding-bottom:18px}.kop h1{font-size:24pt}.inhoud{padding:14px 0 0;gap:12px;max-width:none}.kaart,.tegel{box-shadow:none;break-inside:avoid;page-break-inside:avoid;padding:14px 16px}.resultaat{break-inside:auto;page-break-inside:auto}.antwoord,.laag,.blok,.spiegel-rij,.sterrenrij,.afsluiter,.laagkop,.nummer,.verdeling .staaf>i,.keuze-rij .spoor>i,.balkrij .spoor>i,.lijst li:before,.lijstje li:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}.antwoord{break-inside:avoid;page-break-inside:avoid}.lagen,.twee{grid-template-columns:repeat(2,minmax(0,1fr))}.acties,.niet-printen,.knop{display:none!important}.voet{border-top:1px solid var(--lijn);padding:12px 0 0}a{color:inherit;text-decoration:none}}