:root{--bg: #0a0e12;--bg-raised: #10161d;--bg-over: #161d27;--accent: #35bfe0;--accent-dim: #1e7a92;--text: #e8edf2;--text-muted: #8a96a3;--rule: #1c2530;--warn: #e0a835;--error: #e05252;--glow: rgba(53, 191, 224, .1);--glow-soft: rgba(53, 191, 224, .05);--grid-dot: rgba(138, 150, 163, .05);--m-cyan: #35bfe0;--m-teal: #4fd1a0;--m-amber: #e0a835;--m-violet: #a78bfa;--m-coral: #f07a56;--m-green: #6ec46d;--m-blue: #5aa9f0;--m-pink: #e05a86;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-serif: "Newsreader", Georgia, serif;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.5rem;--space-6: 4rem;--space-7: 6rem;--shadow-1: 0 12px 30px -18px rgba(0, 0, 0, .75);--shadow-2: 0 20px 50px -24px rgba(0, 0, 0, .85);--dur-1: .15s;--dur-2: .3s;--dur-3: .6s;--ease: cubic-bezier(.2, .6, .2, 1);--measure: 68ch;--measure-wide: 78rem;--radius: 3px;--radius-lg: 10px}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font-serif);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 15% -10%,var(--glow) 0%,transparent 45%),radial-gradient(90% 60% at 100% 0%,var(--glow-soft) 0%,transparent 50%),radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:100% 100%,100% 100%,28px 28px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1px}.skip-link{position:absolute;left:-999px;top:0;padding:var(--space-2) var(--space-3);background:var(--bg-raised);color:var(--text);font-family:var(--font-mono);font-size:var(--text-sm);border:1px solid var(--rule);border-radius:var(--radius);z-index:20}.skip-link:focus{left:var(--space-3);top:var(--space-3)}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--rule);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(140%) blur(8px)}.site-nav{max-width:var(--measure-wide);margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm)}.site-nav .brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text);letter-spacing:.22em}.site-nav .brand:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-4)}.site-nav li a{position:relative;color:var(--text-muted);text-transform:lowercase;padding-bottom:2px;transition:color var(--dur-1) var(--ease)}.site-nav li a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-1) var(--ease)}.site-nav li a:hover{color:var(--accent);text-decoration:none}.site-nav li a:hover:after{transform:scaleX(1)}.site-nav li a[aria-current=page]{color:var(--accent)}.site-nav li a[aria-current=page]:after{transform:scaleX(1)}.site-main{flex:1 0 auto;width:100%;max-width:var(--measure-wide);margin:0 auto;padding:var(--space-7) var(--space-4) var(--space-6)}.site-footer{border-top:1px solid var(--rule);margin-top:var(--space-7)}.site-footer ul{max-width:var(--measure-wide);margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-2);list-style:none;display:flex;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm)}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--accent)}.site-footer .colophon{max-width:var(--measure-wide);margin:0 auto;padding:0 var(--space-4) var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}h1,h2,h3{font-family:var(--font-serif);font-weight:500;line-height:1.12;letter-spacing:-.01em}h1{font-size:var(--text-3xl);margin:0 0 var(--space-2)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-3)}@media (prefers-reduced-motion: no-preference){.site-main{animation:rise var(--dur-3) var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}