:root {
  --black: #050606;
  --black-2: #090b0c;
  --black-3: #101314;
  --graphite: #171b1c;
  --line: rgba(232, 207, 153, .16);
  --line-cold: rgba(180, 207, 219, .14);
  --ivory: #f1eee7;
  --muted: #9c9b96;
  --gold: #e7c77d;
  --gold-bright: #f4dda4;
  --gold-deep: #8f692f;
  --blue: #9fd9e6;
  --shell: min(1420px, calc(100vw - 80px));
  --ease: cubic-bezier(.18, .78, .2, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 77% 6%, rgba(209, 170, 83, .05), transparent 27rem),
    var(--black);
  color: var(--ivory);
  font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { color: inherit; }
[hidden] { display: none !important; }
.shell { width: var(--shell); margin-inline: auto; }
.skip {
  position: fixed;
  z-index: 999;
  top: 12px;
  left: 12px;
  translate: 0 -180%;
  padding: 12px 18px;
  background: var(--gold);
  color: #050606;
}
.skip:focus { translate: 0; }
.eyebrow {
  margin: 0 0 24px;
  color: var(--gold);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .28em;
  line-height: 1.4;
  text-transform: uppercase;
}
.page-progress {
  position: fixed;
  z-index: 300;
  inset: 0 0 auto;
  height: 2px;
  pointer-events: none;
}
.page-progress i {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: 0 50%;
  background: linear-gradient(90deg, var(--gold-deep), var(--gold-bright), var(--blue));
}
.button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0 24px;
  cursor: pointer;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
  transition: background .35s ease, border-color .35s ease, color .35s ease, box-shadow .35s ease, translate .35s var(--ease);
}
.button:hover { translate: 0 -2px; }
.button--small { min-height: 42px; padding-inline: 20px; }
.button--gold {
  background: linear-gradient(135deg, #a87531, #f3d99c 48%, #b98137);
  box-shadow: 0 12px 36px rgba(189, 140, 55, .16), inset 0 1px rgba(255, 255, 255, .24);
  color: #070807;
}
.button--gold:hover { box-shadow: 0 16px 46px rgba(225, 177, 88, .25), inset 0 1px rgba(255, 255, 255, .34); }
.button--glass {
  border-color: rgba(238, 223, 188, .2);
  background: rgba(10, 12, 12, .38);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.button--glass:hover { border-color: rgba(238, 223, 188, .48); background: rgba(15, 17, 17, .72); }
.button--black { background: #0b0d0e; color: var(--ivory); }
.button--line-dark { border-color: rgba(12, 14, 14, .28); color: #111; }
.text-link, .engineer-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #c8b37f;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.site-header {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  display: grid;
  width: 100%;
  height: 92px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 34px;
  border-bottom: 1px solid transparent;
  padding: 0 38px;
  transition: height .35s var(--ease), background .35s ease, border-color .35s ease, backdrop-filter .35s ease;
}
.site-header.is-scrolled {
  height: 70px;
  border-color: rgba(230, 207, 157, .12);
  background: rgba(5, 6, 6, .82);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}
.brand { display: flex; min-width: 0; align-items: center; gap: 12px; justify-self: start; }
.brand img { width: 37px; height: 37px; object-fit: contain; object-position: 50% 24%; }
.brand span { display: flex; flex-direction: column; gap: 4px; }
.brand b { color: #e3c47d; font-size: 11px; letter-spacing: .22em; white-space: nowrap; }
.brand small { color: #77746d; font-size: 6px; letter-spacing: .24em; white-space: nowrap; }
.site-nav { display: flex; align-items: center; gap: 34px; }
.site-nav a {
  color: #a5a29c;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  transition: color .25s ease;
}
.site-nav a:hover { color: var(--ivory); }
.header-actions { display: flex; align-items: center; gap: 10px; justify-self: end; }
.language { position: relative; }
.language summary {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(236, 213, 164, .15);
  color: #c7b686;
  cursor: pointer;
  font-size: 9px;
  letter-spacing: .12em;
  list-style: none;
}
.language summary::-webkit-details-marker { display: none; }
.language nav {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  display: grid;
  width: 180px;
  padding: 10px;
  border: 1px solid rgba(231, 199, 125, .18);
  background: rgba(8, 10, 10, .97);
  box-shadow: 0 24px 70px #000;
}
.language nav a { padding: 10px; color: #aaa69e; font-size: 11px; }
.language nav a:hover, .language nav a[aria-current="page"] { color: var(--gold); background: rgba(231, 199, 125, .05); }

.hero {
  position: relative;
  display: grid;
  min-height: max(840px, 100svh);
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid rgba(230, 205, 149, .14);
  isolation: isolate;
}
.hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5, 6, 6, .98) 0%, rgba(5, 6, 6, .86) 34%, rgba(5, 6, 6, .12) 66%, rgba(5, 6, 6, .52) 100%),
    repeating-linear-gradient(90deg, transparent 0 10%, rgba(239, 216, 166, .024) 10% calc(10% + 1px));
  content: "";
}
.hero-atmosphere {
  position: absolute;
  z-index: -2;
  inset: 0;
  background:
    radial-gradient(circle at 70% 47%, rgba(234, 196, 116, .105), transparent 33%),
    radial-gradient(circle at 84% 36%, rgba(123, 197, 214, .05), transparent 28%),
    linear-gradient(#020303, #080909 72%, #050606);
}
.hero-atmosphere::after {
  position: absolute;
  inset: 0;
  opacity: .15;
  background-image: radial-gradient(circle, rgba(247, 229, 191, .8) 0 1px, transparent 1.3px);
  background-size: 79px 79px;
  -webkit-mask-image: linear-gradient(90deg, transparent 20%, black);
  mask-image: linear-gradient(90deg, transparent 20%, black);
  content: "";
}
.globe-stage {
  position: absolute;
  z-index: -1;
  inset: 0 0 0 35%;
  perspective: 1200px;
  pointer-events: none;
}
.globe-stage canvas { width: 100%; height: 100%; }
.globe-ring {
  position: absolute;
  top: 50%;
  left: 54%;
  width: 61%;
  aspect-ratio: 1.78;
  translate: -50% -50%;
  border: 1px solid rgba(231, 199, 125, .18);
  border-radius: 50%;
  filter: drop-shadow(0 0 12px rgba(231, 199, 125, .08));
  transform: rotate(-17deg);
}
.globe-ring--two { width: 72%; aspect-ratio: 2.75; border-color: rgba(163, 214, 225, .12); transform: rotate(24deg); }
.globe-label {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(237, 224, 194, .64);
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .18em;
}
.globe-label i { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 14px var(--gold); }
.globe-label--na { top: 33%; left: 24%; }
.globe-label--emea { top: 42%; left: 55%; }
.globe-label--apac { top: 51%; right: 9%; }
.hero-copy { position: relative; z-index: 2; padding-top: 80px; }
.hero-copy .eyebrow { margin-bottom: 26px; }
.hero h1 {
  max-width: 820px;
  margin: 0;
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .88;
}
.hero h1 span { display: block; font-size: clamp(66px, 7.3vw, 126px); }
.hero h1 em {
  display: block;
  max-width: 560px;
  margin-top: 28px;
  color: var(--gold-bright);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(18px, 2vw, 30px);
  font-style: normal;
  font-weight: 300;
  letter-spacing: -.025em;
  line-height: 1.1;
}
.hero-lede { max-width: 430px; margin: 24px 0 0; color: #a8a69f; font-size: 15px; line-height: 1.6; }
.hero-actions { display: flex; align-items: center; gap: 10px; margin-top: 34px; }
.engineer-link { margin-top: 20px; }
.engineer-link b { color: var(--gold); font-size: 16px; }
.hero-proof {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  height: 112px;
  grid-template-columns: repeat(3, minmax(0, 1fr)) 1.4fr;
  border-top: 1px solid var(--line);
  background: rgba(5, 6, 6, .68);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.hero-proof > span { display: flex; align-items: center; gap: 18px; border-right: 1px solid var(--line); padding: 0 5vw; }
.hero-proof b { color: var(--gold-bright); font-family: "Iowan Old Style", Georgia, serif; font-size: 42px; font-weight: 400; }
.hero-proof small { color: #85827b; font-size: 7px; font-weight: 700; letter-spacing: .18em; line-height: 1.4; text-transform: uppercase; }
.hero-proof .live i { width: 6px; height: 6px; border-radius: 50%; background: #a4e3d2; box-shadow: 0 0 14px #83c7b7; }
.scroll-cue {
  position: absolute;
  z-index: 4;
  right: 28px;
  bottom: 135px;
  display: flex;
  align-items: center;
  gap: 14px;
  writing-mode: vertical-rl;
}
.scroll-cue span { color: #5e5d58; font-size: 7px; letter-spacing: .2em; }
.scroll-cue i { display: block; width: 1px; height: 42px; background: linear-gradient(var(--gold), transparent); animation: cue 1.8s ease-in-out infinite; }
@keyframes cue { 0%,100% { opacity: .28; scale: 1 .65; transform-origin: 50% 0; } 50% { opacity: 1; scale: 1 1; } }

.route-choice { padding: 150px 0 170px; background: #090a0a; }
.route-heading { display: grid; grid-template-columns: .72fr 1.35fr 1fr; align-items: end; gap: 50px; }
.route-heading .eyebrow { align-self: start; }
.route-heading h2, .stack-intro h2, .asic-copy h2, .chip-copy h2, .telemetry-copy h2, .finder h2, .safe-install h2, .fleet h2, .authority h2, .models h2, .ecosystem h2, .final-cta h2 {
  margin: 0;
  font-family: "Iowan Old Style", "Baskerville", Georgia, serif;
  font-size: clamp(48px, 5.3vw, 88px);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .98;
}
.route-heading > p:last-child { margin: 0 0 5px; color: #8f8d87; font-size: 15px; line-height: 1.7; }
.route-doors { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 70px; background: var(--line); }
.route-door {
  position: relative;
  display: flex;
  min-height: 520px;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  border: 0;
  padding: 42px;
  background: #0d0f0f;
  cursor: pointer;
  text-align: left;
  isolation: isolate;
}
.route-door::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .75;
  background: radial-gradient(circle at 70% 36%, rgba(225, 188, 109, .17), transparent 28rem);
  content: "";
  transition: opacity .4s ease, scale .8s var(--ease);
}
.route-door--fleet::before { background: radial-gradient(circle at 70% 36%, rgba(135, 196, 212, .11), transparent 28rem); }
.route-door:hover::before { opacity: 1; scale: 1.06; }
.door-index { color: #7f7c75; font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.route-door h3 { max-width: 560px; margin: auto 0 16px; font-size: clamp(34px, 3.2vw, 52px); font-weight: 300; letter-spacing: -.04em; line-height: 1; }
.route-door p { max-width: 520px; margin: 0 0 34px; color: #8f8d87; font-size: 14px; line-height: 1.6; }
.route-door > b { display: flex; width: 100%; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 22px; color: #d0c8b5; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.route-door > b em { color: var(--gold); font-size: 24px; font-style: normal; transition: translate .3s ease; }
.route-door:hover > b em { translate: 8px; }
.door-signal {
  position: absolute;
  top: 70px;
  right: 50px;
  width: min(44%, 240px);
  aspect-ratio: 1;
  transform: rotate(45deg);
}
.door-signal i { position: absolute; inset: calc(var(--n, 0) * 13%); border: 1px solid rgba(231, 199, 125, calc(.5 - var(--n, 0) * .08)); }
.door-signal i:nth-child(1) { --n: 0; animation: signalBox 4s ease-in-out infinite; }
.door-signal i:nth-child(2) { --n: 1; animation: signalBox 4s ease-in-out -.6s infinite; }
.door-signal i:nth-child(3) { --n: 2; animation: signalBox 4s ease-in-out -1.2s infinite; }
.door-signal i:nth-child(4) { --n: 3; background: rgba(231, 199, 125, .1); box-shadow: 0 0 44px rgba(231, 199, 125, .13); animation: signalBox 4s ease-in-out -1.8s infinite; }
@keyframes signalBox { 50% { translate: -8px 8px; rotate: 4deg; } }
.fleet-cells { position: absolute; top: 70px; right: 40px; width: 48%; height: 220px; perspective: 700px; transform: rotateX(57deg) rotateZ(-32deg); }
.fleet-cells::before, .fleet-cells::after {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(159, 217, 230, .15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(159, 217, 230, .15) 1px, transparent 1px);
  background-size: 28px 28px;
  content: "";
}
.fleet-cells::after { translate: 18px -18px; opacity: .28; }

.control-stack { position: relative; padding: 150px 0 210px; background: #060707; }
.stack-intro { position: relative; z-index: 2; margin-bottom: 72px; }
.stack-intro h2 { max-width: 950px; }
.stack-intro > p:last-child { max-width: 610px; margin: 24px 0 0; color: #8a8984; line-height: 1.7; }
.stack-track { position: relative; width: var(--shell); margin: 0 auto; }
.stack-card {
  position: sticky;
  top: calc(90px + var(--offset));
  display: flex;
  min-height: 430px;
  align-items: flex-end;
  justify-content: space-between;
  overflow: hidden;
  border: 1px solid rgba(231, 199, 125, .15);
  border-radius: 28px 28px 0 0;
  padding: 54px;
  background:
    linear-gradient(110deg, rgba(255,255,255,.025), transparent 42%),
    #0d1010;
  box-shadow: 0 -24px 80px rgba(0,0,0,.4);
  transform-origin: 50% 100%;
}
.stack-card::before {
  position: absolute;
  inset: 0;
  opacity: .45;
  background:
    linear-gradient(90deg, transparent 49.8%, rgba(231, 199, 125, .07) 50%, transparent 50.2%),
    linear-gradient(transparent 49.8%, rgba(231, 199, 125, .05) 50%, transparent 50.2%);
  background-size: 90px 90px;
  -webkit-mask-image: linear-gradient(90deg, transparent 30%, black);
  mask-image: linear-gradient(90deg, transparent 30%, black);
  content: "";
}
.stack-card--01 { --offset: 0px; }
.stack-card--02 { --offset: 18px; margin-top: 60vh; background-color: #101212; }
.stack-card--03 { --offset: 36px; margin-top: 60vh; background-color: #121414; }
.stack-card--04 { --offset: 54px; margin-top: 60vh; background-color: #111414; }
.stack-card--05 { --offset: 72px; margin-top: 60vh; background-color: #0f1212; }
.stack-card--06 { --offset: 90px; margin-top: 60vh; background-color: #0d0f0f; }
.stack-card > div { position: relative; z-index: 1; max-width: 850px; }
.stack-card small { color: var(--gold); font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.stack-card h3 { margin: 24px 0 18px; font-family: "Iowan Old Style", Georgia, serif; font-size: clamp(44px, 5vw, 76px); font-weight: 400; letter-spacing: -.05em; line-height: 1; }
.stack-card p { max-width: 640px; margin: 0; color: #93918b; line-height: 1.65; }
.stack-card > span { position: relative; z-index: 1; color: rgba(231, 199, 125, .6); font-size: 9px; letter-spacing: .18em; writing-mode: vertical-rl; }

.asic-scene {
  position: relative;
  min-height: 160vh;
  overflow: clip;
  background: #070808;
  isolation: isolate;
}
.asic-environment {
  position: absolute;
  z-index: -2;
  inset: 0;
  opacity: .24;
  background:
    linear-gradient(90deg, #070808 0%, rgba(7,8,8,.84) 35%, rgba(7,8,8,.25) 72%, #070808 100%);
  filter: saturate(.35) contrast(1.15);
}
.asic-scene.is-media-ready .asic-environment {
  background:
    linear-gradient(90deg, #070808 0%, rgba(7,8,8,.84) 35%, rgba(7,8,8,.25) 72%, #070808 100%),
    url("/assets/cinematic/enterprise-fleet.webp") 50% 50% / cover no-repeat;
}
.asic-environment::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(#070808 0%, transparent 18%, transparent 72%, #070808 100%);
  content: "";
}
.asic-copy {
  position: sticky;
  z-index: 2;
  top: 0;
  min-height: 100vh;
  padding-top: 170px;
  pointer-events: none;
}
.asic-copy h2 { max-width: 690px; font-size: clamp(50px, 5vw, 84px); }
.asic-copy > p:not(.eyebrow) { max-width: 510px; color: #93918b; font-size: 15px; line-height: 1.7; }
.asic-metrics { display: grid; max-width: 540px; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 42px; background: var(--line); }
.asic-metrics span { display: flex; min-height: 88px; flex-direction: column; justify-content: center; gap: 8px; padding: 16px; background: rgba(8,10,10,.86); }
.asic-metrics small, .asic-metrics b { font-size: 8px; letter-spacing: .12em; }
.asic-metrics b { color: var(--gold-bright); font-size: 12px; }
.sample-note { display: block; max-width: 480px; margin-top: 14px; color: #5d5d5a; font-size: 8px; line-height: 1.5; }
.asic-viewport {
  position: sticky;
  z-index: 3;
  top: 0;
  width: 58vw;
  height: 100vh;
  margin-top: -100vh;
  margin-left: auto;
  perspective: 1500px;
  pointer-events: none;
}
.asic-rig {
  --turn: -18deg;
  --lift: 0px;
  --open: 0;
  position: absolute;
  top: 49%;
  left: 53%;
  width: clamp(390px, 40vw, 680px);
  height: clamp(290px, 29vw, 500px);
  translate: -50% -50%;
  transform: rotateX(-8deg) rotateY(var(--turn)) translateY(var(--lift));
  transform-style: preserve-3d;
  transition: filter .35s ease;
  filter: drop-shadow(0 55px 70px rgba(0,0,0,.7));
}
.asic-body { position: absolute; inset: 0; transform-style: preserve-3d; }
.asic-face, .hashboard {
  position: absolute;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(233, 205, 143, .24);
  background: linear-gradient(135deg, #1b1e1f, #0a0c0d 65%, #212426);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
  transform-style: preserve-3d;
}
.asic-face--front {
  top: 7%;
  left: 0;
  width: 30%;
  height: 86%;
  transform: translateZ(180px) translateX(calc(var(--open) * -130px));
  transition: transform .1s linear;
}
.asic-face--side {
  top: 7%;
  left: 30%;
  width: 70%;
  height: 86%;
  transform: translateZ(180px) translateX(calc(var(--open) * 90px));
  transition: transform .1s linear;
}
.asic-face--top {
  top: 0;
  left: 30%;
  width: 70%;
  height: 70px;
  transform: rotateX(90deg) translateZ(35px) translateY(-145px) translateX(calc(var(--open) * 80px));
}
.asic-face--back { inset: 7% 0 auto auto; width: 5%; height: 86%; transform: translateZ(-170px); }
.asic-face--side::before {
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 12px, rgba(224, 199, 141, .08) 12px 13px),
    linear-gradient(110deg, rgba(232, 199, 121, .16), transparent 28%);
  content: "";
}
.asic-face--side strong {
  position: absolute;
  right: 9%;
  bottom: 11%;
  color: rgba(232, 207, 150, .48);
  font-size: clamp(12px, 1.2vw, 20px);
  font-weight: 700;
  letter-spacing: .22em;
  line-height: 1.4;
  text-align: right;
}
.asic-face--top span { position: absolute; top: 22px; right: 28px; color: rgba(231,199,125,.65); font-size: 8px; letter-spacing: .2em; }
.heat-line { position: relative; display: inline-block; width: 4px; height: 100%; margin-left: 14%; background: linear-gradient(transparent, rgba(231,199,125,.18), transparent); }
.fan-module {
  position: absolute;
  left: 12%;
  width: 76%;
  aspect-ratio: 1;
  border: 1px solid rgba(231, 199, 125, .34);
  border-radius: 50%;
  background: radial-gradient(circle, #070808 0 12%, #272a2a 13% 16%, #060707 17% 38%, #1a1d1d 39% 43%, #050606 44%);
  box-shadow: inset 0 0 22px #000, 0 0 18px rgba(225, 183, 92, .08);
}
.fan-module--one { top: 7%; }
.fan-module--two { bottom: 7%; }
.fan-module i {
  position: absolute;
  inset: 16%;
  border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, rgba(212,188,132,.72) 0 7deg, transparent 7deg 31deg);
  animation: fanSpin 2.2s linear infinite;
}
.fan-module--two i { animation-direction: reverse; animation-duration: 2.7s; }
.fan-module b { position: absolute; inset: 42%; border-radius: 50%; background: #b08a4d; box-shadow: 0 0 14px rgba(226, 188, 107, .35); }
.fan-module em { position: absolute; inset: -8%; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; }
@keyframes fanSpin { to { rotate: 1turn; } }
.front-label { position: absolute; bottom: 1.4%; left: 8%; color: rgba(231,199,125,.64); font-size: 6px; letter-spacing: .14em; }
.hashboard {
  top: 18%;
  left: 29%;
  display: grid;
  width: 60%;
  height: 64%;
  grid-template-columns: repeat(6, 1fr);
  gap: 4%;
  padding: 6%;
  border-color: rgba(159, 217, 230, .18);
  background: linear-gradient(135deg, #0a1717, #071010);
}
.hashboard i { border: 1px solid rgba(157,212,224,.16); background: radial-gradient(circle, rgba(157,212,224,.26), #081010 66%); box-shadow: 0 0 14px rgba(123,201,218,.08); }
.hashboard--one { transform: translateZ(80px) translateY(calc(var(--open) * -115px)); }
.hashboard--two { transform: translateZ(20px) translateY(calc(var(--open) * 0px)); }
.hashboard--three { transform: translateZ(-40px) translateY(calc(var(--open) * 115px)); }
.asic-core {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 58%;
  display: grid;
  width: 125px;
  aspect-ratio: 1;
  place-items: center;
  translate: -50% -50%;
  border: 1px solid rgba(232, 205, 143, .46);
  background: radial-gradient(circle, rgba(235,199,116,.22), rgba(13,15,15,.92) 63%);
  box-shadow: 0 0 calc(var(--open) * 60px) rgba(231, 185, 91, .52), inset 0 0 38px rgba(230, 188, 99, .14);
  transform: translateZ(245px) scale(calc(.65 + var(--open) * .35));
  transform-style: preserve-3d;
  opacity: calc(.12 + var(--open) * .88);
}
.asic-core::before, .asic-core::after { position: absolute; inset: -18px; border: 1px solid rgba(231,199,125,.25); content: ""; animation: coreOrbit 9s linear infinite; }
.asic-core::after { inset: -34px; border-color: rgba(159,217,230,.14); animation-direction: reverse; animation-duration: 13s; }
.asic-core img { width: 58px; opacity: .9; }
.asic-core span { position: absolute; top: calc(100% + 48px); color: var(--gold); font-size: 7px; letter-spacing: .2em; white-space: nowrap; }
@keyframes coreOrbit { to { rotate: 1turn; } }
.asic-callout { position: absolute; display: flex; align-items: center; gap: 10px; color: rgba(239,223,186,.62); font-size: 7px; letter-spacing: .18em; opacity: calc(.15 + var(--open, 0) * .85); }
.asic-callout i { width: 52px; height: 1px; background: linear-gradient(90deg, transparent, var(--gold)); }
.asic-callout--fan { top: 34%; left: 7%; }
.asic-callout--core { top: 45%; right: 5%; }
.asic-callout--board { bottom: 31%; right: 10%; }
.asic-progress { position: absolute; right: 32px; bottom: 48px; left: calc(50% + 60px); display: flex; align-items: center; gap: 18px; }
.asic-progress::before { width: 100%; height: 1px; background: rgba(231,199,125,.15); content: ""; }
.asic-progress i { position: absolute; left: 0; width: 100%; height: 1px; transform: scaleX(0); transform-origin: 0 50%; background: var(--gold); }
.asic-progress span { color: #64635e; font-size: 7px; letter-spacing: .16em; white-space: nowrap; }

.chip-section {
  position: relative;
  display: grid;
  min-height: 950px;
  align-items: center;
  overflow: hidden;
  background: #050707;
  isolation: isolate;
}
.chip-section canvas { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; }
.chip-scrim {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #050707 0%, rgba(5,7,7,.88) 35%, rgba(5,7,7,.25) 68%, #050707 100%);
}
.chip-copy h2 { max-width: 720px; }
.chip-copy > p:not(.eyebrow) { max-width: 540px; color: #93918c; line-height: 1.7; }
.control-parameters { display: grid; max-width: 660px; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 46px; background: rgba(231,199,125,.12); }
.control-parameters button { display: grid; min-height: 82px; grid-template-columns: auto 1fr; align-items: center; gap: 14px; border: 0; padding: 18px; background: rgba(8,10,10,.82); color: #87857f; cursor: pointer; text-align: left; }
.control-parameters button b { color: var(--gold); font-size: 12px; letter-spacing: .12em; }
.control-parameters button span { font-size: 10px; letter-spacing: .05em; }
.control-parameters button.is-active { background: rgba(231,199,125,.13); color: var(--ivory); box-shadow: inset 0 0 0 1px rgba(231,199,125,.35); }
.chip-instruction { position: absolute; right: 30px; bottom: 30px; color: #5d5d59; font-size: 7px; letter-spacing: .2em; }

.telemetry { position: relative; min-height: 1150px; padding: 150px 0 190px; background: #0a0c0c; overflow: hidden; }
.telemetry::before {
  position: absolute;
  inset: 0;
  opacity: .6;
  background: radial-gradient(circle at 50% 58%, rgba(159,217,230,.07), transparent 34%);
  content: "";
}
.telemetry-copy { position: relative; z-index: 2; display: grid; grid-template-columns: .65fr 1.5fr 1fr; gap: 50px; align-items: end; }
.telemetry-copy .eyebrow { align-self: start; }
.telemetry-copy h2 { font-size: clamp(48px, 5.2vw, 82px); }
.telemetry-copy > p:last-child { margin: 0; color: #8c8b86; line-height: 1.7; }
.telemetry-stage { position: relative; width: var(--shell); min-height: 660px; margin: 90px auto 0; }
.telemetry-chips { position: absolute; z-index: 3; inset: 0; pointer-events: none; }
.telemetry-chips span {
  position: absolute;
  top: calc(8% + (var(--i) % 3) * 25%);
  left: calc(2% + (var(--i) % 4) * 15%);
  display: grid;
  min-width: 88px;
  min-height: 42px;
  place-items: center;
  border: 1px solid rgba(231,199,125,.26);
  background: rgba(11,13,13,.74);
  box-shadow: 0 12px 34px rgba(0,0,0,.35);
  color: #d5c28f;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .13em;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  opacity: 0;
  transform: translate(calc((var(--i) % 2) * 100px - 40px), -90px) rotate(calc((var(--i) - 4) * 3deg));
  transition: transform 1.3s var(--ease) calc(var(--i) * 75ms), opacity .5s ease calc(var(--i) * 55ms);
}
.telemetry.is-active .telemetry-chips span {
  opacity: .9;
  transform: translate(calc(580px + (var(--i) % 3) * 84px), calc(110px + (var(--i) % 3) * 86px)) scale(.65);
}
.command-dashboard {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: min(920px, 73vw);
  min-height: 610px;
  overflow: hidden;
  border: 1px solid rgba(231,199,125,.22);
  background: rgba(9,12,12,.92);
  box-shadow: 0 60px 120px rgba(0,0,0,.65), inset 0 0 70px rgba(159,217,230,.025);
  transform: perspective(1300px) rotateX(5deg) rotateY(-8deg);
  transform-origin: 100% 50%;
  transition: transform 1.2s var(--ease);
}
.telemetry.is-active .command-dashboard { transform: perspective(1300px) rotateX(0) rotateY(0); }
.command-dashboard header { display: flex; height: 64px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line-cold); padding: 0 24px; }
.command-dashboard header div { display: flex; align-items: center; gap: 10px; }
.command-dashboard header i, .command-dashboard footer i { width: 6px; height: 6px; border-radius: 50%; background: #9be0ce; box-shadow: 0 0 12px #9be0ce; }
.command-dashboard header b { font-size: 9px; letter-spacing: .16em; }
.command-dashboard header span { color: #686966; font-size: 7px; letter-spacing: .14em; }
.command-dashboard nav { display: flex; height: 50px; align-items: center; gap: 26px; padding: 0 24px; border-bottom: 1px solid var(--line-cold); }
.command-dashboard nav button { border: 0; padding: 0; background: none; color: #6f706d; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.command-dashboard nav button.is-active { color: var(--gold); }
.dash-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 1px; padding: 1px; background: var(--line-cold); }
.dash-grid section { min-height: 154px; padding: 22px; background: #0a0d0d; }
.dash-grid section small { color: #686b69; font-size: 7px; letter-spacing: .16em; }
.dash-grid section b { display: block; margin-top: 18px; color: #e7e3da; font-size: 27px; font-weight: 300; }
.dash-grid section span { color: #6e716e; font-size: 9px; }
.dash-grid .dash-primary { grid-row: span 2; min-height: 309px; }
.dash-number { display: flex; align-items: end; gap: 10px; margin-top: 34px; }
.dash-number b { margin: 0 !important; color: var(--gold-bright) !important; font-size: clamp(54px, 6vw, 84px) !important; letter-spacing: -.06em; }
.dash-number span { padding-bottom: 12px; }
.dash-chart { display: flex; height: 100px; align-items: end; gap: 5px; margin-top: 35px; }
.dash-chart i { flex: 1; height: calc(22% + var(--h, 50%)); background: linear-gradient(var(--blue), rgba(159,217,230,.04)); transform-origin: 50% 100%; animation: dashBars 2.8s ease-in-out infinite alternate; }
.dash-chart i:nth-child(1) { --h: 16%; }.dash-chart i:nth-child(2) { --h: 34%; }.dash-chart i:nth-child(3) { --h: 49%; }.dash-chart i:nth-child(4) { --h: 26%; }.dash-chart i:nth-child(5) { --h: 62%; }.dash-chart i:nth-child(6) { --h: 43%; }.dash-chart i:nth-child(7) { --h: 68%; }.dash-chart i:nth-child(8) { --h: 54%; }.dash-chart i:nth-child(9) { --h: 78%; }.dash-chart i:nth-child(10) { --h: 66%; }.dash-chart i:nth-child(11) { --h: 83%; }.dash-chart i:nth-child(12) { --h: 72%; }
@keyframes dashBars { to { scale: 1 .72; opacity: .74; } }
.command-dashboard footer { display: flex; min-height: 62px; align-items: center; gap: 10px; padding: 0 24px; }
.command-dashboard footer span { color: #7d857f; font-size: 7px; letter-spacing: .13em; }
.command-dashboard footer button { margin-left: auto; border: 0; background: none; color: var(--gold); cursor: pointer; font-size: 8px; letter-spacing: .14em; }

.finder { padding: 160px 0 180px; background: #e5dfd2; color: #141515; }
.finder .eyebrow { color: #7c5a24; }
.finder-head { display: flex; align-items: end; justify-content: space-between; gap: 50px; }
.finder-head > div:first-child { max-width: 920px; }
.finder h2 { font-size: clamp(56px, 6vw, 96px); }
.finder-head p:last-child { color: #74716b; }
.catalog-lock { display: flex; width: 260px; align-items: center; gap: 18px; border-left: 1px solid rgba(0,0,0,.18); padding-left: 24px; }
.catalog-lock img { width: 46px; height: 46px; object-fit: contain; filter: brightness(.35) sepia(1); }
.catalog-lock span { max-width: 160px; color: #7d7770; font-size: 7px; font-weight: 700; letter-spacing: .14em; line-height: 1.6; }
.catalog-lock span.is-ready { color: #386d59; }
.finder-shell { margin-top: 70px; border: 1px solid rgba(20,21,21,.16); background: #eee9df; box-shadow: 0 34px 90px rgba(38,32,22,.09); }
.resolver-steps { display: grid; grid-template-columns: repeat(5,1fr); border-bottom: 1px solid rgba(0,0,0,.12); }
.resolver-steps span { position: relative; padding: 18px; color: #9d9991; font-size: 8px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.resolver-steps span + span { border-left: 1px solid rgba(0,0,0,.1); }
.resolver-steps span.is-active { color: #161616; background: rgba(145,103,42,.06); }
.resolver-steps span.is-active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #9c7131; content: ""; }
.resolver-prompt { margin: 0; padding: 36px 38px 22px; color: #66635d; font-size: 14px; }
.resolver-options { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; margin: 0 38px; background: rgba(0,0,0,.12); }
.resolver-option {
  display: grid;
  min-height: 106px;
  grid-template-columns: 1fr auto;
  align-content: center;
  gap: 8px 20px;
  border: 0;
  padding: 24px;
  background: #f4f0e8;
  color: #151616;
  cursor: pointer;
  text-align: left;
  transition: background .25s ease, color .25s ease;
}
.resolver-option:hover { background: #111313; color: #f1eee7; }
.resolver-option b { font-size: 18px; font-weight: 500; letter-spacing: -.02em; }
.resolver-option small { color: #7d7a74; font-size: 9px; }
.resolver-option em { grid-row: 1 / 3; grid-column: 2; align-self: center; color: #a47732; font-size: 24px; font-style: normal; }
.resolver-actions { display: flex; align-items: center; gap: 18px; padding: 28px 38px 38px; }
.back-button, .text-button { border: 0; background: none; color: #2b2b2a; cursor: pointer; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.passport { position: relative; margin: 0 38px 38px; overflow: hidden; padding: 48px; background: #131515; color: #eeece6; box-shadow: 0 28px 60px rgba(0,0,0,.18); }
.passport h3 { max-width: calc(100% - 170px); margin: 0 0 36px; font-family: "Iowan Old Style",Georgia,serif; font-size: clamp(32px,4vw,56px); font-weight: 400; letter-spacing: -.04em; }
.passport-seal { position: absolute; top: 38px; right: 40px; display: grid; width: 120px; aspect-ratio: 1; place-items: center; border: 1px solid rgba(231,199,125,.25); transform: rotate(6deg); }
.passport-seal img { width: 48px; }
.passport-seal span { color: var(--gold); font-size: 6px; letter-spacing: .16em; }
.passport dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin: 0; background: rgba(255,255,255,.1); }
.passport dl div { min-width: 0; min-height: 94px; padding: 20px; background: #191b1b; }
.passport dt { color: #747570; font-size: 7px; letter-spacing: .14em; text-transform: uppercase; }
.passport dd { margin: 12px 0 0; overflow-wrap: anywhere; font-size: 12px; }
.passport code { color: #cdb57d; font-size: 9px; }
.passport details { margin-top: 24px; padding: 20px; border: 1px solid rgba(255,255,255,.1); color: #999a94; font-size: 12px; line-height: 1.6; }
.passport summary { color: #e9dfca; cursor: pointer; }
.route-confirm { display: flex; align-items: start; gap: 12px; margin-top: 24px; color: #c7c6c0; font-size: 12px; line-height: 1.5; }
.route-confirm input { accent-color: #c69850; }
.passport-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 26px; }
.passport .button--line-dark { border-color: rgba(255,255,255,.2); color: #fff; }
.passport .text-button { color: #d7bd83; }
.is-disabled { pointer-events: none; opacity: .38; }

.safe-install { padding: 150px 0; background: #0b0d0d; }
.safe-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 90px; }
.safe-install h2 { font-size: clamp(48px,4.8vw,76px); }
.safe-install ol { margin: 0; padding: 0; list-style: none; }
.safe-install li { display: grid; grid-template-columns: 70px 1fr; align-items: center; min-height: 100px; border-top: 1px solid var(--line); }
.safe-install li:last-child { border-bottom: 1px solid var(--line); }
.safe-install li > b { color: var(--gold); font-family: "Iowan Old Style",Georgia,serif; font-size: 28px; font-weight: 400; }
.safe-install li span { display: grid; grid-template-columns: 150px 1fr; gap: 22px; color: #878680; font-size: 12px; line-height: 1.5; }
.safe-install li strong { color: var(--ivory); font-size: 15px; font-weight: 500; }

.fleet { position: relative; min-height: 1000px; overflow: hidden; padding: 160px 0; background: #070909; isolation: isolate; }
.fleet-grid {
  position: absolute;
  z-index: -1;
  top: 5%;
  right: -12%;
  width: 70%;
  height: 82%;
  opacity: .54;
  background:
    linear-gradient(rgba(159,217,230,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(159,217,230,.08) 1px, transparent 1px);
  background-size: 34px 34px;
  -webkit-mask-image: radial-gradient(circle at 50% 50%, black, transparent 65%);
  mask-image: radial-gradient(circle at 50% 50%, black, transparent 65%);
  transform: perspective(700px) rotateX(57deg) rotateZ(-28deg);
}
.fleet-copy { max-width: 900px; margin-bottom: 70px; }
.fleet-copy > p:last-child { max-width: 530px; color: #92918b; line-height: 1.7; }
.commissioning { display: grid; grid-template-columns: 1.2fr 2fr 1fr; gap: 40px; align-items: stretch; }
.commissioning-rail { display: flex; flex-direction: column; }
.commissioning-rail button { display: grid; min-height: 100px; grid-template-columns: 44px 1fr; align-items: center; border: 1px solid rgba(231,199,125,.14); background: rgba(9,11,11,.72); color: #777873; cursor: pointer; text-align: left; }
.commissioning-rail button b { color: #a27f49; font-family: Georgia,serif; font-size: 20px; font-weight: 400; text-align: center; }
.commissioning-rail button span { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.commissioning-rail button.is-active { border-color: rgba(231,199,125,.48); background: rgba(231,199,125,.08); color: #fff; }
.commissioning-rail > i { width: 1px; height: 30px; margin-left: 21px; background: var(--line); }
.commissioning-stage { display: flex; min-height: 410px; flex-direction: column; padding: 44px; border: 1px solid var(--line); background: rgba(11,13,13,.88); }
.commissioning-stage h3 { margin: 0 0 20px; font-family: "Iowan Old Style",Georgia,serif; font-size: clamp(38px,4vw,58px); font-weight: 400; letter-spacing: -.04em; line-height: 1; }
.commissioning-stage > p:not(.eyebrow) { max-width: 590px; color: #92918b; line-height: 1.7; }
.gate { display: flex; align-items: center; gap: 12px; margin-top: auto; border-top: 1px solid var(--line); padding-top: 22px; color: #9ea49f; font-size: 9px; letter-spacing: .08em; }
.gate i { width: 7px; height: 7px; border-radius: 50%; background: #9be0ce; box-shadow: 0 0 12px #9be0ce; }
.fleet-command { display: flex; flex-direction: column; gap: 1px; background: var(--line); }
.fleet-command div { display: flex; min-height: 86px; flex-direction: column; justify-content: center; gap: 10px; padding: 18px; background: #0b0d0d; }
.fleet-command small { color: #666762; font-size: 7px; letter-spacing: .14em; }
.fleet-command b { color: #d8d3c9; font-size: 10px; letter-spacing: .1em; }
.fleet-command .button { margin-top: auto; }

.authority { position: relative; display: grid; min-height: 1050px; grid-template-columns: 1fr 1fr; align-items: center; overflow: hidden; background: radial-gradient(circle at 70% 48%, rgba(203,158,72,.12), transparent 30%), #050606; isolation: isolate; }
.authority-ripples { position: absolute; z-index: -1; top: 50%; left: 72%; width: 50vw; aspect-ratio: 1; translate: -50% -50%; }
.authority-ripples i { position: absolute; inset: calc(var(--r) * 12%); border: 1px solid rgba(231,199,125,calc(.18 - var(--r)*.03)); border-radius: 50%; }
.authority-ripples i:nth-child(1) { --r:0; }.authority-ripples i:nth-child(2) { --r:1; }.authority-ripples i:nth-child(3) { --r:2; }
.authority.is-activated .authority-ripples i { animation: liquidRipple 1.4s var(--ease); }
.authority.is-activated .authority-ripples i:nth-child(2) { animation-delay: .08s; }.authority.is-activated .authority-ripples i:nth-child(3) { animation-delay: .16s; }
@keyframes liquidRipple { 0% { scale: .3; opacity: 1; filter: blur(0); } 100% { scale: 1.28; opacity: 0; filter: blur(3px); } }
.authority-copy { grid-column: 1; max-width: 660px; margin-right: 0; }
.authority-copy h2 { font-size: clamp(48px,5vw,82px); }
.authority-copy > p:last-of-type { max-width: 510px; color: #92918b; line-height: 1.7; }
.authority-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 44px; background: var(--line); }
.authority-stats span { display: flex; min-height: 100px; flex-direction: column; justify-content: center; gap: 8px; padding: 18px; background: #090b0b; }
.authority-stats b { color: var(--gold); font-family: Georgia,serif; font-size: 36px; font-weight: 400; }
.authority-stats small { color: #686863; font-size: 7px; letter-spacing: .14em; }
.artifact-stage {
  position: absolute;
  top: 50%;
  right: 6vw;
  width: min(43vw, 650px);
  aspect-ratio: 1;
  translate: 0 -50%;
  border: 0;
  background: none;
  cursor: pointer;
  perspective: 1200px;
}
.artifact {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 290px;
  height: 370px;
  translate: -50% -50%;
  transform: rotateX(-11deg) rotateY(18deg);
  transform-style: preserve-3d;
  animation: artifactTurn 12s ease-in-out infinite alternate;
}
@keyframes artifactTurn { 0% { transform: rotateX(-10deg) rotateY(-28deg) rotateZ(-4deg); } 100% { transform: rotateX(12deg) rotateY(34deg) rotateZ(5deg); } }
.artifact-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(240,211,147,.55);
  border-radius: 38% 38% 16% 16% / 22% 22% 12% 12%;
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), transparent 28%),
    radial-gradient(circle at 50% 42%, rgba(229,190,108,.28), transparent 27%),
    linear-gradient(145deg, rgba(58,50,35,.86), rgba(11,13,13,.96) 63%);
  box-shadow: inset 0 0 60px rgba(232,194,107,.12), 0 0 42px rgba(231,199,125,.12);
  transform: translateZ(16px);
  backface-visibility: hidden;
}
.artifact-face::before { position: absolute; inset: 18px; border: 1px solid rgba(231,199,125,.28); border-radius: inherit; content: ""; }
.artifact-face::after { position: absolute; inset: 0; background: linear-gradient(110deg, transparent 28%, rgba(255,255,255,.18) 44%, transparent 57%); translate: -140%; animation: artifactGlint 5s ease-in-out infinite; content: ""; }
@keyframes artifactGlint { 40%,100% { translate: 140%; } }
.artifact-face img { width: 118px; margin-bottom: 40px; filter: drop-shadow(0 0 18px rgba(231,199,125,.25)); }
.artifact-face b { color: #e8d3a2; font-size: 9px; letter-spacing: .2em; }
.artifact-face small { margin-top: 10px; color: #81755d; font-size: 6px; letter-spacing: .14em; }
.artifact-face--back { transform: translateZ(-16px) rotateY(180deg); }
.artifact-edge { position: absolute; top: 0; left: 50%; width: 32px; height: 100%; translate: -50%; background: linear-gradient(90deg, #322b1e, #9d7b43, #251f15); transform: rotateY(90deg) translateZ(145px); }
.artifact-orbit { position: absolute; inset: 13%; border: 1px solid rgba(231,199,125,.22); border-radius: 50%; transform: rotateX(65deg) rotateZ(-18deg); animation: orbitTurn 8s linear infinite; }
.artifact-orbit::before { position: absolute; top: 50%; left: -5px; width: 10px; height: 10px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 18px var(--gold); content: ""; }
@keyframes orbitTurn { to { rotate: 1turn; } }
.artifact-hint { position: absolute; bottom: 9%; left: 50%; translate: -50%; color: #625e54; font-size: 7px; letter-spacing: .2em; }
.authority-links { position: absolute; bottom: 60px; left: 50%; display: flex; width: auto; gap: 28px; transform: translateX(-50%); }
.authority-links a { color: #77776f; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; transition: color .25s ease; }
.authority-links a:hover { color: var(--gold); }

.models { padding: 150px 0 170px; overflow: hidden; background: #e7e1d6; color: #101212; }
.models .eyebrow { color: #7f5e2b; }
.models-intro { position: relative; z-index: 3; }
.kinetic-word { position: relative; min-height: 500px; margin-top: 20px; display: grid; place-items: center; }
.kinetic-word > span {
  position: relative;
  z-index: 2;
  color: transparent;
  font-size: clamp(120px, 20vw, 330px);
  font-weight: 900;
  letter-spacing: -.085em;
  line-height: .85;
  -webkit-text-stroke: 2px rgba(17,19,19,.9);
  text-transform: uppercase;
}
.model-rail {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  gap: 14px;
  width: max-content;
  translate: 0 -50%;
  animation: modelRail 22s linear infinite;
}
.model-rail i {
  display: grid;
  width: 260px;
  height: 145px;
  place-items: center;
  border: 1px solid rgba(23,25,25,.18);
  background: linear-gradient(135deg,#171919,#292b2b);
  box-shadow: 0 20px 40px rgba(35,29,20,.15);
  color: var(--gold);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .12em;
}
@keyframes modelRail { to { translate: calc(-50% - 7px) -50%; } }
.model-actions { display: flex; align-items: center; gap: 24px; }
.model-actions span { color: #78746d; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }

.ecosystem { padding: 150px 0; background: #0a0c0c; }
.ecosystem-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); }
.ecosystem-grid > div { grid-column: 1 / -1; padding: 0 0 68px; background: #0a0c0c; }
.ecosystem h2 { max-width: 900px; }
.eco-card { position: relative; display: flex; min-height: 360px; flex-direction: column; padding: 36px; background: #0d1010; transition: background .3s ease; }
.eco-card:hover { background: #141717; }
.eco-card--global { background: linear-gradient(145deg,rgba(231,199,125,.11),#0d1010 55%); }
.eco-card small { color: #7f7562; font-size: 8px; letter-spacing: .16em; }
.eco-card h3 { margin: auto 0 16px; font-family: "Iowan Old Style",Georgia,serif; font-size: 48px; font-weight: 400; letter-spacing: -.04em; }
.eco-card p { min-height: 52px; color: #898984; font-size: 13px; line-height: 1.6; }
.eco-card b { margin-top: 28px; border-top: 1px solid var(--line); padding-top: 20px; color: #c8b481; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }

.final-cta { position: relative; padding: 180px 0; background: radial-gradient(circle at 80% 40%,rgba(232,195,110,.12),transparent 30%),#050606; text-align: center; }
.final-cta .shell { display: flex; flex-direction: column; align-items: center; }
.final-cta h2 { max-width: 1120px; }
.final-cta .shell > div { display: flex; align-items: center; gap: 10px; margin-top: 54px; }
.final-cta .text-link { margin-left: 18px; }

.site-footer { overflow: hidden; border-top: 1px solid var(--line); background: #050606; }
.footer-word {
  width: 100%;
  padding: 72px 12px 34px;
  color: transparent;
  font-size: clamp(84px, 14vw, 235px);
  font-weight: 900;
  letter-spacing: -.085em;
  line-height: .8;
  text-align: center;
  -webkit-text-stroke: 1px rgba(231,199,125,.38);
  white-space: nowrap;
}
.footer-word span { display: inline-block; transition: transform .2s var(--ease), color .2s ease; }
.footer-grid { display: grid; grid-template-columns: 1.35fr repeat(4,1fr); gap: 50px; border-top: 1px solid var(--line); padding: 60px 0; }
.footer-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.footer-brand img { width: 90px; height: 60px; object-fit: contain; }
.footer-brand span { color: #706d65; font-size: 7px; letter-spacing: .16em; }
.footer-grid > div { display: flex; flex-direction: column; gap: 12px; }
.footer-grid small { margin-bottom: 8px; color: var(--gold); font-size: 7px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.footer-grid a { color: #888781; font-size: 11px; line-height: 1.4; transition: color .2s ease; }
.footer-grid a:hover { color: #eee9de; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); padding: 24px 0 35px; color: #555550; font-size: 7px; letter-spacing: .14em; }
.mobile-actions { display: none; }
.build-marker { position: fixed; z-index: 320; right: 6px; bottom: 4px; color: rgba(183,166,127,.38); font-size: 5px; letter-spacing: .1em; pointer-events: none; }

.dialog {
  width: min(880px, calc(100vw - 30px));
  max-height: min(840px, calc(100svh - 30px));
  overflow: auto;
  border: 1px solid rgba(231,199,125,.32);
  padding: 46px;
  background: #0d0f0f;
  box-shadow: 0 60px 160px #000;
  color: var(--ivory);
}
.dialog::backdrop { background: rgba(0,0,0,.84); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.dialog h2 { margin: 0 0 20px; font-family: "Iowan Old Style",Georgia,serif; font-size: 48px; font-weight: 400; letter-spacing: -.04em; }
.dialog > p:not(.eyebrow) { color: #92918b; line-height: 1.6; }
.dialog-close { position: sticky; z-index: 2; top: 0; float: right; }
.dialog-close button { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--line); background: #101212; color: #bbb; cursor: pointer; font-size: 20px; }
.brief-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 30px 0; }
.brief-fields label, .verify-dialog label { display: flex; flex-direction: column; gap: 10px; }
.brief-fields label.wide { grid-column: 1 / -1; }
.brief-fields span, .verify-dialog label span { color: #8a8a84; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.brief-fields input, .brief-fields textarea, .verify-dialog input { width: 100%; border: 1px solid rgba(255,255,255,.12); padding: 14px; background: #080a0a; color: #fff; outline: none; }
.verify-dialog label { margin-top: 18px; }
.verify-dialog > .button { margin-top: 24px; }
.verify-output { display: block; margin-top: 20px; overflow-wrap: anywhere; padding: 18px; background: #080a0a; color: #bab8b0; font-size: 10px; line-height: 1.6; }

@media (max-width: 1120px) {
  :root { --shell: calc(100vw - 48px); }
  .site-header { grid-template-columns: 1fr auto; padding-inline: 24px; }
  .site-nav { display: none; }
  .hero-copy { padding-top: 20px; }
  .globe-stage { left: 28%; opacity: .82; }
  .route-heading, .telemetry-copy { grid-template-columns: 1fr 1.5fr; }
  .route-heading > p:last-child, .telemetry-copy > p:last-child { grid-column: 2; }
  .commissioning { grid-template-columns: 1fr 2fr; }
  .fleet-command { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,1fr); }
  .fleet-command .button { margin-top: 0; }
  .safe-layout { gap: 50px; }
  .footer-grid { grid-template-columns: 1.2fr repeat(2,1fr); }
  .footer-grid > div:nth-last-child(-n+2) { margin-top: 20px; }
}

@media (max-width: 760px) {
  :root { --shell: calc(100vw - 32px); }
  body { font-size: 14px; }
  .site-header { height: 68px; padding: 0 16px; }
  .brand img { width: 30px; height: 30px; }
  .brand b { font-size: 9px; }
  .brand small { display: none; }
  .header-actions .button { display: none; }
  .language summary { width: 38px; height: 38px; }
  .hero { min-height: 900px; align-items: start; padding-top: 112px; }
  .hero::before { background: linear-gradient(#050606 0%, rgba(5,6,6,.78) 41%, rgba(5,6,6,.08) 68%, #050606 92%); }
  .hero-atmosphere::after { opacity: .1; }
  .hero-copy { display: flex; flex-direction: column; padding-top: 0; }
  .hero h1 { max-width: 100%; }
  .hero h1 span { font-size: clamp(52px, 15vw, 72px); line-height: .91; }
  .hero h1 em { max-width: 330px; margin-top: 20px; font-size: 18px; }
  .hero-lede { max-width: 300px; margin-top: 15px; font-size: 13px; }
  .hero-actions { align-items: stretch; flex-direction: column; width: min(100%, 330px); margin-top: 24px; }
  .hero-actions .button { min-height: 48px; }
  .engineer-link { margin-top: 14px; }
  .globe-stage { top: 390px; right: -20%; bottom: 100px; left: -20%; height: 470px; opacity: 1; }
  .globe-ring { left: 50%; width: 86%; }
  .globe-ring--two { width: 100%; }
  .globe-label { display: none; }
  .hero-proof { height: 98px; grid-template-columns: repeat(3,1fr); }
  .hero-proof > span { flex-direction: column; justify-content: center; gap: 4px; padding: 8px; text-align: center; }
  .hero-proof b { font-size: 26px; }
  .hero-proof small { font-size: 5px; }
  .hero-proof .live { display: none; }
  .scroll-cue { display: none; }
  .route-choice { padding: 100px 0; }
  .route-heading, .telemetry-copy { display: block; }
  .route-heading h2, .stack-intro h2, .asic-copy h2, .chip-copy h2, .telemetry-copy h2, .finder h2, .safe-install h2, .fleet h2, .authority h2, .models h2, .ecosystem h2, .final-cta h2 { font-size: clamp(44px, 13vw, 62px); }
  .route-heading > p:last-child, .telemetry-copy > p:last-child { margin-top: 24px; }
  .route-doors { grid-template-columns: 1fr; margin-top: 46px; }
  .route-door { min-height: 420px; padding: 28px; }
  .route-door h3 { font-size: 38px; }
  .door-signal { right: 30px; width: 150px; }
  .fleet-cells { width: 52%; }
  .control-stack { padding: 100px 0 140px; }
  .stack-card { top: calc(76px + var(--offset)); min-height: 380px; border-radius: 18px 18px 0 0; padding: 30px; }
  .stack-card--02 { --offset: 10px; margin-top: 42vh; }.stack-card--03 { --offset: 20px; margin-top: 42vh; }.stack-card--04 { --offset: 30px; margin-top: 42vh; }.stack-card--05 { --offset: 40px; margin-top: 42vh; }.stack-card--06 { --offset: 50px; margin-top: 42vh; }
  .stack-card h3 { font-size: 42px; }
  .stack-card > span { display: none; }
  .asic-scene { min-height: 1350px; }
  .asic-environment { opacity: .15; background-position: 70% 50%; }
  .asic-copy { min-height: 620px; padding-top: 100px; }
  .asic-copy h2 { max-width: 100%; }
  .asic-copy > p:not(.eyebrow) { max-width: 330px; }
  .asic-metrics { max-width: 100%; margin-top: 26px; }
  .asic-metrics span { min-height: 74px; padding: 10px; }
  .asic-metrics b { font-size: 10px; }
  .asic-viewport { top: 560px; width: 100vw; height: 670px; margin-top: 0; }
  .asic-rig { top: 44%; left: 51%; width: 340px; height: 255px; }
  .asic-face--front { transform: translateZ(110px) translateX(calc(var(--open) * -65px)); }
  .asic-face--side { transform: translateZ(110px) translateX(calc(var(--open) * 52px)); }
  .asic-face--top { height: 50px; transform: rotateX(90deg) translateZ(25px) translateY(-86px) translateX(calc(var(--open) * 42px)); }
  .asic-face--back { transform: translateZ(-105px); }
  .asic-core { width: 86px; transform: translateZ(145px) scale(calc(.65 + var(--open) * .35)); }
  .asic-core img { width: 42px; }
  .hashboard--one { transform: translateZ(50px) translateY(calc(var(--open) * -76px)); }.hashboard--two { transform: translateZ(10px); }.hashboard--three { transform: translateZ(-30px) translateY(calc(var(--open) * 76px)); }
  .asic-callout { display: none; }
  .asic-progress { right: 20px; bottom: 100px; left: 20px; }
  .chip-section { min-height: 900px; align-items: start; padding-top: 100px; }
  .chip-section canvas { top: 270px; height: 630px; }
  .chip-scrim { background: linear-gradient(#050707 0%, rgba(5,7,7,.72) 43%, rgba(5,7,7,.1) 100%); }
  .chip-copy > p:not(.eyebrow) { max-width: 340px; }
  .control-parameters { grid-template-columns: repeat(3,1fr); margin-top: 28px; }
  .control-parameters button { min-height: 68px; grid-template-columns: 1fr; gap: 5px; padding: 10px; text-align: center; }
  .chip-instruction { bottom: 76px; }
  .telemetry { min-height: 980px; padding: 100px 0 130px; }
  .telemetry-stage { min-height: 600px; margin-top: 55px; }
  .telemetry-chips span { min-width: 64px; min-height: 34px; font-size: 6px; }
  .telemetry.is-active .telemetry-chips span { transform: translate(calc(10px + (var(--i) % 3) * 74px), calc(90px + (var(--i) % 3) * 55px)) scale(.7); }
  .command-dashboard { top: 190px; width: 100%; min-height: 420px; }
  .command-dashboard header { height: 48px; padding: 0 12px; }
  .command-dashboard header span { max-width: 130px; text-align: right; }
  .command-dashboard nav { height: 42px; padding: 0 12px; }
  .dash-grid { grid-template-columns: 1.25fr 1fr; }
  .dash-grid .dash-primary { grid-row: span 2; min-height: 218px; }
  .dash-grid section { min-height: 108px; padding: 14px; }
  .dash-grid section b { margin-top: 12px; font-size: 20px; }
  .dash-number b { font-size: 48px !important; }
  .dash-chart { height: 55px; margin-top: 20px; }
  .command-dashboard footer { min-height: 54px; padding: 0 12px; }
  .command-dashboard footer span { display: none; }
  .finder { padding: 100px 0 120px; }
  .finder-head { display: block; }
  .catalog-lock { width: 100%; margin-top: 30px; border-top: 1px solid rgba(0,0,0,.12); border-left: 0; padding: 18px 0 0; }
  .finder-shell { margin-top: 40px; }
  .resolver-steps span { overflow: hidden; padding: 13px 5px; font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
  .resolver-prompt { padding: 24px 18px 16px; font-size: 12px; }
  .resolver-options { grid-template-columns: 1fr; margin: 0 18px; }
  .resolver-option { min-height: 88px; padding: 18px; }
  .resolver-actions { padding: 20px 18px 24px; }
  .passport { margin: 0 18px 24px; padding: 26px 18px; }
  .passport h3 { max-width: 100%; padding-right: 0; font-size: 34px; }
  .passport-seal { position: relative; top: auto; right: auto; float: right; width: 72px; margin: -12px 0 10px 12px; }
  .passport dl { grid-template-columns: 1fr; }
  .passport-actions { align-items: stretch; flex-direction: column; }
  .safe-install { padding: 100px 0; }
  .safe-layout { display: block; }
  .safe-install ol { margin-top: 50px; }
  .safe-install li { grid-template-columns: 50px 1fr; }
  .safe-install li span { grid-template-columns: 1fr; gap: 5px; }
  .fleet { min-height: 1100px; padding: 100px 0; }
  .commissioning { display: block; }
  .commissioning-rail { flex-direction: row; }
  .commissioning-rail button { min-height: 74px; flex: 1; grid-template-columns: 1fr; text-align: center; }
  .commissioning-rail button b { font-size: 16px; }
  .commissioning-rail button span { font-size: 7px; }
  .commissioning-rail > i { width: 12px; height: 1px; margin: 37px 0 0; }
  .commissioning-stage { min-height: 390px; margin-top: 16px; padding: 28px; }
  .commissioning-stage h3 { font-size: 40px; }
  .fleet-command { display: grid; grid-template-columns: 1fr 1fr; margin-top: 1px; }
  .fleet-command div { min-height: 76px; }
  .fleet-command .button { grid-column: 1/-1; }
  .authority { display: block; min-height: 1140px; padding: 100px 0; }
  .authority-copy { max-width: none; }
  .authority-stats { margin-top: 30px; }
  .authority-stats span { min-height: 80px; padding: 10px; }
  .authority-stats b { font-size: 28px; }
  .artifact-stage { top: auto; right: 50%; bottom: 115px; width: 430px; max-width: 110vw; translate: 50% 0; }
  .artifact { width: 190px; height: 245px; }
  .artifact-edge { width: 24px; transform: rotateY(90deg) translateZ(95px); }
  .artifact-face img { width: 74px; margin-bottom: 28px; }
  .authority-ripples { top: auto; bottom: 90px; left: 50%; width: 490px; max-width: 120vw; translate: -50% 0; }
  .authority-links { right: 16px; bottom: 46px; left: 16px; flex-wrap: wrap; justify-content: center; transform: none; gap: 14px; }
  .models { padding: 100px 0; }
  .kinetic-word { min-height: 350px; }
  .kinetic-word > span { font-size: 25vw; }
  .model-rail i { width: 190px; height: 110px; font-size: 12px; }
  .model-actions { align-items: stretch; flex-direction: column; }
  .ecosystem { padding: 100px 0; }
  .ecosystem-grid { grid-template-columns: 1fr; }
  .ecosystem-grid > div { padding-bottom: 48px; }
  .eco-card { min-height: 300px; padding: 28px; }
  .eco-card h3 { font-size: 42px; }
  .final-cta { padding: 120px 0 150px; }
  .final-cta .shell > div { align-items: stretch; flex-direction: column; width: 100%; margin-top: 40px; }
  .final-cta .text-link { justify-content: center; margin: 14px 0 0; }
  .footer-word { padding-top: 55px; font-size: 18vw; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px 28px; padding: 50px 0 110px; }
  .footer-brand { grid-column: 1/-1; }
  .footer-bottom { display: none; }
  .mobile-actions {
    position: fixed;
    z-index: 250;
    right: max(8px, env(safe-area-inset-right));
    bottom: max(8px, env(safe-area-inset-bottom));
    left: max(8px, env(safe-area-inset-left));
    display: grid;
    grid-template-columns: minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);
    border: 1px solid rgba(231,199,125,.24);
    background: rgba(8,10,10,.9);
    box-shadow: 0 18px 60px #000;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
  .mobile-actions button, .mobile-actions a { display: grid; min-width: 0; min-height: 48px; place-items: center; border: 0; border-right: 1px solid rgba(231,199,125,.14); padding-inline: 4px; background: transparent; color: #c8b98f; font-size: 7px; font-weight: 700; letter-spacing: .045em; text-align: center; text-transform: uppercase; }
  .mobile-actions button { background: linear-gradient(135deg,#9d7134,#e4c783); color: #080909; }
  .dialog { padding: 28px 20px 36px; }
  .dialog h2 { font-size: 38px; }
  .brief-fields { grid-template-columns: 1fr; }
  .brief-fields label.wide { grid-column: auto; }
}

[dir="rtl"] .site-header, [dir="rtl"] .route-door, [dir="rtl"] .resolver-option { direction: rtl; }
[dir="rtl"] .language nav { right: auto; left: 0; }
[dir="rtl"] .hero h1, [dir="rtl"] .hero-copy, [dir="rtl"] .stack-card, [dir="rtl"] .finder, [dir="rtl"] .fleet { text-align: right; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .stack-card { position: relative; top: auto; margin-top: 18px; }
  .asic-scene { min-height: 1000px; }
  .asic-copy, .asic-viewport { position: relative; top: auto; }
  .asic-viewport { margin-top: -260px; }
  .telemetry-chips span { display: none; }
  .command-dashboard { transform: none; }
}