@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f5f3eb;--ink:#172a26;--green:#154f41;--lime:#d5f569;--muted:#5a6a62}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}header{max-width:1200px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7ddd2}.brand{color:var(--ink);font:700 19px 'Space Grotesk',sans-serif;letter-spacing:1px;text-decoration:none}.brand span{display:block;font-size:12px;letter-spacing:6px}.tag,.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}main{max-width:1120px;margin:60px auto;padding:0 28px;min-height:65vh}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(40px,6vw,72px);line-height:1.03;letter-spacing:-3px;margin:22px 0}h1 em{font-style:normal;color:var(--green)}p{line-height:1.65;color:var(--muted)}.lead{font-size:18px;max-width:510px}button,.button{border:0;border-radius:8px;background:var(--green);color:white;padding:17px 24px;font:600 15px 'DM Sans',sans-serif;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#23705b}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #528b00;outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}.meta{font-size:12px;margin-top:17px}.wheel-card{background:var(--green);color:white;padding:28px;border-radius:22px;transform:rotate(2deg);box-shadow:12px 14px 0 #e3e8d7}.wheel-card h3{margin:0;font-size:19px}.wheel-card p{color:#d4e4d9;font-size:13px}.wheel{width:100%;max-height:340px}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #d7ddd2;margin-top:65px;padding-top:25px}.strip b{font-size:15px}.strip p{font-size:14px}.quiz{max-width:750px;margin:auto}.progress{height:5px;background:#dce2d7;border-radius:5px;margin:18px 0 32px}.progress div{height:100%;background:var(--green);transition:width .3s}.quiz h2{font-size:34px;line-height:1.2;margin-bottom:12px}.options{display:grid;gap:12px;margin:28px 0}.option{background:white;color:var(--ink);text-align:left;border:1px solid #d2dacf;padding:19px;display:flex;gap:16px;align-items:center}.option:hover{background:#edf3e3}.option[aria-pressed=true]{border:2px solid var(--green);background:#e8f0db;padding:18px}.number{border:1px solid #c7d2c1;border-radius:50%;min-width:28px;height:28px;display:grid;place-items:center;font-size:12px}.nav{display:flex;justify-content:space-between}.back{background:transparent;color:var(--green)}.back:hover{background:#e5eadf}.result-top{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.score{font:700 80px 'Space Grotesk';letter-spacing:-5px}.score small{font-size:24px;letter-spacing:0;color:var(--muted)}.results-wheel{background:white;border:1px solid #d8dfd3;padding:24px;border-radius:18px}.bars{display:grid;gap:12px;margin-top:20px}.bar-row{display:flex;justify-content:space-between;font-size:13px}.recommendations{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.rec{background:white;border:1px solid #d8dfd3;padding:24px;border-radius:14px}.rec .eyebrow{color:var(--green)}.rec h3{font-size:19px}.rec p{font-size:14px}.cta{background:var(--green);color:white;padding:32px;border-radius:18px;margin-top:35px}.cta p{color:#d8e5da}.cta .button{background:var(--lime);color:var(--ink)}label{display:block;margin:18px 0 7px;font-size:14px}select{padding:12px;background:white;border:1px solid #c9d3c4;border-radius:6px;font:inherit;max-width:100%;width:270px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.secondary{background:white;color:var(--green);border:1px solid #cdd9c8}footer{text-align:center;padding:28px;color:var(--muted);font-size:12px;line-height:1.8}@media(max-width:700px){header{padding:22px}.tag{display:none}main{margin:35px auto}.hero,.result-top{grid-template-columns:1fr;gap:30px}h1{letter-spacing:-2px}.wheel-card{transform:none}.strip,.recommendations{grid-template-columns:1fr;gap:10px}.quiz h2{font-size:28px}.score{font-size:65px}}@media print{header,footer,.cta,.actions{display:none}main{margin:0}.recommendations{grid-template-columns:repeat(3,1fr)}body{background:white}.result-top{grid-template-columns:1fr 1fr}.rec{break-inside:avoid}}