.scan{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r);padding:clamp(24px,3.2vw,40px);box-shadow:0 22px 60px -40px #241a3d80}.scankop{justify-content:space-between;align-items:baseline;gap:var(--sp-4);flex-wrap:wrap;display:flex}.scankop h3{font-size:clamp(1.25rem,2.2vw,1.6rem)}.tel{font-family:var(--disp);color:var(--tx3);white-space:nowrap;font-size:.8rem;font-weight:800}.balk{background:var(--edge);height:3px;margin:var(--sp-5) 0 var(--sp-6);border-radius:99px;overflow:hidden}.balk i{background:var(--grad);height:100%;transition:width .42s var(--ease);display:block}.vraag{font-family:var(--disp);text-wrap:balance;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800;line-height:1.2}.opties{gap:var(--sp-3);margin-top:var(--sp-6);display:grid}.optie{text-align:left;font-family:var(--sans);color:var(--ink);cursor:pointer;border:1px solid var(--edge-2);border-radius:var(--r-s);transition:.2s var(--ease);align-items:center;gap:var(--sp-4);background:#fff;padding:14px 18px;font-size:.98rem;display:flex}.optie:hover{border-color:var(--acc);background:#703be70a;transform:translate(2px)}.optie u{border:1px solid var(--edge-2);width:22px;height:22px;font-family:var(--disp);color:var(--tx3);border-radius:99px;flex-shrink:0;place-items:center;font-size:.7rem;font-weight:800;text-decoration:none;display:grid}.optie:hover u{border-color:var(--acc);color:var(--acc)}.terug{margin-top:var(--sp-5);color:var(--tx3);cursor:pointer;font-size:.84rem;font-family:var(--sans);background:0 0;border:0;padding:0}.terug:hover{color:var(--acc)}.vraagblok{animation:vraag-in .34s var(--ease) both}.vraagblok .optie{animation:optie-in .34s var(--ease) both}.vraagblok .optie:first-child{animation-delay:50ms}.vraagblok .optie:nth-child(2){animation-delay:.1s}.vraagblok .optie:nth-child(3){animation-delay:.15s}.vraagblok .optie:nth-child(4){animation-delay:.2s}@keyframes vraag-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes optie-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.vraagblok,.vraagblok .optie{animation:none}.balk i{transition:none}}.tredenaam{margin:var(--sp-3) 0 var(--sp-4);font-size:clamp(1.35rem,2.4vw,1.9rem)}.ladder{margin:var(--sp-6) 0;gap:6px;padding:0;list-style:none;display:grid}.trede{align-items:center;gap:var(--sp-4);border-radius:var(--r-s);color:var(--tx3);border:1px solid #0000;padding:11px 16px;font-size:.92rem;display:flex}.trede b{font-family:var(--disp);width:20px;color:var(--tx3);font-size:.75rem;font-weight:800}.trede.jij{color:var(--ink);background:#703be712;border-color:#703be74d;font-weight:600}.trede.jij b{color:var(--acc)}.trede em{font-family:var(--disp);color:var(--roze);text-transform:lowercase;margin-left:auto;font-size:.7rem;font-style:normal;font-weight:800}.tredestap{border-radius:var(--r-s);background:#703be70f;padding:16px 20px}.tredestap p{color:var(--tx2);margin-top:6px;font-size:.95rem}.scanslot{align-items:center;gap:var(--sp-5);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.scanslot .terug{margin-top:0}.poort{margin-top:var(--sp-6);border-top:1px solid var(--edge);padding-top:var(--sp-6)}.poortkop{font-family:var(--disp);margin-top:var(--sp-3);font-size:1.02rem;font-weight:800}.poortklaar{font-family:var(--disp);margin:var(--sp-3) 0 var(--sp-3);font-size:1.02rem;font-weight:800}.poortrij{gap:var(--sp-3);margin:var(--sp-5) 0 var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.poort .btn{justify-content:center;width:100%}.p-scan .pillbar{z-index:9;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9;border:1px solid #ffffffbf;border-radius:99px;align-items:center;gap:22px;padding:8px 10px 8px 22px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #3c1e781a}.p-scan .pillbar nav a.nu{color:var(--ink);font-weight:600}.p-scan .btn:active{transform:scale(.97)}.p-scan .btn,.p-scan .talk{-webkit-tap-highlight-color:transparent}.p-scan section{padding:var(--sp-normaal) 0}.p-scan .scantop{padding-top:clamp(96px,12vw,150px);padding-bottom:var(--sp-kort)}.p-scan .scanh1{margin-bottom:var(--sp-5);font-size:clamp(2.1rem,4.2vw,3.2rem)}.p-scan .scanblok{padding-top:0}.p-scan .wrap{max-width:860px}@media (max-width:860px){.p-scan .pillbar{gap:12px}}@media (max-width:700px){.poortrij{grid-template-columns:1fr}.optie{align-items:flex-start}.optie u{margin-top:2px}}
