:root {
  color-scheme: dark;
  --bg: #0C0B11;
  --surface: #15141C;
  --ink: #EEEDF4;
  --soft: #CFCBE0;
  --muted: #9A96AC;
  --line: #2A2735;
  --signal: #D7FF3A;
  --signal-2: #F0B429;
  --on-color: #0C0B11;
  --error: #FF6FA3;
  --rail: #4A4660;
  --rail-hover: #8D88A8;
  --glass: rgba(11, 8, 32, 0.78);
  --glass-strong: rgba(11, 8, 32, 0.95);
  --glass-soft: rgba(11, 8, 32, 0.5);
  --scrim: rgba(8, 7, 12, 0.78);
  --hair: rgba(238, 237, 244, 0.3);
  --hair-mid: rgba(238, 237, 244, 0.34);
  --hair-strong: rgba(238, 237, 244, 0.38);
  --signal-line: rgba(215, 255, 58, 0.42);
  --space: #0B0820;
  --veil: #0E0A26;
  --space-outline: #090518;
  --screen: #0B0824;
  --screen-lit: #127066;
  --screen-dim: #0A2E40;
  --trace: #57FFA6;
  --trace-grid: rgba(87, 255, 166, 0.13);
  --trace-edge: rgba(87, 255, 166, 0.5);
  --hush-lit: #1D2C6B;
  --hush-deep: #121C4C;
  --hush-ink: #7D93E0;
  --hush-line: #5873CC;
  --sky-1: #F2FFB0;
  --sky-2: #A9BCFF;
  --sky-3: #6172FF;
  --sky-4: #3A49EE;
  --sky-5: #2733CC;
  --sky-6: #1B2196;
  --sky-7: #120F58;
  --star: #E9ECFF;
  --galaxy-core: #FFE7A8;
  --nebula-1: rgba(84, 48, 190, 0.28);
  --nebula-2: rgba(120, 50, 170, 0.22);
  --nebula-3: rgba(40, 60, 190, 0.2);
  --planet-web: #9C8CFF;
  --planet-web-shade: #4A3AB8;
  --planet-web-hi: #C9BEFF;
  --planet-mobile: #D7FF3A;
  --planet-mobile-shade: #5E8A1E;
  --planet-mobile-hi: #F0FF9A;
  --planet-ai: #FF6FA3;
  --planet-ai-shade: #8E2F78;
  --planet-ai-hi: #FFB3CC;
  --planet-enterprise: #F0B429;
  --planet-enterprise-shade: #9A5A1C;
  --planet-enterprise-hi: #FFD987;
  --planet-devops: #45E0C0;
  --planet-devops-shade: #15707E;
  --planet-devops-hi: #A9F5E2;
  --planet-chain: #5FC8FF;
  --planet-chain-shade: #2A5AA8;
  --planet-chain-hi: #BCE9FF;
  --ship-chrome: #D5DCEA;
  --ship-chrome-shade: #5A6484;
  --ship-white: #FFFFFF;
  --ship-white-shade: #8A94B4;
  --ship-dark: #1B1E30;
  --ship-dark-shade: #0E101C;
  --ship-fin: #4FD6FF;
  --ship-fin-shade: #1E7FC8;
  --ship-flame: #7FE9FF;
  --ship-cobalt-1: #0E1F6E;
  --ship-cobalt-2: #1C3CB4;
  --ship-cobalt-3: #3A63E6;
  --ship-cobalt-4: #5C8CFF;
  --ship-cobalt-5: #DCE8FF;
  --cabin-wall: #101A3A;
  --cabin-wall-shade: #090F24;
  --cabin-panel: #15214A;
  --cabin-panel-shade: #0C142E;
  --cabin-floor: #182552;
  --cabin-floor-shade: #0D1534;
  --cabin-trim: #293C7E;
  --cabin-trim-shade: #152154;
  --cabin-seat: #1F2F66;
  --cabin-seat-shade: #111C44;
  --cabin-led: #3FD2FF;
  --cabin-led-soft: #BFF3FF;
  --cabin-outline: #02040E;
  --crew-suit: #E6ECF5;
  --crew-suit-shade: #7788AE;
  --crew-helmet: #3FD2FF;
  --crew-helmet-shade: #1566A8;
  --room-warm: #FFD3A0;
  --room-glow: #FFAC68;
  --lamp-cool: #CBDCFF;
  --lamp-pad: #D8E6FF;
  --lamp-hangar: #9DB8FF;
  --smoke: #93A8BC;
  --smoke-light: #AFC1D2;
  --text-lift: 0 2px 20px rgba(11, 8, 32, 0.85);
  --text-lift-small: 0 1px 14px rgba(11, 8, 32, 0.9);
  --focus-underline: 0 1px 0 #D7FF3A;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-34: 34px;
  --gutter-page: 4.5%;
  --control-min: 46px;
  --control-short: 38px;
  --tag-min: 34px;
  --logo-nav: 26px;
  --wrap-max: 1180px;
  --copy-max: 520px;
  --hero-max: 900px;
  --mid-max: 720px;
  --sys-width: 300px;
  --hold-size: 124px;
  --stroke-hair: 1px;
  --stroke-rail: 2px;
  --fade-field: 0.35s;
  --fade-stagger: 70ms;
  --fade-loader: 0.9s;
  --fade-chrome: 0.5s;
  --mark-fill: 0.18s;
  --hint-loop: 1.5s;
  --hint-delay: 0.18s;
  --hold-turn: 18s;
  --radius-none: 0;
  --font-display: "Funnel Display", "Segoe UI", system-ui, sans-serif;
  --font-body: "Funnel Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}

.display-hero { font-family: var(--font-display); font-size: 76px; font-weight: 800; line-height: 1; letter-spacing: -0.02em; }
.display-section { font-family: var(--font-display); font-size: 62px; font-weight: 800; line-height: 1.02; letter-spacing: -0.02em; }
.display-screen { font-family: var(--font-display); font-size: 60px; font-weight: 800; line-height: 1.03; letter-spacing: -0.02em; }
.display-board { font-family: var(--font-display); font-size: 50px; font-weight: 800; line-height: 1.03; letter-spacing: -0.02em; }
.display-tag-plain { font-family: var(--font-display); font-size: 42px; font-weight: 800; line-height: 1.05; letter-spacing: 0.01em; }
.display-key { font-family: var(--font-display); font-size: 30px; font-weight: 800; line-height: 1.05; letter-spacing: 0.01em; }
.display-tag { font-family: var(--font-display); font-size: 30px; font-weight: 800; line-height: 1.05; letter-spacing: 0.01em; }
.display-system { font-family: var(--font-display); font-size: 24px; font-weight: 800; line-height: 1.55; letter-spacing: -0.01em; }
.display-aim { font-family: var(--font-display); font-size: 22px; font-weight: 800; line-height: 1.05; letter-spacing: 0.01em; }
.display-field { font-family: var(--font-display); font-size: 19px; font-weight: 600; }
.body-lead { font-family: var(--font-body); font-size: 20px; font-weight: 400; line-height: 1.55; }
.body-copy { font-family: var(--font-body); font-size: 18px; font-weight: 400; line-height: 1.55; }
.body-screen { font-family: var(--font-body); font-size: 18px; font-weight: 400; line-height: 1.45; }
.body-tag { font-family: var(--font-body); font-size: 18px; font-weight: 500; line-height: 1.05; }
.body-field { font-family: var(--font-body); font-size: 16px; font-weight: 400; line-height: 1.35; }
.body-base { font-family: var(--font-body); font-size: 15px; font-weight: 400; line-height: 1.55; }
.body-label { font-family: var(--font-body); font-size: 15px; font-weight: 500; line-height: 1.55; }
.body-system { font-family: var(--font-body); font-size: 14.5px; font-weight: 400; line-height: 1.4; }
.mono-chip { font-family: var(--font-mono); font-size: 14px; font-weight: 400; letter-spacing: 0.03em; }
.mono-send { font-family: var(--font-mono); font-size: 13px; font-weight: 500; letter-spacing: 0.08em; }
.mono-tag-lead { font-family: var(--font-mono); font-size: 12.5px; font-weight: 500; letter-spacing: 0.08em; }
.mono-beat { font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: 0.06em; }
.mono-label { font-family: var(--font-mono); font-size: 11.5px; font-weight: 400; letter-spacing: 0.06em; }
.mono-nav { font-family: var(--font-mono); font-size: 11px; font-weight: 400; letter-spacing: 0.08em; }