:root{
  --text:#0f172a;
  --muted:#475569;
  --border:#e2e8f0;
  --brand:#2563eb;
  --surface:#f8fafc;
  --shadow:0 10px 30px rgba(2,6,23,0.08);
}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text)}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
nav{background:#fff;border-bottom:1px solid var(--border)}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.nav-links a{margin-left:20px;color:var(--muted);font-weight:600;text-decoration:none}
.nav-links a:hover{color:var(--text)}
.hero{padding:60px 0}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
h1{font-size:42px}
.lead{font-size:18px;color:var(--muted)}
.btn{padding:12px 16px;border-radius:8px;font-weight:700;text-decoration:none}
.btn-primary{background:var(--brand);color:#fff}
.btn-ghost{border:1px solid var(--border);color:var(--muted)}
.section{padding:56px 0;border-top:1px solid var(--border)}
.card-grid,.pricing{display:grid;gap:20px}
.card{padding:20px;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}
.price-card{padding:20px;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}
.price{font-size:32px;font-weight:800}
.footer{padding:32px 0;background:var(--surface);text-align:center}
.small{font-size:14px;color:var(--muted)}
.check{width:10px;height:10px;background:var(--brand);display:inline-block}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}
/* Blog cards */
.post-card { text-decoration:none; color:inherit; display:block }
.post-card:hover { border-color: var(--brand); }
.post-meta { color: var(--muted); font-size: 12px; font-weight: 600 }
.blog-hero { padding: 56px 0; background: var(--surface); border-bottom:1px solid var(--border) }
.post-list { display:grid; gap:20px; grid-template-columns:1fr }
.post-list .post { padding:20px; border:1px solid var(--border); border-radius:12px; background:#fff; box-shadow:var(--shadow) }
.post h3 { margin:0 0 6px }
.post .meta { color: var(--muted); font-size: 12px }