@import "https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@500;600;700&family=Figtree:wght@400;500;600;700&display=swap";:root{--bg:#eee;--surface:#fff;--surface-muted:#f9f9f9;--border:#d7d7d7;--text:#2d2d2d;--text-heading:#131313;--muted:#6c6c6c;--accent:#af1e2b;--accent-strong:#ff4140;--accent-soft:#af1e2b14;--shadow:0 24px 64px #00000014;--sans:"Figtree", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--display:"Bai Jamjuree", "Avenir Next", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;color:var(--text);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:linear-gradient(#fafafa 0%,#f1f1f1 58%,#eaeaea 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0}#root{min-height:100svh}button,input,textarea,select{font:inherit}h1,h2,h3{color:var(--text-heading);font-family:var(--display);letter-spacing:-.04em;margin:0;line-height:1}h1{margin-bottom:10px;font-size:clamp(2.35rem,5vw,4.5rem)}h2{font-size:clamp(1.35rem,2.5vw,1.9rem)}p{margin:0}a{color:inherit}.app-shell{padding:32px 24px}.survey-card{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#fffffffa,#f9f9f9fa);border-radius:24px;max-width:960px;margin:0 auto;padding:30px;position:relative}.survey-card:before{background:linear-gradient(90deg, var(--accent), var(--accent-strong));content:"";border-radius:999px;height:4px;position:absolute;top:0;left:30px;right:30px}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;font-size:.76rem;font-weight:700}.card-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:24px;display:flex}.header-actions{flex-shrink:0;gap:10px;display:flex}.dev-fill-button{color:var(--accent);border-color:#af1e2b47}.lede{color:var(--muted);max-width:62ch}.progress-block{margin-bottom:20px}.progress-track{background:#e3e3e3;border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:inherit;height:100%;transition:width .18s}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px}.panel-enter{animation:.22s panel-enter}@keyframes panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.question-meta,.panel-actions,.results-hero,.section-heading{justify-content:space-between;align-items:center;display:flex}.question-meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:10px;margin-bottom:12px;font-size:.83rem;font-weight:600}.option-list,.section-results{gap:10px;display:grid}.option-list{margin:16px 0 20px}.option-card{background:var(--surface-muted);border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:11px 14px;transition:border-color .16s,background-color .16s,transform .16s,box-shadow .16s;display:flex}.option-card:hover{border-color:#af1e2b57;transform:translateY(-1px)}.option-card:has(input:checked){background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px #af1e2b1f}.option-card input{accent-color:var(--accent);flex:none;width:16px;height:16px}.option-copy{gap:0;display:grid}.option-copy strong{font-size:.98rem;font-weight:600;line-height:1.3}.panel-actions{flex-wrap:wrap;gap:12px;margin-top:8px}.primary-button,.ghost-button{cursor:pointer;font:inherit;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:10px;padding:11px 16px;font-weight:600;transition:transform .16s,background-color .16s,border-color .16s,color .16s}.primary-button{background:var(--accent);color:#fff;border:1px solid #0000}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.ghost-button{border:1px solid var(--border);color:var(--text-heading);background:#fff}.ghost-button:hover{border-color:var(--accent);color:var(--accent)}.lead-form{gap:14px;margin-top:18px;display:grid}.lead-form label{color:var(--text-heading);gap:8px;font-weight:600;display:grid}.lead-form input{border:1px solid var(--border);color:var(--text-heading);font:inherit;background:#fff;border-radius:10px;padding:11px 13px}.lead-form input[aria-invalid=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px #af1e2b29}.form-error{color:var(--accent);font-size:.9rem;font-weight:600}.score-label{color:var(--muted);margin-bottom:4px;font-size:.9rem;display:block}.score-value{color:var(--text-heading);letter-spacing:-.06em;font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:.95}.results-summary{text-align:right;justify-items:end;gap:6px;display:grid}.results-summary p{color:var(--muted);max-width:34ch}.section-results{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:24px}.section-card{background:var(--surface-muted);border:1px solid var(--border);border-radius:14px;padding:18px}.section-card h3{margin:0;font-size:1rem}.section-card p{color:var(--muted);margin-top:10px}.section-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.section-stats div{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px}.section-stats dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.74rem;font-weight:600}.section-stats dd{color:var(--text-heading);margin:0;font-size:1rem;font-weight:700}.cta-panel{color:#fff;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:22px;display:flex}.cta-panel h3{color:#fff;margin-bottom:8px;font-size:1.35rem}.cta-panel p{color:#fffc;max-width:60ch}@media (width<=860px){.survey-card{padding:24px}.card-header,.results-hero,.cta-panel{flex-direction:column;align-items:stretch}.header-actions{width:100%}.header-actions>*{flex:1 1 0}.results-summary{text-align:left;justify-items:start}.section-results{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:14px}.survey-card,.panel{padding:18px}.survey-card:before{left:18px;right:18px}.question-meta,.panel-actions,.cta-panel{flex-direction:column;align-items:stretch}.header-actions,.panel-actions,.header-actions>*,.panel-actions>*{width:100%}.question-meta{gap:6px}.option-card{align-items:flex-start;padding:12px}.section-stats{grid-template-columns:1fr}}