/* ============================================================
   AMERICAN ENERGY — The Dark Factory · design system (ae.css)
   Brand: Ink / Paper / Night / Volt / Field · Archivo Black
   headlines · IBM Plex Mono data. Per brand handoff (high-fidelity).
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  --ink:#111111; --paper:#F4F4F2; --paper-2:#EDEFF1;
  --field:#0E7A4A; --field-dark:#0A5C38; --mint:#8FD6B0;
  --night:#0B0D0F; --night-2:#121518; --night-3:#181C20;
  --volt:#D4FF3D; --deep-green:#10231A; --cream:#F6F3EA; --gold:#E8B13C;
  --gray:#999999; --line-dark:rgba(244,244,242,.12); --line-light:rgba(17,17,17,.12);
  --volt-grid:rgba(212,255,61,.05); --volt-glow:rgba(212,255,61,.07);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Archivo',sans-serif;font-weight:500;background:var(--paper);color:var(--ink);
  line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.wrap-tight{max-width:960px;margin:0 auto;padding:0 40px}
@media(max-width:720px){.wrap,.wrap-tight{padding:0 22px}}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- TYPE ---------- */
.display{font-family:'Archivo';font-weight:900;text-transform:uppercase;letter-spacing:-.015em;line-height:.95}
h1,h2,h3,h4{font-family:'Archivo';font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1.0}
.hero-h{font-family:'Archivo';font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.92;
  font-size:clamp(44px,8vw,116px);text-wrap:balance}
.h1{font-size:clamp(34px,5vw,64px);line-height:.98;text-wrap:balance}
.h2{font-size:clamp(28px,3.6vw,46px);line-height:1.0;text-wrap:balance}
.h3{font-size:clamp(20px,2.2vw,28px)}
.lead{font-size:clamp(17px,1.5vw,21px);font-weight:500;line-height:1.55;max-width:60ch}
.mono{font-family:'IBM Plex Mono',monospace;font-weight:500}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--field);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:8px;height:8px;background:var(--field);flex-shrink:0}
.night .eyebrow{color:var(--volt)} .night .eyebrow::before{background:var(--volt)}
.section-n{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:13px;letter-spacing:.12em;color:var(--gray)}
a.link{color:var(--field);font-weight:600;border-bottom:1.5px solid transparent;transition:.15s}
a.link:hover{border-bottom-color:var(--field)}
.night a.link{color:var(--volt)} .night a.link:hover{border-bottom-color:var(--volt)}

/* ---------- SURFACES ---------- */
.section{padding:110px 0}
.section-sm{padding:72px 0}
@media(max-width:720px){.section{padding:72px 0}}
.paper{background:var(--paper);color:var(--ink)}
.paper-2{background:var(--paper-2);color:var(--ink)}
.ink-bg{background:var(--ink);color:var(--paper)}
.night{background:var(--night);color:var(--paper);position:relative}
.field-bg{background:var(--field);color:#fff}
.deep-bg{background:var(--deep-green);color:var(--mint)}
/* Night grid texture + glow */
.night-grid::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--volt-grid) 1px,transparent 1px),linear-gradient(90deg,var(--volt-grid) 1px,transparent 1px);
  background-size:48px 48px}
.night-grid::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 60% at 75% 0%,var(--volt-glow),transparent 60%)}
.night-grid>*{position:relative;z-index:1}

/* ---------- LOGO LOCKUP (ported from AELogo) ---------- */
@keyframes aeBlink{0%,44%,100%{opacity:1}50%,94%{opacity:.15}}
@keyframes aeBlink2{0%,34%,100%{opacity:1}40%,84%{opacity:.15}}
.ae-logo{display:flex;flex-direction:column;width:max-content;line-height:.95}
.ae-logo .ael-1,.ae-logo .ael-2{font-family:'Archivo';font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:.95}
.ae-logo .ael-row{display:flex;align-items:baseline;justify-content:space-between;width:0;min-width:100%}
.ae-logo .ael-sq{display:flex;align-items:flex-end;transform:translateY(.5px)}
.ae-logo .ael-sq i{display:block}
@media(prefers-reduced-motion:reduce){.ae-logo .ael-sq i{animation:none!important;opacity:1!important}}

