:root { color-scheme: light; --ink: #172033; --muted: #526075; --line: #dbe2ec; --surface: #f5f8fc; --accent: #155eef; --accent-dark: #0f45b8; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); font: 16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.hero { padding: 5rem max(1.5rem, calc((100% - 70rem) / 2)); color: white; background: linear-gradient(120deg, #102a63, #155eef); }
.eyebrow { margin: 0; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; opacity: .82; }
h1 { max-width: 16ch; margin: .35rem 0; font-size: clamp(2.3rem, 5vw, 4.5rem); line-height: 1.06; }
h2 { margin-top: 0; font-size: clamp(1.6rem, 3vw, 2.25rem); line-height: 1.2; }
h3 { margin-bottom: .55rem; }
.lead { max-width: 40rem; font-size: 1.2rem; }
main, footer { width: min(70rem, calc(100% - 3rem)); margin: auto; }
section { padding: 3.5rem 0; border-bottom: 1px solid var(--line); }
.cards { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
article { padding: 1.25rem; border: 1px solid var(--line); border-radius: .8rem; background: var(--surface); }
article h3 { margin-top: 0; }
code { overflow-wrap: anywhere; color: #0d347d; font: .9em ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
pre { overflow-x: auto; padding: 1rem; border-radius: .55rem; color: #edf5ff; background: #16233a; }
pre code { color: inherit; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: .85rem; text-align: left; vertical-align: top; border: 1px solid var(--line); }
th { background: var(--surface); }
.button { display: inline-block; padding: .7rem 1rem; border-radius: .4rem; color: white; font-weight: 700; text-decoration: none; background: var(--accent-dark); }
footer { padding: 2.5rem 0 4rem; color: var(--muted); }
footer a { color: var(--accent); }
@media (max-width: 720px) { .cards { grid-template-columns: 1fr; } main, footer { width: min(100% - 2rem, 70rem); } .hero { padding: 3.5rem 1rem; } th, td { padding: .6rem; } }