:root { color-scheme: dark; --bg:#11111b; --panel:#181825; --line:#313244; --text:#cdd6f4; --muted:#7f849c; --brand:#a6e3a1; --mine:#94e2d5; --sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --mono:ui-monospace,"SFMono-Regular","Cascadia Code",Menlo,monospace; }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; padding:2rem 1.25rem 5rem; background:radial-gradient(60rem 34rem at 70% -12rem,#1e1e2e 0,transparent 72%),var(--bg); color:var(--text); font:1rem/1.65 var(--sans); -webkit-font-smoothing:antialiased; }
main { width:min(52rem,100%); margin:auto; }
.brand { display:inline-flex; margin-bottom:4rem; }
.brand img { width:auto; height:1.6rem; }
.eyebrow { margin:0 0 .7rem; color:var(--brand); font:600 .75rem/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:0 0 2.5rem; font-size:clamp(2.5rem,7vw,4.5rem); line-height:1; letter-spacing:-.04em; }
h2 { margin:2.5rem 0 .65rem; font-size:1.3rem; line-height:1.2; letter-spacing:-.02em; }
p, li { color:color-mix(in srgb,var(--text) 88%,var(--muted)); }
p { margin:.8rem 0; }
ul { margin:.8rem 0; padding-left:1.25rem; }
a { color:var(--mine); text-decoration:none; }
a:hover { text-decoration:underline; text-underline-offset:.2em; }
.meta { color:var(--muted); font-size:.9rem; }
footer { margin-top:4rem; padding-top:1.5rem; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; }
footer a { margin-right:1.25rem; }