.quiz-page__head{text-align:center;flex-direction:column;align-items:center;display:flex}.quiz-page__noscript{margin-top:var(--space-8);text-align:center;color:var(--ink-soft)}.quiz-page__noscript a{color:var(--amber-text);font-weight:600}.quiz{margin-top:var(--space-10);max-width:720px}.quiz__progress{margin:0 0 var(--space-8);justify-content:center;gap:10px;padding:0;list-style:none;display:flex}.quiz__pip{background:var(--hair);width:36px;height:4px;transition:background var(--t-med) var(--ease);border-radius:99px}.quiz__pip.is-current{background:var(--amber-deep)}.quiz__pip.is-done{background:var(--navy)}.quiz__step{text-align:center;animation:quizFade var(--t-med) var(--ease)}@keyframes quizFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.quiz__count{font-family:var(--f-body);font-variant-numeric:tabular-nums;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 var(--space-2);font-size:13px}.quiz__prompt{margin:0 auto var(--space-6);max-width:18ch}.quiz__options{gap:var(--space-2);max-width:520px;margin:0 auto;display:grid}.quiz__option{justify-content:space-between;align-items:center;gap:var(--space-3);text-align:left;border:1px solid var(--hair);border-radius:var(--radius-md);cursor:pointer;width:100%;font-family:var(--f-body);color:var(--ink);transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);background:#fff;padding:18px 22px;font-size:17px;font-weight:500;display:flex}.quiz__option:hover{border-color:var(--amber-deep);transform:translateY(-1px)}.quiz__option.is-picked{border-color:var(--navy);background:var(--cream-warm)}.quiz__option-arrow{color:var(--amber-text);opacity:0;transition:opacity var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);transform:translate(-4px)}.quiz__option:hover .quiz__option-arrow{opacity:1;transform:none}.quiz__back{margin-top:var(--space-6);cursor:pointer;font-family:var(--f-body);color:var(--ink-soft);transition:color var(--t-fast) var(--ease);background:0 0;border:0;font-size:14px}.quiz__back:hover{color:var(--amber-text)}.quiz__result{flex-direction:column;align-items:center;display:flex}.quiz__result-card{text-align:center;width:100%;max-width:560px;padding:var(--space-8) var(--space-6);background:var(--cream-warm);border:1px solid var(--hair);border-radius:var(--radius-md)}.quiz__result-name{margin:var(--space-1) 0 0}.quiz__result-spec{font-family:var(--f-body);font-variant-numeric:tabular-nums;color:var(--ink-soft);margin:var(--space-2) 0 0;font-size:15px}.quiz__result-why{color:var(--ink);margin:var(--space-4) auto 0;max-width:44ch;font-size:17px;line-height:1.55}.quiz__result-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.quiz__compare{color:var(--amber-text);font-size:14px;font-weight:600}.quiz__capture{width:100%;max-width:560px;margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--hair);border-radius:var(--radius-md);background:#07324208}.quiz__capture-hint{margin:0 0 var(--space-2);color:var(--ink-soft);font-size:14px}.quiz__capture-label{color:var(--ink);font-size:13px;font-weight:600}.quiz__capture-row{gap:var(--space-2);margin-top:6px;display:flex}.quiz__capture-input{min-width:0;font-size:16px;font-family:var(--f-body);color:var(--ink);border:1px solid var(--hair);border-radius:var(--radius-sm);background:#fff;flex:auto;padding:11px 14px}.quiz__capture-submit{white-space:nowrap;flex:none}.quiz__capture-check{margin-top:var(--space-2);color:var(--ink-soft);cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:flex}.quiz__capture-check input{margin-top:2px}.quiz__capture-error{margin:var(--space-2) 0 0;color:#a63a18;font-size:13px}.quiz__capture-done{margin-top:var(--space-6);text-align:center;max-width:560px;color:var(--ink);font-size:16px;font-weight:600}.quiz__restart{margin-top:var(--space-6);cursor:pointer;font-family:var(--f-body);letter-spacing:.04em;color:var(--ink-soft);text-underline-offset:3px;background:0 0;border:0;font-size:13px;text-decoration:underline}.quiz__restart:hover{color:var(--amber-text)}@media (max-width:560px){.quiz__capture-row{flex-direction:column}.quiz__capture-submit{width:100%}}
