:root { color-scheme: dark; --ink:#f7f8ff; --muted:#aeb7d1; --line:rgba(255,255,255,.12); --panel:rgba(16,22,48,.78); --accent-2:#4ee1c1; --background:#070a18; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; min-height:100vh; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:17px; line-height:1.72; color:var(--ink); background:radial-gradient(circle at 12% 0%,rgba(124,140,255,.22),transparent 34rem),radial-gradient(circle at 92% 18%,rgba(78,225,193,.12),transparent 28rem),var(--background); }
a { color:#aab5ff; text-underline-offset:.2em; } a:hover { color:#d9deff; }
.site-header,main,.site-footer { width:min(100% - 2rem,960px); margin-inline:auto; }
.site-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.25rem 0; }
.brand { color:var(--ink); font-weight:800; text-decoration:none; letter-spacing:-.02em; }
.brand-mark,.eyebrow { color:var(--accent-2); }
.nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.9rem; font-size:.9rem; }
.nav a { color:var(--muted); text-decoration:none; } .nav a[aria-current="page"],.nav a:hover { color:var(--ink); }
main { padding:3.5rem 0 5rem; } .document { max-width:780px; }
.eyebrow { font-size:.82rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
h1,h2,h3 { line-height:1.15; letter-spacing:-.03em; }
h1 { max-width:820px; margin:.5rem 0 1rem; font-size:clamp(2.5rem,7vw,5.6rem); }
.document h1 { font-size:clamp(2.4rem,6vw,4.5rem); } h2 { margin-top:2.5rem; font-size:clamp(1.45rem,3vw,2rem); } h3 { margin-top:1.75rem; }
p,li { color:var(--muted); } strong { color:var(--ink); }
.lede { max-width:720px; font-size:clamp(1.15rem,2.3vw,1.4rem); color:#dce1f4; } .meta { margin-top:1.4rem; color:var(--muted); font-size:.9rem; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:2.5rem; }
.card { display:flex; flex-direction:column; min-height:210px; padding:1.4rem; border:1px solid var(--line); border-radius:1.25rem; background:linear-gradient(145deg,rgba(25,33,70,.88),var(--panel)); box-shadow:0 24px 80px rgba(0,0,0,.2); }
.card h2 { margin:0; font-size:1.35rem; } .card p { flex:1; } .card a { font-weight:750; }
.callout { margin:2rem 0; padding:1.2rem 1.35rem; border:1px solid rgba(78,225,193,.28); border-radius:1rem; background:rgba(78,225,193,.07); }
.site-footer { display:flex; justify-content:space-between; gap:1rem; padding:1.5rem 0 2.5rem; border-top:1px solid var(--line); font-size:.85rem; color:var(--muted); }
@media (max-width:680px) { .site-header,.site-footer { align-items:flex-start; flex-direction:column; } .nav { justify-content:flex-start; } main { padding-top:2.2rem; } .grid { grid-template-columns:1fr; } .card { min-height:0; } }