:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef3f1;color:#101820;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:100vh}.quiz-panel{display:flex;flex-direction:column;min-height:100vh;padding:28px clamp(20px,5vw,72px);background:linear-gradient(135deg,#ffffffd9,#ffffff8c),#eef3f1}.topbar,.actions,.next-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-mark{display:inline-flex;align-items:center;gap:9px;color:#101820;font-weight:800}.brand-mark svg{color:#df5b45}.progress-label,.eyebrow{color:#66736f;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.progress-track{width:100%;height:10px;margin-top:24px;overflow:hidden;border-radius:999px;background:#d4dfdc}.progress-track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#df5b45,#2f8f83);transition:width .18s ease}.question{width:min(720px,100%);margin:auto 0;padding:42px 0}.question-icon{display:grid;width:54px;height:54px;margin-bottom:24px;place-items:center;border:1px solid #c5d3cf;border-radius:8px;background:#fff;color:#2f8f83;box-shadow:0 18px 40px #10182014}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:28px;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.96;letter-spacing:0}h2{letter-spacing:0}.field-stack,.field-grid{display:grid;gap:14px}.field-grid{grid-template-columns:1.4fr .8fr .8fr}label{display:grid;gap:8px;color:#52615d;font-size:.9rem;font-weight:700}input{width:100%;min-height:56px;border:1px solid #c5d3cf;border-radius:8px;padding:0 16px;background:#fff;color:#101820;outline:none}input:focus{border-color:#2f8f83;box-shadow:0 0 0 4px #2f8f8324}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option,.primary-action,.secondary-action,.icon-button,.toggle{min-height:52px;border:1px solid #c5d3cf;border-radius:8px;background:#fff;color:#101820}.option{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:14px 16px;text-align:left;font-weight:750}.option.selected{border-color:#2f8f83;background:#e4f4ef}.option.selected svg{color:#2f8f83}.budget-control{display:grid;gap:22px}.budget-value{font-size:clamp(2.5rem,8vw,5.2rem);font-weight:850;line-height:1}input[type=range]{padding:0;accent-color:#df5b45;background:transparent;border:0;box-shadow:none}.optin-row{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:18px}.toggle{font-weight:850}.toggle.selected{border-color:#2f8f83;background:#2f8f83;color:#fff}.optin-row p{margin:0;color:#52615d;line-height:1.5}.actions{min-height:64px}.primary-action,.secondary-action,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;font-weight:850}.primary-action{border-color:#101820;background:#101820;color:#fff}.secondary-action{background:transparent}.icon-button{width:52px;padding:0}.error{margin-bottom:16px;color:#b3261e;font-weight:700}.insight-panel{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:32px;background:#101820;color:#fff}.insight-panel .eyebrow{color:#9ab5ae}.insight-panel h2{font-size:2.4rem;line-height:1}.signal-grid{display:grid;gap:12px}.metric{display:grid;gap:6px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0f}.metric span{color:#9ab5ae;font-size:.8rem;font-weight:800;text-transform:uppercase}.metric strong{font-size:1.2rem}.result-shell{min-height:100vh;padding:28px clamp(18px,5vw,72px);background:#eef3f1}.result-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:28px;align-items:end;padding:36px 0}.result-hero .brand-mark{grid-column:1 / -1}.result-hero h1{margin-bottom:16px}.result-hero p{max-width:720px;color:#52615d;font-size:1.15rem;line-height:1.6}.score-ring{display:grid;width:150px;aspect-ratio:1;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#eef3f1 58%,transparent 59%),conic-gradient(#df5b45 var(--score),#c5d3cf 0)}.score-ring span{font-size:2.4rem;font-weight:850}.score-ring small{margin-top:-42px;color:#52615d;font-weight:800}.city-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.city-card{min-height:220px;padding:22px;border:1px solid #c5d3cf;border-radius:8px;background:#fff}.rank{display:grid;width:36px;height:36px;margin-bottom:24px;place-items:center;border-radius:50%;background:#101820;color:#fff;font-weight:850}.city-card h2{margin-bottom:10px}.city-card p{color:#52615d;line-height:1.5}.next-actions{justify-content:flex-start;margin-top:24px}@media (max-width: 920px){.app-shell{grid-template-columns:1fr}.insight-panel{display:none}.question{padding:42px 0 28px}.field-grid,.option-grid,.city-list,.result-hero{grid-template-columns:1fr}.result-hero{align-items:start}}@media (max-width: 560px){.quiz-panel,.result-shell{padding:20px 16px}h1{font-size:2.45rem}.option,.primary-action,.secondary-action{width:100%}.actions{align-items:stretch}.optin-row{grid-template-columns:1fr}}