:root{--ink:#13211c;--muted:#51665d;--line:#dce5df;--paper:#f5f7f5;--green:#0b7457;--green-soft:#e3f3ec;--blue:#2563eb;--amber:#e2a72c;--coral:#d9584d;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-width:320px}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(18px,5vw,72px);border-bottom:1px solid var(--line);background:#fff}header img{width:160px;height:44px}header span{color:var(--muted);font-weight:750}main{max-width:1280px;margin:auto;padding:clamp(38px,7vw,86px) clamp(18px,5vw,64px)}.intro{max-width:860px}.eyebrow{margin:0;color:var(--green);font-size:12px;font-weight:900;text-transform:uppercase}h1{max-width:820px;margin:10px 0 18px;font-size:clamp(40px,7vw,74px);line-height:1;letter-spacing:0}h2{letter-spacing:0}.intro>p:last-child,.recommendation p,.logo-card p,.palette p,.guardrail p{color:var(--muted);line-height:1.6}.recommendation{display:grid;grid-template-columns:1fr minmax(260px,420px) auto;gap:28px;align-items:center;margin:50px 0 24px;padding:28px;border:2px solid var(--green);border-radius:8px;background:#fff}.recommendation img{width:100%}.recommendation h2{font-size:32px;margin:6px 0}.score{text-align:center}.score strong{display:block;color:var(--green);font-size:46px}.score span{color:var(--muted);font-size:12px;font-weight:800}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.logo-card{position:relative;min-height:360px;padding:26px;border:1px solid var(--line);border-radius:8px;background:#fff}.logo-card.is-selected{border-color:var(--green);background:#fbfefc}.logo-card img{width:100%;height:96px;object-fit:contain;object-position:left center}.logo-card h2{font-size:25px}.choice{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900}.logo-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 0}.logo-card dl div{padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}dt{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}dd{margin:5px 0 0;font-weight:900}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:60px}.palette>div{padding:14px;border-top:4px solid var(--swatch);background:#fff}.palette span{display:block;width:38px;height:38px;margin-bottom:16px;border-radius:50%;background:var(--swatch)}.palette strong{display:block}.palette p{font-size:13px}.guardrail{margin-top:36px;padding:22px;border-left:5px solid var(--amber);background:#fff}.guardrail p{margin-bottom:0}@media(max-width:850px){.recommendation{grid-template-columns:1fr}.score{text-align:left}.options{grid-template-columns:1fr}.palette{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header span{display:none}.logo-card dl,.palette{grid-template-columns:1fr}}