
:root{color-scheme:dark;--bg:#0a0e17;--panel:#121927;--ink:#eef3ff;--muted:#b0bed1;--line:#2a3748;--accent:#9ec7ff;--gold:#ead59c}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -15%,#1d3150 0,transparent 47%),var(--bg);color:var(--ink);font:16px/1.7 system-ui,-apple-system,'Segoe UI',sans-serif}
a{color:var(--accent)}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.container{max-width:1000px;margin:auto;padding:0 24px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:23px 0;border-bottom:1px solid var(--line)}
.brand{text-decoration:none;color:var(--ink);font-size:1.25rem;letter-spacing:.025em;font-weight:800}.brand span{color:var(--gold)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:.96rem;color:var(--muted);text-decoration:none}nav a[aria-current=page],nav a:hover{color:var(--ink)}
main{padding:68px 0 70px}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.19em;color:var(--gold);font-weight:700}h1{font-size:clamp(2.5rem,6.6vw,4.7rem);letter-spacing:-.055em;line-height:1.12;margin:17px 0 18px;max-width:820px}p.lead{max-width:750px;color:#c8d3e6;font-size:1.19rem;line-height:1.72;margin:0 0 34px}
h2{font-size:1.65rem;letter-spacing:-.02em;line-height:1.3;margin:38px 0 13px}h3{font-size:1.12rem;margin:23px 0 5px}p,li{color:#c7d2e3}li{margin-bottom:8px}ul{padding-left:23px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:33px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:22px}.tile h2{font-size:1.14rem;margin:0 0 7px}.tile p{font-size:.96rem;margin:0}.pill{display:inline-block;border-radius:50px;border:1px solid #465874;color:#d5e7ff;padding:4px 12px;font-size:.83rem;font-weight:600;letter-spacing:.03em}
.readable{max-width:760px}.readable h1{font-size:clamp(2.3rem,5vw,3.55rem)}.readable h2{border-top:1px solid var(--line);padding-top:25px}strong{color:#f8fbff}.callout{border:1px solid #40516a;border-left:4px solid var(--accent);background:#131e30;padding:17px 20px;border-radius:8px;margin:27px 0}.callout p{margin:0}
footer{border-top:1px solid var(--line);padding:30px 0 48px;font-size:.9rem;color:var(--muted)}.footer-inner{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}footer a{color:var(--muted)}
@media(max-width:720px){.grid{grid-template-columns:1fr}main{padding:45px 0}.top{align-items:flex-start}}
