:root {
      --void:   #060910;
      --panel:  #0b1120;
      --panel2: #0d1424;
      --ink:    #e6edf7;
      --slate:  #7c8aa5;
      --line:   rgba(230,237,247,0.09);
      --line2:  rgba(230,237,247,0.16);
      --agent:  #5eead4;   /* the robots */
      --payload:#ffb258;   /* the cargo  */
      --disp: 'Space Grotesk', system-ui, sans-serif;
      --body: 'Inter', system-ui, sans-serif;
      --mono: 'IBM Plex Mono', ui-monospace, monospace;
    }
    * { margin: 0; padding: 0; box-sizing: border-box; }

    html { scroll-behavior: smooth; }
    body {
      font-family: var(--body);
      background: var(--void);
      color: var(--ink);
      line-height: 1.5;
      min-height: 100vh;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }

    /* live orbital-swarm simulation */
    #sim-bg { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%; display: block; }
    .scrim {
      position: fixed; inset: 0; z-index: 1; pointer-events: none;
      background:
        radial-gradient(circle at 74% 32%, rgba(94,234,212,0.05) 0%, transparent 42%),
        linear-gradient(180deg, rgba(6,9,16,0.35) 0%, rgba(6,9,16,0.72) 100%);
    }

    /* mono utility label */
    .mono { font-family: var(--mono); font-weight: 500; letter-spacing: 0.08em; }
    .eyebrow {
      font-family: var(--mono); font-size: 0.68rem; font-weight: 500;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--slate);
    }
    .eyebrow .idx { color: var(--agent); }

    a { color: inherit; }
    ::selection { background: rgba(94,234,212,0.25); }

    /* corner-ticked instrument panel */
    .panel {
      position: relative;
      background: linear-gradient(180deg, rgba(13,20,36,0.72), rgba(8,12,22,0.72));
      border: 1px solid var(--line2);
    }
    .panel::before, .panel::after {
      content: ''; position: absolute; width: 9px; height: 9px; border: 1px solid var(--agent);
      opacity: 0.7;
    }
    .panel::before { top: -1px; left: -1px; border-right: 0; border-bottom: 0; }
    .panel::after  { bottom: -1px; right: -1px; border-left: 0; border-top: 0; }

    /* ============ LOGIN GATE ============ */
    #gate {
      position: relative; z-index: 10; min-height: 100vh;
      display: flex; align-items: center; justify-content: center; padding: 1.25rem;
    }
    .gate-card { width: 100%; max-width: 400px; padding: 2.4rem 2rem 2rem; text-align: center; }
    .gate-mark { width: 58px; height: 58px; margin: 0 auto 1rem; display: block; }
    .gate-word { font-family: var(--disp); font-weight: 300; font-size: 1.7rem; letter-spacing: 0.6em; padding-left: 0.6em; color: var(--ink); }
    .gate-sub { font-family: var(--mono); font-size: 0.64rem; letter-spacing: 0.24em; color: var(--slate); margin: 0.5rem 0 1.8rem; text-transform: uppercase; }
    .field { position: relative; }
    .field label { position: absolute; left: 0; top: -1.1rem; font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.2em; color: var(--slate); }
    .gate-input {
      width: 100%; background: rgba(0,0,0,0.25); border: 1px solid var(--line2);
      padding: 0.8rem 1rem; font-family: var(--mono); font-size: 0.95rem; color: var(--ink);
      outline: none; transition: border-color 0.15s;
    }
    .gate-input:focus { border-color: var(--agent); }
    .gate-input::placeholder { color: rgba(124,138,165,0.6); }
    .gate-btn {
      margin-top: 0.9rem; width: 100%; cursor: pointer;
      background: rgba(94,234,212,0.10); border: 1px solid rgba(94,234,212,0.35);
      color: var(--agent); font-family: var(--mono); font-weight: 500; font-size: 0.8rem;
      letter-spacing: 0.16em; padding: 0.8rem; text-transform: uppercase; transition: background 0.15s;
    }
    .gate-btn:hover { background: rgba(94,234,212,0.2); }
    .gate-err { color: #ff9a9a; font-family: var(--mono); font-size: 0.68rem; margin-top: 0.7rem; min-height: 1.1rem; letter-spacing: 0.05em; }
    .gate-note { font-family: var(--mono); font-size: 0.58rem; letter-spacing: 0.16em; color: rgba(124,138,165,0.5); margin-top: 1.4rem; text-transform: uppercase; }

    /* ============ SITE ============ */
    #site { display: block; position: relative; z-index: 5; }
    .wrap { max-width: 1160px; margin: 0 auto; padding: 0 1.5rem; }

    .topbar {
      position: sticky; top: 0; z-index: 20; backdrop-filter: blur(6px);
      border-bottom: 1px solid var(--line); background: rgba(6,9,16,0.55);
    }
    .topbar-in { max-width: 1160px; margin: 0 auto; padding: 0.85rem 1.5rem; display: flex; align-items: center; justify-content: space-between; }
    .brand { display: flex; align-items: center; gap: 0.6rem; }
    .brand img { width: 26px; height: 26px; }
    .brand b { font-family: var(--disp); font-weight: 400; font-size: 1rem; letter-spacing: 0.5em; padding-left: 0.5em; }
    .nav-links { display: flex; align-items: center; gap: 1.6rem; }
    .nav-links a { font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--slate); text-decoration: none; transition: color 0.15s; }
    .nav-links a:hover { color: var(--ink); }
    .nav-links a.nav-ch { display: none; }  /* chapters live on the spine at >=1440; menu-only below */
    .nav-menu-head { display: none; font-family: var(--mono); font-size: 0.5rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--slate); padding: 0.7rem 0 0.3rem; opacity: 0.7; }
    .nav-menu-head + a.nav-ch { border-top: 0; }
    .nav-log { color: var(--agent) !important; border: 1px solid rgba(94,234,212,0.42); padding: 0.42rem 0.75rem; transition: background 0.15s !important; }
    .nav-log:hover { background: rgba(94,234,212,0.12); }
    .nav-burger { display: none; background: none; border: 1px solid var(--line2); color: var(--ink); font-size: 1rem; line-height: 1; padding: 0.35rem 0.6rem; cursor: pointer; }
    /* below the spine's reveal point, collapse the bar into a menu that also carries the chapters */
    @media (max-width: 1439px) {
      .nav-burger { display: block; }
      .nav-links { position: absolute; top: 100%; right: 0; left: 0; flex-direction: column; align-items: stretch; gap: 0; background: rgba(6,9,15,0.98); border-bottom: 1px solid var(--line2); padding: 0.4rem 1.5rem 0.8rem; transform: translateY(-8px); opacity: 0; pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease; }
      .nav-links.open { transform: none; opacity: 1; pointer-events: auto; }
      .nav-links a { padding: 0.8rem 0; border-bottom: 1px solid var(--line); font-size: 0.74rem; }
      .nav-links a.nav-ch { display: block; }
      .nav-menu-head { display: block; }
      .nav-log { border: none !important; padding: 0.9rem 0; }
    }

    /* hero */
    .hero { padding: clamp(4rem, 11vh, 7.5rem) 0 clamp(3rem, 7vh, 4.75rem); display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 3rem; align-items: center; }
    .hero-copy .eyebrow { margin-bottom: 1.4rem; display: block; }
    .hero h1 {
      font-family: var(--disp); font-weight: 500; font-size: clamp(2.6rem, 6vw, 4.5rem);
      line-height: 1.02; letter-spacing: -0.02em; margin-bottom: 1.4rem;
      min-height: 4.3em;
    }
    .hero h1 .hl { color: var(--agent); }
    #hero-h1 { transition: opacity 0.55s ease; }
    #hero-h1.fading { opacity: 0; }
    @media (prefers-reduced-motion: reduce) { #hero-h1 { transition: none; } }
    .hero-copy p { font-size: 1.08rem; font-weight: 300; color: var(--slate); max-width: 30rem; line-height: 1.65; margin-bottom: 2rem; }
    .cta {
      display: inline-flex; align-items: center; gap: 0.6rem; text-decoration: none;
      font-family: var(--mono); font-size: 0.76rem; letter-spacing: 0.16em; text-transform: uppercase;
      color: var(--ink); border: 1px solid var(--line2); padding: 0.75rem 1.2rem; transition: border-color 0.15s, color 0.15s;
    }
    .cta:hover { border-color: var(--agent); color: var(--agent); }
    .cta .arw { color: var(--agent); }

    /* telemetry HUD */
    .hud { padding: 1.15rem 1.2rem 1.3rem; }
    .hud-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
    .hud-live { display: flex; align-items: center; gap: 0.45rem; font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.18em; color: var(--agent); text-transform: uppercase; }
    .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--agent); box-shadow: 0 0 8px var(--agent); animation: blink 1.6s steps(1) infinite; }
    @keyframes blink { 50% { opacity: 0.25; } }
    .hud-id { font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.14em; color: var(--slate); }
    .readout { display: flex; align-items: baseline; justify-content: space-between; font-family: var(--mono); font-size: 0.74rem; padding: 0.34rem 0; color: var(--slate); }
    .readout .k { letter-spacing: 0.08em; }
    .readout .v { color: var(--ink); font-weight: 500; }
    .readout .v.agent { color: var(--agent); }
    .readout .v.payload { color: var(--payload); }
    .hud-div { height: 1px; background: var(--line); margin: 0.85rem 0; }
    .counter-label { font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.22em; color: var(--slate); text-transform: uppercase; }
    .counter {
      font-family: var(--mono); font-weight: 600; font-size: clamp(1.9rem, 4.5vw, 2.6rem);
      letter-spacing: 0.01em; color: var(--ink); margin-top: 0.3rem; font-variant-numeric: tabular-nums;
    }
    .counter .cur { color: var(--agent); animation: blink 1.1s steps(1) infinite; font-weight: 400; }
    .counter-sub { font-family: var(--mono); font-size: 0.58rem; letter-spacing: 0.1em; color: rgba(124,138,165,0.7); margin-top: 0.4rem; }

    /* briefing sections */
    .brief { border-top: 1px solid var(--line); padding: 2.8rem 0; display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 2.5rem; }
    .brief > * { min-width: 0; }   /* let the content column shrink below its SVG panels' width instead of overflowing */
    .brief .eyebrow { padding-top: 0.35rem; }
    .brief h2 { font-family: var(--disp); font-weight: 500; font-size: clamp(1.5rem, 3vw, 2rem); letter-spacing: -0.01em; margin-bottom: 0.9rem; }
    .brief p { font-weight: 300; color: var(--slate); max-width: 42rem; line-height: 1.7; font-size: 1.02rem; }
    .brief .quote { font-family: var(--disp); font-weight: 400; font-size: clamp(1.5rem, 3.4vw, 2.15rem); line-height: 1.35; color: var(--ink); letter-spacing: -0.01em; max-width: 44rem; }
    .brief .quote b { color: var(--agent); font-weight: 500; }

    /* subsystem stack */
    .stack-intro { font-size: 1.02rem; font-weight: 300; color: var(--ink); line-height: 1.6; max-width: 44rem; margin-bottom: 1.8rem; }
    .stack-intro b { color: var(--agent); font-weight: 500; }
    .stack { display: flex; flex-direction: column; }
    .sub { display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: start; padding: 1.15rem 0; border-bottom: 1px solid var(--line); }
    .sub:first-child { border-top: 1px solid var(--line); }
    .sub h3 { font-family: var(--disp); font-weight: 500; font-size: 1.15rem; margin-bottom: 0.25rem; }
    .sub p { font-size: 0.92rem; }
    .chip { font-family: var(--mono); font-size: 0.58rem; letter-spacing: 0.16em; text-transform: uppercase; padding: 0.3rem 0.6rem; border: 1px solid var(--line2); white-space: nowrap; align-self: center; color: var(--slate); }
    .chip.active { color: var(--agent); border-color: rgba(94,234,212,0.4); background: rgba(94,234,212,0.06); }

    /* publications */
    .pub { display: block; text-decoration: none; color: inherit; padding: 1.05rem 0; border-bottom: 1px solid var(--line); transition: opacity 0.15s; }
    .pub:first-child { border-top: 1px solid var(--line); }
    .pub:hover { opacity: 0.85; }
    .pub-title { display: block; font-family: var(--disp); font-weight: 500; font-size: 1.02rem; letter-spacing: -0.005em; color: var(--ink); }
    .pub:hover .pub-title { color: var(--agent); }
    .pub-meta { display: block; font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.1em; color: var(--slate); text-transform: uppercase; margin-top: 0.3rem; }
    .pub-meta .diss { color: var(--payload); }
    .pub-all { display: inline-block; margin-top: 1.1rem; font-family: var(--mono); font-size: 0.66rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--slate); text-decoration: none; border-bottom: 1px solid var(--line2); padding-bottom: 2px; }
    .pub-all:hover { color: var(--agent); border-color: var(--agent); }

    /* live "Active" panel */
    .chip.active { cursor: pointer; user-select: none; font-family: var(--mono); }
    .sub-alg .active-panel { grid-column: 1 / -1; margin-top: 1.1rem; border-top: 1px solid var(--line); padding-top: 1.1rem; }
    .active-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; }
    .active-card { border: 1px solid var(--line2); background: rgba(8,12,22,0.55); padding: 0.8rem 0.85rem; }
    .active-card .ac-head { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.1em; color: var(--slate); text-transform: uppercase; margin-bottom: 0.5rem; }
    .active-card .ac-cond { color: var(--agent); }
    .active-card .ac-cond.collapsed { color: var(--payload); }
    .active-card svg { width: 100%; height: 54px; display: block; }
    .active-card .ac-sum { font-size: 0.8rem; font-weight: 300; color: var(--slate); line-height: 1.5; margin-top: 0.55rem; }
    .active-foot { font-family: var(--mono); font-size: 0.58rem; letter-spacing: 0.12em; color: rgba(124,138,165,0.6); text-transform: uppercase; margin-top: 0.9rem; }

    .seq-wrap { position: relative; margin-top: 1.6rem; aspect-ratio: 16 / 9; width: 100%; max-height: 540px; overflow: hidden; }
    #seq { width: 100%; height: 100%; display: block; }
    /* live tracking globe */
    .globe-wrap { position: relative; margin-top: 1.6rem; aspect-ratio: 16 / 10; width: 100%; max-height: 500px; overflow: hidden; }
    #globe { width: 100%; height: 100%; display: block; }
    .globe-hud { position: absolute; top: 0.9rem; left: 1rem; right: 1rem; display: flex; justify-content: space-between; align-items: baseline; pointer-events: none; }
    .globe-live { font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--agent); display: flex; align-items: center; gap: 0.45rem; }
    .globe-stat { font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--slate); }
    .globe-stat b { color: var(--ink); font-weight: 500; }
    .globe-intro { font-size: 0.92rem; font-weight: 300; color: var(--slate); line-height: 1.6; max-width: 42rem; margin-bottom: 1rem; }
    @media (max-width: 560px) { .active-grid { grid-template-columns: 1fr; } }

    footer { border-top: 1px solid var(--line); padding: 2rem 0 3rem; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; align-items: center; }
    footer .mono { font-size: 0.62rem; letter-spacing: 0.16em; color: var(--slate); text-transform: uppercase; }
    footer a { font-family: var(--mono); font-size: 0.66rem; letter-spacing: 0.12em; color: var(--slate); text-decoration: none; border-bottom: 1px solid var(--line2); padding-bottom: 2px; text-transform: uppercase; }
    footer a:hover { color: var(--agent); border-color: var(--agent); }

    /* inlined section-4 panels (no dropdowns) */
    .active-panel.show { display: block; }
    .sub-ctrl { display: block; border-bottom: 1px solid var(--line); padding: 1.15rem 0; }
    .sub-ctrl > div:first-child { display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: start; }
    .sub-ctrl .chip { align-self: center; }
    .sub-ctrl .active-panel { margin-top: 1.1rem; }
    .live-chip { color: var(--agent); border-color: rgba(94,234,212,0.4); }

    /* control station console */
    .console { padding: 0; overflow: hidden; }
    .con-head { display: flex; justify-content: space-between; align-items: center; padding: 0.7rem 0.95rem; border-bottom: 1px solid var(--line2); background: rgba(94,234,212,0.03); }
    .con-title { font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.16em; color: var(--ink); text-transform: uppercase; display: flex; align-items: center; gap: 0.5rem; }
    .con-clock { font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.1em; color: var(--slate); }
    .con-body { display: grid; grid-template-columns: 0.85fr 1.15fr; min-height: 300px; }
    .con-list { border-right: 1px solid var(--line2); display: flex; flex-direction: column; }
    .con-list-head { font-family: var(--mono); font-size: 0.56rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--slate); padding: 0.6rem 0.85rem; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; }
    .con-rows { overflow-y: auto; max-height: 300px; }
    .con-row { padding: 0.5rem 0.85rem; border-bottom: 1px solid var(--line); cursor: pointer; transition: background 0.12s; }
    .con-row:hover { background: rgba(255,255,255,0.02); }
    .con-row.sel { background: rgba(94,234,212,0.07); border-left: 2px solid var(--agent); padding-left: calc(0.85rem - 2px); }
    .con-row .cr-name { font-family: var(--mono); font-size: 0.68rem; color: var(--ink); letter-spacing: 0.02em; }
    .con-row .cr-sub { font-family: var(--mono); font-size: 0.56rem; color: var(--slate); letter-spacing: 0.08em; text-transform: uppercase; margin-top: 0.15rem; }
    .con-row .cr-reg { color: var(--payload); }
    .con-planner { display: grid; grid-template-columns: 1.1fr 0.9fr; }
    .con-view { position: relative; border-right: 1px solid var(--line2); background: radial-gradient(120% 90% at 50% 40%, rgba(94,234,212,0.05), transparent 70%); }
    .con-view svg { width: 100%; height: 100%; display: block; }
    .con-view-tag { position: absolute; left: 0.7rem; bottom: 0.6rem; font-family: var(--mono); font-size: 0.56rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--slate); }
    .con-readout { padding: 0.75rem 0.85rem; display: flex; flex-direction: column; gap: 0.4rem; }
    .cr-row { display: flex; justify-content: space-between; align-items: baseline; font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.06em; }
    .cr-row span { color: var(--slate); text-transform: uppercase; font-size: 0.54rem; }
    .cr-row b { color: var(--ink); font-weight: 500; }
    .cr-ctrls { margin-top: 0.5rem; padding-top: 0.7rem; border-top: 1px solid var(--line); }
    .cr-ctrl-lbl { font-family: var(--mono); font-size: 0.54rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--slate); margin-bottom: 0.5rem; }
    .cr-btns { display: flex; flex-wrap: wrap; gap: 0.35rem; }
    .cr-btn { font-family: var(--mono); font-size: 0.56rem; letter-spacing: 0.06em; text-transform: uppercase; padding: 0.32rem 0.5rem; background: transparent; border: 1px solid var(--line2); color: var(--slate); cursor: pointer; transition: all 0.12s; }
    .cr-btn:hover, .cr-btn.on { color: var(--agent); border-color: rgba(94,234,212,0.5); background: rgba(94,234,212,0.06); }
    .cr-plan { font-family: var(--mono); font-size: 0.58rem; line-height: 1.5; color: var(--slate); margin: 0.6rem 0; min-height: 2.4em; }
    .cr-plan b { color: var(--agent); font-weight: 500; }
    .cr-assign { width: 100%; font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; padding: 0.5rem; background: rgba(94,234,212,0.1); border: 1px solid rgba(94,234,212,0.4); color: var(--agent); cursor: pointer; transition: all 0.15s; }
    .cr-assign:hover:not(:disabled) { background: rgba(94,234,212,0.2); }
    .cr-assign:disabled { opacity: 0.4; cursor: default; }
    .con-map { position: relative; height: 260px; border-top: 1px solid var(--line2); overflow: hidden; }
    .con-map canvas { width: 100%; height: 100%; display: block; }
    @media (max-width: 720px) {
      .con-body { grid-template-columns: 1fr; }
      .con-list { border-right: none; border-bottom: 1px solid var(--line2); }
      .con-rows { max-height: 168px; }
      .con-planner { grid-template-columns: 1fr; }
      .con-view { min-height: 200px; border-right: none; border-bottom: 1px solid var(--line2); }
    }

    /* lean home: pitch cards + CTA buttons */
    .cta-row { display:flex; flex-wrap:wrap; gap:0.8rem; margin-top:0.4rem; }
    .cta { font-family:var(--mono); font-size:0.66rem; letter-spacing:0.14em; text-transform:uppercase; padding:0.7rem 1.1rem; border:1px solid var(--line2); color:var(--slate); text-decoration:none; transition:all 0.15s; }
    .cta:hover { color:var(--ink); border-color:var(--slate); }
    .cta-primary { color:var(--agent); border-color:rgba(94,234,212,0.45); }
    .cta-primary:hover { background:rgba(94,234,212,0.12); color:var(--agent); }
    .pitch3 { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1.4rem; }
    .pcard { border:1px solid var(--line); background:rgba(8,12,22,0.5); padding:1.2rem 1.2rem 1.35rem; display:block; text-decoration:none; }
    .pcard h3 { font-family:var(--disp); font-weight:500; font-size:1.05rem; color:var(--ink); margin:0 0 0.6rem; display:flex; justify-content:space-between; }
    .pcard h3 span { color:var(--agent); }
    .pcard p { font-size:0.9rem; font-weight:300; color:var(--slate); line-height:1.55; margin:0; max-width:none; }
    a.pcard.link { transition:border-color 0.15s, background 0.15s; }
    a.pcard.link:hover { border-color:rgba(94,234,212,0.4); background:rgba(94,234,212,0.05); }
    a.pcard.link:hover h3 { color:var(--agent); }
    @media (max-width:760px){ .pitch3 { grid-template-columns:1fr; } }

    /* economics / opportunity */
    .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2.6rem;}
    .stat{background:#080c15;padding:1.25rem 1.1rem;}
    .stat .num{font-family:var(--disp);font-weight:500;font-size:1.85rem;color:var(--agent);letter-spacing:-0.01em;line-height:1;}
    .stat .lbl{font-family:var(--mono);font-size:0.57rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--slate);margin-top:0.55rem;line-height:1.45;}
    @media(max-width:760px){.stats{grid-template-columns:1fr 1fr;}}
    .gapbox{border:1px solid rgba(94,234,212,0.3);background:rgba(94,234,212,0.04);padding:1.3rem 1.4rem;margin:1.7rem 0;}
    .gapbox p{margin:0;color:#c3ccdb;font-size:1rem;line-height:1.6;max-width:none;}
    .gapbox b{color:var(--agent);font-weight:500;}
    .subhead{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--slate);margin:2.2rem 0 0.2rem;}
    .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.3rem;}
    .tier{border:1px solid var(--line);padding:1.1rem 1.15rem;}
    .tier .ttag{font-family:var(--mono);font-size:0.56rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--payload);}
    .tier .tnum{font-family:var(--disp);font-weight:500;font-size:1.55rem;color:var(--ink);margin-top:0.35rem;}
    .tier p{font-size:0.85rem;color:var(--slate);line-height:1.5;margin:0.5rem 0 0;max-width:none;}
    .tline{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.3rem;}
    .tstep{border-top:2px solid rgba(94,234,212,0.4);padding-top:0.9rem;}
    .tstep .th{font-family:var(--mono);font-size:0.6rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--agent);}
    .tstep h4{font-family:var(--disp);font-weight:500;font-size:1.05rem;margin:0.4rem 0 0.5rem;color:var(--ink);}
    .tstep p{font-size:0.85rem;color:var(--slate);line-height:1.5;margin:0;max-width:none;}
    @media(max-width:760px){.tiers,.tline{grid-template-columns:1fr;}}
    .src{font-family:var(--mono);font-size:0.56rem;color:rgba(124,138,165,0.55);margin-top:1.5rem;letter-spacing:0.03em;line-height:1.6;}

    /* reveal */
    .rise { opacity: 0; transform: translateY(16px); transition: opacity 0.6s ease, transform 0.6s ease; }
    .rise.in { opacity: 1; transform: none; }

    /* responsive */
    @media (max-width: 860px) {
      .hero { grid-template-columns: 1fr; gap: 2rem; }
      .brief { grid-template-columns: minmax(0, 1fr); gap: 0.9rem; padding: 2.2rem 0; }
      .brief .eyebrow { padding-top: 0; }
    }
    @media (max-width: 520px) {
      .sub { grid-template-columns: 1fr; }
      .chip { justify-self: start; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      .rise { opacity: 1; transform: none; transition: none; }
      .dot, .counter .cur { animation: none; }
    }

    /* ===== wide-screen HUD instrument rails — fill the gutters, hidden below 1440px ===== */
    .hud-rail{position:fixed;top:0;bottom:0;z-index:15;display:none;flex-direction:column;justify-content:center;
      width:calc((100vw - 1160px)/2);font-family:var(--mono);pointer-events:none;}
    .hud-rail a{pointer-events:auto;}
    .hud-left{left:0;align-items:flex-end;}
    .hud-right{right:0;align-items:flex-start;}
    /* instrument tick ruler along the inner edge */
    .hud-ruler{position:absolute;top:0;bottom:0;width:10px;opacity:.55;
      background-image:repeating-linear-gradient(to bottom,var(--line2) 0 1px,transparent 1px 22px);}
    .hud-left .hud-ruler{right:0;border-right:1px solid var(--line2);}
    .hud-right .hud-ruler{left:0;border-left:1px solid var(--line2);}
    /* left rail — section index, mirrors the page's real 01–04 sequence */
    .hud-index{display:flex;flex-direction:column;gap:1.25rem;padding:0 1.65rem;}
    .hud-ix{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;text-decoration:none;color:var(--slate);}
    .hud-ix .lb{font-size:.55rem;letter-spacing:.13em;text-transform:uppercase;opacity:0;transform:translateX(4px);
      transition:opacity .22s,transform .22s,color .22s;white-space:nowrap;}
    .hud-ix .n{font-size:.64rem;letter-spacing:.14em;transition:color .22s;}
    .hud-ix .dot{width:5px;height:5px;flex:none;background:var(--void);border:1px solid var(--line2);
      transform:rotate(45deg);transition:background .22s,border-color .22s,box-shadow .22s;}
    .hud-ix:hover{color:var(--ink);}
    .hud-ix:hover .n{color:var(--ink);}
    .hud-ix:hover .lb{opacity:1;transform:none;}
    .hud-ix.on .n{color:var(--agent);}
    .hud-ix.on .lb{color:var(--agent);opacity:1;transform:none;}
    .hud-ix.on .dot{background:var(--agent);border-color:var(--agent);box-shadow:0 0 7px rgba(94,234,212,.6);}
    .hud-ix:focus-visible{outline:2px solid var(--agent);outline-offset:4px;}
    /* right rail — live downlink readout (real /api/stats) */
    .hud-tel{display:flex;flex-direction:column;gap:1.15rem;padding:0 1.65rem;}
    .hud-hd{display:flex;align-items:center;gap:.5rem;font-size:.53rem;letter-spacing:.24em;text-transform:uppercase;color:var(--slate);}
    .hud-live{width:5px;height:5px;border-radius:50%;background:var(--agent);box-shadow:0 0 6px var(--agent);animation:hudpulse 2.6s ease-in-out infinite;}
    .hud-metric .k{font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--slate);}
    .hud-metric .v{font-size:.98rem;font-weight:600;color:var(--ink);letter-spacing:.01em;margin-top:.2rem;font-variant-numeric:tabular-nums;}
    .hud-metric .v.warm{color:var(--payload);}
    .hud-sep{width:1.5rem;height:1px;background:var(--line2);}
    @keyframes hudpulse{0%,100%{opacity:1;}50%{opacity:.4;}}
    @media (prefers-reduced-motion: reduce){.hud-live{animation:none;}.hud-ix .lb{transition:none;}}
    @media (min-width:1440px){.hud-rail{display:flex;}}

    /* competitor comparison table */
    .cmp-wrap{overflow-x:auto;margin-top:1.6rem;}
    .cmp{width:100%;border-collapse:collapse;font-size:0.9rem;min-width:600px;}
    .cmp th{font-family:var(--mono);font-size:0.56rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--slate);text-align:left;font-weight:500;padding:0.7rem 0.9rem;border-bottom:1px solid var(--line2);}
    .cmp td{padding:0.85rem 0.9rem;border-bottom:1px solid var(--line);color:var(--slate);line-height:1.5;vertical-align:top;}
    .cmp td:first-child{color:var(--ink);font-weight:500;white-space:nowrap;}
    .cmp td:first-child span{display:block;font-family:var(--mono);font-size:0.58rem;letter-spacing:0.08em;color:var(--slate);font-weight:400;margin-top:0.15rem;}
    .cmp tr.me td{background:rgba(94,234,212,0.06);border-top:1px solid rgba(94,234,212,0.28);border-bottom:1px solid rgba(94,234,212,0.28);color:var(--ink);}
    .cmp tr.me td:first-child{color:var(--agent);}
    .cmp tbody tr:last-child td{border-bottom:none;}