/* ---------- BUTTONS ---------- */
.btn{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  padding:15px 26px;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;
  display:inline-flex;align-items:center;gap:10px;transition:.18s;white-space:nowrap}
.btn:hover{background:transparent;color:var(--ink)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.night .btn,.btn-volt{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.night .btn:hover,.btn-volt:hover{background:var(--volt);border-color:var(--volt);color:var(--ink)}
.night .btn-ghost{background:transparent;color:var(--paper);border-color:var(--line-dark)}
.night .btn-ghost:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-field{background:var(--field);border-color:var(--field);color:#fff}
.btn-field:hover{background:transparent;color:var(--field)}

/* ---------- NAV ---------- */
#nav{position:fixed;top:0;left:0;right:0;z-index:200;height:70px;display:flex;align-items:center;
  justify-content:space-between;padding:0 40px;background:rgba(11,13,15,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-dark);transition:.3s}
#nav .nav-links{display:flex;align-items:center;gap:4px;list-style:none}
#nav .nav-links a{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;color:rgba(244,244,242,.72);padding:9px 14px;transition:.15s}
#nav .nav-links a:hover{color:var(--volt)}
.nav-right{display:flex;align-items:center;gap:16px}
.nav-status{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--volt);
  display:flex;align-items:center;gap:7px}
.nav-status .dot{width:7px;height:7px;background:var(--volt);animation:aeBlink 2.4s steps(1) infinite}
.nav-cta{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  background:var(--paper);color:var(--ink);padding:10px 18px;transition:.15s}
.nav-cta:hover{background:var(--volt)}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-burger span{width:22px;height:2px;background:var(--paper);transition:.25s}
.nav-burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mnav{display:none;position:fixed;inset:70px 0 0;background:var(--night);z-index:199;padding:26px;overflow-y:auto}
.mnav.open{display:block}
.mnav a{display:block;font-family:'IBM Plex Mono',monospace;font-size:16px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--paper);padding:16px 0;border-bottom:1px solid var(--line-dark)}
.mnav a:hover{color:var(--volt)}
@media(max-width:1000px){#nav .nav-links,.nav-status{display:none}.nav-burger{display:flex}}
@media(max-width:560px){.nav-cta{display:none}}

/* ---------- HERO ---------- */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;
  padding:120px 0 60px}
.hero-status{display:flex;justify-content:space-between;align-items:center;font-family:'IBM Plex Mono',monospace;
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,244,242,.5);
  border-bottom:1px solid var(--line-dark);padding-bottom:16px;margin-bottom:clamp(30px,5vh,64px)}
.hero-status .live{color:var(--paper);display:flex;align-items:center;gap:8px}
.hero-status .live .dot{width:8px;height:8px;background:var(--paper);animation:aeBlink 2.4s steps(1) infinite}
.hero-tag{font-family:'IBM Plex Mono',monospace;font-size:clamp(11px,1.3vw,14px);letter-spacing:.22em;
  text-transform:uppercase;color:var(--paper);margin-bottom:22px}
.hero-h em{font-style:normal;color:#5b626d}
.hero-sub{font-size:clamp(16px,1.6vw,21px);color:rgba(244,244,242,.72);max-width:60ch;margin-top:26px;font-weight:500}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}
.hero-foot{width:100%;margin-top:clamp(40px,7vh,84px);font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:rgba(244,244,242,.55);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 32px}
@media(max-width:720px){.hero-foot{margin-top:40px;flex-direction:column;gap:8px}}
.hero>.wrap{position:relative;z-index:2}

