/* =============================================================================
   TOKENS // COLOR ENGINE, MATERIAL MODELS & TELEMETRY PARAMETERS
   ============================================================================= */
:root {
  /* Absolute Dark Palette (OLED Black Discipline) */
  --space-void:       #040507;
  --space-obsidian:   #08090e;
  --space-carbon:     #101218;

  /* Wide Gamut OKLCH Overrides */
  --space-void:       oklch(0.06 0.005 260);
  --space-obsidian:   oklch(0.09 0.008 255);
  --space-carbon:     oklch(0.12 0.010 250);
  
  /* Physical Metal & Dynamic Light */
  --metal-titanium:   #4b4e5a;
  --metal-titanium:   oklch(0.38 0.010 240);
  
  --metal-platinum:   #a8abb8;
  --metal-platinum:   oklch(0.72 0.006 240);
  
  --light-specular:   #ffffff;
  --light-specular:   oklch(0.99 0.001 240);
  
  /* HDR Accents */
  --accent-cyan:      #00e6ff;
  --accent-cyan:      oklch(0.80 0.160 195);
  
  --accent-amber:     #ffaa00;
  --accent-amber:     oklch(0.75 0.180 55);

  /* Surface & Terminal Lighting Tokens */
  --surface-1:                rgba(255, 255, 255, 0.015);
  --card-bg:                  rgba(255, 255, 255, 0.018);
  --card-hover-bg:            rgba(255, 255, 255, 0.04);
  --terminal-black:           #07080c;
  --terminal-glow:            rgba(0, 230, 255, 0.12);
  --terminal-border-active:   rgba(0, 230, 255, 0.45);
  --laser-beam-glow:          rgba(0, 230, 255, 0.45);

  /* Elevation Shadows */
  --shadow-deep:              0 20px 48px rgba(0, 0, 0, 0.65);
  --shadow-terminal:          0 0 30px rgba(0, 230, 255, 0.04), 0 20px 40px rgba(0, 0, 0, 0.7);

  /* Hairlines & Dual-Edge Milled Borders */
  --border-hairline:         rgba(255, 255, 255, 0.08);
  --border-hairline-bright:  rgba(255, 255, 255, 0.22);
  --border-specular-top:     rgba(255, 255, 255, 0.35);
  --border-shadow-bottom:    rgba(0, 0, 0, 0.90);

  /* Fluid Typographic Scales */
  --font-display:     clamp(2.4rem, 4.8vw, 4.4rem);
  --font-body:        clamp(0.80rem, 0.92vw, 0.95rem);
  --font-mono:        clamp(0.60rem, 0.70vw, 0.68rem);

  --font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-family-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  /* Optical Physics Motion Curves */
  --ease-optical:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-fast:        cubic-bezier(0.25, 1, 0.5, 1);
  --ease-glitch:      steps(2, start);
}


    :root {
      --space-void: #040507;
      --space-obsidian: #08090e;
      --space-carbon: #101218;
      --metal-titanium: #565965;
      --metal-platinum: #aeb2bd;
      --light-specular: #fbfbfd;
      --accent-cyan: #00dff5;
      --accent-amber: #f5a524;
      --accent-red: #ff405d;
      --border-hairline: rgba(255,255,255,.08);
      --border-hairline-bright: rgba(255,255,255,.22);
      --border-specular: rgba(255,255,255,.34);
      --card-bg: rgba(255,255,255,.015);
      --card-hover: rgba(255,255,255,.034);
      --ease-optical: cubic-bezier(.19,1,.22,1);
      --ease-fast: cubic-bezier(.2,.8,.2,1);
      --ease-glitch: steps(2,start);
      --sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
      --mono: "SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
    }

    @supports (color: oklch(0.5 0.1 200)) {
      :root {
        --space-void: oklch(.06 .005 260);
        --space-obsidian: oklch(.10 .008 255);
        --space-carbon: oklch(.14 .010 250);
        --metal-titanium: oklch(.38 .010 240);
        --metal-platinum: oklch(.72 .006 240);
        --light-specular: oklch(.99 .001 240);
        --accent-cyan: oklch(.80 .16 195);
        --accent-amber: oklch(.75 .18 55);
      }
    }

    *,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
    html,body { width:100%; height:100%; overflow:hidden; }
    body {
      background:var(--space-void);
      color:var(--metal-platinum);
      font-family:var(--sans);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }
    button,input,textarea { font:inherit; }
    button { color:inherit; }
    ::selection { background:rgba(0,223,245,.25); color:#fff; }

    /* ATMOSPHERE */
    .volumetric-cone {
      position:fixed; top:-30vh; left:50%; transform:translateX(-50%);
      width:90vw; height:140vh; pointer-events:none; z-index:1;
      background:radial-gradient(ellipse at top,rgba(255,255,255,.065) 0%,rgba(255,255,255,.012) 40%,transparent 70%);
      filter:blur(80px);
    }
    .fog-field {
      position:fixed; inset:-18%; z-index:1; pointer-events:none; opacity:.55;
      background:
        radial-gradient(ellipse 42% 28% at 70% 32%,rgba(162,182,197,.055),transparent 70%),
        radial-gradient(ellipse 38% 24% at 35% 76%,rgba(132,151,169,.032),transparent 74%);
      filter:blur(70px);
      animation:fogDrift 26s ease-in-out infinite alternate;
    }
    @keyframes fogDrift { from{transform:translate3d(-1.5vw,-.8vh,0) scale(.98)} to{transform:translate3d(2vw,1.1vh,0) scale(1.04)} }

    .film-grain {
      position:fixed; inset:-8%; width:116vw; height:116vh; z-index:998; pointer-events:none;
      opacity:.038; mix-blend-mode:soft-light; filter:contrast(1.25);
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
      background-size:220px 220px;
      animation:grainShift .16s steps(2,end) infinite;
    }
    @keyframes grainShift {
      0%{transform:translate(-.5%,.2%)}20%{transform:translate(.4%,-.4%)}40%{transform:translate(-.15%,.55%)}60%{transform:translate(.55%,.08%)}80%{transform:translate(-.35%,-.26%)}100%{transform:translate(.1%,.42%)}
    }
    .raster {
      position:fixed; inset:0; z-index:997; pointer-events:none; opacity:.16; mix-blend-mode:soft-light;
      background:repeating-linear-gradient(180deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 4px);
    }
    .chromatic-layer {
      position:fixed; inset:0; pointer-events:none; z-index:999; opacity:0; mix-blend-mode:screen; transition:opacity .08s ease;
    }
    .chromatic-layer.active { opacity:.75; animation:microJitter .18s var(--ease-glitch) infinite; }
    @keyframes microJitter {
      0%{transform:translate(1px,-1px);box-shadow:inset 2px 0 rgba(255,0,50,.20),inset -2px 0 rgba(0,200,255,.20)}
      50%{transform:translate(-1px,1px);box-shadow:inset -2px 0 rgba(255,0,50,.20),inset 2px 0 rgba(0,200,255,.20)}
      100%{transform:translate(0,0);box-shadow:none}
    }

    /* HUD */
    .hud-frame {
      position:fixed; inset:20px; z-index:100; border:1px solid var(--border-hairline); pointer-events:none;
      display:flex; flex-direction:column; justify-content:space-between; padding:16px;
      font-family:var(--mono); font-size:.64rem; letter-spacing:.14em; color:var(--metal-titanium);
    }
    .hud-frame::before,.hud-frame::after { content:"+"; position:absolute; color:rgba(255,255,255,.25); font-size:.7rem; }
    .hud-frame::before { left:-4px; top:-7px; }
    .hud-frame::after { right:-4px; bottom:-7px; }
    .hud-row { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
    .hud-tag { color:var(--accent-cyan); display:inline-flex; align-items:center; gap:7px; }
    .hud-tag::before { content:""; width:4px; height:4px; border-radius:50%; background:var(--accent-cyan); box-shadow:0 0 8px var(--accent-cyan); }
    .hud-progress {
      position:absolute; left:16px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:11px; pointer-events:auto;
    }
    .progress-node {
      appearance:none; border:0; width:22px; height:2px; background:var(--border-hairline); cursor:pointer; position:relative;
      transition:width .35s var(--ease-optical),background .35s var(--ease-optical);
    }
    .progress-node::after { content:""; position:absolute; inset:-6px -4px; }
    .progress-node.active { width:42px; background:var(--light-specular); }
    .progress-node.active::before {
      content:attr(data-index); position:absolute; left:50px; top:-5px; color:var(--light-specular); font: .58rem/1 var(--mono); letter-spacing:.1em;
    }

    /* DECK + ORIGINAL TRANSITION */
    .deck { position:relative; width:100vw; height:100vh; perspective:1200px; }
    .slide {
      position:absolute; inset:0; width:100%; height:100%; padding:clamp(4.7rem,7vw,7rem) clamp(3.5rem,7vw,8rem) clamp(4rem,6vw,6.5rem) clamp(6rem,10vw,11rem);
      display:flex; align-items:center; opacity:0; visibility:hidden;
      transform:scale(.92) translateZ(-80px); filter:blur(18px) brightness(.3);
      transition:transform .95s var(--ease-optical),filter .95s var(--ease-optical),opacity .75s var(--ease-optical),visibility .95s;
      z-index:1; pointer-events:none;
    }
    .slide.active { opacity:1; visibility:visible; transform:scale(1) translateZ(0); filter:blur(0) brightness(1); z-index:2; pointer-events:auto; }
    .slide.exiting { opacity:0; transform:scale(1.06) translateZ(60px); filter:blur(16px) brightness(.2); }
    .slide-shell { width:min(100%,1500px); margin:0 auto; }
    .split { display:grid; grid-template-columns:minmax(350px,.86fr) minmax(420px,1.14fr); gap:clamp(3rem,6vw,7rem); align-items:center; }
    .split.equal { grid-template-columns:1fr 1fr; }
    .split.wide-left { grid-template-columns:1.2fr .8fr; }
    .content { max-width:660px; }
    .eyebrow { font-family:var(--mono); font-size:.7rem; letter-spacing:.22em; color:var(--accent-cyan); text-transform:uppercase; margin-bottom:1.45rem; }
    .hero-title { font-size:clamp(3rem,6.4vw,6.4rem); line-height:.91; letter-spacing:-.045em; font-weight:500; text-transform:uppercase; color:var(--light-specular); margin-bottom:1.8rem; }
    .title-medium { font-size:clamp(2.3rem,4.5vw,4.7rem); line-height:.95; letter-spacing:-.04em; font-weight:500; text-transform:uppercase; color:var(--light-specular); margin-bottom:1.55rem; }
    .description { max-width:610px; font-size:clamp(.98rem,1.2vw,1.18rem); line-height:1.7; color:var(--metal-platinum); margin-bottom:2.4rem; letter-spacing:-.01em; }
    .microcopy { font: .64rem/1.55 var(--mono); color:var(--metal-titanium); letter-spacing:.1em; text-transform:uppercase; }
    .accent { color:var(--accent-cyan); }
    .amber { color:var(--accent-amber); }

    /* SHARED SURFACE LANGUAGE */
    .surface,.tensor-card,.timeline-panel,.terminal,.form-panel,.comparison-panel,.workflow-panel,.spec-panel,.quote-panel {
      --mouse-x:50%; --mouse-y:50%;
      position:relative; overflow:hidden; background:var(--card-bg); border:1px solid var(--border-hairline); border-radius:2px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 24px 70px rgba(0,0,0,.24);
    }
    .surface::before,.tensor-card::before,.timeline-panel::before,.terminal::before,.form-panel::before,.comparison-panel::before,.workflow-panel::before,.spec-panel::before,.quote-panel::before {
      content:""; position:absolute; inset:0; pointer-events:none;
      background:radial-gradient(circle 240px at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.065),transparent 78%);
      opacity:.9;
    }
    .surface::after,.timeline-panel::after,.terminal::after,.form-panel::after,.comparison-panel::after,.workflow-panel::after,.spec-panel::after,.quote-panel::after {
      content:""; position:absolute; left:0; right:0; top:0; height:1px;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.22) 35%,rgba(255,255,255,.04) 68%,transparent);
      pointer-events:none;
    }
    .tensor-card { padding:1.7rem 1.8rem; transition:border-color .35s var(--ease-optical),background .35s var(--ease-optical); }
    .tensor-card:hover { background:var(--card-hover); border-color:var(--border-hairline-bright); }
    .card-index { font: .66rem/1.1 var(--mono); color:var(--accent-cyan); letter-spacing:.13em; margin-bottom:.75rem; }
    .card-value { font:500 clamp(1.3rem,2vw,2rem)/1.1 var(--mono); color:var(--light-specular); letter-spacing:-.035em; margin-bottom:.55rem; }
    .card-label { font-size:.82rem; line-height:1.52; color:var(--metal-platinum); }
    .card-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }

    /* POINTER-LIT CTA */
    .action-wrap { display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; }
    .action-gate {
      --light-x:50%; --light-y:-150%;
      appearance:none; position:relative; cursor:pointer; overflow:hidden; color:var(--light-specular); text-transform:uppercase;
      font: .75rem/1 var(--mono); letter-spacing:.16em; padding:1.18rem 2.7rem; border:1px solid transparent;
      background:
        radial-gradient(210px 120px at var(--light-x) var(--light-y),rgba(255,255,255,.065),rgba(255,255,255,.018) 34%,transparent 68%) padding-box,
        linear-gradient(180deg,rgba(15,16,21,.96),rgba(7,8,12,.96)) padding-box,
        radial-gradient(115px 95px at var(--light-x) var(--light-y),rgba(255,255,255,.98),rgba(220,232,239,.66) 18%,rgba(0,223,245,.16) 43%,transparent 72%) border-box,
        linear-gradient(110deg,rgba(255,255,255,.12),rgba(255,255,255,.28),rgba(255,255,255,.09),rgba(255,255,255,.24),rgba(255,255,255,.10)) border-box;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 30px rgba(0,0,0,.28);
      transition:box-shadow .22s var(--ease-fast),transform .22s var(--ease-fast);
    }
    .action-gate:hover { box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 40px rgba(0,0,0,.32),0 0 28px rgba(255,255,255,.025); }
    .action-gate:active { transform:translateY(1px); }
    .action-gate.secondary { padding:1rem 1.5rem; color:var(--metal-platinum); }
    .kbd { display:inline-block; border:1px solid var(--border-hairline-bright); padding:2px 6px; color:var(--metal-platinum); border-radius:2px; }

    /* 01 ALT HERO */
    .hero-stage { position:relative; height:min(54vh,560px); min-height:360px; display:grid; place-items:center; }
    .hero-orbit { position:absolute; width:min(34vw,430px); aspect-ratio:1; border:1px solid rgba(255,255,255,.075); border-radius:50%; box-shadow:0 0 100px rgba(0,223,245,.025); }
    .hero-orbit::before,.hero-orbit::after { content:""; position:absolute; inset:12%; border:1px solid rgba(255,255,255,.045); border-radius:50%; }
    .hero-orbit::after { inset:35%; border-color:rgba(0,223,245,.16); box-shadow:0 0 25px rgba(0,223,245,.06); }
    .hero-monolith {
      position:relative; width:min(23vw,290px); height:min(42vh,430px); min-width:220px; min-height:320px; transform:perspective(900px) rotateY(-13deg) rotateX(4deg);
      background:linear-gradient(108deg,#090a0f 0%,#181a22 22%,#08090e 48%,#1b1e26 70%,#07080b 100%);
      border:1px solid rgba(255,255,255,.12); box-shadow:-40px 45px 90px rgba(0,0,0,.55),inset 1px 0 rgba(255,255,255,.15),0 0 55px rgba(0,223,245,.025);
    }
    .hero-monolith::before { content:""; position:absolute; inset:8%; border:1px solid rgba(255,255,255,.07); background:repeating-linear-gradient(90deg,transparent 0 23px,rgba(255,255,255,.025) 24px),repeating-linear-gradient(0deg,transparent 0 23px,rgba(255,255,255,.025) 24px); }
    .hero-monolith::after { content:"V-01 / OPTICAL CORE"; position:absolute; left:14px; bottom:14px; color:var(--metal-titanium); font:.55rem var(--mono); letter-spacing:.12em; writing-mode:vertical-rl; }
    .hero-axis { position:absolute; width:120%; height:1px; background:linear-gradient(90deg,transparent,rgba(0,223,245,.35),transparent); box-shadow:0 0 12px rgba(0,223,245,.15); }
    .hero-meta { position:absolute; right:0; top:10%; display:grid; gap:.7rem; width:180px; }
    .meta-line { display:flex; justify-content:space-between; border-bottom:1px solid var(--border-hairline); padding-bottom:.45rem; font:.6rem var(--mono); letter-spacing:.08em; color:var(--metal-titanium); }

    /* 02 EXPLAINER */
    .explainer-diagram { padding:2rem; min-height:420px; display:grid; grid-template-columns:1fr 70px 1fr; align-items:center; }
    .explainer-stack { display:grid; gap:.8rem; }
    .stack-node { padding:1.05rem 1.15rem; border:1px solid var(--border-hairline); background:rgba(255,255,255,.012); }
    .stack-node strong { display:block; color:var(--light-specular); font:500 .84rem var(--mono); letter-spacing:.04em; margin-bottom:.35rem; }
    .stack-node span { font:.66rem/1.45 var(--mono); color:var(--metal-titanium); }
    .bridge { height:1px; background:linear-gradient(90deg,rgba(255,255,255,.04),var(--accent-cyan),rgba(255,255,255,.04)); position:relative; }
    .bridge::after { content:""; position:absolute; width:6px; height:6px; border:1px solid var(--accent-cyan); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); box-shadow:0 0 12px rgba(0,223,245,.4); }

    /* MODAL */
    .modal-backdrop { position:fixed; inset:0; z-index:2000; background:rgba(2,3,5,.82); backdrop-filter:blur(10px); display:grid; place-items:center; opacity:0; visibility:hidden; transition:.28s ease; padding:2rem; }
    .modal-backdrop.open { opacity:1; visibility:visible; }
    .modal {
      width:min(760px,100%); padding:2rem; background:#08090e; border:1px solid var(--border-hairline-bright); box-shadow:0 40px 120px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.04); position:relative;
    }
    .modal-top { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--border-hairline); padding-bottom:1rem; margin-bottom:1.3rem; }
    .modal-title { color:var(--light-specular); font:500 .78rem var(--mono); letter-spacing:.13em; }
    .modal-close { appearance:none; background:none; border:1px solid var(--border-hairline); color:var(--metal-platinum); width:32px; height:32px; cursor:pointer; }
    .modal-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
    .modal-cell { padding:1rem; border:1px solid var(--border-hairline); background:rgba(255,255,255,.012); }
    .modal-cell b { display:block; color:var(--light-specular); font:.7rem var(--mono); margin-bottom:.4rem; letter-spacing:.08em; }
    .modal-cell p { font-size:.82rem; line-height:1.55; }

    /* ROADMAP V1 */
    .timeline-panel { padding:2.2rem; }
    .timeline-track { position:relative; padding-left:2.2rem; }
    .timeline-track::before { content:""; position:absolute; left:7px; top:4px; bottom:4px; width:1px; background:linear-gradient(var(--accent-cyan),rgba(255,255,255,.06)); }
    .timeline-item { position:relative; display:grid; grid-template-columns:130px 1fr; gap:1.5rem; padding:0 0 1.75rem 0; }
    .timeline-item:last-child { padding-bottom:0; }
    .timeline-item::before { content:""; position:absolute; left:-2.15rem; top:.35rem; width:7px; height:7px; background:var(--space-void); border:1px solid var(--accent-cyan); box-shadow:0 0 10px rgba(0,223,245,.25); }
    .timeline-date { font:.64rem var(--mono); color:var(--accent-cyan); letter-spacing:.1em; }
    .timeline-copy h3 { color:var(--light-specular); font-size:1rem; font-weight:500; margin-bottom:.35rem; }
    .timeline-copy p { font-size:.82rem; line-height:1.5; color:var(--metal-platinum); }

    /* ROADMAP V2 */
    .roadmap-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
    .roadmap-phase { min-height:300px; padding:1.3rem; border:1px solid var(--border-hairline); background:rgba(255,255,255,.012); display:flex; flex-direction:column; position:relative; }
    .roadmap-phase::after { content:""; position:absolute; top:33%; left:100%; width:1rem; height:1px; background:var(--border-hairline-bright); }
    .roadmap-phase:last-child::after { display:none; }
    .phase-num { font:.58rem var(--mono); color:var(--metal-titanium); letter-spacing:.13em; margin-bottom:4rem; }
    .phase-title { color:var(--light-specular); font-size:1.05rem; font-weight:500; margin-bottom:.6rem; }
    .phase-list { list-style:none; display:grid; gap:.6rem; margin-top:auto; }
    .phase-list li { font:.64rem/1.45 var(--mono); color:var(--metal-platinum); border-top:1px solid var(--border-hairline); padding-top:.55rem; }
    .phase-status { width:5px; height:5px; border-radius:50%; background:var(--accent-cyan); box-shadow:0 0 8px rgba(0,223,245,.45); position:absolute; top:1.25rem; right:1.25rem; }

    /* CTA / CONTACT */
    .contact-stage { position:relative; min-height:430px; display:flex; flex-direction:column; justify-content:flex-end; padding:2rem; }
    .contact-lines { position:absolute; inset:0; opacity:.48; background:linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.04) 12% 12.1%,transparent 12.1% 87%,rgba(255,255,255,.04) 87% 87.1%,transparent 87.1%),linear-gradient(180deg,transparent 0 15%,rgba(255,255,255,.04) 15% 15.1%,transparent 15.1% 82%,rgba(255,255,255,.04) 82% 82.1%,transparent 82.1%); }
    .contact-address { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:2rem; border-top:1px solid var(--border-hairline); padding-top:1.4rem; }
    .contact-address b { display:block; font:.62rem var(--mono); color:var(--accent-cyan); letter-spacing:.12em; margin-bottom:.45rem; }
    .contact-address span { color:var(--light-specular); font-size:1rem; }

    /* FORM */
    .form-panel { padding:2rem; }
    .form-head { display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:1.2rem; border-bottom:1px solid var(--border-hairline); margin-bottom:1.4rem; }
    .form-head h3 { color:var(--light-specular); font:500 .8rem var(--mono); letter-spacing:.12em; }
    .form-head span { font:.58rem var(--mono); color:var(--metal-titanium); }
    .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
    .field { display:grid; gap:.45rem; }
    .field.full { grid-column:1/-1; }
    .field label { font:.6rem var(--mono); letter-spacing:.1em; color:var(--metal-titanium); text-transform:uppercase; }
    .field input,.field textarea {
      width:100%; border:1px solid var(--border-hairline); background:rgba(0,0,0,.24); color:var(--light-specular); padding:.9rem 1rem; outline:none;
      transition:border-color .2s ease,box-shadow .2s ease;
    }
    .field input:focus,.field textarea:focus { border-color:rgba(0,223,245,.35); box-shadow:0 0 0 1px rgba(0,223,245,.06); }
    .field textarea { min-height:100px; resize:none; }
    .form-actions { display:flex; justify-content:space-between; align-items:center; margin-top:1.3rem; }

    /* COMPARISON */
    .comparison-panel { padding:1.7rem; }
    .comparison-head,.comparison-row { display:grid; grid-template-columns:1.45fr 1fr 1fr; gap:1rem; align-items:center; }
    .comparison-head { padding-bottom:.8rem; border-bottom:1px solid var(--border-hairline); font:.61rem var(--mono); color:var(--metal-titanium); letter-spacing:.1em; }
    .comparison-row { padding:1rem 0; border-bottom:1px solid rgba(255,255,255,.055); }
    .comparison-row:last-child { border-bottom:0; }
    .comparison-label { font-size:.84rem; color:var(--metal-platinum); }
    .comparison-primary { font:.72rem var(--mono); color:var(--light-specular); }
    .comparison-secondary { font:.72rem var(--mono); color:var(--metal-titanium); }
    .comparison-primary::before { content:"+ "; color:var(--accent-cyan); }

    /* MISSION QUOTE */
    .quote-stage { max-width:1120px; margin:0 auto; position:relative; padding:4rem 0; }
    .quote-mark { position:absolute; top:-2rem; left:-2rem; font-size:12rem; line-height:1; color:rgba(255,255,255,.025); font-family:Georgia,serif; }
    .quote-copy { font-size:clamp(2.4rem,5vw,5.8rem); line-height:1.02; letter-spacing:-.045em; color:var(--light-specular); font-weight:450; max-width:1050px; }
    .quote-rule { width:120px; height:1px; background:linear-gradient(90deg,var(--accent-cyan),transparent); margin:2.5rem 0 1.2rem; }
    .quote-attrib { font:.66rem var(--mono); color:var(--metal-titanium); letter-spacing:.12em; text-transform:uppercase; }

    /* WORKFLOW V1 */
    .workflow-panel { padding:2rem; }
    .workflow-chain { display:grid; grid-template-columns:1fr 70px 1fr 70px 1fr; align-items:center; }
    .workflow-node { min-height:200px; padding:1.3rem; border:1px solid var(--border-hairline); background:rgba(255,255,255,.012); display:flex; flex-direction:column; }
    .workflow-node .node-id { font:.58rem var(--mono); color:var(--accent-cyan); letter-spacing:.12em; }
    .workflow-node h3 { color:var(--light-specular); font-size:1.1rem; font-weight:500; margin-top:auto; margin-bottom:.5rem; }
    .workflow-node p { font-size:.78rem; line-height:1.5; }
    .workflow-link { height:1px; background:linear-gradient(90deg,var(--border-hairline),var(--accent-cyan),var(--border-hairline)); position:relative; }
    .workflow-link::after { content:""; position:absolute; right:0; top:-3px; border-left:5px solid var(--accent-cyan); border-top:3px solid transparent; border-bottom:3px solid transparent; }

    /* WORKFLOW V2 */
    .workflow-orbit { position:relative; min-height:470px; display:grid; place-items:center; }
    .workflow-core { width:150px; aspect-ratio:1; border:1px solid rgba(0,223,245,.28); border-radius:50%; display:grid; place-items:center; color:var(--light-specular); font:.7rem var(--mono); letter-spacing:.1em; box-shadow:0 0 40px rgba(0,223,245,.04); }
    .orbit-ring { position:absolute; width:360px; aspect-ratio:1; border:1px solid var(--border-hairline); border-radius:50%; }
    .orbit-ring::before { content:""; position:absolute; inset:18%; border:1px solid rgba(255,255,255,.045); border-radius:50%; }
    .orbit-node { position:absolute; width:155px; padding:1rem; border:1px solid var(--border-hairline); background:#07080c; }
    .orbit-node b { display:block; color:var(--light-specular); font:.68rem var(--mono); letter-spacing:.08em; margin-bottom:.35rem; }
    .orbit-node span { color:var(--metal-titanium); font:.6rem/1.4 var(--mono); }
    .orbit-node.n1 { top:4%; left:50%; transform:translateX(-50%); }
    .orbit-node.n2 { right:4%; top:50%; transform:translateY(-50%); }
    .orbit-node.n3 { bottom:4%; left:50%; transform:translateX(-50%); }
    .orbit-node.n4 { left:4%; top:50%; transform:translateY(-50%); }

    /* SPECS V1 */
    .spec-panel { padding:1.7rem; }
    .spec-list { display:grid; grid-template-columns:1fr 1fr; gap:0 2rem; }
    .spec-line { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--border-hairline); }
    .spec-line span:first-child { font:.65rem var(--mono); color:var(--metal-titanium); letter-spacing:.09em; }
    .spec-line strong { color:var(--light-specular); font:500 .82rem var(--mono); }
    .spec-scale { margin-top:1.6rem; height:70px; border-top:1px solid var(--border-hairline); position:relative; }
    .spec-scale::before { content:""; position:absolute; left:0; right:0; top:18px; height:1px; background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 5%); }
    .spec-scale::after { content:"CALIBRATED RANGE // 0.00 — 1.00"; position:absolute; top:38px; left:0; color:var(--metal-titanium); font:.58rem var(--mono); letter-spacing:.1em; }

    /* SPECS V2 */
    .spec-radial { min-height:450px; position:relative; display:grid; place-items:center; }
    .spec-dial { width:300px; aspect-ratio:1; border:1px solid var(--border-hairline); border-radius:50%; position:relative; display:grid; place-items:center; background:radial-gradient(circle,rgba(255,255,255,.02),transparent 64%); }
    .spec-dial::before,.spec-dial::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.05); }
    .spec-dial::before { inset:16%; }
    .spec-dial::after { inset:34%; border-color:rgba(0,223,245,.18); }
    .dial-center { text-align:center; z-index:1; }
    .dial-center b { display:block; color:var(--light-specular); font:500 2.1rem var(--mono); letter-spacing:-.06em; }
    .dial-center span { font:.58rem var(--mono); color:var(--metal-titanium); letter-spacing:.12em; }
    .spec-callout { position:absolute; min-width:180px; padding:.85rem 1rem; border-top:1px solid var(--border-hairline-bright); background:linear-gradient(180deg,rgba(255,255,255,.018),transparent); }
    .spec-callout b { display:block; color:var(--light-specular); font:.68rem var(--mono); margin-bottom:.3rem; }
    .spec-callout span { color:var(--metal-titanium); font:.58rem/1.4 var(--mono); }
    .spec-callout.c1 { left:2%; top:8%; }.spec-callout.c2 { right:2%; top:22%; }.spec-callout.c3 { right:6%; bottom:8%; }.spec-callout.c4 { left:5%; bottom:15%; }

    /* RESPONSIVE */
    @media (max-width:1050px) {
      .slide { padding-left:5.5rem; padding-right:2.4rem; }
      .split,.split.equal,.split.wide-left { grid-template-columns:1fr 1fr; gap:2rem; }
      .hero-title { font-size:clamp(2.7rem,6vw,5rem); }
      .roadmap-grid { grid-template-columns:1fr 1fr; }
      .roadmap-phase::after { display:none; }
    }
    @media (max-width:780px) {
      .hud-row > :nth-child(2),.hud-row > :nth-child(3) { display:none; }
      .slide { padding:5.3rem 1.5rem 4.5rem 4.7rem; overflow:auto; align-items:flex-start; }
      .slide-shell { padding:1.5rem 0; }
      .split,.split.equal,.split.wide-left { grid-template-columns:1fr; gap:2rem; }
      .hero-stage,.workflow-orbit,.spec-radial { min-height:360px; }
      .hero-meta { display:none; }
      .card-row,.form-grid,.modal-grid,.spec-list { grid-template-columns:1fr; }
      .workflow-chain { grid-template-columns:1fr; gap:1rem; }
      .workflow-link { width:1px; height:32px; margin:auto; background:linear-gradient(var(--border-hairline),var(--accent-cyan),var(--border-hairline)); }
      .workflow-link::after { bottom:0; top:auto; right:-3px; border-top:5px solid var(--accent-cyan); border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:0; }
      .comparison-head,.comparison-row { grid-template-columns:1.25fr 1fr 1fr; gap:.5rem; }
      .roadmap-grid { grid-template-columns:1fr 1fr; }
      .orbit-ring { width:280px; }
      .orbit-node { width:125px; padding:.7rem; }
      .quote-copy { font-size:clamp(2.1rem,8vw,4rem); }
    }
    @media (prefers-reduced-motion:reduce) {
      .film-grain,.fog-field { animation:none; }
    }