:root{--bg:#f8f6f1;--panel:#fffef9;--ink:#0f1d2b;--muted:#4f5d6c;--brand:#154c79;--brand-soft:#d8e7f3;--line:#dfe4ea}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 15% -10%,#fefaf0 0,transparent 70%),linear-gradient(180deg,var(--bg) 0,#eef2f5 100%);color:var(--ink);font-family:Avenir Next,Segoe UI,sans-serif}main{min-height:100vh}.hero{max-width:980px;margin:0 auto;padding:72px 20px}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--muted)}h1{font-size:clamp(30px,4.8vw,54px);line-height:1.08;margin:18px 0 14px;letter-spacing:-.02em}p.lead{max-width:700px;color:var(--muted);font-size:clamp(16px,2.1vw,20px);line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:24px}.card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:16px}.card h3{margin:0 0 8px;font-size:16px}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.cta-row{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.button{border-radius:12px;padding:11px 16px;border:1px solid var(--brand);text-decoration:none;font-weight:600;font-size:14px}.button.primary{background:var(--brand);color:#fff}.button.ghost{background:transparent;color:var(--brand)}footer{margin-top:36px;font-size:13px;color:var(--muted)}@media (max-width:860px){.grid{grid-template-columns:1fr}}