.qs .wrap{max-width:72rem;margin:0 auto;padding-inline:clamp(1.25rem,4vw,3rem)}.qs .stage{display:grid;grid-template-columns:minmax(19rem,27fr) 43fr;align-items:stretch;min-height:calc(100svh - 4.6rem)}.qs .rail{display:flex;flex-direction:column;gap:1.9rem;background:var(--antraciet);color:#ffffff9e;padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,3vw,3rem) clamp(2rem,4vw,3rem)}.qs .rail .eyebrow{color:#ffffff8c;margin-bottom:1rem}.qs .rail h1{color:var(--wit);font-size:clamp(1.7rem,2.4vw,2.15rem);letter-spacing:-.03em}.qs .rail-intro{margin-top:1rem;font-size:.92rem;color:#ffffff8c;max-width:34ch}.qs .rail-lijst{list-style:none;margin-top:auto}.qs .rail-lijst li{display:grid;grid-template-columns:2.4rem 1fr 1rem;align-items:center;gap:.5rem;padding-block:.52rem;border-top:1px solid rgba(255,255,255,.1);color:#ffffff6b;font-size:.92rem;transition:color .3s ease,border-color .3s ease}.qs .rail-lijst li:last-child{border-bottom:1px solid rgba(255,255,255,.1)}.qs .rail-lijst .rnr{font-size:.72rem;letter-spacing:.1em;color:#ffffff47;transition:color .3s ease}.qs .rail-lijst .rlabel{font-family:var(--font-display);font-weight:500}.qs .rail-lijst .rvink{width:.85rem;height:.85rem;fill:none;stroke:#ffffff80;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.7);transition:opacity .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}.qs .rail-lijst li.klaar{color:#ffffff94}.qs .rail-lijst li.klaar .rvink{opacity:1;transform:none}.qs .rail-lijst li.actief{color:var(--wit);border-top-color:#ffffffa6}.qs .rail-lijst li.actief .rnr{color:var(--wit)}.qs .rail-lijst li.rail-slot .rnr{font-size:.9rem}.qs .rail-bar{height:2px;background:#ffffff24;overflow:hidden}.qs .rail-bar>span{display:block;height:100%;width:100%;background:var(--wit);transform:scaleX(.13);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}.qs .rail-pct{margin-top:.7rem;font-size:.8rem;color:#ffffff80}.qs .rail-pct span{color:var(--wit);font-weight:600}.qs .rail-trust{list-style:none;margin-top:1.6rem}.qs .rail-trust li{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:#ffffff80;padding-block:.2rem}.qs .rail-trust svg{width:.8rem;height:.8rem;flex-shrink:0;fill:none;stroke:#ffffffbf;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.qs .veld{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,6vw,5rem) clamp(1.5rem,5vw,5rem);max-width:46rem}.qs .tel{font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--grijs-500);margin-bottom:1.6rem}.qs .panel{display:none}.qs .panel.active{display:block}@media(prefers-reduced-motion:no-preference){.qs .panel.active{animation:qsIn .42s cubic-bezier(.16,1,.3,1) both}@keyframes qsIn{0%{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}}.qs .q{font-size:clamp(1.55rem,3.1vw,2.3rem);letter-spacing:-.03em;margin-bottom:2rem;max-width:22ch}.qs [tabindex="-1"]:focus{outline:none}.qs .opts{display:flex;flex-direction:column;border-top:1px solid var(--lijn)}.qs .opt{display:grid;grid-template-columns:2.2rem 1fr 1.5rem;align-items:center;gap:.8rem;width:100%;text-align:left;padding:1.15rem .4rem 1.15rem 0;background:none;border:0;border-bottom:1px solid var(--lijn);font-family:var(--font-display);font-size:1.08rem;font-weight:500;color:var(--zwart);cursor:pointer;transition:border-color .2s ease}.qs .opt kbd{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.05em;color:var(--grijs-500);border:1px solid var(--lijn);border-radius:var(--radius);padding:.15rem .42rem;justify-self:start;transition:border-color .2s ease,color .2s ease}.qs .opt .arr{justify-self:end;color:var(--grijs-300);transition:transform .25s cubic-bezier(.16,1,.3,1),color .2s ease}.qs .opt>kbd,.qs .opt>span:not(.arr){transition:transform .25s cubic-bezier(.16,1,.3,1)}.qs .opt:hover{border-bottom-color:var(--zwart)}.qs .opt:hover>kbd,.qs .opt:hover>span:not(.arr){transform:translate(.55rem)}.qs .opt:hover kbd{border-color:var(--zwart);color:var(--zwart)}.qs .opt:hover .arr{color:var(--zwart);transform:translate(4px)}.qs .opt:focus-visible{outline:2px solid var(--zwart);outline-offset:-2px}.qs .opt.gekozen{border-bottom-color:var(--zwart)}.qs .opt.gekozen .arr{color:var(--zwart);transform:translate(6px)}.qs .toets-tip{display:none;margin-top:1.1rem;font-size:.8rem;color:var(--grijs-500)}@media(hover:hover)and (pointer:fine){.qs .toets-tip{display:block}}@media(hover:none){.qs .opt{grid-template-columns:1fr 1.5rem}.qs .opt kbd{display:none}}.qs .money{position:relative;display:flex;align-items:baseline;gap:.6rem;border-bottom:1px solid var(--grijs-300);transition:border-color .2s ease}.qs .money:focus-within{border-bottom-color:var(--zwart)}.qs .money .cur{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:500;color:var(--grijs-300)}.qs .money input{flex:1;width:100%;font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:560;letter-spacing:-.03em;color:var(--zwart);padding:0 0 .5rem;border:0;border-radius:0;background:none}.qs .money input::placeholder{color:var(--lijn)}.qs .money input:focus{outline:none}.qs .money-hint{font-size:.85rem;color:var(--grijs-500);margin-top:.9rem}.qs .money-err{color:var(--fout);font-size:.85rem;font-weight:500;margin-top:.6rem;display:none}.qs .money-err.show{display:block}.qs .chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}.qs .chip{background:none;border:1px solid var(--lijn);border-radius:99px;padding:.4rem .95rem;font:inherit;font-size:.85rem;font-weight:500;color:var(--grijs-700);cursor:pointer;transition:border-color .18s ease,color .18s ease}.qs .chip:hover{border-color:var(--zwart);color:var(--zwart)}.qs .chip:focus-visible{outline:2px solid var(--zwart);outline-offset:2px}.qs .acties{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;margin-top:2rem}.qs .next{display:inline-flex;align-items:center;gap:.6rem;background:var(--zwart);color:var(--wit);border:0;border-radius:var(--radius);padding:.9rem 1.7rem;font-family:var(--font-display);font-size:.98rem;font-weight:500;cursor:pointer;transition:background .2s ease}.qs .next .arr{transition:transform .25s cubic-bezier(.16,1,.3,1)}.qs .next:hover{background:var(--grijs-700)}.qs .next:hover .arr{transform:translate(4px)}.qs .back{background:none;border:0;padding:.3rem 0;font:inherit;font-size:.9rem;color:var(--grijs-500);cursor:pointer;transition:color .2s ease}.qs .back:hover{color:var(--zwart)}.qs .next:focus-visible,.qs .back:focus-visible,.qs .submit:focus-visible{outline:2px solid var(--zwart);outline-offset:3px}.qs .lead-uitleg{max-width:44ch;margin-bottom:2rem}.qs .field{margin-bottom:1.1rem;max-width:26rem}.qs .field label{font-size:.82rem}.qs .field .optioneel{color:var(--grijs-500);font-weight:400}.qs .err{color:var(--fout);font-size:.82rem;margin-top:.4rem;display:none}.qs .err.show{display:block}.qs .submit{display:inline-flex;align-items:center;gap:.6rem;margin-top:.6rem;background:var(--zwart);color:var(--wit);border:0;border-radius:var(--radius);padding:1rem 1.9rem;font-family:var(--font-display);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease}.qs .submit .arr{transition:transform .25s cubic-bezier(.16,1,.3,1)}.qs .submit:hover{background:var(--grijs-700)}.qs .submit:hover .arr{transform:translate(4px)}.qs .priv{font-size:.8rem;color:var(--grijs-500);margin-top:1.1rem;max-width:42ch}.qs .priv a{color:var(--zwart);border-bottom:1px solid var(--grijs-300)}.qs .priv a:hover{border-bottom-color:var(--zwart)}.qs .calc h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:2rem;max-width:20ch}.qs .calc-steps{list-style:none;display:flex;flex-direction:column;gap:.9rem;margin-bottom:2rem}.qs .cstep{display:flex;align-items:center;gap:.9rem;font-size:.95rem;color:var(--grijs-500);opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease,color .35s ease}.qs .cstep.on{opacity:1;transform:none}.qs .cstep.done{color:var(--zwart)}.qs .cstep .ind{position:relative;flex-shrink:0;width:1.3rem;height:1.3rem;display:grid;place-items:center}.qs .cstep .ind .spin{width:1.1rem;height:1.1rem;border-radius:50%;border:1.5px solid var(--lijn);border-top-color:var(--zwart);animation:qsSpin .8s linear infinite}@keyframes qsSpin{to{transform:rotate(360deg)}}.qs .cstep .ind .chk{display:none;width:1.1rem;height:1.1rem;fill:none;stroke:var(--zwart);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.qs .cstep.done .ind .spin{display:none}.qs .cstep.done .ind .chk{display:block}.qs .calc-bar{height:2px;background:var(--lijn);overflow:hidden;max-width:26rem}.qs .calc-bar>span{display:block;height:100%;width:100%;background:var(--zwart);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.qs #resultPage{display:none}.qs .res-hero{background:var(--antraciet);color:#ffffffa8;padding:clamp(3.5rem,8vw,6rem) 0 clamp(3.5rem,7vw,5rem)}.qs .res-hero .eyebrow{color:#ffffff8c}.qs .res-hero h2{color:var(--wit);font-size:clamp(1.9rem,4vw,3rem);max-width:20ch}.qs .amt-blok{display:flex;align-items:baseline;gap:clamp(1.2rem,4vw,3rem);flex-wrap:wrap;margin-top:clamp(2rem,5vw,3.4rem);padding-bottom:2.2rem;border-bottom:1px solid var(--lijn-donker)}.qs .amt{font-family:var(--font-display);font-size:clamp(3.6rem,11vw,6rem);font-weight:620;color:var(--wit);letter-spacing:-.045em;line-height:.95}.qs .amt .eur{color:#fff6;margin-right:.1em}.qs .amt-zij{display:flex;flex-direction:column;gap:.3rem;padding-bottom:.4rem}.qs .amt-lbl{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c}.qs .amt-range{font-size:.95rem;color:#ffffffa8}.qs .break{margin-top:.6rem}.qs .brow{padding-block:1.5rem;border-bottom:1px solid var(--lijn-donker)}.qs .brow .bt{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-family:var(--font-display);font-size:1.05rem;font-weight:500;color:var(--wit)}.qs .brow .bv{font-size:1.3rem;white-space:nowrap}.qs .brow .bs{font-size:.86rem;color:#ffffff80;margin-top:.3rem;max-width:52ch}.qs .brow .bbar{height:2px;background:#ffffff1f;margin-top:1.1rem}.qs .brow .bbar>span{display:block;height:100%;width:100%;background:var(--wit);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1) .35s}.qs .res-disc{font-size:.8rem;color:#ffffff80;margin-top:1.8rem;max-width:60ch}.qs .res-cta{margin-top:2.2rem}.qs .stats{border-bottom:1px solid var(--lijn)}.qs .stat-rij{display:grid;grid-template-columns:repeat(4,1fr)}.qs .stat-rij>div{padding:clamp(1.8rem,4vw,2.6rem) 1.4rem clamp(1.8rem,4vw,2.6rem) 0}.qs .stat-rij>div+div{border-left:1px solid var(--lijn);padding-left:clamp(1.2rem,3vw,2.2rem)}.qs .stat-rij dt{font-family:var(--font-display);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:560;letter-spacing:-.03em;color:var(--zwart);line-height:1}.qs .stat-rij dd{font-size:.85rem;color:var(--grijs-500);margin-top:.5rem;max-width:22ch}.qs .netto{padding:clamp(3.5rem,8vw,6rem) 0}.qs .netto .head{max-width:44rem;margin-bottom:clamp(2.5rem,5vw,3.5rem)}.qs .netto h2{font-size:clamp(1.6rem,3.2vw,2.4rem);margin-bottom:.9rem}.qs .vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem)}.qs .vcard{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding-top:1.3rem;border-top:1px solid var(--lijn)}.qs .vcard.best{border-top:1px solid var(--zwart)}.qs .vcard .badge{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--zwart);color:var(--wit);padding:.28rem .7rem;border-radius:99px;margin-bottom:.4rem}.qs .vcard .vt{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--grijs-500)}.qs .vcard .vn{font-family:var(--font-display);font-size:clamp(2rem,4.4vw,3rem);font-weight:560;letter-spacing:-.035em;color:var(--grijs-300);line-height:1.05}.qs .vcard.best .vn{color:var(--zwart)}.qs .vcard .vs-sub{font-size:.85rem;color:var(--grijs-500)}.qs .vcard .vbar{display:block;width:100%;height:3px;background:var(--doek-grijs);margin-top:1.2rem}.qs .vcard .vbar>span{display:block;height:100%;width:100%;background:var(--grijs-300);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1) .25s}.qs .vcard.best .vbar>span{background:var(--zwart)}.qs .netto-note{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--lijn);font-size:1.02rem;color:var(--zwart);max-width:62ch}.qs .netto-note b{font-weight:600}.qs .netto-disc{margin-top:1rem;font-size:.8rem;color:var(--grijs-500);max-width:62ch}.qs .wealth{background:var(--antraciet);color:#ffffffa8;padding:clamp(3.5rem,8vw,6rem) 0}.qs .wealth .grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2.5rem,6vw,4.5rem);align-items:center}.qs .wealth .eyebrow{color:#ffffff8c}.qs .wealth h2{color:var(--wit);font-size:clamp(1.6rem,3.2vw,2.4rem);margin-bottom:1.1rem}.qs .wealth p{color:#fff9}.qs .wealth .quote{font-family:var(--font-display);font-size:1.2rem;font-weight:500;color:var(--wit);border-left:1px solid rgba(255,255,255,.5);padding-left:1.2rem;margin:1.8rem 0}.qs .wnums{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:1.4rem clamp(1rem,2.5vw,1.8rem);margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--lijn-donker)}.qs .wnums dt .val{font-family:var(--font-display);font-size:1.6rem;font-weight:560;letter-spacing:-.03em;color:var(--wit)}.qs .wnums dd{font-size:.8rem;color:#ffffff80;margin-top:.2rem;max-width:18ch}.qs .chart-card{border:1px solid var(--lijn-donker);padding:clamp(1.5rem,3vw,2rem)}.qs .chart-card .ct{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;margin-bottom:1.5rem}.qs .chart-card .ct .t{font-size:.88rem;color:#ffffffb3}.qs .chart-card .ct .v{font-family:var(--font-display);font-size:1.35rem;font-weight:560;color:var(--wit);white-space:nowrap}.qs .chart{display:flex;align-items:flex-end;gap:5px;height:13.5rem}.qs .chart .cb{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.qs .chart .cb i{display:block;background:var(--wit);transform:scaleY(0);transform-origin:bottom;transition:transform .8s cubic-bezier(.16,1,.3,1)}.qs .chart .cb.bank i{background:#ffffff29}.qs .chart-x{display:flex;gap:5px;margin-top:.7rem}.qs .chart-x span{flex:1;text-align:center;font-size:.68rem;color:#ffffff80}.qs .chart-leg{display:flex;gap:1.5rem;margin-top:1.1rem;font-size:.78rem;color:#ffffff80}.qs .chart-leg i{display:inline-block;width:.7rem;height:.7rem;margin-right:.45rem;vertical-align:-1px}.qs .chart-leg .a i{background:var(--wit)}.qs .chart-leg .b i{background:#ffffff29}.qs .wealth-disc{font-size:.72rem;color:#ffffff73;margin-top:1rem}.qs .why{padding:clamp(3.5rem,8vw,6rem) 0}.qs .why h2{font-size:clamp(1.6rem,3.2vw,2.4rem);margin-bottom:.9rem;max-width:24ch}.qs .why .intro{max-width:58ch;margin-bottom:clamp(2.2rem,5vw,3.2rem)}.qs .why-lijst{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(2rem,5vw,4rem)}.qs .why-lijst li{padding-block:1.4rem;border-top:1px solid var(--lijn)}.qs .why-lijst h3{font-size:1.02rem;margin-bottom:.3rem}.qs .why-lijst p{font-size:.92rem}.qs .book-sec{background:var(--antraciet);color:#ffffffa8;padding:clamp(3.5rem,8vw,6rem) 0}.qs .book-sec .eyebrow{color:#ffffff8c}.qs .book-sec h2{color:var(--wit);font-size:clamp(1.7rem,3.6vw,2.6rem);max-width:20ch;margin-bottom:1rem}.qs .book-sec .intro{color:#fff9;max-width:52ch;margin-bottom:2.4rem}.qs .book-acties{display:flex;gap:1rem;flex-wrap:wrap}.qs .book-alt{margin-top:1.6rem;font-size:.9rem;color:#ffffff80}.qs .book-alt a{color:var(--wit);border-bottom:1px solid rgba(255,255,255,.4)}@media(max-width:960px){.qs .stage{grid-template-columns:1fr;min-height:0}.qs .rail{gap:1.6rem;padding-bottom:1.8rem}.qs .rail-intro,.qs .rail-lijst{display:none}.qs .rail-onder{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.qs .rail-bar{flex:1 1 10rem}.qs .rail-pct{margin-top:0;font-size:.78rem}.qs .rail-trust{display:none}.qs .veld{padding-block:clamp(2rem,7vw,3rem);max-width:none}.qs .wealth .grid{grid-template-columns:1fr}}@media(max-width:700px){.qs .stat-rij{grid-template-columns:1fr 1fr}.qs .stat-rij>div{padding-right:1rem}.qs .stat-rij>div:nth-child(odd){border-left:0;padding-left:0}.qs .stat-rij>div:nth-child(3),.qs .stat-rij>div:nth-child(4){border-top:1px solid var(--lijn)}.qs .vs-grid,.qs .why-lijst{grid-template-columns:1fr}.qs .amt-blok{gap:.8rem}}
