.quiz-page{padding:var(--space-3xl) 0 var(--space-4xl);min-height:calc(100dvh - var(--header-height))}.quiz-page .container{max-width:640px;margin:0 auto;padding:0 var(--space-lg)}.quiz-header{margin-bottom:var(--space-2xl)}.quiz-header h1{margin-top:var(--space-sm);font-size:clamp(1.5rem,4vw,2.25rem)}.progress-bar{height:4px;background:var(--border);border-radius:2px;margin-bottom:var(--space-2xl);overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:2px;transition:width .3s ease}.question h2{font-size:1.375rem;margin-bottom:var(--space-sm)}.subtext{font-size:.9375rem;color:var(--muted);margin-bottom:var(--space-xl);line-height:1.5}.options{display:flex;flex-direction:column;gap:var(--space-sm)}.option{display:block;width:100%;text-align:left;padding:var(--space-md) var(--space-lg);border:1.5px solid var(--border);border-radius:var(--radius-md);background:#fff;font-size:.9375rem;color:var(--ink);cursor:pointer;transition:border-color .15s ease,background .15s ease}.option:hover{border-color:var(--ink)}.option.selected{border-color:var(--green);background:#1c54340f}.nav{margin-top:var(--space-xl)}.back-btn{font-size:.875rem;color:var(--muted);background:none;border:none;padding:0;cursor:pointer}.back-btn:hover{color:var(--ink)}.email-capture{text-align:center}.email-capture h2{font-size:1.5rem;margin-bottom:var(--space-sm)}.email-capture>p{font-size:.9375rem;max-width:440px;margin:0 auto var(--space-xl);color:var(--muted);line-height:1.6}.form-fields{max-width:400px;margin:0 auto var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);text-align:left}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field label{font-size:.8125rem;font-weight:500;color:var(--ink)}.field .required{color:var(--danger)}.field input{padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:#fff;font-size:.9375rem}.field input:focus{outline:none;border-color:var(--green)}.error{font-size:.8125rem;color:var(--danger);margin-top:var(--space-sm)}.error.hidden{display:none}.skip-link{margin-top:var(--space-lg);display:inline-block;font-size:.8125rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px;background:none;border:none;cursor:pointer;padding:0}.skip-link:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-weight:600;font-size:.9375rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;text-decoration:none;transition:all .15s ease}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-deep);color:#fff}.btn-primary-light{background:#fff;color:var(--ink)}.btn-primary-light:hover{opacity:.9;color:var(--ink)}.btn-secondary{background:transparent;color:var(--ink);border:1.5px solid var(--border)}.btn-secondary:hover{border-color:var(--green);color:var(--ink)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--ink)}.result{text-align:center}.risk-badge{padding:var(--space-xl) var(--space-2xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.risk-badge .label{display:block;margin-bottom:var(--space-xs)}.risk-badge h2{font-size:2rem;margin:0}.risk-badge[data-level=minimal]{background:#daf7e3}.risk-badge[data-level=minimal] h2{color:#0a4627}.risk-badge[data-level=limited]{background:#fbedd1}.risk-badge[data-level=limited] h2{color:oklch(.4 .1 85)}.risk-badge[data-level=high]{background:oklch(.93 .06 55)}.risk-badge[data-level=high] h2{color:oklch(.45 .15 55)}.risk-badge[data-level=unacceptable]{background:oklch(.93 .06 25)}.risk-badge[data-level=unacceptable] h2{color:var(--danger)}.summary{max-width:480px;margin:0 auto var(--space-xl);font-size:1.0625rem;color:var(--muted);line-height:1.6}.exposure-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);max-width:480px;margin:0 auto var(--space-xl)}.exposure-card,.deadline-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.exposure-label{display:block;font-family:var(--font-mono);font-size:.5625rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-xs)}.exposure-value{display:block;font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--danger);letter-spacing:-.02em}.deadline-value{display:block;font-family:var(--font-heading);font-size:1.375rem;font-weight:700;color:var(--warning);letter-spacing:-.02em}.exposure-detail{display:block;font-size:.6875rem;color:var(--muted);margin-top:var(--space-xs)}.roadmap-card{max-width:480px;margin:0 auto var(--space-xl);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.roadmap-title{font-size:1rem;margin:0 0 var(--space-md)}.roadmap-items{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.roadmap-item{text-align:center}.roadmap-count{display:block;font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--ink)}.roadmap-label{display:block;font-size:.6875rem;color:var(--muted);margin-top:.125rem}.roadmap-cta-text{font-size:.8125rem;color:var(--muted);margin:0;line-height:1.5}.email-gate{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:var(--space-xl);background:#fbf4e6;border:1px solid oklch(.9 .04 85);border-radius:var(--radius-lg)}.email-gate .result-icon{width:1.5rem;height:1.5rem;color:var(--muted);flex-shrink:0}.email-gate p{font-size:.9375rem;color:var(--ink);max-width:400px;margin:0}.email-sent{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:var(--space-xl);background:#f0f7f2;border:1px solid oklch(.9 .04 155);border-radius:var(--radius-lg)}.email-sent .result-icon{width:1.75rem;height:1.75rem;color:var(--green);flex-shrink:0}.email-sent h3{font-size:1.0625rem;margin:0}.email-sent p{font-size:.875rem;color:var(--muted);max-width:420px;margin:0;line-height:1.5}.product-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:var(--space-xl);background:var(--ink);border-radius:var(--radius-lg);color:#fff}.product-cta h3{font-size:1.125rem;margin:0;color:#fff}.product-cta p{font-size:.875rem;opacity:.8;max-width:400px;margin:0;color:#fff;line-height:1.5}.product-hint{font-size:.75rem;opacity:.6;color:#fff}.next-steps{text-align:left;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.next-steps h3{margin-bottom:var(--space-md);font-size:1.125rem}.next-steps ol{list-style:decimal;padding-left:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.next-steps ol li{font-size:.9375rem;color:var(--muted);line-height:1.5}.actions{display:flex;justify-content:center;gap:var(--space-md);padding-bottom:var(--space-xl)}@media (max-width: 480px){.risk-badge{padding:var(--space-lg) var(--space-md)}.risk-badge h2{font-size:1.5rem}.exposure-section{grid-template-columns:1fr}.actions{flex-direction:column;align-items:center}}
