
:root{
  --ac:#ee4927;
  --bg:#090a09;
  --panel:#0e100f;
  --panel2:#121412;
  --fg:#dddcd3;
  --dim:#777a73;
  --faint:#30332f;
  --line:#4a4d47;
  --green:#62d98b;
  --pad:clamp(16px,2.5vw,38px);
  --max:1700px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;
  background:
    radial-gradient(circle at 65% -20%,rgba(238,73,39,.055),transparent 32%),
    linear-gradient(180deg,#0a0b0a 0%,#080908 100%);
  color:var(--fg);
  font-family:"IBM Plex Mono","Courier New",monospace;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;inset:0;z-index:1000;pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px);
  mix-blend-mode:screen;opacity:.6;
}
body::after{
  content:"";
  position:fixed;inset:0;z-index:999;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.035) .6px,transparent .8px),radial-gradient(rgba(238,73,39,.02) .6px,transparent .8px);
  background-position:0 0,7px 9px;background-size:13px 13px,17px 17px;opacity:.2;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
::selection{background:var(--ac);color:#070807}
.wrap{width:min(var(--max),calc(100% - (2 * var(--pad))));margin:auto}
.tech{font-family:"Oxanium","Arial Narrow",sans-serif}
.display{font-family:"Share Tech Mono","IBM Plex Mono",monospace}
.ac{color:var(--ac)}
.green{color:var(--green)}
.dim{color:var(--dim)}
.tiny{font-size:9px;line-height:1.35;letter-spacing:.045em;text-transform:uppercase}
.small{font-size:11px;line-height:1.45}
.upper{text-transform:uppercase}
.rule{height:1px;background:var(--faint)}
.blink{animation:blink 1.05s steps(1,end) infinite}
@keyframes blink{0%,48%{opacity:1}49%,100%{opacity:0}}
@keyframes greenBlink{0%,72%,100%{opacity:1;box-shadow:0 0 9px rgba(98,217,139,.8)}77%,82%{opacity:.22;box-shadow:none}}
@keyframes carrierDip{
  0%,63%,100%{transform:scaleY(1)}
  67%{transform:scaleY(.72)}
  70%{transform:scaleY(.9)}
  73%{transform:scaleY(.62)}
  77%{transform:scaleY(1)}
}
@keyframes carrierFlow{to{stroke-dashoffset:-34}}
@keyframes capacityDrift{
  0%,100%{transform:scaleY(.96);opacity:.88}
  40%{transform:scaleY(1);opacity:1}
  73%{transform:scaleY(.9);opacity:.78}
}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes renderPulse{0%,100%{opacity:.64}50%{opacity:1}}
@keyframes curveDot{from{offset-distance:0%}to{offset-distance:100%}}

.frame{border:1px solid var(--line);position:relative}
.frame::before,.frame::after{content:"";position:absolute;width:9px;height:9px;pointer-events:none}
.frame::before{left:-1px;top:-1px;border-left:2px solid var(--ac);border-top:2px solid var(--ac)}
.frame::after{right:-1px;bottom:-1px;border-right:2px solid var(--ac);border-bottom:2px solid var(--ac)}
.frame-label{position:absolute;left:12px;top:-8px;background:var(--bg);padding:0 6px;color:var(--ac);font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);padding:5px 8px;font-size:9px;text-transform:uppercase}

/* TOP DATA BAR */
.topline{
  border-bottom:1px solid var(--faint);
  background:#080908;
  min-height:31px;
  display:flex;align-items:center;
}
.topline-grid{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:28px;
  align-items:center;
}
.bootmsg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.carrier{
  width:78px;height:18px;display:flex;align-items:center;justify-content:flex-end;
}
.signal-glyph{width:72px;height:16px;overflow:visible;transform-origin:center;animation:carrierDip 8.5s ease-in-out infinite}
.signal-glyph .base{stroke:var(--faint);stroke-width:1;fill:none}
.signal-glyph .wave{stroke:var(--ac);stroke-width:1.6;fill:none;stroke-dasharray:7 4;animation:carrierFlow 2.4s linear infinite}
.signal-glyph circle{fill:var(--ac)}
.signal-glyph .node2{animation:renderPulse 2s ease-in-out infinite}

