:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111827;
  background: #f8fafc;
}
* { box-sizing: border-box; }
body { margin:0; line-height:1.55; }
main { max-width: 920px; margin: 0 auto; padding: 64px 24px 96px; }
nav { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:72px; }
nav a { color:inherit; text-decoration:none; }
.brand { font-weight:800; letter-spacing:.02em; }
.navlinks { display:flex; gap:18px; flex-wrap:wrap; font-size:.95rem; }
.eyebrow { text-transform:uppercase; letter-spacing:.14em; font-size:.75rem; font-weight:800; color:#475569; }
h1 { font-size:clamp(2.5rem,7vw,5.3rem); line-height:.96; margin:.35em 0 .3em; letter-spacing:-.05em; }
h2 { font-size:clamp(1.6rem,4vw,2.5rem); letter-spacing:-.03em; margin-top:2.2em; }
.lede { font-size:clamp(1.15rem,2.5vw,1.45rem); color:#334155; max-width:760px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:16px; margin:36px 0; }
.card { background:white; border:1px solid #e2e8f0; border-radius:18px; padding:24px; box-shadow:0 8px 30px rgba(15,23,42,.04); }
.card h3 { margin-top:0; }
.cta { display:inline-block; margin-top:16px; padding:12px 18px; border-radius:999px; background:#111827; color:white; text-decoration:none; font-weight:700; }
.secondary { background:white; color:#111827; border:1px solid #cbd5e1; }
.small { font-size:.9rem; color:#64748b; }
footer { margin-top:72px; padding-top:24px; border-top:1px solid #e2e8f0; color:#64748b; font-size:.9rem; }
code { background:#e2e8f0; padding:.12em .35em; border-radius:5px; }
ul { padding-left:1.25rem; }