body{background:#f8f9fb}.hsw{--ink:#1E293B;--ink-done:#64748B;--line:#E2E8F0;--page:#F8F9FB;--navy:#143A5A;--navy-deep:#0E2C46;--navy-light:#D3E2F2;--navy-border:#5E86AD;--navy-glow:rgba(20,58,90,.22);--teal:#009999;--teal-deep:#007A7A;--teal-light:#C9EEEC;--teal-border:#3FB7B4;--teal-glow:rgba(0,153,153,.22);--grey:#6B7A8D;--grey-light:#ECEFF2;--grey-border:#A3AEBA;--grey-glow:rgba(107,122,141,.22);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink);min-height:100vh;padding-bottom:0}.hsw-hero{background:var(--navy-deep);color:#fff;text-align:center;padding:clamp(2.4rem,6vw,3.6rem) 1.25rem clamp(2.2rem,5vw,3.2rem)}.hsw-titel{margin:0 auto;max-width:22ch;font-family:inherit;font-size:clamp(1.85rem,1.3rem + 2.4vw,2.8rem);font-weight:700;letter-spacing:-.01em;color:#fff;line-height:1.15;text-wrap:balance}.hsw-ondertitel{margin:.9rem auto 0;max-width:40ch;font-size:clamp(1rem,.95rem + .4vw,1.2rem);line-height:1.5;color:#ffffffc7}.hsw-ondertitel.ph{color:#ffffff8c}.hsw-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.3rem}.hsw-chip{display:inline-block;padding:.5rem 1rem;border-radius:999px;font-size:.92rem;font-weight:500;white-space:nowrap;color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.hsw-voorbeeld{background:var(--navy-deep);color:#fff;padding:clamp(2.2rem,5vw,3.2rem) 1.25rem clamp(7.5rem,16vw,10rem);margin-top:1.5rem}.hsw-voorbeeld[hidden]{display:none}.hsw-voorbeeld-inhoud{max-width:640px;margin:0 auto;text-align:left}.hsw-voorbeeld h2{margin:0;font-family:inherit;font-size:clamp(1.3rem,1rem + 1.2vw,1.7rem);font-weight:600;line-height:1.25;color:#fff}.hsw-voorbeeld p{margin:.7rem 0 0;font-size:1rem;line-height:1.6;color:#fffc}.hsw-voorbeeld .ph{color:#ffffff80;font-style:italic}.hsw-voorbeeld-graf{margin-top:.6rem}.hsw-voorbeeld-graf .hsw-radar{display:block;width:100%;max-width:380px;height:auto;margin:0 auto}.hsw-voorbeeld-label{display:block;text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;margin-top:.2rem}.hsw-voorbeeld .hsw-knoprij{margin-top:2.8rem}.hsw-knop.licht{background:#fff;color:var(--navy-deep)}.hsw-knop.licht:hover{background:#e7eef4;box-shadow:0 6px 18px #00000040}.hsw-lijst{max-width:960px;margin:0 auto;padding:2rem 24px 0}.hsw.is-uitslag .hsw-lijst{padding-bottom:0}.hsw-kaart{border:1px solid var(--line);margin:0 0 28px;padding:36px 48px;background:#fff;border-radius:20px;transition:opacity .3s,filter .3s,box-shadow .3s,border-color .3s}.hsw-kaart.is-actief{border-color:var(--navy-glow);box-shadow:0 4px 24px #143a5a14}.hsw-kaart.is-klaar{box-shadow:0 1px 3px #0000000a}.hsw-kaart.is-later{opacity:.3;filter:blur(2px);pointer-events:none}.hsw-kaart[hidden]{display:none}.hsw-stelling{font-size:22px;font-weight:500;color:var(--ink);line-height:1.45;margin:0 0 24px;text-align:center;transition:color .2s}.hsw-kaart.is-klaar .hsw-stelling{color:var(--ink-done)}.hsw-rij{display:flex;align-items:center;justify-content:center;gap:14px}.hsw-pool{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0;min-width:80px}.hsw-pool-links{color:var(--teal-deep);text-align:right}.hsw-pool-rechts{color:var(--navy);text-align:left}.hsw-bollen{display:flex;align-items:center;gap:0;position:relative;padding:0 4px}.hsw-bollen:before{content:"";position:absolute;top:50%;left:16px;right:16px;height:3px;border-radius:2px;transform:translateY(-50%);z-index:0;background:linear-gradient(90deg,var(--teal-light),var(--line),var(--navy-light))}.hsw-bol{position:relative;z-index:1;-webkit-appearance:none;appearance:none;border:2px solid var(--c-border);background:var(--c-light);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;margin:0 6px;transition:background .12s ease-out,border-color .12s ease-out,box-shadow .15s ease-out}.hsw-bol.kant-oneens{--c:var(--teal);--c-light:var(--teal-light);--c-border:var(--teal-border);--c-glow:var(--teal-glow)}.hsw-bol.kant-eens{--c:var(--navy);--c-light:var(--navy-light);--c-border:var(--navy-border);--c-glow:var(--navy-glow)}.hsw-bol.kant-neutraal{--c:var(--grey);--c-light:var(--grey-light);--c-border:var(--grey-border);--c-glow:var(--grey-glow)}.hsw-bol-lg{width:72px;height:56px;border-radius:28px}.hsw-bol-md{width:62px;height:48px;border-radius:24px}.hsw-bol-sm{width:48px;height:40px;border-radius:20px}.hsw-bol:hover{box-shadow:0 0 0 3px var(--c-glow),0 2px 8px var(--c-glow)}.hsw-bol:active{transform:scale(.96);transition:transform 60ms ease-out}.hsw-bol:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hsw-bol:disabled{cursor:default}.hsw-vink{width:14px;height:8px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-2px);opacity:0}.hsw-bol.is-gekozen{background:var(--c);border-color:var(--c);box-shadow:0 0 0 3px var(--c-glow),0 2px 12px var(--c-glow);animation:hsw-pop .15s cubic-bezier(.34,1.56,.64,1) 1}.hsw-bol.is-gekozen .hsw-vink{opacity:1}@keyframes hsw-pop{0%{transform:scale(.95)}60%{transform:scale(1.04)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hsw-bol.is-gekozen{animation:none}.hsw-kaart{transition:none}}.hsw-kaart .hsw-eyebrow{display:block;text-align:center;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);margin:0 0 10px}.hsw-hint{text-align:center;font-size:14px;color:var(--ink-done);margin:-12px 0 20px}.hsw-uitdaging .hsw-hint{font-weight:700;color:var(--ink)}.hsw-keuzes{display:grid;grid-template-columns:1fr;gap:12px}.hsw-keuze{position:relative;-webkit-appearance:none;appearance:none;background:var(--navy-light);border:2px solid var(--navy-border);border-radius:22px;padding:16px 18px;text-align:left;color:var(--ink);font:inherit;font-size:16px;font-weight:500;line-height:1.3;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .12s ease-out,border-color .12s ease-out,box-shadow .15s ease-out,color .12s ease-out,transform .15s}.hsw-keuze .hsw-vak{flex:none;width:22px;height:22px;border-radius:7px;background:#fffc;border:1px solid var(--navy-border);display:grid;place-items:center}.hsw-keuze .hsw-vak:after{content:"";width:10px;height:6px;border-left:2.5px solid var(--navy);border-bottom:2.5px solid var(--navy);transform:rotate(-45deg) translate(1px,-1px);opacity:0}.hsw-keuze:hover{box-shadow:0 0 0 3px var(--navy-glow),0 6px 18px var(--navy-glow);transform:translateY(-1px)}.hsw-keuze:active{transform:scale(.98)}.hsw-keuze.is-aan{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 0 0 3px var(--navy-glow),0 6px 18px var(--navy-glow)}.hsw-keuze.is-aan .hsw-vak{background:#fff;border-color:#fff}.hsw-keuze.is-aan .hsw-vak:after{opacity:1}.hsw-keuze.kant-teal{background:var(--teal-light);border-color:var(--teal-border)}.hsw-keuze.kant-teal .hsw-vak{border-color:var(--teal-border)}.hsw-keuze.kant-teal .hsw-vak:after{border-color:var(--teal-deep)}.hsw-keuze.kant-teal:hover{box-shadow:0 0 0 3px var(--teal-glow),0 6px 18px var(--teal-glow)}.hsw-keuze.kant-teal.is-aan{background:var(--teal);border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-glow),0 6px 18px var(--teal-glow)}.hsw-keuze.breed,.hsw-anders{grid-column:1/-1}.hsw-wens .hsw-anders textarea{min-height:7.5rem}.hsw-anders textarea{width:100%;min-height:5.5rem;padding:14px 16px;border-radius:18px;border:2px solid var(--navy-border);background:#fff;font:inherit;font-size:16px;line-height:1.5;color:var(--ink);resize:vertical}.hsw-anders textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-glow)}.hsw-knop{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 28px;border-radius:999px;border:none;background:var(--navy);color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s}.hsw-knop:hover{background:var(--navy-deep);transform:translateY(-1px);box-shadow:0 6px 18px var(--navy-glow)}.hsw-knop:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hsw-knop:disabled{opacity:.35;cursor:not-allowed}.hsw-knop:disabled:hover{background:var(--navy);transform:none;box-shadow:none}.hsw-knoprij{display:flex;justify-content:center;margin-top:22px}.hsw-kaart.hsw-uitslag{width:100vw;margin:0 0 0 calc(50% - 50vw);padding:clamp(1.2rem,3vw,2.4rem) 0 clamp(3rem,7vw,5.5rem);background:var(--navy-deep);border:none;border-radius:0;color:#fff;box-shadow:none}.hsw{background:var(--page)}.hsw.is-uitslag{padding-bottom:0;min-height:0}body.hsw-klaar{background:#0e2c46}.hsw-uitslag .hsw-radar{display:block;width:100%;max-width:420px;height:auto;margin:6px auto 0}.hsw-uitslag .hsw-inhoud{max-width:640px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:14px}.hsw-uitslag .hsw-eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7fd4d1}.hsw-uitslag h2{margin:6px 0 4px;font-family:inherit;font-size:clamp(1.45rem,1.05rem + 1.5vw,1.95rem);font-weight:600;line-height:1.2;color:#fff;text-align:left;text-wrap:balance}.hsw-schuif{padding:10px 0 4px}.hsw-schuif-kop{display:flex;justify-content:space-between;align-items:flex-end}.hsw-schuif-lbl{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hsw-schuif.hsp .hsw-schuif-lbl{color:#5fd3cf}.hsw-schuif.sw .hsw-schuif-lbl{color:#8fb6e0}.hsw-schuif-num{text-align:right;line-height:1}.hsw-schuif-num b{display:block;font-size:30px;font-weight:600;color:#fff}.hsw-schuif-num span{display:block;margin-top:3px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c}.hsw-spoor2{position:relative;height:6px;border-radius:3px;background:#ffffff24;margin:12px 0 8px}.hsw-spoor2 .f{position:absolute;left:0;top:0;bottom:0;border-radius:3px}.hsw-schuif.hsp .hsw-spoor2 .f{background:linear-gradient(90deg,#1e8f8b,#5fd3cf)}.hsw-schuif.sw .hsw-spoor2 .f{background:linear-gradient(90deg,#3b6e9a,#8fb6e0)}.hsw-spoor2 .d{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffff2e}.hsw-polen{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80}.hsw-uitslag .hsw-tekst{margin-top:10px;display:flex;flex-direction:column;gap:14px}.hsw-uitslag p{margin:0;font-size:17px;line-height:1.7;color:#ffffffe0;text-align:left}.hsw-uitslag .ph{color:#ffffff80}.hsw-uitslag ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:10px}.hsw-uitslag li{font-size:17px;line-height:1.6;color:#ffffffe0;text-align:left}.hsw-uitslag li::marker{color:#7fd4d1}.hsw-uitslag .hsw-knoptekst{margin-top:26px}.hsw-uitslag .hsw-knoprij{margin-top:18px}.hsw-uitslag .hsw-knoptekst+.hsw-knoprij{margin-top:12px}.hsw-uitslag .hsw-knop{background:#fff;color:var(--navy-deep)}.hsw-uitslag .hsw-knop:hover{background:#e7eef4;box-shadow:0 6px 18px #00000040}.hsw-uitslag .hsw-na{font-size:14px;color:#fff9;text-align:left}.hsw-voorbeeldlabel{display:block;margin-bottom:14px;padding:6px 12px;border-radius:999px;align-self:flex-start;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);width:fit-content}.hsw-voortgang{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;padding:12px 24px 16px;border-top:1px solid var(--line);box-shadow:0 -2px 12px #0000000f}.hsw-voortgang[hidden]{display:none}.hsw-spoor{width:100%;max-width:960px;margin:0 auto;height:6px;background:var(--line);border-radius:3px;overflow:hidden}.hsw-vulling{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--teal),var(--navy));transition:width .4s}.hsw-meta{font-size:13px;color:var(--ink-done);font-weight:600;margin-top:6px;text-align:center}.hsw-noscript{text-align:center;color:var(--ink-done)}.ph{color:#7e8fa0;font-style:italic}h2.ph{font-weight:500}@media(max-width:640px){.hsw-lijst{padding:1.2rem 10px 0}.hsw-kaart{padding:24px 12px;margin-bottom:18px;border-radius:16px}.hsw-stelling{font-size:17px;margin-bottom:16px}.hsw-rij{flex-wrap:wrap;justify-content:center;gap:0}.hsw-bollen:before{display:none}.hsw-bollen{order:1;flex:0 0 100%;justify-content:space-between;padding:0;margin-bottom:6px}.hsw-bol,.hsw-bol-lg,.hsw-bol-md,.hsw-bol-sm{flex:1 1 0;margin:0 3px;width:auto;height:44px;border-radius:22px}.hsw-pool{font-size:12px;font-weight:500;letter-spacing:.08em;min-width:0;width:auto}.hsw-pool-links{order:2;margin-right:auto;text-align:left;color:var(--teal-deep)}.hsw-pool-rechts{order:3;margin-left:auto;text-align:right;color:var(--navy)}.hsw-keuzes{grid-template-columns:1fr;gap:8px}.hsw-keuze{padding:14px 16px;border-radius:14px;font-size:15px}.hsw-uitslag .hsw-inhoud{padding:0 18px}.hsw-knop{width:100%}}