:root{font-family:Arial,sans-serif;background:#f5f5ef;color:#222b25}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:24px 18px 100px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9ded5;padding:12px 0;font-weight:800}.pill{font-size:11px;letter-spacing:1px;border:1px solid #cdd7cb;border-radius:30px;padding:10px}.hero{padding:60px 0 30px}.hero h1{font-size:clamp(44px,9vw,92px);line-height:.94;letter-spacing:-4px;margin:20px 0}.hero p{font-size:19px;color:#626f65;max-width:620px;line-height:1.5}.intro,.question{background:white;border:1px solid #dfe5dc;border-radius:22px;padding:26px;margin:20px 0}.intro input{width:100%;max-width:430px;padding:15px;border:1px solid #bbc8ba;border-radius:10px;font-size:16px}.btn{border:0;border-radius:12px;padding:15px 22px;background:#263d30;color:white;font-weight:700;cursor:pointer}.btn:disabled{opacity:.4;cursor:not-allowed}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-top:20px}.option{padding:17px;text-align:left;background:#f8f9f5;border:1px solid #d7e0d5;border-radius:13px;cursor:pointer;font-size:15px}.option.selected{background:#e3f5c5;border:2px solid #477b3f;font-weight:700}.result{background:#edf6df;padding:18px;margin-top:18px}.bar,.result{border-radius:12px}.bar{height:9px;background:#d3ddcb;overflow:hidden;margin:12px 0}.bar span{display:block;height:100%;background:#568d45}.meta{font-size:13px;color:#657264}.error{color:#ae3b30}.footer{margin-top:40px}.tag{font-size:12px;color:#567047;font-weight:700;text-transform:uppercase;letter-spacing:1.4px}@media(max-width:620px){.hero{padding-top:32px}.hero h1{letter-spacing:-2px}.intro,.question{padding:18px}}