/* ===== multi-page: active nav, page header, walkthrough footer, hub cards ===== */
.nav-links a.on{color:var(--agent)}
.pagehead{padding:clamp(2rem,6vh,3.6rem) 0 0.4rem}
.walk{display:flex;justify-content:space-between;gap:1rem;margin:2.8rem 0 1rem;padding-top:1.6rem;border-top:1px solid var(--line);flex-wrap:wrap}
.walk-btn{display:flex;align-items:center;gap:.8rem;text-decoration:none;padding:.85rem 1.15rem;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(13,20,36,0.55),rgba(8,12,22,0.55));transition:border-color .15s,background .15s;min-width:190px}
.walk-btn:hover{border-color:var(--agent);background:rgba(94,234,212,.06)}
.walk-btn:focus-visible{outline:2px solid var(--agent);outline-offset:2px}
.walk-btn .wk{font-family:var(--mono);color:var(--agent);font-size:1.15rem;flex:none;line-height:1}
.walk-btn .tx{display:flex;flex-direction:column;gap:.15rem}
.walk-btn .tx small{font-family:var(--mono);font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:var(--slate)}
.walk-btn .tx b{font-family:var(--disp);font-weight:500;font-size:1.08rem;color:var(--ink);letter-spacing:-.01em}
.walk-btn.next{margin-left:auto;text-align:right}
.walk-btn.next .tx{align-items:flex-end}
.walk-btn.solo{min-width:0}
.hub-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2.2rem}
.hub-card{background:linear-gradient(180deg,rgba(13,20,36,0.5),rgba(8,12,22,0.5));padding:1.35rem 1.2rem;text-decoration:none;display:block;transition:background .15s}
.hub-card:hover{background:rgba(94,234,212,.06)}
.hub-card .n{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;color:var(--agent);text-transform:uppercase}
.hub-card h3{font-family:var(--disp);font-weight:500;font-size:1.08rem;margin:.55rem 0 .3rem;color:var(--ink)}
.hub-card p{font-size:.8rem;color:var(--slate);font-weight:300;line-height:1.45;margin:0}
@media(max-width:1000px){.hub-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.hub-cards{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.hub-cards{grid-template-columns:1fr}}
@media(max-width:520px){.walk-btn{min-width:0;flex:1}}

/* ===== single-scroll home: nav contact CTA, section teaser links, founder photo, contact ===== */
.nav-cta{color:var(--ink) !important;border:1px solid var(--line2);padding:0.42rem 0.8rem;transition:border-color .15s,color .15s !important;}
.nav-cta:hover{border-color:var(--agent);color:var(--agent) !important;}
@media(max-width:1439px){.nav-cta{border:none !important;padding:0.8rem 0;}}

/* forward "learn more" link that closes each home section */
.teaser-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.7rem;font-family:var(--mono);font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--agent);text-decoration:none;border-bottom:1px solid rgba(94,234,212,0.32);padding-bottom:3px;transition:gap .15s,border-color .15s;}
.teaser-link:hover{gap:.85rem;border-color:var(--agent);}
.teaser-link .arw{color:var(--agent);}
.teaser-note{margin-top:1.6rem !important;color:#c3ccdb !important;font-size:1rem !important;line-height:1.6 !important;}
.teaser-note b{color:var(--agent);font-weight:500;}

/* founder — headshot slot + bio (photo drops in at /brand/founder.jpg; monogram until then) */
.founder-row{display:grid;grid-template-columns:132px 1fr;gap:1.7rem;align-items:start;}
.founder-photo{position:relative;width:132px;height:162px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(13,20,36,0.7),rgba(8,12,22,0.7));overflow:hidden;flex:none;}
.founder-photo::before,.founder-photo::after{content:'';position:absolute;width:9px;height:9px;border:1px solid var(--agent);opacity:0.65;z-index:2;}
.founder-photo::before{top:-1px;left:-1px;border-right:0;border-bottom:0;}
.founder-photo::after{bottom:-1px;right:-1px;border-left:0;border-top:0;}
.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.founder-mono{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-family:var(--disp);font-weight:400;font-size:2.5rem;letter-spacing:0.14em;padding-left:0.14em;color:var(--slate);}
@media(max-width:560px){.founder-row{grid-template-columns:1fr;gap:1.1rem;}.founder-photo{width:118px;height:146px;}}

