/* Quiz-only refinement: inherit the site's light/dark brand tokens. */
.quiz-premium { padding:140px 0 90px; background:var(--cream); min-height:90vh; }
.quiz-layout { display:grid; grid-template-columns:0.92fr 1.08fr; max-width:1160px; margin:auto; border:1px solid rgba(var(--ink-rgb),.08); border-radius:28px; overflow:hidden; background:var(--off-white); box-shadow:0 28px 80px rgba(var(--ink-rgb),.08); }
.quiz-story { position:relative; background:var(--band); color:var(--band-ink); padding:48px 44px 28px; overflow:hidden; }
.quiz-story__eyebrow { display:flex; align-items:center; gap:9px; font:700 10px var(--font-head); letter-spacing:2px; color:var(--accent-soft); }
.quiz-story__eyebrow>span { width:6px; height:6px; border-radius:50%; background:var(--accent-soft); }
.quiz-story h1 { color:var(--band-ink); font-size:clamp(36px,3.7vw,54px); line-height:1.12; letter-spacing:-2px; margin:26px 0 18px; }
.quiz-story h1 em { color:var(--accent-soft); font-style:normal; }
.quiz-story>p { color:rgba(var(--band-ink-rgb),.7); font-size:15px; line-height:1.8; max-width:350px; }
.quiz-orbit { position:relative; height:200px; margin:20px 0 16px; }
.quiz-orbit__ring { position:absolute; width:240px; height:140px; border:1px solid rgba(var(--band-ink-rgb),.18); border-radius:50%; left:50%; top:28px; transform:translateX(-50%) rotate(-28deg); }
.quiz-orbit__ring--two { transform:translateX(-50%) rotate(28deg); border-color:rgba(var(--accent-rgb),.6); }
.quiz-orbit__center { position:absolute; left:50%; top:22px; transform:translateX(-50%); text-align:center; font:800 105px var(--font-head); letter-spacing:-9px; color:var(--band-ink); line-height:1.25; }
.quiz-orbit__center>span { display:block; letter-spacing:2px; font:700 8px var(--font-head); }
.quiz-orbit__tag { position:absolute; bottom:18px; right:0; background:var(--band-soft); border:1px solid rgba(var(--band-ink-rgb),.15); border-radius:30px; padding:9px 14px; font-size:11px; transform:rotate(-6deg); }
.quiz-roadmap { list-style:none; padding:0; margin:10px 0 28px; display:grid; gap:20px; }
.quiz-roadmap li { display:flex; gap:15px; opacity:.65; }
.quiz-roadmap li.is-current { opacity:1; }
.quiz-roadmap li>span { display:grid; place-items:center; width:30px; height:30px; flex-shrink:0; border:1px solid rgba(var(--band-ink-rgb),.25); border-radius:50%; font-size:10px; }
.quiz-roadmap li.is-current>span { background:var(--accent); border-color:var(--accent); color:#fff; }
.quiz-roadmap strong { display:block; color:var(--band-ink); font-size:13px; font-family:var(--font-head); }
.quiz-roadmap small { display:block; margin-top:5px; font-size:12px; }
.quiz-story__footer { border-top:1px solid rgba(var(--band-ink-rgb),.15); padding-top:20px; font:600 9px var(--font-head); letter-spacing:2.5px; opacity:.6; }
.quiz-workspace { padding:30px 42px 24px; min-width:0; align-self:center; }
.quiz-workspace__top { display:flex; justify-content:space-between; gap:12px; font:700 9px var(--font-head); letter-spacing:1.2px; color:var(--ink-soft); margin-bottom:32px; }
.quiz-premium .quiz-card { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.quiz-topline { display:flex; justify-content:space-between; gap:12px; font-size:11px; color:var(--ink-soft); margin-bottom:10px; }
.quiz-topline>span:last-child { color:var(--accent); font-size:9px; font-weight:700; letter-spacing:1px; }
.quiz-premium .quiz-progress { height:3px; margin-bottom:34px; }
.quiz-premium .quiz-panel[hidden] { display:none!important; }
.quiz-panel { animation:quizStepIn .35s var(--ease); }
.quiz-premium .quiz-step__meta { font-size:9px; letter-spacing:1.5px; }
.quiz-premium h2 { font-size:clamp(25px,2.6vw,35px); line-height:1.22; letter-spacing:-1px; margin-top:14px; }
.quiz-premium h2 em { font-style:normal; color:var(--accent); }
.quiz-premium h2:focus { outline:none; }
.quiz-premium .quiz-step__sub { font-size:14px; line-height:1.8; margin-top:16px; }
.quiz-lead-form { display:grid; gap:11px; margin-top:27px; }
.quiz-lead-form>label:first-child { font-weight:700; font-size:12px; }
.quiz-lead-form>input { min-width:0; width:100%; font:inherit; font-size:15px; color:var(--ink); background:var(--white); border:1px solid rgba(var(--ink-rgb),.2); border-radius:12px; padding:16px; }
.quiz-premium :is(input,button,a):focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.quiz-consent { display:flex; align-items:flex-start; gap:10px; margin:6px 0 12px; font-size:11px; line-height:1.65; color:var(--ink-soft); cursor:pointer; }
.quiz-consent input { flex:0 0 auto; width:16px; height:16px; margin-top:2px; accent-color:var(--accent); }
.quiz-premium .btn--primary { background:var(--accent); border-color:var(--accent); color:#fff; min-height:52px; width:100%; display:flex; justify-content:space-between; border-radius:12px; font-size:13px; padding:15px 22px; }
.quiz-premium .btn--primary:hover { background:var(--accent-soft); transform:translateY(-2px); }
.quiz-premium .btn>span { font-size:22px; font-weight:400; }
.quiz-premium button:disabled { opacity:.6; cursor:wait; }
.quiz-premium .quiz-skip { font-size:12px; margin:17px auto 0; text-align:center; }
.quiz-privacy { margin:20px 0 0; font-size:10px; color:var(--ink-soft); text-align:center; }
.quiz-privacy a { text-decoration:underline; text-underline-offset:3px; }
.quiz-assurance { display:flex; justify-content:center; flex-wrap:wrap; gap:20px; font-size:10px; color:var(--ink-soft); padding-top:25px; margin-top:22px; border-top:1px solid rgba(var(--ink-rgb),.1); }
.quiz-premium .quiz-options { gap:10px; margin-top:25px; }
.quiz-premium .quiz-option { display:flex; align-items:center; gap:13px; width:100%; padding:16px; font-size:14px; border:1px solid rgba(var(--ink-rgb),.14); border-radius:12px; background:var(--white); line-height:1.5; }
.quiz-option__key { display:grid; place-items:center; width:26px; height:26px; flex:0 0 26px; border-radius:7px; border:1px solid rgba(var(--ink-rgb),.14); color:var(--ink-soft); font-size:10px; }
.quiz-premium .quiz-option:is(:hover,.is-selected) { border-color:var(--accent); background:rgba(var(--accent-rgb),.06); transform:none; }
.quiz-option.is-selected .quiz-option__key { background:var(--accent); color:#fff; border-color:var(--accent); }
.quiz-navigation { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:25px; }
.quiz-navigation>span { font-size:10px; color:var(--ink-soft); }
.quiz-premium .quiz-back { margin:0; font-size:12px; }
.quiz-premium #quizReview .btn { margin-top:28px; }
.quiz-premium .quiz-result { text-align:left; }
.quiz-result-mark { display:grid; place-items:center; width:48px; height:48px; background:rgba(var(--accent-rgb),.1); color:var(--accent); border-radius:50%; font-size:27px; margin-bottom:24px; }
.quiz-premium .quiz-result h2 { font-size:32px; }
.quiz-premium .quiz-result__price { font-size:11px; margin-top:16px; padding:8px 12px; }
.quiz-fit { border-left:2px solid var(--accent); padding-left:18px; margin-top:25px; }
.quiz-fit>span { font-size:9px; font-weight:700; letter-spacing:1.2px; color:var(--accent); }
.quiz-premium .quiz-result p#quizResultDesc { font-size:14px; line-height:1.8; margin:9px 0 0; max-width:none; }
.quiz-premium .quiz-result__actions { margin-top:25px; align-items:stretch; gap:18px; }
.quiz-product-link { text-align:center; font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.quiz-result-note { font-size:11px; color:var(--ink-soft); line-height:1.7; margin-top:24px; }
.quiz-premium .quiz-result .quiz-skip { margin-top:18px; }
.quiz-status { font-size:12px; line-height:1.7; color:var(--ink-soft); margin-top:16px; }
.quiz-status:empty { display:none; }
.quiz-status.is-error { border-left:2px solid var(--accent); padding-left:12px; color:var(--ink); }
.quiz-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
@media(max-width:1000px) { .quiz-story { padding:35px 28px 25px; } .quiz-workspace { padding:28px; } }
@media(max-width:767px) {
 .quiz-premium { padding:105px 0 60px; } .quiz-layout { grid-template-columns:1fr; border-radius:20px; }
 .quiz-story { padding:26px; } .quiz-story h1 { font-size:35px; margin:18px 0 12px; } .quiz-story h1 br { display:none; }
 .quiz-story>p { font-size:13px; max-width:none; } .quiz-orbit,.quiz-roadmap,.quiz-story__footer { display:none; }
 .quiz-workspace { padding:26px 22px; } .quiz-workspace__top { margin-bottom:25px; font-size:8px; }
 .quiz-premium .quiz-progress { margin-bottom:27px; } .quiz-premium h2 { font-size:28px; }
 .quiz-premium .quiz-option { padding:14px; } .quiz-assurance { gap:14px; }
}
@media(prefers-reduced-motion:reduce) { .quiz-panel { animation:none; } .quiz-premium * { transition:none!important; } }

.quiz-premium .quiz-card { scroll-margin-top: 100px; } .quiz-premium [hidden] { display:none!important; }