/* NAV */
header{
  position:sticky;top:0;z-index:100;
  background:rgba(9,10,9,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.navrow{
  min-height:78px;
  display:grid;
  grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);
  gap:20px;align-items:center;
}
.brand{display:flex;gap:13px;align-items:center}
.brand img{width:44px;height:44px;object-fit:contain}
.brand-name{font-family:"Oxanium",sans-serif;font-size:19px;line-height:.88;font-weight:700;letter-spacing:.025em}
.nav{display:flex;align-items:center;border-left:1px solid var(--faint);border-right:1px solid var(--faint)}
.nav a{
  min-width:112px;padding:15px 15px;
  border-right:1px solid var(--faint);
  font-size:11px;text-align:center;text-transform:uppercase;
}
.nav a:last-child{border-right:0}
.nav a:hover{background:var(--ac);color:#080908}
.nav-right{justify-self:end;display:flex;align-items:center}
.nav-right .cta{
  min-width:112px;
  padding:11px 16px;border:1px solid var(--ac);color:var(--ac);
  font-size:11px;text-align:center;text-transform:uppercase;
}
.nav-right .cta:hover{background:var(--ac);color:#080908}
.menu{display:none;background:none;color:var(--fg);border:1px solid var(--line);padding:10px;font-size:11px}

.descriptor-bar{
  min-height:31px;
  display:flex;align-items:center;
  border-bottom:1px solid var(--line);
  background:#0a0b0a;
}
.descriptor-bar .wrap{text-align:right;color:var(--ac);font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.045em}

/* FIXED STATUS */
.fixed-status{
  position:fixed;z-index:150;right:14px;bottom:14px;
  background:rgba(7,8,7,.92);backdrop-filter:blur(8px);
  border:1px solid var(--line);padding:8px 10px;
  display:flex;align-items:center;gap:9px;
  font-size:9px;letter-spacing:.05em;text-transform:uppercase;
}
.fixed-status .green-dot{
  width:8px;height:8px;background:var(--green);border-radius:50%;
  animation:greenBlink 4.6s steps(1,end) infinite;
}

/* SYSTEM CONSOLE */
.console{padding:28px 0 30px}
.console-grid{
  display:grid;
  grid-template-columns:minmax(0,1.33fr) minmax(360px,.67fr);
  gap:14px;
  height:520px;
}
.sequence-terminal{
  background:var(--panel);
  padding:20px;
  overflow:hidden;
  display:flex;flex-direction:column;
}
.term-top{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:12px;border-bottom:1px solid var(--faint);flex:none;
}
.sequence-log{
  padding-top:18px;
  font-size:12px;line-height:1.64;
  overflow:hidden;flex:1;
}
.logline{min-height:20px;white-space:pre-wrap}
.logline .tag{display:inline-block;width:74px;color:var(--dim)}
.logline .tag.ok{color:var(--ac)}
.logline.final,.logline.final .tag{color:var(--green)}
.current-command{
  border-top:1px solid var(--faint);padding-top:11px;
  min-height:34px;flex:none;font-size:11px;text-transform:uppercase;
}
.current-command .prompt{color:var(--ac);font-weight:700}

.console-side{
  display:grid;
  grid-template-rows:1.15fr .82fr 1fr;
  gap:14px;min-height:0;
}
.capacity{
  padding:18px 18px 15px;background:var(--panel);overflow:hidden;
}
.capacity-title{display:flex;align-items:center;gap:10px;color:var(--ac)}
.capacity-title::after{content:"";height:1px;background:var(--ac);flex:1;opacity:.55}
.capacity-num{
  color:var(--ac);font-family:"Share Tech Mono",monospace;
  font-size:clamp(64px,6.2vw,98px);line-height:.82;letter-spacing:-.07em;
  margin:8px 0 4px;
}
.capacity-copy{display:flex;justify-content:space-between;gap:14px;align-items:end}
.capacity-bars{height:36px;display:flex;align-items:end;gap:3px;margin-top:10px}
.capacity-bars i{
  flex:1;background:var(--ac);
  transform-origin:bottom;
  animation:capacityDrift 5.4s ease-in-out infinite;
}
.capacity-bars i:nth-child(1){height:58%;animation-delay:-1.1s}
.capacity-bars i:nth-child(2){height:72%;animation-delay:-2.4s}
.capacity-bars i:nth-child(3){height:90%;animation-delay:-3.2s}
.capacity-bars i:nth-child(4){height:78%;animation-delay:-.6s}
.capacity-bars i:nth-child(5){height:100%;animation-delay:-4.1s}
.capacity-bars i:nth-child(6){height:87%;animation-delay:-2.9s}
.capacity-bars i:nth-child(7){height:95%;animation-delay:-1.8s}
.capacity-bars i:nth-child(8){height:80%;animation-delay:-3.8s}
.capacity-bars i:nth-child(9){height:98%;animation-delay:-.3s}

.metric-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.metric{
  padding:15px;background:var(--panel);
  display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;
}
.metric strong{
  display:block;font-family:"Share Tech Mono",monospace;
  font-weight:400;font-size:clamp(48px,5vw,76px);line-height:.8;letter-spacing:-.06em;
}
.metric:nth-child(1) strong{color:var(--ac)}
.metric .trace{
  height:20px;margin-top:9px;
  background:linear-gradient(90deg,transparent 0 5%,var(--faint) 5% 6%,transparent 6% 14%,var(--ac) 14% 17%,transparent 17% 29%,var(--faint) 29% 31%,transparent 31% 44%,var(--ac) 44% 52%,transparent 52% 72%,var(--faint) 72% 74%,transparent 74%);
  animation:renderPulse 4s ease-in-out infinite;
}

.ident-panel{
  padding:15px;background:var(--panel);
  display:grid;grid-template-columns:1fr 1.35fr;gap:15px;align-items:center;overflow:hidden;
}
.ident-panel img{max-height:96px;margin:auto}
.ident-copy{padding-left:14px;border-left:1px solid var(--faint)}
.award-readout{margin-top:10px;border-top:1px solid var(--faint);padding-top:8px}

/* REEL */
.reel-section{padding:0 0 0}
.reel-label{
  min-height:36px;background:var(--ac);color:#090a09;
  display:flex;align-items:center;
  text-transform:uppercase;
}
.reel-label .wrap{display:flex;justify-content:space-between;gap:18px;font-size:10px;font-weight:700;letter-spacing:.04em}
.reel-shell{width:min(var(--max),calc(100% - (2 * var(--pad))));margin:auto;background:#000;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* TICKER */
.databar{
  min-height:31px;display:flex;align-items:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  overflow:hidden;background:#0b0c0b;
}
.track{
  display:flex;width:max-content;
  animation:ticker 34s linear infinite;
  font-size:9px;line-height:1;text-transform:uppercase;color:var(--dim);
}
.track span{padding:10px 24px;border-right:1px solid var(--faint)}
.track b{color:var(--ac);font-weight:500}

/* COMMON SECTIONS */
section.module{padding:clamp(72px,8vw,125px) 0}
.section-id{
  display:grid;grid-template-columns:190px 1fr auto;gap:20px;
  align-items:end;margin-bottom:35px;
}
.section-id h2{
  margin:0;font-family:"Oxanium",sans-serif;
  font-size:clamp(44px,7vw,104px);line-height:.82;letter-spacing:-.06em;font-weight:500;text-transform:uppercase;
}
.section-id .meta{text-align:right}

/* PROJECTS */
.work-table{border-top:1px solid var(--line)}
.work-row{
  display:grid;
  grid-template-columns:60px minmax(0,1.15fr) minmax(260px,.7fr) 110px 32px;
  gap:18px;align-items:center;
  min-height:116px;padding:13px 0;border-bottom:1px solid var(--line);
  transition:.18s ease;
}
.work-row:hover{background:rgba(238,73,39,.07);padding-inline:12px}
.work-row .idx{color:var(--ac);font-size:13px}
.work-row h3{
  margin:0;font-family:"Oxanium",sans-serif;font-size:clamp(28px,3.6vw,56px);
  line-height:.9;letter-spacing:-.045em;font-weight:500;text-transform:uppercase;
}
.work-row .types{font-size:9px;text-transform:uppercase;color:#a0a29b;line-height:1.55}
.ready{color:var(--ac);font-size:9px;text-transform:uppercase}
.ready::before{content:"●";margin-right:7px;animation:renderPulse 1.8s infinite}
.work-row .launch{font-size:20px;text-align:right}

/* 3 ANIMATION MODULES */
.tools-grid{
  display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px;margin-top:22px;
}
.tool{
  min-height:310px;padding:17px;background:var(--panel);overflow:hidden;position:relative;
}
.tool-head{display:flex;justify-content:space-between;gap:15px;padding-bottom:10px;border-bottom:1px solid var(--faint)}
.frame-inspector{cursor:crosshair}
.inspect-stage{
  position:absolute;left:17px;right:17px;top:58px;bottom:17px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:30px 30px;
  overflow:hidden;
}
.inspect-ring{
  position:absolute;left:50%;top:50%;width:116px;height:116px;transform:translate(-50%,-50%);
  border:1px solid rgba(238,73,39,.55);border-radius:50%;
}
.inspect-ring::before,.inspect-ring::after{content:"";position:absolute;background:rgba(238,73,39,.7)}
.inspect-ring::before{width:1px;height:160px;left:50%;top:-22px}
.inspect-ring::after{height:1px;width:160px;top:50%;left:-22px}
.inspect-read{position:absolute;left:8px;bottom:7px;color:var(--dim);font-size:9px;text-transform:uppercase}

.curve-stage{
  position:absolute;left:17px;right:17px;top:62px;bottom:48px;
  border-left:1px solid var(--faint);border-bottom:1px solid var(--faint);
}
.curve-stage svg{width:100%;height:100%;overflow:visible}
.curve-stage .gridline{stroke:#232623;stroke-width:.6}
.curve-stage .curve{fill:none;stroke:var(--ac);stroke-width:2}
.curve-stage .handle{fill:#090a09;stroke:var(--fg);stroke-width:1}
.curve-stage .playhead{stroke:rgba(238,73,39,.45);stroke-width:1}
.curve-dot{
  position:absolute;width:8px;height:8px;background:var(--ac);border-radius:50%;
  left:0;top:0;
  offset-path:path("M 0 180 C 80 180, 110 24, 260 24 C 330 24, 350 10, 420 0");
  animation:curveDot 4.8s ease-in-out infinite alternate;
  box-shadow:0 0 12px rgba(238,73,39,.55);
}
.curve-read{position:absolute;left:17px;right:17px;bottom:15px;display:flex;justify-content:space-between;color:var(--dim)}

.render-list{position:absolute;left:17px;right:17px;top:62px;bottom:17px;display:flex;flex-direction:column;gap:13px;justify-content:center}
.render-row{display:grid;grid-template-columns:62px 1fr 38px;gap:10px;align-items:center}
.render-bar{height:9px;background:#1c1f1c;overflow:hidden}
.render-bar i{display:block;height:100%;background:var(--ac);transform-origin:left;transition:width .7s ease}
.render-row.done .render-bar i{background:var(--green)}
.render-row.done .pct{color:var(--green)}
.pct{text-align:right;color:var(--ac)}

/* SERVICES */
.services{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}
.service{
  min-height:390px;padding:23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  display:flex;flex-direction:column;position:relative;overflow:hidden;
}
.service:hover{background:rgba(238,73,39,.055)}
.service-code{color:var(--ac);margin-bottom:54px}
.service h3{
  margin:0;font-family:"Oxanium",sans-serif;font-size:clamp(37px,4.5vw,70px);
  line-height:.86;letter-spacing:-.045em;font-weight:500;text-transform:uppercase;
}
.service p{max-width:530px;margin-top:18px;color:#a9aba4;font-size:12px;line-height:1.55}
.service-bottom{
  margin-top:auto;padding-top:20px;border-top:1px solid var(--faint);
  display:flex;justify-content:space-between;align-items:end;gap:20px;
}
.service-index{
  font-family:"Share Tech Mono",monospace;font-size:70px;color:#171a17;line-height:.7;
}
.service:hover .service-index{color:rgba(238,73,39,.23)}

/* CLIENTS */
.archive{display:grid;grid-template-columns:210px 1fr;border-top:1px solid var(--line)}
.archive-label{padding:24px 24px 24px 0;border-right:1px solid var(--line)}
.client-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.client{
  min-height:175px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  display:grid;place-items:center;padding:24px;
}
.client img{max-height:72px;max-width:82%;filter:grayscale(1) brightness(1.75);opacity:.78;transition:.2s}
.client:hover img{filter:none;opacity:1;transform:scale(1.035)}

/* OPERATOR / INTERACTIVE IMAGES */
.operator-grid{display:grid;grid-template-columns:.88fr 1.12fr;border:1px solid var(--line)}
.visual-array{
  min-height:760px;border-right:1px solid var(--line);
  display:grid;grid-template-rows:1.35fr .65fr;gap:1px;background:var(--line);
}
.scan-image{
  position:relative;background:#101210;overflow:hidden;cursor:none;
}
.scan-image img{
  width:100%;height:100%;object-fit:cover;
  filter:grayscale(1) contrast(1.12) brightness(.78);
}
.scan-image.secondary img{object-position:center 38%}
.scan-image::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 46%,rgba(238,73,39,.12));
  mix-blend-mode:screen;
}
.scan-border{position:absolute;z-index:3;inset:14px;border:1px solid rgba(238,73,39,.34);pointer-events:none}
.scan-label{position:absolute;z-index:7;top:17px;left:18px;color:var(--ac);font-size:9px;text-transform:uppercase;background:rgba(9,10,9,.78);padding:4px 6px}
.pixel-field{position:absolute;z-index:5;inset:0;pointer-events:none}
.pixel{
  position:absolute;width:18px;height:18px;background:var(--ac);
  opacity:.82;animation:pixelFade .85s ease-out forwards;
}
@keyframes pixelFade{0%{opacity:.82;transform:scale(1)}100%{opacity:0;transform:scale(.72)}}
.crosshair{position:absolute;z-index:6;pointer-events:none;display:none}
.crosshair::before,.crosshair::after{content:"";position:absolute;background:rgba(238,73,39,.8)}
.crosshair::before{width:1px;height:52px;left:0;top:-26px}
.crosshair::after{height:1px;width:52px;left:-26px;top:0}
.coords{
  position:absolute;z-index:8;right:17px;bottom:17px;
  background:rgba(8,9,8,.76);border:1px solid var(--faint);
  padding:6px 8px;color:var(--fg);font-size:9px;text-transform:uppercase;
}

.operator-copy{
  padding:clamp(32px,5vw,78px);
  display:flex;flex-direction:column;justify-content:space-between;
}
.operator-label{margin-bottom:clamp(42px,6vw,84px)}
.operator-copy h2{
  margin:0;font-family:"Oxanium",sans-serif;font-size:clamp(52px,7vw,112px);
  line-height:.78;letter-spacing:-.055em;font-weight:500;text-transform:uppercase;
}
.operator-copy .lede{
  margin-top:38px;max-width:760px;
  font-family:"Oxanium",sans-serif;font-size:clamp(18px,1.45vw,24px);line-height:1.36;
}
.operator-copy .bodycopy{
  max-width:760px;color:#aaaCA5;font-size:12px;line-height:1.62;margin-top:22px;
}
.operator-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:50px}
.stat{padding:17px 14px 0 0}
.stat strong{
  display:block;font-family:"Share Tech Mono",monospace;font-size:clamp(34px,3.6vw,52px);
  color:var(--ac);font-weight:400;line-height:.86;margin-bottom:6px;
}

/* CONTACT */
.contact{
  padding:clamp(75px,9vw,140px) 0;
  position:relative;overflow:hidden;
}
.contact::before{
  content:"";position:absolute;width:min(650px,55vw);aspect-ratio:1;border:1px solid rgba(238,73,39,.2);
  border-radius:50%;right:-13%;top:12%;box-shadow:0 0 0 48px rgba(238,73,39,.025),0 0 0 96px rgba(238,73,39,.012);
}
.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;position:relative}
.contact-copy h2{
  margin:14px 0 25px;font-family:"Oxanium",sans-serif;font-size:clamp(58px,8vw,126px);
  line-height:.76;letter-spacing:-.06em;font-weight:500;text-transform:uppercase;
}
.contact-email{color:var(--ac);font-size:13px;border-bottom:1px solid var(--ac);padding-bottom:2px}
.form-shell{background:#0b0d0c;border:1px solid var(--line)}
.form-head{min-height:37px;padding:0 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.contact-form{padding:19px}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:9px;text-transform:uppercase;color:var(--dim)}
.field input,.field textarea,.field select{
  width:100%;background:#090a09;color:var(--fg);border:1px solid var(--faint);
  border-radius:0;padding:12px;outline:none;font-size:11px;
}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ac)}
.field textarea{min-height:145px;resize:vertical}
.field select{appearance:none}
.submit{
  width:100%;margin-top:14px;border:1px solid var(--ac);background:var(--ac);color:#090a09;
  padding:14px 15px;display:flex;align-items:center;justify-content:space-between;
  cursor:pointer;font-size:10px;font-weight:700;text-transform:uppercase;
}
.submit:hover{background:transparent;color:var(--ac)}
.hp{position:absolute;left:-9999px}

/* FOOTER */
footer{border-top:1px solid var(--line);padding:22px 0 32px;background:#070807}
.foot{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}
.foot-logo{display:flex;align-items:center;gap:12px}
.foot-logo img{width:37px}
.foot-center{text-align:center;color:var(--dim)}
.foot-right{text-align:right}

[data-reveal]{opacity:0;transform:translateY(13px);transition:.55s ease}
[data-reveal].in{opacity:1;transform:none}

@media(max-width:1120px){
  .navrow{grid-template-columns:1fr auto}
  .nav{display:none}
  .menu{display:block}
  .nav.open{
    display:flex;position:absolute;top:77px;left:var(--pad);right:var(--pad);
    background:#090a09;border:1px solid var(--line);flex-direction:column;align-items:stretch;
  }
  .nav.open a{border-right:0;border-bottom:1px solid var(--faint);text-align:left}
  .console-grid{grid-template-columns:1fr;height:auto}
  .sequence-terminal{min-height:470px}
  .console-side{height:430px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
  .capacity{grid-row:1/-1}
  .ident-panel{grid-column:2}
  .tools-grid{grid-template-columns:1fr 1fr}
  .tool:first-child{grid-column:1/-1}
  .operator-grid{grid-template-columns:1fr}
  .visual-array{border-right:0;border-bottom:1px solid var(--line);min-height:680px}
  .contact-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  :root{--pad:15px}
  .topline-grid{grid-template-columns:1fr auto}
  .topline-grid>div:nth-child(2){display:none}
  .navrow{min-height:68px}
  .brand img{width:38px;height:38px}
  .brand-name{font-size:16px}
  .nav-right .cta{font-size:10px;min-width:auto;padding:10px 12px}
  .descriptor-bar .wrap{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fixed-status{right:8px;bottom:8px}
  .console{padding-top:16px}
  .console-side{height:auto;grid-template-columns:1fr;grid-template-rows:auto}
  .capacity{grid-row:auto}
  .metric-split{min-height:150px}
  .ident-panel{grid-column:auto;min-height:150px}
  .sequence-log{font-size:10px;line-height:1.55}
  .reel-label .wrap{font-size:9px}
  .section-id{grid-template-columns:1fr}
  .section-id .meta{text-align:left}
  .work-row{grid-template-columns:36px 1fr 26px;gap:10px;min-height:105px}
  .work-row .types,.work-row .ready{grid-column:2}
  .work-row .launch{grid-column:3;grid-row:1}
  .tools-grid{grid-template-columns:1fr}
  .tool:first-child{grid-column:auto}
  .services{grid-template-columns:1fr}
  .archive{grid-template-columns:1fr}
  .archive-label{border-right:0}
  .client-grid{grid-template-columns:repeat(2,1fr)}
  .client{min-height:125px}
  .visual-array{min-height:610px}
  .operator-copy h2{font-size:54px}
  .operator-stats{grid-template-columns:1fr 1fr}
  .operator-stats .stat:last-child{grid-column:1/-1}
  .field-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .foot{grid-template-columns:1fr}
  .foot-center,.foot-right{text-align:left}
}

/* ===== TERMINAL v5 OVERRIDES ===== */
.grain-layer{
  position:fixed;inset:0;z-index:998;pointer-events:none;
  background:url("assets/grain.gif") repeat;background-size:250px 250px;
  opacity:.055;mix-blend-mode:screen;
}
body::after{display:none}

@keyframes telemetryFlow{to{stroke-dashoffset:-60}}
@keyframes telemetryDip{0%,58%,100%{transform:scaleY(1)}64%{transform:scaleY(.76)}69%{transform:scaleY(.91)}74%{transform:scaleY(.66)}79%{transform:scaleY(1)}}
.telemetry-mark{width:82px;height:18px;overflow:visible;transform-origin:center;animation:telemetryDip 9.2s ease-in-out infinite}
.telemetry-rail{stroke:#2c302c;stroke-width:1;fill:none}
.telemetry-signal{stroke:var(--ac);stroke-width:1.5;fill:none;stroke-dasharray:9 5;animation:telemetryFlow 3s linear infinite}
.telemetry-node{fill:var(--bg);stroke:var(--ac);stroke-width:1.2}
.telemetry-hot{fill:var(--ac);filter:drop-shadow(0 0 4px var(--ac));animation:renderPulse 2.2s ease-in-out infinite}

.navrow{grid-template-columns:minmax(220px,1fr) auto minmax(290px,1fr)}
.nav-right{gap:10px}
.nav-status{min-height:38px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:0 11px;font-size:9px;text-transform:uppercase;color:var(--dim)}
.nav-status .green-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:greenBlink 4.6s steps(1,end) infinite}
.nav-right .cta{min-height:38px;display:flex;align-items:center;justify-content:center;padding:0 15px}

.console-grid.hero-v5{grid-template-columns:minmax(0,1.29fr) minmax(365px,.71fr);height:535px}
.hero-main-v5{position:relative;padding:28px 32px 26px 0;border-right:1px solid var(--line);overflow:hidden}
.hero-main-v5::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.021) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.021) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black 0%,transparent 95%)}
.terminal-line-v5{position:relative;z-index:2;display:flex;align-items:center;gap:8px;min-height:24px;font-size:11px;text-transform:uppercase}
.hero-title-v5{position:relative;z-index:2;margin:45px 0 0;font-family:"Oxanium",sans-serif;font-weight:600;font-size:clamp(74px,9.3vw,156px);letter-spacing:-.07em;line-height:.73;text-transform:uppercase}
.hero-title-v5 span{display:block}.hero-title-v5 .ghost{color:transparent;-webkit-text-stroke:1px var(--fg);opacity:.88}
.hero-tagline-v5{position:relative;z-index:2;margin-top:48px;display:grid;grid-template-columns:112px minmax(280px,600px);gap:24px}
.hero-tagline-v5 p{margin:0;font-family:"Oxanium",sans-serif;font-size:clamp(20px,1.65vw,27px);line-height:1.2;letter-spacing:-.02em;text-transform:uppercase}
.hero-bottom-v5{position:absolute;z-index:2;left:0;right:32px;bottom:24px;display:flex;justify-content:space-between;gap:20px}
.metric-console-v5{grid-template-rows:1.15fr .83fr 1fr}
.stat-command-v5,.metric-mini-v5{background:var(--panel);padding:14px;overflow:hidden;display:flex;flex-direction:column}
.stat-command-head,.stat-command-sub{display:flex;justify-content:space-between;align-items:center;gap:12px}
.stat-value-v5{margin:auto 0 7px;font-family:"Share Tech Mono",monospace;font-size:clamp(57px,5.8vw,94px);line-height:.8;letter-spacing:-.07em;color:#252825}
.stat-value-v5.ready{color:var(--ac);text-shadow:0 0 18px rgba(238,73,39,.2)}
.stat-run{border:1px solid var(--line);background:transparent;color:var(--fg);padding:7px 9px;cursor:pointer;font-size:9px;text-transform:uppercase}
.stat-run:hover{border-color:var(--ac);color:var(--ac)}
.stat-bars-v5{height:27px;display:flex;align-items:end;gap:3px;margin-top:8px}
.stat-bars-v5 i{flex:1;height:11%;background:var(--faint);transition:height .55s ease,background .35s ease}
.stat-command-v5.ran .stat-bars-v5 i{background:var(--ac)}
.stat-command-v5.ran .stat-bars-v5 i:nth-child(1){height:48%}.stat-command-v5.ran .stat-bars-v5 i:nth-child(2){height:62%}.stat-command-v5.ran .stat-bars-v5 i:nth-child(3){height:78%}.stat-command-v5.ran .stat-bars-v5 i:nth-child(4){height:70%}.stat-command-v5.ran .stat-bars-v5 i:nth-child(5){height:96%}.stat-command-v5.ran .stat-bars-v5 i:nth-child(6){height:86%}.stat-command-v5.ran .stat-bars-v5 i:nth-child(7){height:100%}
.metric-mini-v5 .stat-value-v5{font-size:clamp(42px,4.25vw,67px);margin:14px 0 10px}.metric-mini-v5 .stat-run{margin-top:auto;align-self:flex-start}

.reel-label-v5{min-height:40px;background:linear-gradient(90deg,#161814 0 36px,var(--ac) 36px calc(100% - 36px),#161814 calc(100% - 36px));position:relative;overflow:hidden}
.reel-label-v5::before,.reel-label-v5::after{content:"";position:absolute;top:0;bottom:0;width:8px;background:repeating-linear-gradient(180deg,var(--bg) 0 3px,transparent 3px 6px);opacity:.72}
.reel-label-v5::before{left:18px}.reel-label-v5::after{right:18px}
.reel-label-v5 .wrap{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center}
.reel-packet{border-left:1px solid rgba(9,10,9,.5);padding-left:16px;font-size:9px}
.track{white-space:nowrap}

.tools-grid .tool{opacity:.25;transform:translateY(12px);filter:saturate(.2)}
.tools-grid.armed .tool{opacity:1;transform:none;filter:none;transition:.55s ease}
.tools-grid.armed .tool:nth-child(2){transition-delay:.13s}.tools-grid.armed .tool:nth-child(3){transition-delay:.26s}
.inspect-stage::after{content:"";position:absolute;top:0;bottom:0;width:32%;background:linear-gradient(90deg,transparent,rgba(238,73,39,.08),transparent);transform:translateX(-130%)}
@keyframes scanWidget{from{transform:translateX(-130%)}to{transform:translateX(270%)}}
.tools-grid.armed .inspect-stage::after{animation:scanWidget 2.3s ease .6s 1}
.curve-stage .curve{stroke-dasharray:780;stroke-dashoffset:780}
@keyframes drawCurveV5{to{stroke-dashoffset:0}}
.tools-grid.armed .curve-stage .curve{animation:drawCurveV5 2.2s cubic-bezier(.2,.8,.2,1) .35s forwards}
.render-bar i{transition:width 1.1s cubic-bezier(.2,.8,.2,1)}

.client{min-height:192px;padding:20px}.client img{max-height:86px;max-width:88%;opacity:.86}
.client:hover img{filter:brightness(0) saturate(100%) invert(38%) sepia(97%) saturate(2618%) hue-rotate(349deg) brightness(101%) contrast(87%);opacity:1;transform:scale(1.065)}

.scan-image{isolation:isolate}
.scan-effect{position:absolute;z-index:4;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle 110px at var(--mx,50%) var(--my,50%),rgba(238,73,39,.48),rgba(238,73,39,.14) 35%,transparent 72%);mix-blend-mode:color-dodge;transition:opacity .18s ease}
.scan-image:hover .scan-effect{opacity:.72}
.pixel-field{mix-blend-mode:screen}.pixel{width:28px;height:28px;background:rgba(238,73,39,.72);box-shadow:0 0 11px rgba(238,73,39,.68),0 0 27px rgba(238,73,39,.22);mix-blend-mode:screen;animation-duration:1.05s}
.crosshair::before,.crosshair::after{box-shadow:0 0 7px rgba(238,73,39,.35)}.crosshair::before{height:58px;top:-29px}.crosshair::after{width:58px;left:-29px}

.operator-stats-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:0}
.stat-card-v5{min-height:145px;border:1px solid var(--line);padding:13px;background:#0b0d0c;display:flex;flex-direction:column;justify-content:space-between}
.stat-card-v5 strong{font-size:clamp(36px,3.4vw,53px);line-height:.82;color:var(--ac);font-weight:400}
.stat-meter{height:5px;background:#1b1e1b;overflow:hidden}.stat-meter i{display:block;height:100%;background:var(--ac)}.stat-meter.green-meter i{background:var(--green)}
.contact-email{text-transform:lowercase}

@media(max-width:1120px){
  .console-grid.hero-v5{grid-template-columns:1fr;height:auto}.hero-main-v5{border-right:0;border-bottom:1px solid var(--line);min-height:585px}
  .metric-console-v5{padding-left:0;padding-top:14px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;min-height:430px}
  .stat-command-v5{grid-row:1/-1}.ident-panel{grid-column:2}
}
@media(max-width:760px){
  .nav-status{display:none}.hero-main-v5{min-height:540px}.hero-title-v5{font-size:clamp(60px,18vw,100px)}
  .hero-tagline-v5{grid-template-columns:1fr;margin-top:36px}.hero-bottom-v5{position:static;margin-top:50px}.hero-bottom-v5 .dim{display:none}
  .metric-console-v5{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}.stat-command-v5{grid-row:auto;min-height:195px}.ident-panel{grid-column:auto;min-height:155px}
  .reel-label-v5 .wrap{grid-template-columns:1fr auto}.reel-packet{display:none}.operator-stats-v5{grid-template-columns:1fr}
}


/* ===== TERMINAL v6 ===== */

/* V3 darkness + grain that doesn't lift the blacks */
:root{
  --bg:#060706;
  --panel:#0a0c0b;
  --panel2:#0d0f0e;
  --faint:#272a27;
  --line:#424641;
}
body{
  background:
    radial-gradient(circle at 65% -20%,rgba(238,73,39,.035),transparent 31%),
    linear-gradient(180deg,#070807 0%,#050605 100%);
}
.grain-layer{
  background-image:url("assets/grain.gif") !important;
  background-size:250px 250px !important;
  opacity:.075 !important;
  filter:invert(1) contrast(1.45);
  mix-blend-mode:screen !important;
}

/* Prevent border labels from being clipped into orange squiggles */
.frame{overflow:visible !important}
.frame-label{
  z-index:40 !important;
  background:var(--bg) !important;
  white-space:nowrap;
}

/* top right sequential 7-dot telemetry */
.dot-telemetry{
  width:88px;height:20px;
  display:grid;
  grid-template-columns:repeat(7,8px);
  grid-template-rows:8px 8px;
  gap:4px 5px;
  align-content:center;
  justify-content:end;
}
.dot-telemetry i{
  width:8px;height:8px;border-radius:50%;
  background:var(--ac);
  box-shadow:0 0 7px rgba(238,73,39,.25);
  transition:background .14s ease,box-shadow .14s ease,transform .14s ease;
}
.dot-telemetry i:nth-child(1){grid-column:2;grid-row:1}
.dot-telemetry i:nth-child(2){grid-column:4;grid-row:1}
.dot-telemetry i:nth-child(3){grid-column:6;grid-row:1}
.dot-telemetry i:nth-child(4){grid-column:1;grid-row:2}
.dot-telemetry i:nth-child(5){grid-column:3;grid-row:2}
.dot-telemetry i:nth-child(6){grid-column:5;grid-row:2}
.dot-telemetry i:nth-child(7){grid-column:7;grid-row:2}
.dot-telemetry i.hot{
  background:var(--fg);
  box-shadow:0 0 8px rgba(221,220,211,.45);
  transform:scale(1.12);
}

/* hero + restored v3 scanline */
.hero-console-v6{position:relative;overflow:hidden}
.hero-v6{grid-template-columns:minmax(0,1.27fr) minmax(390px,.73fr);height:548px}
.hero-main-v6{
  position:relative;padding:28px 34px 28px 0;border-right:1px solid var(--line);overflow:hidden;
}
.hero-main-v6::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,black 5%,transparent 96%);
  pointer-events:none;
}
@keyframes heroScanV6{from{transform:translateY(-18px)}to{transform:translateY(555px)}}
.hero-scanline{
  position:absolute;z-index:1;left:0;right:0;top:0;height:1px;
  background:rgba(238,73,39,.34);
  box-shadow:0 0 17px rgba(238,73,39,.28);
  animation:heroScanV6 8.8s linear infinite;
  pointer-events:none;
}
.terminal-line-v6{
  position:relative;z-index:2;display:flex;align-items:center;gap:8px;
  min-height:24px;font-size:11px;text-transform:uppercase;
}
.hero-title-v6{
  position:relative;z-index:2;margin:43px 0 0;
  font-family:"Oxanium",sans-serif;font-weight:600;
  font-size:clamp(74px,9.4vw,158px);letter-spacing:-.07em;line-height:.73;text-transform:uppercase;
}
.hero-title-v6 span{display:block}
.hero-title-v6 .ghost{color:transparent;-webkit-text-stroke:1px var(--fg);opacity:.88}
.hero-tagline-v6{
  position:relative;z-index:2;margin-top:42px;
  display:grid;grid-template-columns:112px minmax(300px,625px);gap:24px;
}
.hero-tagline-v6 p{
  margin:0;font-family:"Oxanium",sans-serif;font-size:clamp(20px,1.65vw,27px);
  line-height:1.2;letter-spacing:-.02em;text-transform:uppercase;
}
.hero-actions-v6{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.cmd-btn-v6{
  min-width:218px;min-height:43px;
  display:flex;justify-content:space-between;align-items:center;gap:22px;
  padding:0 13px;border:1px solid var(--line);font-size:9px;text-transform:uppercase;
}
.cmd-btn-v6 strong{color:var(--ac);font-weight:700}
.cmd-btn-v6:hover{border-color:var(--ac);background:rgba(238,73,39,.07)}
.cmd-btn-v6.primary{background:var(--ac);border-color:var(--ac);color:#080908}
.cmd-btn-v6.primary strong{color:#080908}
.hero-bottom-v6{
  position:absolute;z-index:2;left:0;right:34px;bottom:23px;
  display:flex;justify-content:space-between;gap:20px;
}

/* right widgets: polished A state -> exact V4-like B state */
.metric-console-v6{
  padding-left:14px;
  grid-template-rows:1.16fr .82fr 1fr;
  gap:14px;
}
.run-widget-v6{position:relative;background:var(--panel);min-height:0}
.widget-a-v6,.widget-b-v6{
  position:absolute;inset:0;padding:16px;
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease;
}
.widget-a-v6{
  opacity:1;transform:scale(1);z-index:2;
  display:flex;flex-direction:column;
}
.widget-b-v6{
  opacity:0;transform:translateY(8px) scale(.985);filter:blur(3px);pointer-events:none;
}
.run-widget-v6.activated .widget-a-v6{
  opacity:0;transform:scale(.985) translateY(-5px);pointer-events:none;
}
.run-widget-v6.activated .widget-b-v6{
  opacity:1;transform:none;filter:none;pointer-events:auto;
}
.widget-a-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.widget-title-v6{display:flex;align-items:center;gap:10px}
.widget-icon-v6{width:27px;height:27px;stroke:var(--ac);fill:none;stroke-width:1.25}
.widget-a-center{margin:auto 0;display:flex;align-items:center;gap:18px}
.init-ring-v6{
  width:70px;height:70px;border-radius:50%;border:1px solid var(--ac);
  display:grid;place-items:center;position:relative;color:var(--ac);
}
.init-ring-v6::before{
  content:"";position:absolute;inset:9px;border:1px dashed rgba(238,73,39,.45);border-radius:50%;
}
.widget-a-name{font-size:20px;line-height:.92;letter-spacing:-.035em}
.init-btn-v6{
  align-self:flex-start;border:1px solid var(--ac);background:transparent;color:var(--ac);
  padding:8px 10px;font-size:9px;text-transform:uppercase;cursor:pointer;
}
.init-btn-v6:hover{background:var(--ac);color:#090a09}
.widget-a-v6.compact{padding:13px}
.widget-a-v6.compact .init-btn-v6{margin-top:auto}

/* B state copied visually from V4 */
.capacity-title-v6{display:flex;align-items:center;gap:10px;color:var(--ac)}
.capacity-title-v6::after{content:"";height:1px;background:var(--ac);flex:1;opacity:.55}
.capacity-num-v6{
  color:var(--ac);font-family:"Share Tech Mono",monospace;
  font-size:clamp(78px,7.1vw,112px);line-height:.87;letter-spacing:-.08em;margin:10px 0 4px;
}
.capacity-copy-v6{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}
.capacity-bars-v6{display:flex;gap:3px;height:36px;align-items:end;margin-top:12px}
.capacity-bars-v6 i{flex:1;background:var(--faint);height:9%;transition:height .55s cubic-bezier(.2,.8,.2,1),background .3s ease}
.run-widget-v6.activated .capacity-bars-v6 i{background:var(--ac)}
.run-widget-v6.activated .capacity-bars-v6 i:nth-child(1){height:24%;transition-delay:.25s}
.run-widget-v6.activated .capacity-bars-v6 i:nth-child(2){height:31%;transition-delay:.31s}
.run-widget-v6.activated .capacity-bars-v6 i:nth-child(3){height:43%;transition-delay:.37s}
.run-widget-v6.activated .capacity-bars-v6 i:nth-child(4){height:55%;transition-delay:.43s}
.run-widget-v6.activated .capacity-bars-v6 i:nth-child(5){height:68%;transition-delay:.49s}
.run-widget-v6.activated .capacity-bars-v6 i:nth-child(6){height:79%;transition-delay:.55s}
.run-widget-v6.activated .capacity-bars-v6 i:nth-child(7){height:91%;transition-delay:.61s}
.run-widget-v6.activated .capacity-bars-v6 i:nth-child(8){height:84%;transition-delay:.67s}
.run-widget-v6.activated .capacity-bars-v6 i:nth-child(9){height:100%;transition-delay:.73s}

.metric-split-v6{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.metric-v6{position:relative;background:var(--panel);min-height:0}
.metric-b-v6{display:flex;flex-direction:column}
.metric-b-v6 strong{
  font-family:"Share Tech Mono",monospace;font-size:clamp(52px,4.8vw,78px);
  line-height:.8;color:var(--ac);font-weight:400;letter-spacing:-.05em;margin:18px 0 12px;
}
.trace-v6{
  height:22px;margin-top:auto;
  background:linear-gradient(90deg,transparent 0 4%,var(--faint) 4% 5%,transparent 5% 14%,var(--ac) 14% 18%,transparent 18% 32%,var(--faint) 32% 34%,transparent 34% 48%,var(--ac) 48% 60%,transparent 60% 78%,var(--faint) 78% 80%,transparent 80%);
}
.trace-v6.alt{transform:scaleX(-1)}
.ident-panel-v6{padding:14px}
.ident-panel-v6 img{max-height:92px}

/* all reel orange, edge to edge */
.reel-label-v6{
  min-height:40px !important;
  background:var(--ac) !important;
  color:#090a09 !important;
  width:100vw;
  margin-left:calc(50% - 50vw);
}
.reel-label-v6::before,.reel-label-v6::after{display:none !important}
.reel-label-v6 .wrap{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center}
.reel-packet{border-left:1px solid rgba(9,10,9,.5);padding-left:16px}

/* project modules: V4 B state + scroll-in animation */
.tools-grid-v6 .tool{opacity:.35;transform:translateY(10px);filter:saturate(.25)}
.tools-grid-v6.armed .tool{opacity:1;transform:none;filter:none;transition:.55s ease}
.tools-grid-v6.armed .tool:nth-child(2){transition-delay:.12s}
.tools-grid-v6.armed .tool:nth-child(3){transition-delay:.24s}
.inspect-stage::after{
  content:"";position:absolute;top:0;bottom:0;width:30%;
  background:linear-gradient(90deg,transparent,rgba(238,73,39,.08),transparent);
  transform:translateX(-130%);
}
@keyframes inspectSweepV6{from{transform:translateX(-130%)}to{transform:translateX(280%)}}
.tools-grid-v6.armed .inspect-stage::after{animation:inspectSweepV6 2.25s ease .5s 1}
.render-bar i{transition:width .8s cubic-bezier(.2,.8,.2,1)}

/* bigger client marks */
.client{min-height:205px;padding:18px}
.client img{max-height:96px;max-width:92%}

/* refined creative-command stat bank */
.operator-stats-v6{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:0}
.stat-card-v6{
  min-height:162px;border:1px solid var(--line);padding:14px;background:#090b0a;
  display:flex;flex-direction:column;justify-content:space-between;
}
.stat-card-head-v6{display:flex;justify-content:space-between;align-items:center;gap:12px}
.stat-icon-v6{color:var(--ac);font-size:16px}
.stat-card-v6 strong{
  font-family:"Share Tech Mono",monospace;font-size:clamp(43px,3.7vw,61px);
  line-height:.82;color:var(--ac);font-weight:400;letter-spacing:-.04em;
}
.stat-card-v6 strong.awards-v6{font-size:clamp(28px,2.65vw,42px);line-height:.9}
.stat-bottom-v6{display:grid;gap:9px}
.stat-meter-v6{height:5px;background:#1b1e1b;overflow:hidden}
.stat-meter-v6 i{display:block;height:100%;background:var(--ac)}
.stat-meter-v6.green-meter i{background:var(--green)}

/* portrait interaction: larger working cells + image-transfer lens */
.scan-image{isolation:isolate}
.scan-effect{
  display:block !important;
  position:absolute;z-index:4;inset:0;pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle 115px at var(--mx,50%) var(--my,50%),
      rgba(238,73,39,.56) 0,
      rgba(238,73,39,.22) 34%,
      rgba(238,73,39,.04) 58%,
      transparent 74%);
  mix-blend-mode:color-dodge;
  backdrop-filter:contrast(1.22) saturate(1.45);
  transition:opacity .15s ease;
}
.scan-image:hover .scan-effect{opacity:.8}
.pixel-field{z-index:6 !important;mix-blend-mode:screen}
.pixel{
  width:34px !important;height:34px !important;
  background:rgba(238,73,39,.62) !important;
  box-shadow:0 0 12px rgba(238,73,39,.85),0 0 33px rgba(238,73,39,.28) !important;
  mix-blend-mode:screen;
  animation-duration:1.15s !important;
}
.crosshair{z-index:7 !important}
.coords,.scan-label{z-index:9 !important}

@media(max-width:1120px){
  .hero-v6{grid-template-columns:1fr;height:auto}
  .hero-main-v6{border-right:0;border-bottom:1px solid var(--line);min-height:610px}
  .metric-console-v6{
    padding-left:0;padding-top:14px;
    grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;min-height:440px;
  }
  .capacity-v6{grid-row:1/-1}.ident-panel-v6{grid-column:2}
}
@media(max-width:760px){
  .hero-main-v6{min-height:620px}
  .hero-title-v6{font-size:clamp(60px,18vw,100px)}
  .hero-tagline-v6{grid-template-columns:1fr;margin-top:34px}
  .hero-bottom-v6{position:static;margin-top:42px}
  .hero-bottom-v6 .dim{display:none}
  .metric-console-v6{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}
  .capacity-v6{grid-row:auto;min-height:230px}
  .metric-split-v6{min-height:190px}
  .ident-panel-v6{grid-column:auto;min-height:160px}
  .reel-label-v6 .wrap{grid-template-columns:1fr auto}
  .reel-packet{display:none}
  .operator-stats-v6{grid-template-columns:1fr}
}


/* ===== TERMINAL v7 ===== */

/* restore V3/V4 background and remove grain */
:root{
  --bg:#090a09;
  --panel:#0e100f;
  --panel2:#121412;
  --faint:#30332f;
  --line:#4a4d47;
}
body{
  background:
    radial-gradient(circle at 65% -20%,rgba(238,73,39,.055),transparent 32%),
    linear-gradient(180deg,#0a0b0a 0%,#080908 100%) !important;
}
body::after{
  content:"";
  position:fixed;inset:0;z-index:999;pointer-events:none;
  background-image:
    radial-gradient(rgba(255,255,255,.035) .6px,transparent .8px),
    radial-gradient(rgba(238,73,39,.02) .6px,transparent .8px);
  background-position:0 0,7px 9px;
  background-size:13px 13px,17px 17px;
  opacity:.2;
}
.grain-layer{display:none !important}

/* fix label clipping globally */
.frame{overflow:visible !important}
.frame-label{
  z-index:60 !important;
  background:var(--bg) !important;
  white-space:nowrap;
  padding:0 6px !important;
}

/* hero */
.hero-v6{grid-template-columns:minmax(0,1.26fr) minmax(418px,.74fr)}
.hero-main-v6::before{opacity:.95}

/* right side AC widgets: stable grid with overlay states */
.metric-console-v7{
  padding-left:14px;
  display:grid;
  grid-template-rows:1.15fr .84fr 1fr;
  gap:14px;
}
.hero-widget-v7{background:var(--panel);min-height:0}
.hero-widget-v7 .widget-shell-v7{
  min-height:100%;
  display:grid;
}
.hero-widget-v7 .widget-state-v7{
  grid-area:1 / 1;
  padding:14px;
  min-height:100%;
  transition:opacity .45s ease, transform .45s cubic-bezier(.2,.8,.2,1), filter .45s ease;
}
.hero-widget-v7 .widget-a-v7{
  opacity:1;
  transform:none;
  display:flex;
  flex-direction:column;
  z-index:2;
}
.hero-widget-v7 .widget-b-v7{
  opacity:0;
  transform:translateY(10px);
  filter:blur(3px);
  pointer-events:none;
}
.hero-widget-v7.activated .widget-a-v7{
  opacity:0;
  transform:translateY(-8px);
  pointer-events:none;
}
.hero-widget-v7.activated .widget-b-v7{
  opacity:1;
  transform:none;
  filter:none;
  pointer-events:auto;
}

.widget-head-v7{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.widget-title-v7{
  display:flex;
  align-items:center;
  gap:10px;
}
.widget-icon-v7{
  width:27px;height:27px;
  stroke:var(--ac);fill:none;stroke-width:1.25;
  flex:0 0 auto;
}
.widget-center-v7{
  margin:auto 0;
  display:flex;
  align-items:center;
  gap:18px;
}
.init-orb-v7{
  width:72px;height:72px;border-radius:50%;
  border:1px solid var(--ac);
  display:grid;place-items:center;
  color:var(--ac);
  position:relative;
  font-family:"Share Tech Mono",monospace;
  font-size:24px;
}
.init-orb-v7::before{
  content:"";
  position:absolute;inset:9px;border-radius:50%;
  border:1px dashed rgba(238,73,39,.45);
}
.widget-name-v7{
  font-size:22px;line-height:.9;letter-spacing:-.04em;
}
.widget-copy-v7{display:grid;gap:6px}
.init-btn-v7,
.mini-tag-v7{
  align-self:flex-start;
  border:1px solid var(--ac);
  background:transparent;
  color:var(--ac);
  padding:8px 10px;
  font-size:9px;
  text-transform:uppercase;
  cursor:pointer;
}
.init-btn-v7:hover,
.mini-tag-v7:hover{background:var(--ac);color:#090a09}
.widget-a-v7.compact{
  gap:14px;
}
.widget-a-v7.compact .mini-hint-v7{margin:auto 0 0}

.capacity-widget-v7{min-height:168px}
.capacity-b-v7{display:flex;flex-direction:column}
.capacity-top-v7{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  color:var(--ac);
}
.capacity-number-v7{
  margin:14px 0 6px;
  font-family:"Share Tech Mono",monospace;
  font-size:clamp(64px,6vw,98px);
  line-height:.86;
  letter-spacing:-.08em;
  color:var(--ac);
}
.capacity-bottom-v7{
  display:flex;justify-content:space-between;align-items:end;gap:12px;
}
.capacity-bars-v7{
  margin-top:14px;
  height:30px;
  display:flex;
  align-items:end;
  gap:3px;
}
.capacity-bars-v7 i{
  flex:1;
  height:9%;
  background:var(--faint);
  transition:height .45s cubic-bezier(.2,.8,.2,1), background .25s ease;
}
.hero-widget-v7.activated .capacity-bars-v7 i{background:var(--ac)}
.hero-widget-v7.activated .capacity-bars-v7 i:nth-child(1){height:22%;transition-delay:.08s}
.hero-widget-v7.activated .capacity-bars-v7 i:nth-child(2){height:31%;transition-delay:.14s}
.hero-widget-v7.activated .capacity-bars-v7 i:nth-child(3){height:45%;transition-delay:.20s}
.hero-widget-v7.activated .capacity-bars-v7 i:nth-child(4){height:58%;transition-delay:.26s}
.hero-widget-v7.activated .capacity-bars-v7 i:nth-child(5){height:74%;transition-delay:.32s}
.hero-widget-v7.activated .capacity-bars-v7 i:nth-child(6){height:88%;transition-delay:.38s}
.hero-widget-v7.activated .capacity-bars-v7 i:nth-child(7){height:100%;transition-delay:.44s}

.metric-split-v7{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.mini-widget-v7{min-height:165px}
.mini-b-v7{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.mini-number-v7{
  font-family:"Share Tech Mono",monospace;
  font-size:clamp(54px,5vw,80px);
  line-height:.78;
  letter-spacing:-.05em;
  color:var(--ac);
  margin:12px 0 0;
}
.mini-label-v7{
  font-size:clamp(40px,3.7vw,58px);
  line-height:.75;
  letter-spacing:-.04em;
  color:var(--ac);
}
.ident-panel-v7{
  padding:14px;
  min-height:140px;
}
.ident-panel-v7 img{max-height:92px}

/* selected project widgets */
.inspect-stage{
  cursor:none !important;
  position:relative;
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(0,0,0,.02)),
    linear-gradient(90deg,rgba(238,73,39,.14) 1px,transparent 1px),
    linear-gradient(180deg,rgba(238,73,39,.14) 1px,transparent 1px),
    #0a0c0b;
  background-size:auto,44px 44px,44px 44px,auto;
}
.inspect-stage::before{
  content:"";
  position:absolute;inset:12px;
  border:1px solid rgba(238,73,39,.22);
  pointer-events:none;
}
.inspect-stage::after{
  content:"";
  position:absolute;
  left:22%;top:52%;
  width:34%;height:0;
  border-top:2px dashed rgba(238,73,39,.75);
  transform:rotate(-24deg);
  transform-origin:left center;
  pointer-events:none;
}
.sat-badge-v7,
.sat-clock-v7{
  position:absolute;
  left:16px;
  background:rgba(9,10,9,.9);
  border:1px solid var(--ac);
  color:#f1b566;
  font-size:10px;
  text-transform:uppercase;
  padding:6px 10px;
  z-index:7;
}
.sat-badge-v7{top:16px}
.sat-clock-v7{
  bottom:20px;
  min-width:120px;
  font-family:"Share Tech Mono",monospace;
}
.sat-path-v7{
  position:absolute;
  left:58%;top:34%;
  width:14px;height:14px;
  background:var(--ac);
  transform:rotate(12deg);
  box-shadow:0 0 8px rgba(238,73,39,.35);
}
.inspect-ring{
  width:42px !important;height:42px !important;
  border-width:1px !important;
}
.inspect-ring::before,.inspect-ring::after{
  content:"";
  position:absolute;background:rgba(238,73,39,.82);
}
.inspect-ring::before{width:1px;height:58px;left:20px;top:-8px}
.inspect-ring::after{height:1px;width:58px;left:-8px;top:20px}
.curve-stage{
  cursor:none !important;
}
.curve-stage .curve{
  stroke-width:2.2 !important;
}
.curve-stage .handle{
  fill:#090a09;
  stroke:var(--fg);
  stroke-width:1;
}
.curve-stage .handle.control{
  stroke:var(--ac);
}
.curve-stage .gridline{
  stroke:rgba(255,255,255,.08) !important;
}
.tools-grid-v6.armed .inspect-stage::after{
  animation:none !important;
}

/* creative command photo treatment reverted toward V4 */
.scan-image{
  cursor:none;
  position:relative;
  background:#101210;
  overflow:hidden;
}
.scan-image img{
  width:100%;height:100%;object-fit:cover;
  filter:grayscale(1) contrast(1.12) brightness(.78) !important;
}
.scan-image.secondary img{object-position:center 38%}
.scan-image::after{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 46%,rgba(238,73,39,.12));
  mix-blend-mode:screen;
}
.scan-border{
  position:absolute;z-index:3;inset:14px;
  border:1px solid rgba(238,73,39,.34);pointer-events:none;
}
.scan-label{
  position:absolute;z-index:7;top:17px;left:18px;
  color:var(--ac);font-size:9px;text-transform:uppercase;
  background:rgba(9,10,9,.78);padding:4px 6px;
}
.pixel-field{position:absolute;z-index:5;inset:0;pointer-events:none;mix-blend-mode:normal}
.pixel{
  position:absolute;
  width:24px !important;height:24px !important;
  background:var(--ac) !important;
  opacity:.82;
  box-shadow:none !important;
  animation:pixelFadeV7 .9s ease-out forwards;
}
@keyframes pixelFadeV7{
  0%{opacity:.82;transform:scale(1)}
  100%{opacity:0;transform:scale(.72)}
}
.crosshair{position:absolute;z-index:6;pointer-events:none;display:none}
.crosshair::before,.crosshair::after{
  content:"";position:absolute;background:rgba(238,73,39,.8)
}
.crosshair::before{width:1px;height:52px;left:0;top:-26px}
.crosshair::after{height:1px;width:52px;left:-26px;top:0}
.coords{
  position:absolute;z-index:8;right:17px;bottom:17px;
  background:rgba(8,9,8,.76);border:1px solid var(--faint);
  padding:6px 8px;color:var(--fg);font-size:9px;text-transform:uppercase;
}

/* remove v6 transfer effect if any */
.scan-effect{display:none !important}

@media(max-width:1120px){
  .hero-v6{grid-template-columns:1fr;height:auto}
  .hero-main-v6{border-right:0;border-bottom:1px solid var(--line);min-height:610px}
  .metric-console-v7{
    padding-left:0;padding-top:14px;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    min-height:440px;
  }
  .capacity-widget-v7{grid-row:1/-1}
  .ident-panel-v7{grid-column:2}
}
@media(max-width:760px){
  .metric-console-v7{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    min-height:0;
  }
  .capacity-widget-v7{grid-row:auto}
  .metric-split-v7{grid-template-columns:1fr}
  .ident-panel-v7{grid-column:auto}
}


/* ===== TERMINAL v8 ===== */

/* keep clean V3/V4 dark treatment */
body{
  background:
    radial-gradient(circle at 65% -20%,rgba(238,73,39,.055),transparent 32%),
    linear-gradient(180deg,#0a0b0a 0%,#080908 100%) !important;
}
.grain-layer{display:none !important}

/* hero right column */
.hero-v6{
  grid-template-columns:minmax(0,1.26fr) minmax(420px,.74fr) !important;
}
.console-side-v8{
  padding:28px 0 28px 28px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.side-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:10px;
  border-bottom:1px solid var(--faint);
}

.capacity-v8{
  padding:18px 16px 16px;
  background:var(--panel);
}
.capacity-title-v8{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ac);
}
.capacity-title-v8::after{
  content:"";
  height:1px;
  background:var(--ac);
  flex:1;
  opacity:.55;
}
.capacity-num-v8{
  font-family:"Share Tech Mono",monospace;
  color:var(--ac);
  text-shadow:0 0 15px rgba(238,73,39,.18);
  font-size:clamp(78px,7.6vw,112px);
  line-height:.9;
  letter-spacing:-.08em;
  margin:10px 0 4px;
}
.capacity-copy-v8{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:end;
}
.capacity-bars-v8{
  display:flex;
  gap:3px;
  height:33px;
  align-items:end;
  margin-top:14px;
}
.capacity-bars-v8 i{flex:1;background:var(--ac)}
.capacity-bars-v8 i:nth-child(1){height:20%}
.capacity-bars-v8 i:nth-child(2){height:28%}
.capacity-bars-v8 i:nth-child(3){height:38%}
.capacity-bars-v8 i:nth-child(4){height:50%}
.capacity-bars-v8 i:nth-child(5){height:66%}
.capacity-bars-v8 i:nth-child(6){height:82%}
.capacity-bars-v8 i:nth-child(7){height:100%}

.system-group-v8{
  padding:14px;
  background:var(--panel);
  display:grid;
  gap:14px;
}
.metric-split-v8{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.metric-v8{
  min-height:185px;
  border:1px solid var(--faint);
  padding:14px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.metric-v8 strong{
  display:block;
  font-family:"Share Tech Mono",monospace;
  font-size:clamp(62px,5vw,82px);
  line-height:.8;
  letter-spacing:-.05em;
  color:var(--ac);
  font-weight:400;
  margin:8px 0 0;
}
.metric-v8 .years-v8{
  font-size:clamp(42px,3.6vw,58px);
  line-height:.78;
  letter-spacing:-.04em;
  color:var(--ac);
  margin-top:-8px;
}
.mini-tag-v8{
  align-self:flex-start;
  border:1px solid var(--ac);
  background:transparent;
  color:var(--ac);
  padding:7px 9px;
  font-size:9px;
  text-transform:uppercase;
}

.ident-panel-v8{
  border:1px solid var(--faint);
  padding:14px;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:16px;
  align-items:center;
}
.ident-panel-v8 img{
  max-height:80px;
  margin:auto;
}
.ident-panel-v8 .ident-copy{
  border-left:1px solid var(--faint);
  padding-left:16px;
}

/* restore stable V4 tools widgets */
.tools-grid{
  display:grid !important;
  grid-template-columns:1.15fr .85fr .85fr !important;
  gap:14px !important;
  margin-top:22px !important;
}
.tool{
  min-height:310px !important;
  padding:17px !important;
  background:var(--panel) !important;
  overflow:hidden !important;
  position:relative !important;
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}
.tool-head{
  display:flex !important;
  justify-content:space-between !important;
  gap:15px !important;
  padding-bottom:10px !important;
  border-bottom:1px solid var(--faint) !important;
}
.frame-inspector{cursor:none !important}
.inspect-stage{
  cursor:none !important;
  position:absolute !important;
  left:17px !important; right:17px !important; top:58px !important; bottom:17px !important;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) !important;
  background-size:30px 30px !important;
  overflow:hidden !important;
}
.inspect-ring{
  position:absolute !important;
  left:50%; top:50%;
  width:116px !important; height:116px !important;
  transform:translate(-50%,-50%);
  border:1px solid rgba(238,73,39,.55) !important;
  border-radius:50% !important;
}
.inspect-ring::before,.inspect-ring::after{content:"";position:absolute;background:rgba(238,73,39,.7)}
.inspect-ring::before{width:1px;height:160px;left:50%;top:-22px}
.inspect-ring::after{height:1px;width:160px;top:50%;left:-22px}
.inspect-read{
  position:absolute !important;
  left:8px !important;
  bottom:7px !important;
  color:var(--dim) !important;
  font-size:9px !important;
  text-transform:uppercase !important;
}

.curve-stage{
  cursor:none !important;
  position:absolute !important;
  left:17px !important; right:17px !important; top:62px !important; bottom:48px !important;
  border-left:1px solid var(--faint) !important;
  border-bottom:1px solid var(--faint) !important;
}
.curve-stage svg{width:100%;height:100%;overflow:visible}
.curve-stage .gridline{stroke:#232623 !important;stroke-width:.6 !important}
.curve-stage .curve{fill:none !important;stroke:var(--ac) !important;stroke-width:2 !important}
.curve-stage .handle{fill:#090a09 !important;stroke:var(--fg) !important;stroke-width:1 !important}
.curve-stage .playhead{stroke:rgba(238,73,39,.45) !important;stroke-width:1 !important}
.curve-dot{
  position:absolute;width:8px;height:8px;background:var(--ac);border-radius:50%;
  left:0;top:0;
  offset-path:path("M 0 180 C 80 180, 110 24, 260 24 C 330 24, 350 10, 420 0");
  animation:curveDot 4.8s ease-in-out infinite alternate;
  box-shadow:0 0 12px rgba(238,73,39,.55);
}
.curve-read{
  position:absolute !important;
  left:17px !important; right:17px !important; bottom:15px !important;
  display:flex !important;
  justify-content:space-between !important;
  color:var(--dim) !important;
}

.render-list{
  position:absolute !important;
  left:17px !important; right:17px !important; top:62px !important; bottom:17px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:13px !important;
  justify-content:center !important;
}
.render-row{
  display:grid !important;
  grid-template-columns:62px 1fr 38px !important;
  gap:10px !important;
  align-items:center !important;
}
.render-bar{height:9px !important;background:#1c1f1c !important;overflow:hidden !important}
.render-bar i{display:block;height:100%;background:var(--ac);transition:width .7s ease}
.render-row.done .render-bar i{background:var(--green) !important}
.render-row.done .pct{color:var(--green) !important}
.pct{text-align:right;color:var(--ac)}

@media(max-width:1120px){
  .hero-v6{grid-template-columns:1fr !important;height:auto}
  .hero-main-v6{border-right:0;border-bottom:1px solid var(--line);min-height:610px}
  .console-side-v8{padding-left:0;padding-top:14px}
  .tools-grid{grid-template-columns:1fr 1fr !important}
}
@media(max-width:760px){
  .metric-split-v8{grid-template-columns:1fr}
  .ident-panel-v8{grid-template-columns:1fr}
  .ident-panel-v8 .ident-copy{border-left:0;padding-left:0;border-top:1px solid var(--faint);padding-top:14px}
  .tools-grid{grid-template-columns:1fr !important}
}


/* ===== TERMINAL v9 WIDGET REBUILD ===== */

/* ensure hero section can fully show right column */
.hero-console-v6{overflow:visible !important;}
.hero-v6{
  height:auto !important;
  min-height:620px !important;
  align-items:stretch !important;
  grid-template-columns:minmax(0,1.26fr) minmax(430px,.74fr) !important;
}
.hero-main-v6{min-height:620px !important;}

/* remove inherited busted widget rules from previous versions by isolating */
.hero-monitor-v9{
  padding:28px 0 28px 28px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}
.monitor-head-v9{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:10px;border-bottom:1px solid var(--faint);
}
.monitor-capacity-v9,
.monitor-system-v9{
  background:var(--panel);
  position:relative;
}
.monitor-capacity-v9{
  padding:18px 16px 14px !important;
}
.cap-title-v9{
  display:flex;align-items:center;gap:10px;color:var(--ac);
}
.cap-title-v9::after{
  content:"";height:1px;background:var(--ac);flex:1;opacity:.55;
}
.cap-number-v9{
  font-family:"Share Tech Mono",monospace;
  color:var(--ac);
  font-size:clamp(74px,7vw,112px);
  line-height:.88;letter-spacing:-.08em;
  margin:10px 0 8px;
  text-shadow:0 0 14px rgba(238,73,39,.16);
}
.cap-copy-v9{
  display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;
}
.cap-bars-v9{
  display:flex;gap:3px;height:34px;align-items:end;margin-top:12px;
}
.cap-bars-v9 i{flex:1;background:var(--ac);}
.cap-bars-v9 i:nth-child(1){height:20%}
.cap-bars-v9 i:nth-child(2){height:28%}
.cap-bars-v9 i:nth-child(3){height:40%}
.cap-bars-v9 i:nth-child(4){height:52%}
.cap-bars-v9 i:nth-child(5){height:66%}
.cap-bars-v9 i:nth-child(6){height:80%}
.cap-bars-v9 i:nth-child(7){height:100%}

.monitor-system-v9{
  padding:14px !important;
  display:grid;gap:14px;
}
.monitor-metrics-v9{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
.metric-card-v9{
  min-height:184px;
  border:1px solid var(--faint);
  padding:14px;
  display:flex;flex-direction:column;
  justify-content:flex-start;
}
.metric-card-v9 strong{
  display:block;
  font-family:"Share Tech Mono",monospace;
  font-size:clamp(62px,5vw,82px);
  line-height:.8;letter-spacing:-.05em;
  color:var(--ac);font-weight:400;
  margin:12px 0 0;
}
.metric-years-v9{
  font-size:clamp(42px,3.5vw,58px);
  line-height:.78;letter-spacing:-.04em;
  color:var(--ac);margin-top:-6px;
}
.metric-tags-v9{
  display:flex;gap:16px;align-items:end;margin-top:auto;padding-top:14px;
}
.metric-tags-v9 i{
  width:4px;height:20px;background:var(--faint);display:block;
}
.metric-tags-v9 i.on{background:var(--ac);}
.ident-card-v9{
  border:1px solid var(--faint);
  display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;
  align-items:center;padding:14px;
}
.ident-badge-v9{display:grid;place-items:center;}
.ident-badge-v9 img{max-height:86px;}
.ident-copy-v9{
  border-left:1px solid var(--faint);
  padding-left:16px;
}

/* fresh selected project widgets */
.project-tools-v9{
  display:grid !important;
  grid-template-columns:1.15fr .85fr .85fr !important;
  gap:14px !important;
  margin-top:22px !important;
}
.ptool-v9{
  min-height:338px !important;
  padding:17px !important;
  background:var(--panel) !important;
  position:relative !important;
  overflow:hidden !important;
}
.ptool-head-v9{
  display:flex;justify-content:space-between;gap:15px;
  padding-bottom:10px;border-bottom:1px solid var(--faint);
}
.inspect-stage-v9{
  position:absolute;left:17px;right:17px;top:58px;bottom:17px;
  background:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:30px 30px;
  cursor:none;
  overflow:hidden;
}
.inspect-guide-v9{
  position:absolute;left:32px;right:32px;top:30px;bottom:30px;
  border:1px solid rgba(238,73,39,.26);
}
.inspect-dash-v9{
  position:absolute;left:138px;top:130px;width:180px;height:0;
  border-top:2px dashed var(--ac);transform:rotate(-25deg);opacity:.9;
}
.inspect-cross-v9{
  position:absolute;left:78%;top:30%;width:116px;height:116px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(238,73,39,.7);border-radius:50%;
}
.inspect-cross-v9::before,.inspect-cross-v9::after{
  content:"";position:absolute;background:rgba(238,73,39,.8);
}
.inspect-cross-v9::before{width:1px;height:152px;left:50%;top:-18px}
.inspect-cross-v9::after{height:1px;width:152px;top:50%;left:-18px}
.inspect-read-v9{
  position:absolute;left:8px;bottom:7px;color:var(--dim);text-transform:uppercase;
}

.curve-stage-v9{
  position:absolute;left:17px;right:17px;top:62px;bottom:48px;
  border-left:1px solid var(--faint);border-bottom:1px solid var(--faint);
  cursor:none;
}
.curve-stage-v9 svg{width:100%;height:100%;overflow:visible}
.curve-stage-v9 .gridline{stroke:#232623;stroke-width:.6}
.curve-stage-v9 .curve{fill:none;stroke:var(--ac);stroke-width:2.2}
.curve-stage-v9 .handle{fill:#090a09;stroke:var(--fg);stroke-width:1}
.curve-stage-v9 .handle.control{stroke:var(--ac)}
.curve-stage-v9 .playhead{stroke:rgba(238,73,39,.45);stroke-width:1}
.curve-dot-v9{
  position:absolute;width:8px;height:8px;background:var(--ac);border-radius:50%;
  left:0;top:0;
  offset-path:path("M 0 180 C 80 180, 110 24, 260 24 C 330 24, 350 10, 420 0");
  animation:curveDotV9 4.8s ease-in-out infinite alternate;
  box-shadow:0 0 12px rgba(238,73,39,.55);
}
@keyframes curveDotV9{from{offset-distance:0%}to{offset-distance:100%}}
.curve-read-v9{
  position:absolute;left:17px;right:17px;bottom:15px;
  display:flex;justify-content:space-between;color:var(--dim);
}

.render-list-v9{
  position:absolute;left:17px;right:17px;top:62px;bottom:17px;
  display:flex;flex-direction:column;gap:13px;justify-content:center;
}
.render-row-v9{
  display:grid;grid-template-columns:62px 1fr 38px;gap:10px;align-items:center;
}
.render-bar-v9{height:9px;background:#1c1f1c;overflow:hidden}
.render-bar-v9 i{display:block;height:100%;background:var(--ac);transition:width .7s ease}
.render-row-v9.done .render-bar-v9 i{background:var(--green)}
.render-row-v9.done .pct{color:var(--green)}
.render-row-v9 .pct{text-align:right;color:var(--ac)}

/* kill old animated opacity states if any leak through */
.tools-grid, .tools-grid-v6{display:none !important;}

@media(max-width:1120px){
  .hero-v6{
    grid-template-columns:1fr !important;
    min-height:unset !important;
  }
  .hero-main-v6{
    min-height:590px !important;
    border-right:0 !important;
    border-bottom:1px solid var(--line) !important;
  }
  .hero-monitor-v9{padding-left:0 !important;padding-top:14px !important;}
  .project-tools-v9{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:760px){
  .monitor-metrics-v9{grid-template-columns:1fr !important;}
  .ident-card-v9{grid-template-columns:1fr !important;}
  .ident-copy-v9{border-left:0;padding-left:0;border-top:1px solid var(--faint);padding-top:14px;}
  .project-tools-v9{grid-template-columns:1fr !important;}
}


/* ===== TERMINAL v10 POLISH + PACKAGING FIX ===== */

/* orange prompt before animated text */
.terminal-line-v6 .prompt{
  color:var(--ac) !important;
  font-weight:700 !important;
}

/* larger button text + rollover highlight */
.cmd-btn-v6{
  position:relative;
  overflow:hidden;
  font-size:11px !important;
  letter-spacing:.04em;
  min-height:46px !important;
}
.cmd-btn-v6 span,
.cmd-btn-v6 strong{
  position:relative;
  z-index:2;
}
.cmd-btn-v6 strong{font-size:10px !important}
.cmd-btn-v6::before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-140%;
  width:70%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  transform:skewX(-20deg);
  transition:left .45s ease;
}
.cmd-btn-v6:hover::before{left:170%}
.cmd-btn-v6:hover{
  box-shadow:0 0 0 1px rgba(238,73,39,.4) inset, 0 0 16px rgba(238,73,39,.16);
}
.cmd-btn-v6.primary:hover{
  box-shadow:0 0 0 1px rgba(9,10,9,.22) inset, 0 0 22px rgba(238,73,39,.28);
}

/* first batch widget font spacing cleanup */
.metric-card-v9 strong{
  margin:10px 0 2px !important;
}
.metric-years-v9{
  font-size:clamp(32px,2.65vw,42px) !important;
  line-height:.88 !important;
  letter-spacing:-.02em !important;
  margin-top:0 !important;
  margin-bottom:4px !important;
}
.metric-card-v9 .tiny{
  line-height:1.25;
}
.metric-tags-v9{
  gap:14px !important;
  padding-top:12px !important;
}
.metric-tags-v9 i{
  height:22px !important;
}

/* bio section awards stat formatting */
.awards-v10{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  line-height:.88 !important;
}
.awards-v10 .aw-main{
  font-size:clamp(27px,2.2vw,34px);
  letter-spacing:-.02em;
}
.awards-v10 .aw-plus{
  font-size:clamp(16px,1.15vw,18px);
  color:var(--fg);
  letter-spacing:.08em;
  margin-left:1px;
}

/* fully replace project widgets with stable v6-style set */
.project-tools-v9{display:none !important;}
.project-tools-v10{
  display:grid !important;
  grid-template-columns:1.15fr .85fr .85fr !important;
  gap:14px !important;
  margin-top:22px !important;
}
.ptool-v10{
  min-height:338px !important;
  padding:17px !important;
  background:var(--panel) !important;
  position:relative !important;
  overflow:hidden !important;
}
.ptool-head-v10{
  display:flex;justify-content:space-between;gap:15px;
  padding-bottom:10px;border-bottom:1px solid var(--faint);
}
.inspect-stage-v10{
  position:absolute;left:17px;right:17px;top:58px;bottom:17px;
  background:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:30px 30px;
  cursor:none;
  overflow:hidden;
}
.inspect-view-v10{
  position:absolute;left:30px;right:30px;top:32px;bottom:32px;
  border:1px solid rgba(238,73,39,.26);
}
.inspect-track-v10{
  position:absolute;left:145px;top:148px;width:165px;height:0;
  border-top:2px dashed var(--ac);transform:rotate(-25deg);opacity:.9;
}
.inspect-cross-v10{
  position:absolute;left:78%;top:30%;width:116px;height:116px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(238,73,39,.7);border-radius:50%;
}
.inspect-cross-v10::before,.inspect-cross-v10::after{
  content:"";position:absolute;background:rgba(238,73,39,.8);
}
.inspect-cross-v10::before{width:1px;height:152px;left:50%;top:-18px}
.inspect-cross-v10::after{height:1px;width:152px;top:50%;left:-18px}
.inspect-read-v10{
  position:absolute;left:8px;bottom:7px;color:var(--dim);text-transform:uppercase;
}

.curve-stage-v10{
  position:absolute;left:17px;right:17px;top:62px;bottom:48px;
  border-left:1px solid var(--faint);border-bottom:1px solid var(--faint);
  cursor:none;
}
.curve-stage-v10 svg{width:100%;height:100%;overflow:visible}
.curve-stage-v10 .gridline{stroke:#232623;stroke-width:.6}
.curve-stage-v10 .curve{fill:none;stroke:var(--ac);stroke-width:2.1}
.curve-stage-v10 .handle{fill:#090a09;stroke:var(--fg);stroke-width:1}
.curve-stage-v10 .handle.control{stroke:var(--ac)}
.curve-stage-v10 .playhead{stroke:rgba(238,73,39,.45);stroke-width:1}
.curve-dot-v10{
  position:absolute;width:8px;height:8px;background:var(--ac);border-radius:50%;
  left:0;top:0;
  offset-path:path("M 0 180 C 48 180, 108 96, 166 42 S 298 14, 420 0");
  animation:curveDotV10 4.6s ease-in-out infinite alternate;
  box-shadow:0 0 12px rgba(238,73,39,.55);
}
@keyframes curveDotV10{from{offset-distance:0%}to{offset-distance:100%}}
.curve-read-v10{
  position:absolute;left:17px;right:17px;bottom:15px;
  display:flex;justify-content:space-between;color:var(--dim);
}
.render-list-v10{
  position:absolute;left:17px;right:17px;top:62px;bottom:17px;
  display:flex;flex-direction:column;gap:13px;justify-content:center;
}
.render-row-v10{
  display:grid;grid-template-columns:62px 1fr 38px;gap:10px;align-items:center;
}
.render-bar-v10{height:9px;background:#1c1f1c;overflow:hidden}
.render-bar-v10 i{display:block;height:100%;background:var(--ac);transition:width .7s ease}
.render-row-v10.done .render-bar-v10 i{background:var(--green)}
.render-row-v10.done .pct{color:var(--green)}
.render-row-v10 .pct{text-align:right;color:var(--ac)}

@media(max-width:1120px){
  .project-tools-v10{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:760px){
  .project-tools-v10{grid-template-columns:1fr !important;}
}


/* ===== TERMINAL v11 requested fixes ===== */

/* AC buttons: static highlight only, no sweep animation */
.cmd-btn-v6::before{display:none !important;content:none !important}
.cmd-btn-v6{transition:border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important}
.cmd-btn-v6:hover{
  border-color:var(--ac) !important;
  background:rgba(238,73,39,.08) !important;
  box-shadow:0 0 0 1px rgba(238,73,39,.18) inset !important;
}
.cmd-btn-v6.primary:hover{
  background:#ff5a31 !important;
  box-shadow:0 0 0 1px rgba(9,10,9,.18) inset, 0 0 0 1px rgba(238,73,39,.18) !important;
}

/* top-right capacity bars slight live drift */
.cap-bars-v9 i{transition:height .55s ease !important}
.cap-number-v9{transition:opacity .2s ease}

/* years widgets spacing tweaks */
.metric-card-v9 strong{margin:8px 0 1px !important}
.metric-years-v9{
  font-size:clamp(28px,2.2vw,36px) !important;
  line-height:.95 !important;
  letter-spacing:0 !important;
  margin-top:2px !important;
  margin-bottom:8px !important;
}
.metric-card-v9 .tiny{line-height:1.3 !important}
.metric-tags-v9{gap:14px !important;padding-top:10px !important}
.metric-tags-v9 i{width:4px !important;height:22px !important;background:var(--faint) !important;transition:background .22s ease, opacity .22s ease}
.metric-tags-v9 i.on{background:var(--ac) !important;opacity:1 !important}

/* bigger orange photo grid blocks */
.pixel{width:34px !important;height:34px !important}

/* v11 project widgets - v6 style */
.project-tools-v10,.project-tools-v9{display:none !important}
.project-tools-v11{
  display:grid !important;grid-template-columns:1.15fr .85fr .85fr;gap:14px;margin-top:22px;
}
.project-tools-v11 .tool-v11{opacity:.25;transform:translateY(12px);filter:saturate(.2);transition:.55s ease}
.project-tools-v11.armed .tool-v11{opacity:1;transform:none;filter:none}
.project-tools-v11.armed .tool-v11:nth-child(2){transition-delay:.13s}
.project-tools-v11.armed .tool-v11:nth-child(3){transition-delay:.26s}
.tool-v11{min-height:310px;padding:17px;background:var(--panel);overflow:hidden;position:relative}
.tool-head-v11{display:flex;justify-content:space-between;gap:15px;padding-bottom:10px;border-bottom:1px solid var(--faint)}
.frame-inspector-v11{cursor:none}
.inspect-stage-v11{
  position:absolute;left:17px;right:17px;top:58px;bottom:17px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:30px 30px;overflow:hidden;cursor:none;
}
.inspect-ring-v11{
  position:absolute;left:50%;top:50%;width:116px;height:116px;transform:translate(-50%,-50%);
  border:1px solid rgba(238,73,39,.55);border-radius:50%;
}
.inspect-ring-v11::before,.inspect-ring-v11::after{content:"";position:absolute;background:rgba(238,73,39,.7)}
.inspect-ring-v11::before{width:1px;height:160px;left:50%;top:-22px}
.inspect-ring-v11::after{height:1px;width:160px;top:50%;left:-22px}
.inspect-read-v11{position:absolute;left:8px;bottom:7px;color:var(--dim);font-size:9px;text-transform:uppercase}
.inspect-stage-v11::after{content:"";position:absolute;top:0;bottom:0;width:32%;background:linear-gradient(90deg,transparent,rgba(238,73,39,.08),transparent);transform:translateX(-130%)}
@keyframes inspectSweepV11{from{transform:translateX(-130%)}to{transform:translateX(270%)}}
.project-tools-v11.armed .inspect-stage-v11::after{animation:inspectSweepV11 2.3s ease .6s 1}

.curve-stage-v11{position:absolute;left:17px;right:17px;top:62px;bottom:48px;border-left:1px solid var(--faint);border-bottom:1px solid var(--faint);cursor:none}
.curve-stage-v11 svg{width:100%;height:100%;overflow:visible}
.curve-stage-v11 .gridline{stroke:#232623;stroke-width:.6}
.curve-stage-v11 .curve{fill:none;stroke:var(--ac);stroke-width:2;stroke-dasharray:780;stroke-dashoffset:780}
.curve-stage-v11 .handle{fill:#090a09;stroke:var(--fg);stroke-width:1}
.curve-stage-v11 .playhead{stroke:rgba(238,73,39,.45);stroke-width:1}
@keyframes drawCurveV11{to{stroke-dashoffset:0}}
.project-tools-v11.armed .curve-stage-v11 .curve{animation:drawCurveV11 2.2s cubic-bezier(.2,.8,.2,1) .35s forwards}
.curve-read-v11{position:absolute;left:17px;right:17px;bottom:15px;display:flex;justify-content:space-between;color:var(--dim)}

.render-list-v11{position:absolute;left:17px;right:17px;top:62px;bottom:17px;display:flex;flex-direction:column;gap:13px;justify-content:center}
.render-row-v11{display:grid;grid-template-columns:62px 1fr 38px;gap:10px;align-items:center}
.render-bar-v11{height:9px;background:#1c1f1c;overflow:hidden}
.render-bar-v11 i{display:block;height:100%;background:var(--ac);transform-origin:left;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.render-row-v11.done .render-bar-v11 i{background:var(--green)}
.render-row-v11.done .pct{color:var(--green)}
.render-row-v11 .pct{text-align:right;color:var(--ac)}

@media(max-width:1120px){.project-tools-v11{grid-template-columns:1fr 1fr !important}}
@media(max-width:760px){.project-tools-v11{grid-template-columns:1fr !important}}


/* ===== TERMINAL v12 final tweaks ===== */

/* +2 in awards green */
.awards-v10 .aw-plus{color:var(--green) !important}

/* only UPLINK READY pulses; disable other ready pulse */
.ready::before{animation:none !important;opacity:1 !important}
.uplink-ready{animation:renderPulse 1.9s ease-in-out infinite;display:inline-block}

/* larger orange photo grid blocks */
.pixel{width:38px !important;height:38px !important}


/* ===== TERMINAL v13 minor revisions ===== */
.hero-subcopy-v13{
  margin-top:12px;
  max-width:560px;
  color:var(--dim);
  font-size:13px;
  line-height:1.55;
  letter-spacing:.01em;
}
.hero-actions-v6{margin-top:16px;}
.hero-locations-v13{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.globe-wrap-v13{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
}
.globe-icon-v13{
  width:18px;
  height:18px;
  stroke:var(--fg);
  fill:none;
  stroke-width:1.15;
  opacity:.88;
}
@media(max-width:760px){
  .hero-subcopy-v13{font-size:12px;max-width:none;}
}


/* ===== TERMINAL v14 packaging + refinements ===== */
.hero-subcopy-v13{
  margin-top:12px;
  max-width:620px;
  color:#c9cbc5;
  font-family:"Oxanium",sans-serif;
  font-size:clamp(15px,1.25vw,19px);
  line-height:1.38;
  letter-spacing:-.012em;
  opacity:.96;
}
.hero-actions-v6{margin-top:18px;}

.client-uplinks-v14{padding-top:8px}
.client-grid-v14{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  border:1px solid var(--line);
  background:var(--line);
  margin-top:20px;
}
.client-card-v14{
  position:relative;
  background:var(--panel);
  min-height:170px;
  display:grid;
  place-items:center;
  padding:18px;
  overflow:hidden;
}
.client-card-v14 img{
  max-width:80%;
  max-height:74px;
  filter:grayscale(1) brightness(1.7);
  opacity:.82;
  transition:filter .18s ease, opacity .18s ease, transform .18s ease;
}
.client-card-v14::after{
  content:attr(data-code);
  position:absolute;
  left:12px;
  bottom:10px;
  font-size:9px;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ac);
  opacity:0;
  transform:translateY(4px);
  transition:opacity .16s ease, transform .16s ease;
}
.client-card-v14::before{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 0 1px transparent;
  transition:box-shadow .18s ease, background .18s ease;
  pointer-events:none;
}
.client-card-v14:hover img{
  filter:brightness(0) saturate(100%) invert(38%) sepia(97%) saturate(2618%) hue-rotate(349deg) brightness(101%) contrast(87%);
  opacity:1;
  transform:scale(1.04);
}
.client-card-v14:hover::after{opacity:1;transform:none}
.client-card-v14:hover::before{box-shadow:inset 0 0 0 1px rgba(238,73,39,.22);background:rgba(238,73,39,.03)}

@media(max-width:1120px){.client-grid-v14{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.client-grid-v14{grid-template-columns:1fr}.client-card-v14{min-height:138px}}


/* ===== TERMINAL v15 main-page revisions ===== */

/* Composition viewport: Atlas King source image + grid above it.
   Crop favors the top half of the image. */
.inspect-stage-v11{
  --inspect-cell:34px;
  background-image:
    linear-gradient(rgba(238,73,39,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(238,73,39,.12) 1px,transparent 1px),
    url("assets/AtlasKing_Viewport.webp") !important;
  background-size:
    var(--inspect-cell) var(--inspect-cell),
    var(--inspect-cell) var(--inspect-cell),
    cover !important;
  background-position:
    0 0,
    0 0,
    center 17% !important;
  background-repeat:
    repeat,
    repeat,
    no-repeat !important;
  background-blend-mode:normal !important;
}
.inspect-stage-v11::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(7,8,7,.06),rgba(7,8,7,.26));
}
.inspect-cell-v15{
  position:absolute;
  z-index:2;
  width:var(--inspect-cell);
  height:var(--inspect-cell);
  display:none;
  background:rgba(238,73,39,.60);
  border:1px solid rgba(238,73,39,.92);
  box-shadow:0 0 18px rgba(238,73,39,.30);
  pointer-events:none;
}
.inspect-ring-v11{z-index:3}
.inspect-read-v11{z-index:4}
.inspect-stage-v11::after{z-index:2}

/* Animation curve: live before/after video comparison beneath technical graphics. */
.curve-stage-v11{
  --curve-wipe:0%;
  overflow:hidden !important;
  isolation:isolate;
  cursor:none;
  background:#070807;
}
.curve-video-v15{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  filter:saturate(.82) brightness(.58) contrast(1.06);
}
.curve-video-after-v15{
  z-index:1;
  clip-path:inset(0 calc(100% - var(--curve-wipe)) 0 0);
  opacity:0;
  transition:opacity .12s ease;
}
.curve-stage-v11.curve-active-v15 .curve-video-after-v15{
  opacity:1;
}
.curve-stage-v11::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:rgba(4,5,4,.08);
}
.curve-stage-v11 svg{
  position:relative;
  z-index:3;
}
.curve-stage-v11 .gridline{
  stroke:rgba(220,222,213,.18) !important;
}
.curve-stage-v11 .curve{
  stroke:var(--ac) !important;
  filter:drop-shadow(0 0 2px rgba(0,0,0,.8));
}
.curve-stage-v11 .handle{
  fill:#090a09 !important;
  stroke:var(--fg) !important;
}
.curve-stage-v11 .playhead{
  stroke:rgba(238,73,39,.86) !important;
  stroke-width:1.25 !important;
  opacity:.72;
  transition:opacity .12s ease;
}
.curve-stage-v11.curve-active-v15 .playhead{
  opacity:1;
}

/* Keep form honeypot truly invisible after switching off Netlify fields. */
.contact-form .hp{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}


/* ===== TERMINAL v16: Composition Viewport grid trail ===== */

/* The old single hard-on/off cell is no longer drawn. */
.inspect-cell-v15{
  display:none !important;
}

/* Each visited cell becomes a short-lived telemetry sample.
   It takes a beat to illuminate, then decays into a faint trail. */
.inspect-trail-cell-v16{
  position:absolute;
  z-index:2;
  width:var(--inspect-cell);
  height:var(--inspect-cell);
  left:0;
  top:0;
  pointer-events:none;
  opacity:0;
  background:rgba(238,73,39,.58);
  border:1px solid rgba(238,73,39,.86);
  box-shadow:
    0 0 12px rgba(238,73,39,.24),
    inset 0 0 10px rgba(238,73,39,.08);
  animation:inspectCellTrailV16 1.05s cubic-bezier(.18,.72,.22,1) forwards;
}

@keyframes inspectCellTrailV16{
  0%{
    opacity:0;
    background:rgba(238,73,39,.08);
    box-shadow:0 0 0 rgba(238,73,39,0);
  }
  14%{
    opacity:.72;
    background:rgba(238,73,39,.60);
    box-shadow:
      0 0 16px rgba(238,73,39,.30),
      inset 0 0 10px rgba(238,73,39,.10);
  }
  35%{
    opacity:.56;
    background:rgba(238,73,39,.44);
  }
  68%{
    opacity:.24;
    background:rgba(238,73,39,.20);
    box-shadow:0 0 8px rgba(238,73,39,.12);
  }
  100%{
    opacity:0;
    background:rgba(238,73,39,0);
    box-shadow:0 0 0 rgba(238,73,39,0);
  }
}


/* ===== TERMINAL v18: favicon / operational stats ===== */
.ops-strip-v18{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.ops-card-v18{
  min-height:92px;
  border:1px solid var(--faint);
  padding:11px 13px 10px;
  background:#0a0c0b;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto auto;
  column-gap:13px;
  align-items:end;
}
.ops-card-v18 .tiny.dim{
  grid-column:1/-1;
  align-self:start;
}
.ops-number-v18{
  grid-row:2/4;
  font-family:"Share Tech Mono",monospace;
  font-size:clamp(39px,3.1vw,55px);
  line-height:.82;
  letter-spacing:-.045em;
  color:var(--ac);
  font-weight:400;
  align-self:center;
}
.ops-card-v18 > .tiny:not(.dim){
  align-self:end;
  padding-bottom:4px;
}
.ops-rule-v18{
  height:4px;
  background:#1a1d1a;
  align-self:end;
  overflow:hidden;
}
.ops-rule-v18 i{
  height:100%;
  display:block;
  background:var(--ac);
}
@media(max-width:760px){
  .ops-strip-v18{grid-template-columns:1fr 1fr;gap:8px}
  .ops-card-v18{min-height:82px;padding:10px}
  .ops-number-v18{font-size:38px}
}



/* ===== MOBILE HERO LINE FIX v31 ===== */
.terminal-links-v31{
  display:flex !important;
  flex-wrap:wrap;
  column-gap:18px;
  row-gap:4px;
}
.terminal-pair-v31{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
@media(max-width:760px){
  .terminal-links-v31{
    font-size:10px !important;
    line-height:1.35;
    column-gap:14px;
    row-gap:6px;
  }
  .terminal-pair-v31{gap:7px;white-space:nowrap;}
}



/* ===== OPERATOR PROFILE FRAMING v32 ===== */
.scan-image.primary-profile img{object-position:47% 46%;}
.scan-image.secondary img{object-position:45% 28%;}
@media(max-width:980px){
  .scan-image.primary-profile img{object-position:48% 42%;}
  .scan-image.secondary img{object-position:47% 30%;}
}
@media(max-width:760px){
  .scan-image.primary-profile img{object-position:50% 38%;}
  .scan-image.secondary img{object-position:46% 26%;}
}


/* Apps entry: original button geometry and brand styling. */
.nav a.nav-apps{background:var(--ac);color:#090a09;font-weight:700}
.nav a.nav-apps:hover{background:#ff643e;color:#090a09}
.nav a:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.nav a{white-space:nowrap}
@media (max-width:1340px){
 .navrow{grid-template-columns:minmax(0,1fr) auto}.nav{display:none}.menu{display:block}
 .nav.open{display:flex;position:absolute;top:77px;left:var(--pad);right:var(--pad);background:#090a09;border:1px solid var(--line);flex-direction:column;align-items:stretch}
 .nav.open a{border-right:0;border-bottom:1px solid var(--faint);text-align:left}
}

@media(max-width:380px){.navrow{gap:8px}.brand{gap:9px}.brand img{width:32px;height:32px}.brand-name{font-size:14px}.nav-right{gap:7px}.nav-right .cta{padding-inline:8px}.menu{padding:10px 9px}}

@media(max-width:760px){.nav.open{top:67px}}