/* ---------- HERO BACKGROUND FIGURES (full-bleed humanoid floor) ---------- */
.hero-figures{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-scene{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-callout{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
@media(max-width:1000px){.hero-callout{display:none}}
.hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(11,13,15,.82) 0%,rgba(11,13,15,.5) 26%,rgba(11,13,15,.14) 52%,rgba(11,13,15,.08) 74%,rgba(11,13,15,.32) 100%),
    linear-gradient(0deg,rgba(11,13,15,.55) 0%,transparent 24%,transparent 80%,rgba(11,13,15,.45) 100%)}
.botwalk{animation:botWalk 24s linear infinite}
.bw-bob{animation:bwBob .9s ease-in-out infinite}
.bw-legf,.bw-legb,.bw-armf,.bw-armb{transform-box:fill-box;transform-origin:50% 6%}
.bw-legf{animation:bwSwingA .9s ease-in-out infinite}
.bw-legb{animation:bwSwingB .9s ease-in-out infinite}
.bw-armf{animation:bwSwingB .9s ease-in-out infinite}
.bw-armb{animation:bwSwingA .9s ease-in-out infinite}
.bcell{animation:bcellPulse 2.6s ease-in-out infinite}
@keyframes botWalk{0%{transform:translateX(1330px);opacity:0}8%{opacity:.7}92%{opacity:.7}100%{transform:translateX(150px);opacity:0}}
@keyframes bwBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes bwSwingA{0%,100%{transform:rotate(17deg)}50%{transform:rotate(-17deg)}}
@keyframes bwSwingB{0%,100%{transform:rotate(-17deg)}50%{transform:rotate(17deg)}}
@keyframes bcellPulse{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:760px){.hero-scrim{background:linear-gradient(0deg,rgba(11,13,15,.6),transparent 30%,transparent 78%,rgba(11,13,15,.5))}}
@media(prefers-reduced-motion:reduce){.botwalk,.bw-bob,.bw-legf,.bw-legb,.bw-armf,.bw-armb,.bcell{animation:none}.botwalk{opacity:.7}}

/* ---------- FEATURED STORY (full-width editorial body) ---------- */
.feature-body{columns:2;column-gap:46px;max-width:none}
.feature-body p{margin:0 0 15px;break-inside:avoid}
@media(max-width:680px){.feature-body{columns:1}}

/* ---------- CLICKABLE CALLOUT (whole box is a link) ---------- */
.jobs-callout{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  border:1px solid rgba(212,255,61,.32);padding:clamp(24px,4vw,40px);text-decoration:none;color:inherit;
  cursor:pointer;transition:border-color .18s,background .18s}
.jobs-callout:hover{border-color:var(--volt);background:rgba(212,255,61,.07)}
.jobs-callout .jc-cta{display:inline-flex;align-items:center;white-space:nowrap;
  font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  background:var(--paper);color:var(--ink);padding:14px 22px;transition:background .18s,color .18s,transform .18s}
.jobs-callout:hover .jc-cta{background:var(--volt);transform:translateX(4px)}
.jobs-callout:hover h3{color:var(--volt)}

/* ---------- STAT / BIG NUMBER ---------- */
.bignum{font-family:'Archivo';font-weight:900;letter-spacing:-.03em;line-height:.9;
  font-size:clamp(56px,10vw,150px)}
.bignum.volt{color:var(--volt)}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark)}
.night .statgrid,.ink-bg .statgrid{background:var(--line-dark);border-color:var(--line-dark)}
.paper .statgrid,.paper-2 .statgrid{background:var(--line-light);border-color:var(--line-light)}
.stat{background:var(--night);padding:30px 26px}
.paper .stat,.paper-2 .stat{background:var(--paper)}
.paper-2 .stat{background:var(--paper-2)}
.stat .k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);margin-bottom:14px}
.stat .v{font-family:'Archivo';font-weight:900;font-size:clamp(30px,3.4vw,44px);line-height:1;letter-spacing:-.02em}
.stat .d{font-size:14px;color:inherit;opacity:.7;margin-top:12px;font-weight:500;line-height:1.5}
@media(max-width:900px){.statgrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.statgrid{grid-template-columns:1fr}}

/* ---------- SECTION HEAD ---------- */
.sec-head{max-width:none;margin-bottom:56px}
.sec-head .num{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.12em;color:var(--gray);
  text-transform:uppercase;margin-bottom:20px;display:block}
