.quiz-wrap{min-height:calc(100vh - 64px);padding:clamp(32px,6vw,72px) 0}
.quiz{max-width:760px}
.quiz h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;font-stretch:115%;line-height:1.02;color:#fff;margin-bottom:.4em}
.quiz h2{color:#fff;font-size:clamp(1.6rem,3.4vw,2.4rem);font-stretch:112%;margin-bottom:.8em}
.quiz .lede{font-size:1.2rem}
.kicker{font-weight:700;color:#DCE7FF;margin-bottom:.8em}
.label{font-weight:700;color:#fff;margin-bottom:10px}
.region-pick{margin:28px 0}
.chips-light{display:flex;flex-wrap:wrap;gap:10px}
.chips-light button{font:700 1rem/1 var(--body);padding:12px 18px;border-radius:999px;border:2px solid rgba(255,255,255,.6);background:transparent;color:#fff;cursor:pointer}
.chips-light button[aria-checked=true]{background:#fff;color:var(--blue-deep);border-color:#fff}
.quiz-step{animation:slide .35s ease both}
@keyframes slide{from{opacity:0;transform:translateX(24px)}}
@media (prefers-reduced-motion:reduce){.quiz-step{animation:none}}

.qbar{display:flex;gap:6px;margin-bottom:22px}
.qbar i{flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.25)}
.qbar i.on{background:#fff}
.qmeta{display:flex;justify-content:space-between;align-items:center;color:#DCE7FF;font-weight:700;margin-bottom:10px}
.qback{background:none;border:0;color:#fff;font:700 1rem var(--body);cursor:pointer;text-decoration:underline;text-underline-offset:.2em;padding:6px 0}
.options{display:grid;gap:12px}
.opt{display:flex;gap:16px;align-items:center;text-align:left;width:100%;background:#fff;color:var(--ink);border:3px solid transparent;border-radius:14px;padding:18px 20px;font:700 1.0625rem/1.35 var(--body);cursor:pointer;box-shadow:0 5px 0 var(--blue-edge);transition:transform .08s}
.opt:hover{border-color:var(--sky)}
.opt:active{transform:translateY(3px);box-shadow:0 2px 0 var(--blue-edge)}
.opt[aria-pressed=true]{border-color:var(--star)}
.opt .n{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--paper-2);color:var(--blue-deep);font:800 1.1rem/1 var(--display)}

.details{background:#fff;color:var(--ink);border-radius:16px;padding:24px}
.details h2{color:var(--ink)}
.details .check{font-size:.9375rem}

.result{background:#fff;color:var(--ink);border-radius:18px;overflow:hidden}
.result-top{background:var(--navy);color:#fff;padding:28px}
.result-top .stage{font:900 clamp(2.4rem,6vw,3.8rem)/1 var(--display);font-stretch:118%;margin:.1em 0 .2em;color:#fff}
.result-top p{margin:0;color:#DCE7FF}
.stage-track{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:18px}
.stage-track span{padding:8px 6px;border-radius:8px;background:rgba(255,255,255,.1);font-size:.8125rem;font-weight:700;text-align:center;color:#B7C8EE}
.stage-track span.on{background:var(--blue);color:#fff}
.result-body{padding:24px 28px 28px}
.result-body h3{font-size:1.25rem;margin:22px 0 10px}
.areas{display:grid;gap:10px}
.area{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:center;font-size:.9375rem}
.dots{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.dots i{height:10px;border-radius:5px;background:var(--paper-2)}
.dots i.on{background:var(--blue)}
.steps-list{margin:0;padding-left:1.3em}.steps-list li{margin-bottom:10px}
.framework{background:var(--paper);border-left:4px solid var(--blue);padding:14px 16px;border-radius:8px;font-size:.9375rem}
.framework p{margin:0}
.sent{font-weight:700;color:var(--ok)}
.result-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
@media (max-width:520px){.area{grid-template-columns:1fr}.stage-track span{font-size:.7rem}}
.result .muted{color:var(--ink-3)}
.framework.rec{background:var(--paper-2)}