:root{--bg:#f6f8fb;--text:#0c1b2a;--muted:#516274;--brand:#0ea5e9;--brand-2:#22c55e;--card:#fff;--line:#e7eef6;--ring:rgba(14,165,233,.25)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,ui-sans-serif,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1160px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--line);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;gap:12px;align-items:center}.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--brand),var(--brand-2))}
.brand h1{font-size:18px;margin:0}nav.site{display:flex;gap:14px;flex-wrap:wrap}nav.site a{font-size:14px;color:#234}
.cta{display:flex;gap:10px;align-items:center}.btn{appearance:none;border:0;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}
.btn.primary{background:var(--brand);color:#fff;box-shadow:0 10px 20px rgba(14,165,233,.15)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.hero{padding:64px 0;background:radial-gradient(1200px 480px at 50% -160px,rgba(14,165,233,.12),transparent)}.hero h2{font-size:42px;line-height:1.1;margin:0 0 12px}.hero p{color:var(--muted);max-width:720px}
.grid{display:grid;gap:20px}@media(min-width:768px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.card h3{margin:0 0 8px}.section{padding:44px 0}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.badge{border:1px solid var(--line);padding:6px 10px;border-radius:9999px;font-size:12px;color:var(--muted);background:#fff}
.muted{color:var(--muted)}.trust{display:flex;gap:12px;align-items:center;color:var(--muted);flex-wrap:wrap}img.svg{width:100%;height:auto}
form{display:grid;gap:10px}input,textarea{background:#fff;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;outline:none}
input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}footer{border-top:1px solid var(--line);background:#fff}
.footer{padding:28px 0;color:var(--muted)}.kicker{letter-spacing:.08em;text-transform:uppercase;font-weight:600;font-size:12px;color:var(--brand)}