/* contact — final section carries no divider below */
.brief.contact{border-bottom:none;}

/* real-episode replay (shared with /system) — one real successful run */
.replay-lead{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin-top:1.7rem;font-family:var(--mono);}
.replay-lead .rl-hd{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--agent);}
.replay-lead .rl-sub{font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);}
.replay{position:relative;margin-top:.7rem;border:1px solid var(--line2);background:radial-gradient(120% 90% at 50% 0%,rgba(94,234,212,0.05),transparent 60%),#070b13;overflow:hidden;opacity:0;transition:opacity .8s ease;}
.replay.in{opacity:1;}
.replay svg{display:block;width:100%;height:auto;}
.rhud{position:absolute;inset:0;pointer-events:none;font-family:var(--mono);}
.rhud .row{position:absolute;left:.9rem;right:.9rem;display:flex;justify-content:space-between;gap:1rem;}
.rhud .row.top{top:.7rem;}
.rhud .row.bot{bottom:.8rem;}
.rhud .tg{font-size:.54rem;letter-spacing:.15em;text-transform:uppercase;color:var(--slate);}
.rhud .tg b{color:var(--ink);font-weight:500;}
.rhud .phase{color:var(--agent);}
.rhud .phase::before{content:'● ';font-size:.7em;vertical-align:1px;}
.rscrub{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(230,237,247,.1);}
.rscrub span{display:block;height:100%;width:0;background:var(--agent);box-shadow:0 0 6px rgba(94,234,212,.6);}
.rhud .tg{white-space:nowrap;}
@media(max-width:600px){.rhud-meta{display:none;}}   /* keep the live phase + step; drop verbose meta so the HUD doesn't wrap on phones */
@media(prefers-reduced-motion:reduce){.replay{opacity:1;}}

/* ===== current research + "what working looks like" plots (shared with /system) ===== */
.chip.live{color:var(--agent);border-color:rgba(94,234,212,.4);}
.research,.proof{margin-top:2.2rem;padding-top:1.7rem;border-top:1px solid var(--line);}
.research-hd{display:flex;align-items:center;gap:.8rem;margin-bottom:.7rem;flex-wrap:wrap;}
.research-hd h4{font-family:var(--disp);font-weight:600;font-size:1.18rem;letter-spacing:-.01em;margin:0;color:var(--ink);}
.research-lead{color:var(--slate);font-weight:300;max-width:44rem;margin:0 0 1.3rem;line-height:1.7;font-size:.98rem;}
.research-lead em{font-style:normal;color:var(--ink);}
.hyps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.hyp{background:linear-gradient(180deg,rgba(13,20,36,.5),rgba(8,12,22,.5));padding:1.05rem 1rem;min-width:0;}
.hyp .hq{font-family:var(--disp);font-weight:500;font-size:1rem;color:var(--agent);margin-bottom:.4rem;}
.hyp p{font-size:.85rem;color:var(--slate);font-weight:300;line-height:1.55;margin:0;max-width:none;}
@media(max-width:760px){.hyps{grid-template-columns:1fr;}}
.live-runs{margin-top:1.3rem;border:1px solid var(--line2);background:rgba(8,12,22,.4);}
.live-hd{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);padding:.7rem .9rem;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.5rem;}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--agent);box-shadow:0 0 7px rgba(94,234,212,.7);animation:lpulse 2s infinite;}
@keyframes lpulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);}
.lr{background:rgba(8,12,22,.55);padding:.7rem .8rem;min-width:0;}
.lr-top{display:flex;justify-content:space-between;gap:.4rem;font-family:var(--mono);font-size:.55rem;letter-spacing:.06em;color:var(--slate);text-transform:uppercase;}
.lr-cond{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lr svg{width:100%;height:50px;display:block;margin:.45rem 0 .3rem;}
.lr-val{font-family:var(--mono);font-size:.6rem;color:var(--agent);letter-spacing:.04em;}
.lr-val.bad{color:#ff9a9a;}
@media(max-width:760px){.live-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:460px){.live-grid{grid-template-columns:minmax(0,1fr);}}
.plots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.3rem;}
.plot{margin:0;border:1px solid var(--line2);background:rgba(8,12,22,.4);padding:.85rem .9rem 1rem;min-width:0;}
.plot-svg svg{width:100%;height:auto;display:block;}
.plot-legend{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin:.55rem 0 0;font-family:var(--mono);font-size:.55rem;letter-spacing:.06em;color:var(--slate);text-transform:uppercase;}
.plot-legend .lg{display:inline-flex;align-items:center;gap:.35rem;}
.plot-legend .sw{width:12px;height:2px;display:inline-block;flex:none;}
.plot figcaption{font-size:.8rem;color:var(--slate);font-weight:300;line-height:1.55;margin-top:.6rem;}
.plot figcaption b{color:var(--ink);font-weight:600;}
.plot-note{font-family:var(--mono);font-size:.58rem;letter-spacing:.03em;color:var(--slate);margin-top:1rem;opacity:.85;}
@media(max-width:680px){.plots{grid-template-columns:minmax(0,1fr);}}