:root{--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-text: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--step--1: clamp(.78rem, .75rem + .15vw, .86rem);--step-0: clamp(.95rem, .92rem + .18vw, 1.05rem);--step-1: clamp(1.12rem, 1.05rem + .4vw, 1.35rem);--step-2: clamp(1.4rem, 1.25rem + .8vw, 1.9rem);--step-3: clamp(1.8rem, 1.5rem + 1.6vw, 2.9rem);--step-4: clamp(2.3rem, 1.8rem + 2.8vw, 4.2rem);--step-5: clamp(2.9rem, 2rem + 4.8vw, 6rem);--sp-1: .35rem;--sp-2: .6rem;--sp-3: 1rem;--sp-4: 1.6rem;--sp-5: 2.6rem;--sp-6: 4rem;--sp-7: 6.4rem;--sp-8: 9rem;--r-1: 6px;--r-2: 12px;--r-3: 18px;--r-4: 28px;--r-pill: 999px;--container: 1200px;--container-wide: 1400px;--gutter: clamp(1.1rem, 5vw, 3.5rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-1: .18s;--dur-2: .32s;--dur-3: .55s;--dur-4: .9s;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-strong: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--glass-blur: 20px;--z-cursor: 9999;--z-nav: 900;--z-overlay: 800;--z-companion: 700;--z-progress: 950;--z-transition: 9990;--z-intro: 10000}:root,[data-theme=midnight]{color-scheme:dark;--bg: #08090d;--bg-2: #050609;--surface: #12141c;--surface-2: #0d0f16;--surface-elevated: #1a1d29;--text: #fbfcfe;--text-muted: #cbd5e1;--text-subtle: #94a3b8;--accent: #6366f1;--accent-soft: #818cf8;--accent-2: #4facfe;--accent-2-soft: #00f2fe;--accent-contrast: #060608;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--shadow: 0 28px 70px -20px rgba(0, 0, 0, .75);--glow: rgba(99, 102, 241, .4);--glow-2: rgba(0, 242, 254, .32);--grid-line: rgba(255, 255, 255, .045);--bg-mesh: radial-gradient(38% 32% at 14% 8%, rgba(99, 102, 241, .16), transparent 68%), radial-gradient(34% 30% at 88% 14%, rgba(0, 242, 254, .11), transparent 65%), radial-gradient(46% 40% at 50% 102%, rgba(18, 21, 38, .9), transparent 70%)}[data-theme=light]{color-scheme:light;--bg: #f6f4ef;--bg-2: #efece3;--surface: #ffffff;--surface-2: #efece4;--surface-elevated: #ffffff;--text: #16181d;--text-muted: #4a4f5c;--text-subtle: #7c8290;--accent: #4b41d8;--accent-soft: #6c62e8;--accent-2: #0f8f84;--accent-2-soft: #17b3a5;--accent-contrast: #ffffff;--border: rgba(20, 22, 28, .12);--border-strong: rgba(20, 22, 28, .22);--shadow: 0 22px 50px -24px rgba(35, 28, 12, .28);--glow: rgba(75, 65, 216, .18);--glow-2: rgba(15, 143, 132, .16);--grid-line: rgba(20, 22, 28, .05);--bg-mesh: none}[data-theme=aurora]{color-scheme:dark;--bg: #0c0e12;--bg-2: #090a0d;--surface: #14171d;--surface-2: #101318;--surface-elevated: #1c2029;--text: #eaf6ee;--text-muted: #a6c0b2;--text-subtle: #6f8479;--accent: #56f0a0;--accent-soft: #86f5bb;--accent-2: #8b6cff;--accent-2-soft: #ab94ff;--accent-contrast: #06120b;--border: rgba(120, 255, 190, .1);--border-strong: rgba(120, 255, 190, .2);--shadow: 0 24px 60px -20px rgba(0, 0, 0, .65);--glow: rgba(86, 240, 160, .32);--glow-2: rgba(139, 108, 255, .28);--grid-line: rgba(140, 255, 200, .05);--bg-mesh: radial-gradient(36% 30% at 12% 10%, rgba(86, 240, 160, .1), transparent 68%), radial-gradient(32% 28% at 88% 16%, rgba(139, 108, 255, .1), transparent 65%)}[data-theme=ocean]{color-scheme:dark;--bg: #071522;--bg-2: #050f19;--surface: #0c1f30;--surface-2: #0a1a29;--surface-elevated: #123049;--text: #e6f4fb;--text-muted: #9dc0d3;--text-subtle: #628296;--accent: #35c7e6;--accent-soft: #6bd8ee;--accent-2: #5b8dff;--accent-2-soft: #89aeff;--accent-contrast: #04121c;--border: rgba(120, 220, 255, .1);--border-strong: rgba(120, 220, 255, .2);--shadow: 0 24px 60px -20px rgba(0, 0, 0, .55);--glow: rgba(53, 199, 230, .3);--glow-2: rgba(91, 141, 255, .26);--grid-line: rgba(120, 220, 255, .05);--bg-mesh: radial-gradient(36% 30% at 14% 8%, rgba(53, 199, 230, .12), transparent 68%), radial-gradient(32% 28% at 88% 18%, rgba(91, 141, 255, .1), transparent 65%)}[data-theme=sunset]{color-scheme:dark;--bg: #1a1016;--bg-2: #150c12;--surface: #241620;--surface-2: #1e131b;--surface-elevated: #33202c;--text: #fdeef0;--text-muted: #d3a9b4;--text-subtle: #9a7580;--accent: #ff7a59;--accent-soft: #ff9c80;--accent-2: #ffc24b;--accent-2-soft: #ffd479;--accent-contrast: #1a1016;--border: rgba(255, 180, 150, .12);--border-strong: rgba(255, 180, 150, .24);--shadow: 0 24px 60px -20px rgba(0, 0, 0, .5);--glow: rgba(255, 122, 89, .3);--glow-2: rgba(255, 194, 75, .24);--grid-line: rgba(255, 180, 150, .05);--bg-mesh: radial-gradient(36% 30% at 14% 10%, rgba(255, 122, 89, .12), transparent 68%), radial-gradient(32% 28% at 86% 16%, rgba(255, 194, 75, .1), transparent 65%)}[data-theme=mono]{color-scheme:dark;--bg: #0f0f0f;--bg-2: #0a0a0a;--surface: #161616;--surface-2: #121212;--surface-elevated: #1e1e1e;--text: #f2f2f2;--text-muted: #b0b0b0;--text-subtle: #7a7a7a;--accent: #f2f2f2;--accent-soft: #ffffff;--accent-2: #9a9a9a;--accent-2-soft: #bdbdbd;--accent-contrast: #0f0f0f;--border: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .26);--shadow: 0 24px 60px -20px rgba(0, 0, 0, .7);--glow: rgba(255, 255, 255, .12);--glow-2: rgba(255, 255, 255, .08);--grid-line: rgba(255, 255, 255, .05);--bg-mesh: none}*,*:before,*:after{box-sizing:border-box;margin:0}*{min-width:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100dvh;line-height:1.6;font-synthesis:none}img,picture,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}ul[role=list],ol[role=list]{list-style:none;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}::selection{background:var(--accent);color:var(--accent-contrast)}h1,h2,h3,h4{line-height:1.08;font-weight:600;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}body{font-family:var(--font-text);font-size:var(--step-0);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;line-height:1.02}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.22em;text-transform:uppercase;color:var(--text-subtle);font-weight:500}.lede{font-size:var(--step-1);color:var(--text-muted);line-height:1.5}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.text-accent{color:var(--accent)}.reveal-armed{opacity:0;transform:translateY(22px);transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out)}.reveal-armed[data-reveal=left]{transform:translate(-28px)}.reveal-armed[data-reveal=right]{transform:translate(28px)}.reveal-armed[data-reveal=scale]{transform:scale(.94)}.reveal-armed.is-revealed{opacity:1;transform:none}@keyframes studio-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes studio-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes studio-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal-armed{opacity:1!important;transform:none!important}}:root[data-reduced-motion=true] .reveal-armed{opacity:1!important;transform:none!important}:root[data-retro-mode=true]{--accent: #39ff88;--accent-2: #ff2f6d}:root[data-retro-mode=true] body:after{content:"";position:fixed;inset:0;z-index:var(--z-cursor);pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;animation:retro-flicker 6s steps(30) infinite}@keyframes retro-flicker{0%,96%,to{opacity:.9}97%{opacity:.65}98%{opacity:1}}@media(prefers-reduced-motion:reduce){:root[data-retro-mode=true] body:after{animation:none;opacity:.75}}:root[data-reduced-motion=true][data-retro-mode=true] body:after{animation:none;opacity:.75}html,body{background:var(--bg);color:var(--text)}body{overflow-x:hidden;transition:background var(--dur-3) var(--ease-out),color var(--dur-3) var(--ease-out)}body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--bg-mesh, none);pointer-events:none}body.has-custom-cursor,body.has-custom-cursor *{cursor:none!important}@media(hover:none),(pointer:coarse){body.has-custom-cursor,body.has-custom-cursor *{cursor:auto!important}}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}.container{width:min(100% - var(--gutter) * 2,var(--container));margin-inline:auto}.container--wide{width:min(100% - var(--gutter) * 2,var(--container-wide))}.section{position:relative;padding-block:clamp(4.5rem,12vh,9rem);scroll-margin-top:88px}.section__head{display:flex;flex-direction:column;gap:var(--sp-3);max-width:62ch;margin-bottom:var(--sp-6)}.section__title{font-family:var(--font-display);font-size:var(--step-3)}.grid-backdrop{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 78%);pointer-events:none;z-index:0}.btn{--btn-bg: transparent;--btn-fg: var(--text);display:inline-flex;align-items:center;gap:.55rem;padding:.72rem 1.15rem;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--btn-bg);color:var(--btn-fg);font-weight:500;font-size:var(--step--1);letter-spacing:.01em;transition:transform var(--dur-1) var(--ease-spring),background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{--btn-bg: linear-gradient(135deg, var(--accent), var(--accent-2));--btn-fg: var(--accent-contrast);border-color:transparent;box-shadow:0 10px 30px -12px var(--glow),0 6px 22px -14px var(--glow-2, transparent)}.btn--primary:hover{box-shadow:0 14px 36px -12px var(--glow),0 10px 28px -12px var(--glow-2, transparent)}.btn--ghost{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg)}.btn--ghost:hover{background:var(--glass-bg-strong);border-color:var(--border-strong)}.btn svg{width:1em;height:1em}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:var(--step--1);font-family:var(--font-mono);transition:transform var(--dur-1) var(--ease-spring),border-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.chip:hover{transform:translateY(-2px);color:var(--text);border-color:var(--border-strong)}.chip--active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-contrast);border-color:transparent;box-shadow:0 6px 18px -10px var(--glow)}.link{position:relative;color:var(--text);font-weight:500}.link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--dur-2) var(--ease-out)}.link:hover:after{transform:scaleX(1);transform-origin:left}.card{position:relative;isolation:isolate;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-3);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow);transition:border-color var(--dur-2) var(--ease-out);--glare-x: 50%;--glare-y: 50%;--glare-o: 0}.card:hover{border-color:var(--border-strong)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(380px circle at var(--glare-x) var(--glare-y),color-mix(in oklab,var(--accent) 20%,transparent),color-mix(in oklab,var(--accent-2) 10%,transparent) 45%,transparent 70%);opacity:var(--glare-o);transition:opacity var(--dur-2) var(--ease-out);pointer-events:none;z-index:0}.card>*{position:relative;z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:.6rem;left:.6rem;z-index:var(--z-intro);padding:.6rem 1rem;background:var(--accent);color:var(--accent-contrast);border-radius:var(--r-1);transform:translateY(-160%);transition:transform var(--dur-2) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}