.sec-head .t{margin:0 0 20px}
.sec-head .t em{font-style:normal;color:var(--field)}
.night .sec-head .t em{color:var(--volt)}
.sec-head .lead{color:inherit;opacity:.78;max-width:82ch}

/* ---------- FEATURE CARDS ---------- */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark)}
.paper .cards,.paper-2 .cards{background:var(--line-light)}
.card{background:var(--night);padding:34px 28px}
.paper .card,.paper-2 .card{background:var(--paper)} .paper-2 .card{background:var(--paper-2)}
.card .ci{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--volt);margin-bottom:20px;text-transform:uppercase}
.paper .card .ci,.paper-2 .card .ci{color:var(--field)}
.card h3{font-size:19px;margin-bottom:12px;letter-spacing:-.01em}
.card p{font-size:14.5px;line-height:1.6;opacity:.72;font-weight:500}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.cards{grid-template-columns:1fr}}

/* ---------- DATA TABLE ---------- */
.dtable{width:100%;border-collapse:collapse;font-family:'IBM Plex Mono',monospace}
.dtable th,.dtable td{text-align:left;padding:18px 20px;border-bottom:1px solid var(--line-dark);font-size:14px}
.paper .dtable th,.paper .dtable td{border-color:var(--line-light)}
.dtable thead th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);font-weight:500}
.dtable td.metric{font-family:'Archivo';font-weight:600;text-transform:none}
.dtable td.win{color:var(--field);font-weight:600}
.night .dtable td.win{color:var(--volt)}
.dtable .col-df{background:rgba(212,255,61,.04)}

