:root{color-scheme:dark;--canvas: #05070d;--surface: #0c1322;--raised: #111b2e;--ink: #e8eef6;--ink-2: #98a6bc;--ink-3: #61708a;--line: rgba(148, 163, 184, .12);--line-strong: rgba(148, 163, 184, .22);--accent: #2e6ee8;--accent-2: #6091ee;--on-accent: #ffffff;--accent-soft: rgba(46, 110, 232, .12);--glass-bg: rgba(11, 17, 32, .32);--glass-bg-strong: rgba(8, 13, 26, .55);--glass-border: rgba(255, 255, 255, .08);--glass-border-strong: rgba(255, 255, 255, .16);--glass-highlight: rgba(255, 255, 255, .09);--glass-sheen: rgba(255, 255, 255, .06);--glass-blur: 20px;--glass-blur-strong: 28px;--glass-fallback: rgba(12, 19, 34, .94);--pointer-core: rgba(119, 161, 240, .05);--pointer-halo: rgba(46, 110, 232, .025);--pointer-ring: rgba(161, 190, 245, .3);--pointer-sheen: rgba(119, 161, 240, .025);--shadow-card: 0 10px 30px rgba(1, 4, 12, .45);--shadow-float: 0 16px 48px rgba(1, 4, 12, .55);--glow-accent: 0 4px 24px rgba(46, 110, 232, .2);--bg-art: radial-gradient(60rem 38rem at 16% -8%, rgba(34, 211, 238, .16), transparent 62%), radial-gradient(56rem 42rem at 92% 26%, rgba(99, 102, 241, .15), transparent 64%), radial-gradient(48rem 34rem at 40% 112%, rgba(13, 148, 136, .13), transparent 66%);--font-sans: "Inter Variable", ui-sans-serif, system-ui, sans-serif;--font-display: "Geist Variable", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono Variable", ui-monospace, "JetBrains Mono", Menlo, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--max-w: 1080px;--pad-x: clamp(20px, 5vw, 48px)}:root.light{color-scheme:light;--canvas: #eef2f9;--surface: #ffffff;--raised: #f4f7fc;--ink: #0b1526;--ink-2: #46586f;--ink-3: #7c8ca3;--line: rgba(13, 25, 48, .1);--line-strong: rgba(13, 25, 48, .18);--accent: #2563eb;--accent-2: #1d4ed8;--on-accent: #ffffff;--accent-soft: rgba(37, 99, 235, .1);--glass-bg: rgba(255, 255, 255, .45);--glass-bg-strong: rgba(255, 255, 255, .65);--glass-border: rgba(13, 25, 48, .09);--glass-border-strong: rgba(13, 25, 48, .18);--glass-highlight: rgba(255, 255, 255, .9);--glass-sheen: rgba(255, 255, 255, .35);--glass-fallback: rgba(255, 255, 255, .94);--pointer-core: rgba(37, 99, 235, .04);--pointer-halo: rgba(37, 99, 235, .02);--pointer-ring: rgba(29, 78, 216, .22);--pointer-sheen: rgba(37, 99, 235, .02);--shadow-card: 0 1px 2px rgba(13, 25, 48, .05), 0 8px 24px rgba(13, 25, 48, .07);--shadow-float: 0 16px 48px rgba(13, 25, 48, .16);--glow-accent: 0 4px 24px rgba(37, 99, 235, .18);--bg-art: radial-gradient(60rem 38rem at 16% -8%, rgba(6, 182, 212, .14), transparent 62%), radial-gradient(56rem 42rem at 92% 26%, rgba(99, 102, 241, .12), transparent 64%), radial-gradient(48rem 34rem at 40% 112%, rgba(13, 148, 136, .1), transparent 66%)}@media(max-width:1023px){:root{--glass-blur: 14px;--glass-blur-strong: 18px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:88px}body{min-height:100vh;background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:var(--bg-art);background-size:cover;background-position:50% 50%}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(16rem circle at var(--px, 50%) var(--py, -30%),var(--pointer-core),transparent 70%),radial-gradient(44rem circle at var(--px, 50%) var(--py, -30%),var(--pointer-halo),transparent 72%);opacity:var(--pointer-on, 0);transition:opacity .5s ease}@media(pointer:coarse),(prefers-reduced-motion:reduce){body:after{display:none}}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}ul,ol{list-style:none}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.skip{position:fixed;top:-100px;left:16px;z-index:999;background:var(--accent);color:var(--on-accent);padding:8px 14px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.78rem}.skip:focus{top:16px}.glass,.card{position:relative;border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow-card)}.glass{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(1.8);backdrop-filter:blur(var(--glass-blur-strong)) saturate(1.8)}.card{background:var(--glass-bg);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.8);backdrop-filter:blur(var(--glass-blur)) saturate(1.8)}.glass:before,.card:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:radial-gradient(300px circle at var(--gx, 50%) var(--gy, 50%),var(--pointer-ring),transparent 72%) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:var(--glow, 0);transition:opacity .28s ease;pointer-events:none}.glass:after,.card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--gx, 50%) var(--gy, 50%),var(--pointer-sheen),transparent 70%),linear-gradient(120deg,var(--glass-sheen),transparent 38%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:auto,auto,160px 160px;pointer-events:none}@media(pointer:coarse),(prefers-reduced-motion:reduce){.glass:before,.card:before{display:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--glass-fallback)}.card{background:var(--surface)}}@media(hover:hover){.card-hover{transition:transform .14s cubic-bezier(.22,1,.36,1),border-color .14s ease,box-shadow .14s ease}.card-hover:hover{transform:translateY(-2px);border-color:var(--glass-border-strong);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow-float)}}.container{max-width:var(--max-w);margin-inline:auto;padding-inline:var(--pad-x)}.section{padding-block:clamp(56px,9vh,104px)}.section-head{display:flex;align-items:baseline;gap:16px;margin-bottom:clamp(28px,4vh,44px)}.section-head h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:600;letter-spacing:-.02em}.section-head .rule{flex:1;height:1px;background:var(--line);transform:translateY(-4px)}.mono{font-family:var(--font-mono)}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.chip{display:inline-block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:3px 9px;white-space:nowrap}.chip.accent{color:var(--accent-2);border-color:var(--accent-soft);background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:.9rem;font-weight:550;padding:10px 18px;border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);box-shadow:var(--glow-accent);transition:background .16s ease,transform .14s cubic-bezier(.22,1,.36,1)}.btn:hover{background:var(--accent-2)}.btn:active{transform:translateY(1px)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;padding:9px 16px;border-radius:var(--radius-md);border:1px solid var(--line-strong);color:var(--ink);transition:border-color .16s ease,background .16s ease}.btn-ghost:hover{border-color:var(--accent);background:var(--accent-soft)}.link{color:var(--accent-2);transition:color .14s ease}.link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--d, 0ms)}.reveal.in{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.rise{animation:rise .7s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d, 0ms)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.rise{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}
