:root{--bg:#121518;--panel:#181c21;--ink:#e6ebf0;--dim:#8a96a3;--line:#262c33;--blue:#8fd3ff;--blue-dim:#3a6f8f;}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--ink);font:16px/1.6 "Space Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body{min-height:100vh;display:flex;flex-direction:column}
a{color:var(--blue);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
header{display:flex;justify-content:space-between;align-items:center;padding:1.4rem clamp(1.2rem,5vw,4rem);border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:.6rem;color:var(--ink);font-weight:600;letter-spacing:.02em}
.orb{width:.9rem;height:.9rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0,var(--blue) 35%,var(--blue-dim) 100%);box-shadow:0 0 18px rgba(143,211,255,.45)}
nav{display:flex;gap:1.6rem}nav a{color:var(--dim)}nav a[aria-current]{color:var(--ink)}
main{flex:1;width:min(100%,46rem);margin:0 auto;padding:clamp(2.5rem,7vw,5rem) clamp(1.2rem,5vw,2rem)}
h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:500;line-height:1.1;letter-spacing:-.02em;margin:.6rem 0 1.4rem}
h2{font-size:1.15rem;font-weight:600;margin:2.6rem 0 .7rem;color:var(--ink)}
p,li{color:#c3ccd5;max-width:42rem}p+p{margin-top:.9rem}ul{padding-left:1.2rem;margin-top:.5rem}li{margin:.35rem 0}
.lede{font-size:1.2rem;color:var(--ink)}
.ledger{margin:2rem 0;border:1px solid var(--line);background:var(--panel)}
.ledger div{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.9rem 1.1rem;border-top:1px solid var(--line)}
.ledger div:first-child{border-top:0}.ledger dt{color:var(--blue);font-family:"IBM Plex Mono",monospace;font-size:.8rem;letter-spacing:.05em;padding-top:.15rem}
.ledger dd{color:#c3ccd5}
@media(max-width:520px){.ledger div{grid-template-columns:1fr;gap:.2rem}}
footer{padding:1.4rem clamp(1.2rem,5vw,4rem);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:space-between}
@media(prefers-reduced-motion:no-preference){.orb{animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 0 28px rgba(143,211,255,.7)}}}