/* ---------- LINE DIAGRAM (powder -> pack) ---------- */
.line-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark)}
.lstep{background:var(--night);padding:26px 20px;position:relative}
.lstep .ln{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--volt);letter-spacing:.1em;margin-bottom:14px}
.lstep h4{font-size:16px;margin-bottom:8px}
.lstep p{font-family:'IBM Plex Mono',monospace;font-size:11.5px;line-height:1.5;color:var(--gray);text-transform:uppercase;letter-spacing:.04em}
@media(max-width:900px){.line-flow{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.line-flow{grid-template-columns:1fr}}

/* ---------- TIMELINE (4-phase) ---------- */
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-light)}
.tphase{background:var(--paper);padding:34px 26px}
.paper-2 .tphase{background:var(--paper-2)}
.night .timeline{background:var(--line-dark)} .night .tphase{background:var(--night-2)}
.tphase .ty{font-family:'Archivo';font-weight:900;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.02em;line-height:1}
.night .tphase .ty{color:var(--volt)}
.tphase .tp{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--field);margin:10px 0 14px}
.night .tphase .tp{color:var(--volt)}
.tphase h4{font-size:17px;margin-bottom:10px}
.tphase p{font-size:14px;opacity:.72;line-height:1.6;font-weight:500}
@media(max-width:1080px){.timeline{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.timeline{grid-template-columns:1fr}}

/* ---------- LIVE FLOOR SCHEMATIC (ported from deck slide 03B) ---------- */
.floor{position:relative;background:#0B0D0F;border:1px solid #262B31;padding:24px;overflow:hidden;font-family:'IBM Plex Mono',monospace}
/* brain bar */
.floor-brain{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#14171B;border:1px solid #3A4148;padding:0 22px;height:56px}
.floor-brain .bl{display:flex;align-items:center;gap:14px;min-width:0}
.floor-brain .sq{width:12px;height:12px;background:var(--volt);flex-shrink:0;animation:facPulse 2s infinite}
.floor-brain .ttl{font-size:12px;font-weight:600;letter-spacing:.14em;color:#EDEFF1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.floor-brain .rd{display:flex;gap:24px;font-size:11px;color:#9AA3AB;flex-shrink:0}
.floor-brain .rd b{color:var(--volt);font-weight:500}
.floor-brain .rd .learn{color:var(--volt);animation:aeBlink 1.6s infinite}
/* corridor */
.floor-corr{position:relative;height:120px}
.floor-corr .gl{position:absolute;bottom:0;width:2px;height:120px;background:linear-gradient(to top,#3A4148,transparent)}
.floor-corr .gl.f{background:linear-gradient(to top,#262B31,transparent)}
.floor-corr .up,.floor-corr .dn{position:absolute;bottom:0;width:9px;height:9px;margin-left:-4.5px;border-radius:50%}
.floor-corr .up{background:var(--volt);animation:facRise 2.2s linear infinite}
.floor-corr .dn{background:#EDEFF1;animation:facFall 2.6s linear infinite}
/* stations */
.floor-stations{display:flex;gap:12px}
.floor-st{flex:1;min-width:0;border:1px solid #3A4148;background:#14171B;padding:14px 15px}
.floor-st .l{font-size:11.5px;color:var(--volt);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.floor-st .s{font-size:11px;color:#9AA3AB;margin-top:7px;animation:facGlow 3s infinite;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* conveyor */
.floor-belt{position:relative;height:48px;margin-top:14px;border-top:1px solid #3A4148;border-bottom:1px solid #3A4148;
  background:repeating-linear-gradient(90deg,#101317 0 40px,#0B0D0F 40px 80px);overflow:hidden}
.floor-belt .cell{position:absolute;top:11px;left:-4%;width:42px;height:26px;background:var(--volt);animation:facTravel 7s linear infinite}
.floor-belt .cell.b{background:#8FA828}
.floor-belt .scan{position:absolute;top:0;left:-140px;width:130px;height:100%;background:linear-gradient(90deg,transparent,rgba(212,255,61,.16),transparent);animation:facScan 5s linear infinite}
/* floor readout */
.floor-out{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:11px;color:#5C656D;letter-spacing:.06em}
.floor-out b{color:var(--volt);font-weight:500}
@keyframes facPulse{0%,100%{box-shadow:0 0 0 0 rgba(212,255,61,.5)}50%{box-shadow:0 0 0 12px rgba(212,255,61,0)}}
@keyframes facRise{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(-120px);opacity:0}}
@keyframes facFall{0%{transform:translateY(-120px);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(0);opacity:0}}
@keyframes facTravel{0%{left:-4%;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:101%;opacity:0}}
@keyframes facScan{0%{left:-140px}100%{left:100%}}
@keyframes facGlow{0%,100%{opacity:.55}50%{opacity:1}}
@media(max-width:820px){.floor-brain .rd{display:none}.floor-corr{height:86px}.floor-corr .gl{height:86px}.floor-corr .up{animation-name:facRiseSm}.floor-corr .dn{animation-name:facFallSm}}
@keyframes facRiseSm{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(-86px);opacity:0}}
@keyframes facFallSm{0%{transform:translateY(-86px);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(0);opacity:0}}
@media(max-width:620px){.floor{padding:16px}.floor-st .s{display:none}.floor-st .l{font-size:10px}.floor-out{font-size:9.5px;gap:6px 12px}}
@media(prefers-reduced-motion:reduce){.floor *{animation:none!important}.floor-corr .up,.floor-corr .dn{opacity:.6}.floor-belt .cell{opacity:.7;left:40%}}

/* ---------- 3D MODEL VIEWER ---------- */
.mv-wrap{position:relative;border:1px solid #262B31;background:radial-gradient(ellipse 62% 60% at 50% 38%,#171B20 0%,#0B0D0F 72%);overflow:hidden}
.mv-wrap::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--volt-grid) 1px,transparent 1px),linear-gradient(90deg,var(--volt-grid) 1px,transparent 1px);background-size:44px 44px;z-index:0}
model-viewer{position:relative;z-index:1;width:100%;height:540px;background-color:transparent;--poster-color:transparent;--progress-bar-color:#D4FF3D;--progress-mask:transparent}
@media(max-width:900px){model-viewer{height:400px}}
.mv-tag{position:absolute;top:16px;left:18px;z-index:2;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--volt)}
.mv-hint{position:absolute;bottom:16px;left:18px;z-index:2;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray)}
.mv-poster{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--gray);font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.mv-poster .sq{width:16px;height:16px;background:var(--volt);animation:facPulse 2s infinite}

/* ---------- PRODUCT LINEUP ---------- */
.lineup{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-light)}
.night .lineup{background:var(--line-dark)}
.prod-card{background:var(--paper);padding:40px 36px;display:flex;flex-direction:column}
.paper-2 .prod-card{background:var(--paper-2)}
.night .prod-card{background:var(--night-2)}
.prod-card .series{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--field);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.prod-card .series::before{content:"";width:8px;height:8px;background:var(--field)}
.night .prod-card .series{color:var(--volt)} .night .prod-card .series::before{background:var(--volt)}
.prod-card .pname{font-family:'Archivo';font-weight:900;text-transform:uppercase;font-size:clamp(30px,3.8vw,44px);letter-spacing:-.02em;line-height:.95}
.prod-card .pspec{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.04em;color:var(--gray);margin:12px 0 18px}
.prod-card .pdesc{font-size:15px;line-height:1.62;opacity:.82;flex:1;font-weight:500}
.night .prod-card .pdesc{opacity:.72}
.prod-card .pproof{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--field);border-top:1px solid var(--line-light);margin-top:24px;padding-top:16px;display:flex;align-items:center;gap:10px}
.night .prod-card .pproof{color:var(--volt);border-top-color:var(--line-dark)}
.prod-card .pcta{margin-top:20px}
.prod-badge{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border:1px solid currentColor;margin-bottom:20px;width:fit-content}
.prod-badge.power{color:var(--volt)} .prod-badge.endurance{color:var(--field)}
.night .prod-badge.endurance{color:var(--mint)}
@media(max-width:820px){.lineup{grid-template-columns:1fr}}

/* ---------- PROVEN / MARTAC VIDEO ---------- */
.proof-vid{position:relative;border:1px solid #262B31;background:#0B0D0F;overflow:hidden}
.proof-vid video{width:100%;display:block;aspect-ratio:2.4/1;max-height:62vh;object-fit:cover;object-position:center 42%}
.proof-vid .bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;
  padding:12px 16px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--volt);background:linear-gradient(rgba(11,13,15,.9),transparent);z-index:2;pointer-events:none}
.proof-vid .bar .live{display:flex;align-items:center;gap:7px}
.proof-vid .bar .live .dot{width:7px;height:7px;background:var(--volt);animation:aeBlink 1.6s infinite}
.proof-vid .barb{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;font-family:'IBM Plex Mono',monospace;
  font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,244,242,.72);
  background:linear-gradient(transparent,rgba(11,13,15,.9));z-index:2;pointer-events:none;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.proof-vid .vid-stats{position:absolute;bottom:0;left:0;right:0;z-index:2;pointer-events:none;
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px 20px;padding:56px 18px 16px;
  background:linear-gradient(transparent,rgba(11,13,15,.35) 22%,rgba(11,13,15,.9))}
.proof-vid .vid-stats .s{display:flex;flex-direction:column;gap:4px}
.proof-vid .vid-stats .sv{font-family:'Archivo';font-weight:900;font-size:clamp(20px,2.5vw,32px);color:var(--volt);line-height:1}
.proof-vid .vid-stats .sv small{font-size:.5em;font-weight:900}
.proof-vid .vid-stats .sk{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,244,242,.78)}
@media(max-width:640px){.proof-vid video{aspect-ratio:16/10}.proof-vid .vid-stats{grid-template-columns:1fr 1fr;row-gap:14px;padding-top:44px}}
/* ---------- OPEN ROLES ---------- */
.role{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:22px 2px;border-bottom:1px solid var(--line-light);flex-wrap:wrap;transition:background .15s}
.role:hover{background:rgba(0,0,0,.02)}
.role-main{flex:1;min-width:260px}
.role-main h3{font-size:20px;margin-bottom:6px;letter-spacing:-.01em}
.role-main p{opacity:.72;font-size:15px;line-height:1.5;max-width:64ch}
.role-meta{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);white-space:nowrap}
@media(max-width:520px){.role-meta{white-space:normal}}
.proof-stat{font-family:'Archivo';font-weight:900}
@media(max-width:900px){.timeline{grid-template-columns:1fr}}

/* ---------- SPLIT / EQUATION ---------- */
.equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:24px}
.eq-op{font-family:'Archivo';font-weight:900;font-size:40px;color:var(--volt);text-align:center}
.paper .eq-op{color:var(--field)}
.eq-box .el{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);margin-bottom:12px}
.eq-box h4{font-size:20px;margin-bottom:10px}
.eq-box p{font-size:14.5px;opacity:.72;line-height:1.6;font-weight:500}
@media(max-width:820px){.equation{grid-template-columns:1fr}.eq-op{font-size:30px;text-align:left}}

/* ---------- MANIFESTO / QUOTE ---------- */
.manifesto{font-family:'Archivo';font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.02;
  font-size:clamp(30px,4.6vw,60px);text-wrap:balance}
.manifesto em{font-style:normal;color:var(--volt)}
.paper .manifesto em{color:var(--field)}

/* ---------- CONTACT FORM ---------- */
.form{display:flex;flex-direction:column;gap:16px;max-width:560px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.frow{grid-template-columns:1fr}}
.fg{display:flex;flex-direction:column;gap:8px}
.fl{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray)}
.fi{font-family:'Archivo';font-weight:500;font-size:15px;padding:14px 16px;border:1.5px solid var(--line-dark);
  background:transparent;color:inherit;outline:none;transition:.15s;width:100%}
.paper .fi,.paper-2 .fi{border-color:var(--line-light)}
.fi:focus{border-color:var(--volt)} .paper .fi:focus,.paper-2 .fi:focus{border-color:var(--field)}
.fi::placeholder{color:var(--gray)}
textarea.fi{resize:vertical;min-height:120px}
select.fi{appearance:none;cursor:pointer}
.form .hp{position:absolute;left:-9999px}
.form-alert{display:none;font-family:'IBM Plex Mono',monospace;font-size:13px;color:#fff;background:#b3341f;padding:12px 15px;line-height:1.5}
.form-alert.show{display:block}
.form-success{border:1.5px solid var(--field);padding:30px;font-family:'IBM Plex Mono',monospace}
.night .form-success{border-color:var(--volt)}

/* ---------- FOOTER ---------- */
#footer{background:var(--night);color:var(--paper);padding:80px 0 40px;border-top:1px solid var(--line-dark)}
.foot-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid var(--line-dark)}
.foot-brand p{font-size:14px;color:rgba(244,244,242,.5);line-height:1.7;max-width:32ch;margin-top:20px;font-weight:500}
.foot-col h5{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);margin-bottom:18px}
.foot-col a{display:block;font-family:'IBM Plex Mono',monospace;font-size:13px;color:rgba(244,244,242,.66);padding:6px 0;transition:.15s}
.foot-col a:hover{color:var(--volt)}
.foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:28px;
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.04em;color:rgba(244,244,242,.4);flex-wrap:wrap;gap:12px}
.foot-bot .tagline{color:var(--volt)}
@media(max-width:820px){.foot-top{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-top{grid-template-columns:1fr}}

/* ---------- BREADCRUMB / PAGE HERO ---------- */
.page-hero{padding:130px 0 70px;position:relative;overflow:hidden}
.crumb{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin-bottom:22px}
.crumb a:hover{color:var(--volt)}
.page-hero .lead{margin-top:24px;opacity:.75}

/* ---------- MISC ---------- */
.rule{height:1px;background:var(--line-dark);border:none}
.paper .rule,.paper-2 .rule{background:var(--line-light)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
@media(max-width:900px){.two-col{grid-template-columns:1fr;gap:40px}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}
.reveal.vis{opacity:1;transform:none}
.rd1{transition-delay:.06s}.rd2{transition-delay:.12s}.rd3{transition-delay:.18s}.rd4{transition-delay:.24s}
::selection{background:var(--volt);color:var(--ink)}
::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--night)}::-webkit-scrollbar-thumb{background:#2a2f34}