:root{--brand:#0A84FF;--dark:#0B0F19;--bg:#F6F9FF}
*{box-sizing:border-box}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:#0f172a;background:linear-gradient(180deg,var(--bg),#fff)}
.container{max-width:1120px;margin:0 auto;padding:20px}
header.site{position:sticky;top:0;background:rgba(255,255,255,.85);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid #eef2f7;z-index:10}
.brand{display:flex;align-items:center;gap:10px}.brand .title{font-weight:800}
nav a{text-decoration:none;color:#0f172a;margin:0 10px;padding:8px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
nav a.active,.btn-primary{background:var(--dark);color:#fff;border-color:#0b0f19}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:36px 0}.hero h1{font-size:36px;line-height:1.15;margin:0}.hero p{color:#475569}
.card{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:18px;box-shadow:0 5px 16px -12px rgba(2,6,23,.25)}
.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;color:#0f172a;text-decoration:none;font-weight:600}.link{color:#2563eb;text-decoration:none}
footer.site{border-top:1px solid #eef2f7;margin-top:40px}small,.muted{color:#64748b}.kicker{display:inline-block;font-size:12px;color:#1e293b;background:#ebf3ff;padding:6px 10px;border-radius:999px}
.list{padding-left:18px}.list li{margin:.5em 0}
.article-card{display:block;text-decoration:none;color:inherit}
.article-card h3{margin:0 0 6px 0}
.article-card p{margin:0;color:#475569;text-decoration:none}
.article-card:hover h3{text-decoration:underline;color:var(--brand)}
blockquote{margin:0;padding:12px 14px;background:#f8fafc;border-left:4px solid var(--brand);border-radius:8px}
table.pricing{width:100%;border-collapse:separate;border-spacing:0 8px}table.pricing td,table.pricing th{padding:10px 12px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ebf3ff;color:#0b60d2;font-size:12px;border:1px solid #dbeafe}
@media (max-width:900px){.hero{grid-template-columns:1fr}.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(1,1fr)}}