@font-face { font-family: "Space Grotesk"; src: url("/assets/fonts/space-grotesk-300.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/assets/fonts/inter-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/assets/fonts/jetbrains-mono-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }

:root {
  --bg: #0a0908;
  --graphite: #1a1816;
  --silver: #e8e6e1;
  --muted: #8a8884;
  --ember: #e8612b;
  --crimson: #a33620;
  --line: rgba(232, 230, 225, 0.14);
  --line-strong: rgba(232, 230, 225, 0.28);
  --panel: rgba(26, 24, 22, 0.72);
  --max: 1240px;
}

* { box-sizing: border-box; }
html { background: var(--bg); color: var(--silver); scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--silver); font-family: "Inter", system-ui, sans-serif; }
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 100;
  pointer-events: none;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
body::selection { background: var(--ember); color: var(--bg); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
img { max-width: 100%; }

.grid-overlay { position: relative; isolation: isolate; }
.grid-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(rgba(232,230,225,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(232,230,225,.025) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 88%);
}

.site-header {
  position: relative;
  z-index: 50;
  border-bottom: 1px solid var(--line);
  background: rgba(10, 9, 8, 0.78);
  backdrop-filter: blur(22px) saturate(.8);
}
.header-inner {
  min-height: 76px;
  width: min(var(--max), calc(100% - 48px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 2rem;
}
.brand { display: inline-flex; align-items: center; gap: .7rem; width: max-content; }
.brand-orb { width: 30px; height: 30px; border: 1px solid var(--line-strong); display: grid; place-items: center; }
.brand-orb img { width: 18px; display: block; }
.brand-wordmark { width: 102px; display: block; }
.site-nav { justify-self: center; display: flex; align-items: center; gap: clamp(.6rem, 2vw, 1.6rem); }
.site-nav a, .menu-toggle, .section-label, .trust-row, .hero-telemetry, .card-top span, .surface-card > span, .path-card > span, .operator-card > span, .live-card > span, .decision-card > span, .feature-card > span, .pricing-card > span, .footer-main nav > span, .footer-bar, .visual-status, .console-head, .form-status, .legal-notice {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.site-nav a { color: rgba(232,230,225,.62); padding: 29px 0 27px; border-bottom: 1px solid transparent; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--silver); border-color: var(--ember); }
.menu-toggle { display: none; border: 1px solid var(--line); background: transparent; padding: .75rem; }

.button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  padding: 0 1.15rem;
  border: 1px solid var(--line-strong);
  background: rgba(10,9,8,.35);
  color: var(--silver);
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color 280ms ease, background 280ms ease, color 280ms ease;
}
.button:hover, .button:focus-visible { border-color: var(--ember); outline: none; }
.button.primary { border-color: var(--ember); background: var(--ember); color: #160c08; }
.button.primary:hover, .button.primary:focus-visible { background: #f27642; }
.button.ghost { background: rgba(10,9,8,.46); backdrop-filter: blur(12px); }
.button.wide { width: 100%; }
.header-cta { min-height: 40px; padding: 0 1rem; }

h1, h2, h3 { margin: 0; font-family: "Space Grotesk", sans-serif; font-weight: 300; letter-spacing: -.045em; }
h1 { font-size: clamp(3.4rem, 7.8vw, 7.5rem); line-height: .94; }
h2 { font-size: clamp(2.7rem, 5.8vw, 5.5rem); line-height: .98; }
h3 { font-size: clamp(1.5rem, 2.4vw, 2.25rem); line-height: 1.05; }
em { color: var(--ember); font-weight: 300; }
p { color: rgba(232,230,225,.65); line-height: 1.72; }

.section-label { color: var(--ember); display: flex; align-items: center; gap: .8rem; margin-bottom: 1.7rem; }
.section-label::before { content: ""; width: 2rem; height: 1px; background: var(--ember); }
.section-label span { color: rgba(232,230,225,.48); }
.hero-actions { display: flex; gap: .7rem; flex-wrap: wrap; margin-top: 2rem; }

.home-hero {
  min-height: calc(100svh - 76px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 100%, rgba(163,54,32,.26), transparent 52%), var(--bg);
}
#orbit-scene, .home-scene { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
#orbit-scene { z-index: -3; opacity: .75; }
.home-scene {
  z-index: -4;
  background: linear-gradient(90deg, rgba(10,9,8,.96) 0%, rgba(10,9,8,.76) 43%, rgba(10,9,8,.28) 100%), linear-gradient(180deg, rgba(10,9,8,.1), rgba(10,9,8,.8)), url("/assets/editorial/signal-room.jpg") center / cover no-repeat;
  opacity: .92;
  transform: scale(1.02);
  animation: sceneDrift 24s ease-in-out infinite alternate;
}
.home-hero-inner {
  flex: 1;
  width: min(var(--max), calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(5rem, 9vh, 8rem) 0 4rem;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, .64fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: center;
}
.home-copy { max-width: 820px; }
.home-copy h1 { max-width: 900px; }
.home-copy > p { max-width: 640px; margin: 1.6rem 0 0; font-size: clamp(1rem, 1.4vw, 1.22rem); }
.trust-row { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.8rem; }
.trust-row span { padding: .46rem .58rem; border: 1px solid var(--line); background: rgba(10,9,8,.44); color: rgba(232,230,225,.62); }
.route-console { position: relative; overflow: hidden; border: 1px solid rgba(232,230,225,.22); background: linear-gradient(155deg, rgba(232,230,225,.085), rgba(10,9,8,.66) 30%, rgba(10,9,8,.5)); backdrop-filter: blur(24px) saturate(.8); padding: 10px; box-shadow: inset 0 1px 0 rgba(232,230,225,.08), 0 30px 100px rgba(0,0,0,.34); }
.route-console::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg, transparent 28%, rgba(232,230,225,.07) 43%, transparent 58%); transform: translateX(-110%); animation: glassSweep 9s ease-in-out infinite; }
.console-head { display: flex; justify-content: space-between; color: var(--ember); padding: 1rem 1rem 1.25rem; }
.console-head b { color: var(--muted); font-weight: 400; }
.route-choice { width: 100%; border: 1px solid transparent; border-top-color: var(--line); background: transparent; text-align: left; padding: 1.25rem 1rem; display: grid; grid-template-columns: 34px 1fr; gap: 1rem; cursor: pointer; }
.route-choice:hover, .route-choice.is-active { border-color: rgba(232,97,43,.55); background: rgba(232,97,43,.08); }
.route-choice > span { color: var(--ember); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .18em; }
.route-choice div { display: grid; gap: .35rem; }
.route-choice strong { font-family: "Space Grotesk"; font-weight: 300; font-size: 1.25rem; letter-spacing: -.02em; }
.route-choice small { color: var(--muted); font-size: .8rem; }
.console-action { display: flex; align-items: center; justify-content: space-between; padding: 1rem; margin-top: 8px; background: var(--ember); color: #160c08; font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.hero-telemetry { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; min-height: 58px; display: flex; align-items: center; justify-content: center; gap: 1.2rem; border-top: 1px solid var(--line); color: rgba(232,230,225,.46); }
.hero-telemetry i { width: 4px; height: 4px; border-radius: 50%; background: var(--ember); box-shadow: 0 0 14px var(--ember); }

.content-section { border-top: 1px solid var(--line); padding: clamp(6rem, 11vw, 10rem) 0; overflow: hidden; }
.content-inner { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; }
.section-heading { max-width: 940px; margin-bottom: clamp(3rem, 6vw, 5rem); }
.section-heading > p { max-width: 690px; margin: 1.6rem 0 0; font-size: 1.05rem; }
.problem-section { background: radial-gradient(circle at 20% 40%, rgba(163,54,32,.1), transparent 32%), var(--bg); }
.problem-grid { border: 1px solid var(--line); }
.problem-row { min-height: 160px; display: grid; grid-template-columns: 60px minmax(240px,.8fr) 1fr; gap: 2rem; align-items: center; padding: 2rem; border-top: 1px solid var(--line); }
.problem-row:first-child { border-top: 0; }
.problem-row > span, .flow-line article > span, .process-track article > span, .dna-row > span { color: var(--ember); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .18em; }
.problem-row p { max-width: 540px; margin: 0; }
.system-section, .architecture-section { background: linear-gradient(180deg, rgba(26,24,22,.34), transparent); }
.flow-line { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); background: var(--line); gap: 1px; }
.flow-line article { min-height: 320px; display: flex; flex-direction: column; padding: 2rem; background: var(--bg); }
.flow-line h3 { margin: auto 0 1rem; font-size: 1.75rem; }
.flow-line p { margin: 0; font-size: .92rem; }
.surface-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); border: 1px solid var(--line); background: var(--line); gap: 1px; }
.surface-card { position: relative; min-height: 300px; padding: 1.7rem; background: linear-gradient(160deg, rgba(232,230,225,.025), rgba(10,9,8,.96) 42%); display: flex; flex-direction: column; overflow: hidden; transition: background 280ms ease, border-color 280ms ease; }
.surface-card::after { content: ""; position: absolute; width: 150px; height: 150px; right: -85px; bottom: -85px; border: 1px solid rgba(232,97,43,.24); border-radius: 50%; box-shadow: 0 0 60px rgba(232,97,43,.06); transition: transform 500ms ease, border-color 300ms ease; }
.surface-card:hover::after { transform: scale(1.22); border-color: rgba(232,97,43,.55); }
.surface-card:nth-child(5), .surface-card:nth-child(6), .surface-card:nth-child(7) { grid-column: span 1; }
.surface-card:nth-child(7) { grid-column: span 2; }
.card-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.card-top span { color: var(--ember); }
.brand-icon { width: 24px; height: 24px; opacity: .78; filter: grayscale(1) brightness(1.7); }
.surface-card h3 { margin: auto 0 1rem; font-size: 1.7rem; }
.surface-card p { margin: 0; font-size: .9rem; }

.path-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); background: var(--line); gap: 1px; }
.path-card { position: relative; min-height: 460px; padding: 2.2rem; background: var(--bg); display: flex; flex-direction: column; transition: background 280ms ease; }
.path-card:hover { background: #13110f; }
.path-card::after { content: ""; position: absolute; inset: 1rem; border: 1px solid transparent; pointer-events: none; transition: border-color 280ms ease; }
.path-card:hover::after { border-color: rgba(232,97,43,.42); }
.path-number { font-family: "Space Grotesk"; font-size: 5rem; color: rgba(232,230,225,.08); line-height: 1; }
.path-card > span { color: var(--ember); margin-top: 1rem; }
.path-card h3 { margin: 1.1rem 0; }
.path-card p { margin: 0; }
.path-card strong { margin-top: auto; display: flex; justify-content: space-between; color: var(--silver); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.path-card strong b { color: var(--ember); }
.live-section { background: radial-gradient(circle at 82% 52%, rgba(232,97,43,.12), transparent 26%); }
.live-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 8vw, 7rem); align-items: center; }
.live-copy h2 { font-size: clamp(2.8rem, 5vw, 5rem); }
.live-copy p { max-width: 520px; font-size: 1.04rem; }
.live-links { display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.live-card { min-height: 220px; padding: 2rem; background: rgba(10,9,8,.94); display: flex; flex-direction: column; }
.live-card > span { color: var(--ember); }
.live-card strong { margin: auto 0 .5rem; font-family: "Space Grotesk"; font-weight: 300; font-size: 1.9rem; letter-spacing: -.035em; }
.live-card small { color: var(--muted); }

.business-quickrail { position: relative; z-index: 3; width: 100%; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(7,6,5,.96); }
.business-quickrail a { position: relative; min-height: 108px; padding: 1.25rem clamp(1rem,2vw,2rem); border-left: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto; align-content: center; gap: .45rem 1rem; overflow: hidden; }
.business-quickrail a:first-child { border-left: 0; }
.business-quickrail a::before { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 28%, rgba(232,97,43,.08), transparent 72%); transform: translateX(-110%); transition: transform 700ms ease; }
.business-quickrail a:hover::before { transform: translateX(110%); }
.business-quickrail span { grid-column: 1 / -1; color: var(--ember); }
.business-quickrail strong { font-family: "Space Grotesk"; font-size: clamp(1rem,1.4vw,1.3rem); font-weight: 300; }
.business-quickrail b { color: var(--ember); font-weight: 400; }

.business-entry-section { background: radial-gradient(circle at 85% 12%, rgba(232,97,43,.1), transparent 30%), #080706; }
.business-journey { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border: 1px solid var(--line); background: var(--line); gap: 1px; }
.business-journey-card { position: relative; min-height: 500px; padding: 0; overflow: hidden; background: #070605; isolation: isolate; }
.journey-image { position: absolute; inset: 0; z-index: -2; background-image: linear-gradient(180deg, rgba(7,6,5,.08), rgba(7,6,5,.97) 88%), linear-gradient(90deg, rgba(7,6,5,.15), rgba(7,6,5,.62)), var(--journey-image); background-position: center; background-size: cover; filter: grayscale(.42) saturate(.52) contrast(1.13) brightness(.74); transform: scale(1.02); transition: transform 1.5s cubic-bezier(.2,.7,.2,1), filter 800ms ease; }
.business-journey-card::after { content: ""; position: absolute; inset: 1rem; border: 1px solid rgba(232,230,225,.12); pointer-events: none; transition: border-color 300ms ease; }
.business-journey-card:hover .journey-image { transform: scale(1.065); filter: grayscale(.2) saturate(.68) contrast(1.12) brightness(.82); }
.business-journey-card:hover::after { border-color: rgba(232,97,43,.52); }
.journey-content { min-height: 500px; padding: clamp(2rem,4vw,3.5rem); display: flex; flex-direction: column; }
.journey-content > span { color: var(--ember); }
.journey-content h3 { max-width: 560px; margin: auto 0 1rem; font-size: clamp(2rem,3.3vw,3.7rem); line-height: 1.02; text-shadow: 0 2px 24px rgba(0,0,0,.65); }
.journey-content p { max-width: 590px; margin: 0 0 2.2rem; color: rgba(232,230,225,.72); }
.journey-content strong { display: flex; justify-content: space-between; align-items: center; padding-top: 1.15rem; border-top: 1px solid rgba(232,230,225,.18); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.journey-content strong b { color: var(--ember); }
.business-journey-card.is-primary .journey-content strong { margin: 0 -1rem -1rem; padding: 1.15rem 1rem; border: 0; background: var(--ember); color: #160c08; }
.business-journey-card.is-primary .journey-content strong b { color: #160c08; }

.editorial-section { position: relative; isolation: isolate; min-height: clamp(720px,76vw,980px); border-top: 1px solid var(--line); padding: 0; overflow: hidden; display: grid; align-items: end; background: #080706; }
.editorial-section.editorial-muted { background: #070605; }
.editorial-section.editorial-muted .editorial-image img { filter: grayscale(.58) saturate(.48) contrast(1.12) brightness(.78); }
.editorial-section.editorial-muted .editorial-reticle { opacity: .48; }
.editorial-section.editorial-wide { min-height: clamp(700px,70vw,920px); }
.editorial-section.editorial-wide .editorial-inner { grid-template-columns: repeat(2,minmax(0,1fr)); }
.editorial-section.editorial-wide .editorial-image img { object-position: center 48%; }
.editorial-section.editorial-horizon { min-height: clamp(560px,55vw,760px); background: #070605; }
.editorial-section.editorial-horizon .editorial-image img { object-position: center 62%; filter: grayscale(.75) saturate(.32) contrast(1.14) brightness(.72); }
.editorial-section.editorial-horizon .editorial-reticle { width: 72px; opacity: .35; }
.editorial-inner { position: relative; z-index: 3; width: min(1420px, calc(100% - 48px)); min-height: inherit; margin: 0 auto; padding: clamp(7rem,13vw,12rem) 0 clamp(5rem,9vw,8rem); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: end; gap: clamp(3rem,7vw,7rem); }
.editorial-inner.reverse .editorial-copy { grid-column: 2; }
.editorial-image { position: absolute; inset: 0; z-index: -3; margin: 0; min-height: 0; overflow: hidden; border: 0; clip-path: none; background: #050403; box-shadow: none; }
.editorial-atmosphere { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgba(7,6,5,.97) 0%, rgba(7,6,5,.7) 42%, rgba(7,6,5,.12) 78%), linear-gradient(180deg, rgba(7,6,5,.18), rgba(7,6,5,.72) 88%), radial-gradient(circle at 68% 42%, transparent 0 15%, rgba(163,54,32,.12) 42%, transparent 66%); }
.editorial-section.editorial-reverse .editorial-atmosphere { transform: scaleX(-1); }
.editorial-image::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(180deg, rgba(10,9,8,.04), rgba(10,9,8,.28)), repeating-linear-gradient(90deg, rgba(232,97,43,.055) 0 1px, transparent 1px 25%); mix-blend-mode: screen; opacity: .42; }
.editorial-image img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; filter: grayscale(.25) saturate(.66) contrast(1.1) brightness(.76); transform: scale(1.035); transition: transform 2s cubic-bezier(.2,.7,.2,1), filter 1s ease; }
.editorial-section:hover .editorial-image img { transform: scale(1.065); filter: grayscale(.12) saturate(.76) contrast(1.1) brightness(.82); }
.editorial-image figcaption { position: absolute; z-index: 4; right: clamp(1rem,3vw,3rem); bottom: clamp(1rem,2vw,2rem); padding: .55rem .65rem; border: 1px solid rgba(232,230,225,.16); background: rgba(10,9,8,.58); backdrop-filter: blur(16px); color: rgba(232,230,225,.58); font-family: "JetBrains Mono"; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.editorial-reticle { position: absolute; z-index: 3; top: 50%; left: 62%; width: 110px; aspect-ratio: 1; border: 1px solid rgba(232,97,43,.56); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 60px rgba(232,97,43,.12); animation: reticlePulse 5s ease-in-out infinite; }
.editorial-reticle::before, .editorial-reticle::after { content: ""; position: absolute; background: rgba(232,97,43,.48); }
.editorial-reticle::before { left: 50%; top: -28px; width: 1px; height: calc(100% + 56px); }
.editorial-reticle::after { top: 50%; left: -28px; height: 1px; width: calc(100% + 56px); }
.editorial-copy { position: relative; max-width: 720px; padding: 2rem 0; text-shadow: 0 3px 28px rgba(0,0,0,.7); }
.editorial-copy::before { content: ""; position: absolute; z-index: -1; inset: -4rem -8rem; background: radial-gradient(ellipse at 35% 50%, rgba(7,6,5,.88), rgba(7,6,5,.48) 48%, transparent 74%); filter: blur(18px); }
.editorial-copy h2 { font-size: clamp(3.2rem,6.4vw,6.8rem); }
.editorial-copy > p { max-width: 620px; margin: 1.6rem 0 0; font-size: 1.08rem; color: rgba(232,230,225,.76); }
.artifact-meta { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 2rem; }
.artifact-meta span { padding: .5rem .58rem; border: 1px solid var(--line); background: rgba(232,230,225,.025); color: rgba(232,230,225,.5); font-family: "JetBrains Mono"; font-size: 8px; letter-spacing: .17em; }
.final-cta { border-top: 1px solid var(--line); padding: clamp(7rem, 13vw, 12rem) 24px; background: radial-gradient(ellipse at 50% 100%, rgba(163,54,32,.28), transparent 58%); text-align: center; }
.final-cta-inner { max-width: 920px; margin: 0 auto; }
.final-cta .section-label { justify-content: center; }
.final-cta p { max-width: 640px; margin: 1.6rem auto 0; font-size: 1.08rem; }
.final-cta .hero-actions { justify-content: center; }

.page-hero { min-height: min(860px, calc(100svh - 76px)); display: grid; align-items: center; overflow: hidden; background: radial-gradient(ellipse at 70% 70%, rgba(163,54,32,.19), transparent 42%), var(--bg); }
.page-hero.compact { min-height: 650px; }
.hero-grid { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; padding: clamp(5rem, 10vw, 8rem) 0; display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(3rem, 8vw, 7rem); align-items: center; }
.hero-copy h1 { font-size: clamp(3.5rem, 7vw, 7rem); max-width: 850px; }
.hero-copy > p { max-width: 680px; font-size: clamp(1rem, 1.5vw, 1.2rem); margin-top: 1.6rem; }
.hero-visual { min-height: 500px; position: relative; display: grid; place-items: center; }
.hero-image { position: absolute; inset: 2rem; overflow: hidden; opacity: 0; background-position: center; background-size: cover; filter: saturate(.78) contrast(1.08); clip-path: polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px); }
.hero-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,9,8,.1), rgba(10,9,8,.55)), radial-gradient(circle at 65% 50%, transparent, rgba(10,9,8,.46) 76%); }
.hero-visual.business .hero-image { opacity: .72; background-image: url("/assets/editorial/signal-room.jpg"); }
.hero-visual.advanced .hero-image { opacity: .72; background-image: url("/assets/editorial/web-bank-2026-07-11/command-archive-film.webp"); background-position: 54% center; }
.hero-visual.operators .hero-image { opacity: .72; background-image: url("/assets/editorial/operator-constellation.jpg"); background-position: 66% center; }
.hero-visual.dna .hero-image { opacity: .78; background-image: url("/assets/editorial/business-memory.jpg"); background-position: 58% center; }
.hero-visual.business .hero-orb, .hero-visual.advanced .hero-orb, .hero-visual.operators .hero-orb, .hero-visual.dna .hero-orb { width: min(220px,48%); background: rgba(10,9,8,.26); backdrop-filter: blur(2px); box-shadow: inset 0 0 80px rgba(232,97,43,.14), 0 0 90px rgba(163,54,32,.18); }
.visual-frame { position: absolute; inset: 2rem; border: 1px solid var(--line); clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px); }
.visual-frame span { position: absolute; width: 22px; height: 22px; border-color: var(--ember); }
.visual-frame span:nth-child(1) { top: 0; left: 0; border-top: 1px solid; border-left: 1px solid; }
.visual-frame span:nth-child(2) { top: 0; right: 0; border-top: 1px solid; border-right: 1px solid; }
.visual-frame span:nth-child(3) { bottom: 0; left: 0; border-bottom: 1px solid; border-left: 1px solid; }
.visual-frame span:nth-child(4) { bottom: 0; right: 0; border-bottom: 1px solid; border-right: 1px solid; }
.hero-orb { width: min(300px, 64%); aspect-ratio: 1; border: 1px solid rgba(232,97,43,.48); border-radius: 50%; position: relative; box-shadow: inset 0 0 80px rgba(232,97,43,.12), 0 0 90px rgba(163,54,32,.1); animation: orbitSpin 34s linear infinite; }
.hero-orb::before, .hero-orb::after, .hero-orb i { content: ""; position: absolute; inset: 15%; border: 1px solid var(--line); border-radius: 50%; transform: rotateX(68deg); }
.hero-orb::after { inset: 30%; border-color: rgba(232,97,43,.55); transform: rotateY(68deg); }
.hero-orb i:nth-child(1) { inset: 4%; transform: rotateY(64deg); }
.hero-orb i:nth-child(2) { inset: 22%; transform: rotate(45deg) rotateX(70deg); }
.hero-orb i:nth-child(3) { inset: 38%; background: radial-gradient(circle, rgba(232,97,43,.5), transparent 68%); border-color: rgba(232,97,43,.6); transform: none; }
.hero-orb b { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--ember); box-shadow: 0 0 18px var(--ember); top: 15%; left: 28%; }
.visual-status { position: absolute; bottom: 3.2rem; left: 3.2rem; display: flex; align-items: center; gap: .55rem; color: var(--muted); }
.pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--ember); box-shadow: 0 0 0 0 rgba(232,97,43,.5); animation: pulse 2.2s infinite; display: inline-block; }
@keyframes orbitSpin { to { transform: rotate(360deg); } }
@keyframes pulse { 75% { box-shadow: 0 0 0 9px rgba(232,97,43,0); } }
@keyframes sceneDrift { from { transform: scale(1.02) translate3d(0,0,0); } to { transform: scale(1.055) translate3d(-.5%,.25%,0); } }
@keyframes glassSweep { 0%,65% { transform: translateX(-110%); } 85%,100% { transform: translateX(110%); } }
@keyframes reticlePulse { 0%,100% { transform: translate(-50%,-50%) scale(.94); opacity: .42; } 50% { transform: translate(-50%,-50%) scale(1.06); opacity: .9; } }

.split-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 8vw, 7rem); align-items: start; }
.split-copy .section-heading { position: sticky; top: 3rem; }
.decision-stack { display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.decision-card { min-height: 300px; padding: 2rem; background: var(--bg); display: flex; flex-direction: column; }
.decision-card > span { color: var(--ember); }
.decision-card h3 { margin: auto 0 1rem; }
.decision-card p { margin: 0 0 1.4rem; }
.decision-card strong { color: var(--silver); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.process-track { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
.process-track article { min-height: 260px; padding: 2rem; border-left: 1px solid var(--line); display: flex; flex-direction: column; }
.process-track article:first-child { border-left: 0; }
.process-track h3 { margin: auto 0 .8rem; }
.process-track p { margin: 0; font-size: .9rem; }
.feature-grid, .principle-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); background: var(--line); gap: 1px; }
.feature-card, .principle-grid article { min-height: 340px; padding: 2rem; background: var(--bg); display: flex; flex-direction: column; }
.feature-card > span, .principle-grid article > span { color: var(--ember); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .18em; }
.feature-card h3, .principle-grid h3 { margin: auto 0 1rem; }
.feature-card p, .principle-grid p { margin: 0; }
.review-panel { border: 1px solid var(--line); padding: clamp(2rem,5vw,4rem); display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; background: rgba(26,24,22,.45); }
.review-panel > div > span { color: var(--ember); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .18em; }
.review-panel h3 { margin-top: 1rem; }
.review-panel ul { margin: 0; padding-left: 1.2rem; color: rgba(232,230,225,.68); display: grid; gap: .9rem; line-height: 1.6; }
.review-panel .button { align-self: end; justify-self: start; }

.operator-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.operator-card { min-height: 430px; padding: 2.2rem; background: var(--bg); display: flex; flex-direction: column; }
.operator-card > span { color: var(--ember); }
.operator-card h3 { margin: 3rem 0 1rem; }
.operator-card strong { margin-top: auto; color: var(--silver); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.operator-progression-section { background: radial-gradient(circle at 50% 55%, rgba(163,54,32,.11), transparent 38%), #080706; }
.operator-progression { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 1rem; }
.operator-progression > a { position: relative; isolation: isolate; overflow: hidden; min-height: 330px; padding: 2rem; border: 1px solid var(--line); background: #090806; display: flex; flex-direction: column; }
.operator-progression > a::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--progress-image) center / cover no-repeat; filter: grayscale(1) contrast(1.08); opacity: .28; transform: scale(1.03); transition: opacity 320ms ease, transform 700ms ease; }
.operator-progression > a::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(7,6,5,.5), rgba(7,6,5,.94) 72%), radial-gradient(circle at 75% 20%, rgba(232,97,43,.15), transparent 38%); }
.operator-progression > a:hover { border-color: rgba(232,97,43,.58); }
.operator-progression > a:hover::before { opacity: .4; transform: scale(1); }
.operator-progression > a > span { color: var(--ember); }
.operator-progression > a > strong { margin: auto 0 1rem; color: #f2f0eb; font-family: "Space Grotesk"; font-size: clamp(1.8rem,2.7vw,3rem); font-weight: 300; }
.operator-progression > a > p { margin: 0; color: rgba(242,240,235,.78); }
.operator-progression > i { align-self: center; color: var(--ember); font-family: "JetBrains Mono"; font-style: normal; }
.comparison-table { border: 1px solid var(--line); }
.comparison-table > div { display: grid; grid-template-columns: .65fr 1fr 1fr; gap: 2rem; padding: 1.5rem 2rem; border-top: 1px solid var(--line); align-items: center; }
.comparison-table > div:first-child { border-top: 0; }
.comparison-head { color: var(--ember); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.comparison-table strong { font-family: "Space Grotesk"; font-weight: 300; font-size: 1.25rem; }
.comparison-table span { color: var(--muted); }
.included-list { border: 1px solid var(--line); }
.included-list > div { min-height: 100px; padding: 1.4rem 1.8rem; display: grid; grid-template-columns: 48px 1fr; gap: 1rem; align-items: center; border-top: 1px solid var(--line); }
.included-list > div:first-child { border-top: 0; }
.included-list span { color: var(--ember); font-family: "JetBrains Mono"; font-size: 10px; }
.included-list p { margin: 0; font-size: 1.04rem; }
.boundary-section { padding-top: 2rem; }
.boundary-panel { border: 1px solid rgba(232,97,43,.42); padding: clamp(2rem,5vw,4rem); background: rgba(163,54,32,.08); }
.boundary-panel > span { color: var(--ember); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .18em; }
.boundary-panel h2 { max-width: 980px; margin-top: 1.3rem; font-size: clamp(2.1rem,4vw,4.2rem); }

.accredited-journey-section { background: radial-gradient(circle at 72% 48%, rgba(163,54,32,.12), transparent 34%), #080706; }
.accredited-journey-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.accredited-journey-card { min-height: 290px; padding: 1.8rem; background: #0a0908; display: flex; flex-direction: column; }
.accredited-journey-card > span, .accredited-journey-card small { color: var(--ember); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.accredited-journey-card h3 { margin: auto 0 1rem; }
.accredited-journey-card p { margin: 0; }
.accredited-journey-card small { display: block; margin-top: 1.4rem; color: var(--muted); line-height: 1.5; }
.accredited-journey-card.is-public { box-shadow: inset 0 2px 0 var(--silver); }
.accredited-journey-card.is-private { box-shadow: inset 0 2px 0 var(--ember); background: linear-gradient(180deg, rgba(163,54,32,.11), #0a0908 40%); }
.accredited-interest-section { background: linear-gradient(180deg, #0a0908, #070606); }
.accredited-interest-layout { grid-template-columns: .78fr 1.22fr; }
.interest-boundary-list { margin-top: 3rem; border: 1px solid var(--line); }
.interest-boundary-list > div { padding: 1.3rem 1.5rem; border-top: 1px solid var(--line); }
.interest-boundary-list > div:first-child { border-top: 0; }
.interest-boundary-list span, .preview-form-banner span, .triage-preview-copy > span, .triage-outcome > span { color: var(--ember); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.interest-boundary-list p { margin: .55rem 0 0; font-size: .88rem; }
.accredited-interest-form { border: 1px solid var(--line-strong); padding: clamp(1.5rem,4vw,2.5rem); background: rgba(13,11,10,.92); box-shadow: 0 30px 90px rgba(0,0,0,.28); }
.preview-form-banner { padding: 1.3rem; margin-bottom: 1.7rem; border: 1px solid rgba(232,97,43,.36); background: rgba(163,54,32,.08); }
.preview-form-banner strong { display: block; margin: .55rem 0 .35rem; font-family: "Space Grotesk"; font-size: 1.25rem; font-weight: 400; }
.preview-form-banner p { margin: 0; font-size: .84rem; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-grid label { display: grid; gap: .5rem; }
.form-grid label.full { grid-column: 1 / -1; }
.form-grid label > span { color: var(--muted); font-family: "JetBrains Mono"; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.form-grid input, .form-grid textarea { width: 100%; border: 1px solid var(--line); border-radius: 0; padding: .95rem 1rem; background: #090806; color: var(--silver); font: inherit; }
.form-grid textarea { min-height: 112px; resize: vertical; }
.form-grid input:focus, .form-grid textarea:focus { border-color: var(--ember); outline: 1px solid var(--ember); outline-offset: 1px; }
.preview-consent { display: grid; grid-template-columns: auto 1fr; gap: .8rem; align-items: start; margin: 1.4rem 0; color: rgba(232,230,225,.72); font-size: .88rem; line-height: 1.6; }
.preview-consent input { width: 18px; height: 18px; margin-top: .15rem; accent-color: var(--ember); }
.form-footnote { margin: 1rem 0 0; font-family: "JetBrains Mono"; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.triage-preview-section { padding-top: 0; }
.triage-result-shell { scroll-margin-top: 90px; border: 1px solid rgba(232,97,43,.45); background: radial-gradient(circle at 78% 15%, rgba(232,97,43,.12), transparent 34%), #090806; }
.triage-record { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); }
.triage-record > div { min-width: 0; padding: 1.2rem; border-left: 1px solid var(--line); }
.triage-record > div:first-child { border-left: 0; }
.triage-record span { display: block; color: var(--muted); font-family: "JetBrains Mono"; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.triage-record code, .triage-record strong { display: block; margin-top: .6rem; overflow-wrap: anywhere; color: var(--silver); font-family: "JetBrains Mono"; font-size: .78rem; font-weight: 400; }
.triage-preview-copy { padding: clamp(1.8rem,4vw,3rem); max-width: 850px; }
.triage-preview-copy h2 { margin: .9rem 0 1rem; }
.triage-actions { display: flex; flex-wrap: wrap; gap: .7rem; padding: 0 clamp(1.8rem,4vw,3rem) clamp(1.8rem,4vw,3rem); }
.triage-actions button { border: 1px solid var(--line-strong); padding: .8rem 1rem; background: transparent; color: var(--muted); font-family: "JetBrains Mono"; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
.triage-actions button:hover, .triage-actions button:focus-visible, .triage-actions button.is-active { border-color: var(--ember); color: var(--silver); background: rgba(163,54,32,.12); outline: none; }
.triage-outcome { min-height: 190px; padding: clamp(1.8rem,4vw,3rem); border-top: 1px solid var(--line); background: rgba(255,255,255,.015); }
.triage-outcome h3 { margin: .8rem 0; font-size: clamp(1.8rem,3vw,3rem); }
.triage-outcome p { max-width: 760px; }
.triage-outcome .button { margin-top: 1rem; }

.source-marquee { display: flex; gap: 1px; background: var(--line); border: 1px solid var(--line); overflow-x: auto; }
.source-marquee span { flex: 1 0 150px; padding: 2rem 1.2rem; background: var(--bg); text-align: center; color: var(--muted); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.dna-list { border: 1px solid var(--line); }
.dna-row { display: grid; grid-template-columns: 60px .7fr 1.2fr; gap: 2rem; padding: 2rem; border-top: 1px solid var(--line); align-items: center; }
.dna-row:first-child { border-top: 0; }
.dna-row p { margin: 0; }
.truth-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; border: 1px solid var(--line); padding: 1px; }
.truth-flow div { min-height: 210px; display: flex; flex-direction: column; padding: 1.5rem; background: var(--graphite); }
.truth-flow div span { color: var(--ember); font-family: "JetBrains Mono"; font-size: 10px; }
.truth-flow div strong { margin-top: auto; font-family: "Space Grotesk"; font-size: 1.6rem; font-weight: 300; }
.truth-flow div small { margin-top: .45rem; color: var(--muted); line-height: 1.5; }
.truth-flow > i { color: var(--ember); padding: .7rem; }

.pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); gap: 1px; background: var(--line); }
.pricing-card { min-height: 480px; padding: 2.2rem; background: var(--bg); display: flex; flex-direction: column; }
.pricing-card > span { color: var(--ember); }
.pricing-card h3 { margin-top: 3rem; }
.pricing-card > strong { margin: 1rem 0; color: var(--silver); font-size: 1rem; }
.pricing-card .button { margin-top: auto; align-self: flex-start; }
.pricing-note { border-left: 1px solid var(--ember); padding-left: 1rem; max-width: 760px; margin: 2rem 0 0; font-size: .86rem; }

.support-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); gap: 1px; background: var(--line); }
.support-card { min-height: 230px; padding: 1.8rem; border: 0; background: var(--bg); text-align: left; cursor: pointer; display: flex; flex-direction: column; }
.support-card:hover, .support-card:focus-visible { background: #13110f; outline: 1px solid var(--ember); outline-offset: -1px; }
.support-card h3 { font-size: 1.55rem; }
.support-card p { margin: .8rem 0; }
.support-card span { margin-top: auto; color: var(--ember); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.contact-options .pricing-card { min-height: 430px; }

.auth-page { min-height: calc(100svh - 76px); display: grid; place-items: center; padding: 4rem 24px; background: radial-gradient(circle at 50% 50%, rgba(163,54,32,.16), transparent 34%); }
.auth-panel { width: min(520px,100%); border: 1px solid var(--line-strong); padding: clamp(2rem,5vw,3.5rem); background: rgba(10,9,8,.88); }
.auth-logo { display: inline-block; padding: .7rem; border: 1px solid var(--line); margin-bottom: 3rem; }
.auth-logo img { width: 110px; display: block; }
.auth-panel h1 { font-size: clamp(2.6rem,6vw,4.8rem); }
.auth-panel p { margin: 1.3rem 0 2rem; }
.text-link { display: block; margin-top: 1.4rem; text-align: center; color: var(--muted); font-family: "JetBrains Mono"; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.legal-section { padding-top: 3rem; }
.legal-content { width: min(820px,100%); margin: 0 auto; }
.legal-notice { display: inline-block; padding: .7rem; border: 1px solid rgba(232,97,43,.4); color: var(--ember); margin-bottom: 3rem; }
.legal-content h2 { margin-bottom: 1.5rem; }
.legal-content h3 { margin: 3rem 0 1rem; font-size: 1.8rem; }

.site-footer { border-top: 1px solid var(--line); background: #070606; }
.footer-main { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; padding: 4rem 0; display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 3rem; }
.footer-statement img { width: 120px; }
.footer-statement p { max-width: 320px; }
.footer-main nav { display: flex; flex-direction: column; gap: .8rem; }
.footer-main nav > span { color: var(--ember); margin-bottom: .5rem; }
.footer-main nav a { color: var(--muted); font-size: .88rem; }
.footer-main nav a:hover { color: var(--silver); }
.footer-bar { border-top: 1px solid var(--line); min-height: 58px; width: min(var(--max), calc(100% - 48px)); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: rgba(232,230,225,.38); }
.footer-bar nav { display: flex; gap: 1rem; }

.reveal { opacity: 0; transform: translateY(8px); transition: opacity 650ms ease var(--delay,0ms), transform 650ms ease var(--delay,0ms); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; } .reveal { opacity: 1; transform: none; } }

@media (max-width: 1050px) {
  .header-inner { grid-template-columns: auto 1fr auto; }
  .site-nav { gap: .75rem; }
  .site-nav a { font-size: 9px; letter-spacing: .12em; }
  .home-hero-inner, .hero-grid, .live-grid, .split-grid { grid-template-columns: 1fr; }
  .editorial-inner, .editorial-inner.reverse { grid-template-columns: 1fr; }
  .editorial-inner.reverse .editorial-copy { grid-column: 1; }
  .editorial-copy { max-width: 760px; }
  .business-quickrail { grid-template-columns: repeat(2,1fr); }
  .business-quickrail a:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .business-quickrail a:nth-child(4) { border-top: 1px solid var(--line); }
  .operator-progression { grid-template-columns: 1fr; }
  .accredited-journey-grid { grid-template-columns: repeat(2,1fr); }
  .accredited-interest-layout { grid-template-columns: 1fr; }
  .triage-record { grid-template-columns: repeat(2,1fr); }
  .operator-progression > i { transform: rotate(90deg); justify-self: center; }
  .home-hero-inner { padding-top: 5rem; }
  .route-console { width: min(620px,100%); }
  .hero-visual { min-height: 420px; }
  .surface-grid { grid-template-columns: repeat(2,1fr); }
  .surface-card:nth-child(7) { grid-column: span 2; }
  .flow-line, .process-track { grid-template-columns: repeat(2,1fr); }
  .flow-line article:nth-child(3), .flow-line article:nth-child(4), .process-track article:nth-child(3), .process-track article:nth-child(4) { border-top: 1px solid var(--line); }
  .path-grid, .operator-grid, .pricing-grid, .support-grid { grid-template-columns: 1fr; }
  .path-card, .operator-card, .pricing-card { min-height: 340px; }
  .split-copy .section-heading { position: static; }
  .footer-main { grid-template-columns: 1.5fr repeat(2,1fr); }
}

@media (max-width: 780px) {
  .header-inner { width: min(100% - 28px, var(--max)); min-height: 68px; grid-template-columns: 1fr auto; gap: 1rem; }
  .menu-toggle { display: block; justify-self: end; }
  .header-cta { display: none; }
  .site-nav { display: none; grid-column: 1 / -1; justify-self: stretch; flex-direction: column; align-items: stretch; padding: 0 0 1rem; }
  .site-nav.is-open { display: flex; }
  .site-nav a { padding: .8rem 0; border-bottom: 1px solid var(--line); }
  .home-hero { min-height: auto; }
  .home-hero-inner, .hero-grid, .content-inner, .footer-main, .footer-bar, .hero-telemetry { width: min(100% - 28px, var(--max)); }
  .editorial-inner { width: min(100% - 28px, 1420px); }
  .editorial-section.editorial-wide .editorial-inner { grid-template-columns: 1fr; }
  .editorial-section { min-height: 760px; }
  .editorial-inner { padding: 8rem 0 5rem; }
  .editorial-image { min-height: 0; }
  .editorial-atmosphere { background: linear-gradient(180deg, rgba(7,6,5,.2) 0%, rgba(7,6,5,.72) 48%, rgba(7,6,5,.98) 100%), radial-gradient(circle at 50% 18%, transparent 0 12%, rgba(163,54,32,.11) 38%, transparent 68%); }
  .editorial-copy::before { inset: -3rem -2rem; }
  .editorial-reticle { width: 76px; }
  .home-hero-inner { padding: 4rem 0 3rem; gap: 3rem; }
  h1 { font-size: clamp(3rem,15vw,5rem); }
  h2 { font-size: clamp(2.5rem,12vw,4rem); }
  .home-copy > p { font-size: 1rem; }
  .hero-actions { align-items: stretch; }
  .hero-actions .button { width: 100%; }
  .hero-telemetry { overflow-x: auto; justify-content: flex-start; white-space: nowrap; }
  .content-section { padding: 5rem 0; }
  .business-quickrail, .business-journey { grid-template-columns: 1fr; }
  .business-quickrail a { border-left: 0; border-top: 1px solid var(--line); }
  .business-quickrail a:first-child { border-top: 0; }
  .business-journey-card, .journey-content { min-height: 440px; }
  .problem-row, .dna-row { grid-template-columns: 36px 1fr; gap: 1rem; }
  .problem-row p, .dna-row p { grid-column: 2; }
  .flow-line, .process-track, .surface-grid, .feature-grid, .principle-grid { grid-template-columns: 1fr; }
  .surface-card:nth-child(7) { grid-column: auto; }
  .flow-line article, .process-track article { min-height: 230px; border-left: 0; border-top: 1px solid var(--line); }
  .flow-line article:first-child, .process-track article:first-child { border-top: 0; }
  .surface-card { min-height: 250px; }
  .review-panel { grid-template-columns: 1fr; }
  .comparison-table > div { grid-template-columns: 1fr; gap: .55rem; }
  .accredited-journey-grid, .form-grid, .triage-record { grid-template-columns: 1fr; }
  .triage-record > div { border-left: 0; border-top: 1px solid var(--line); }
  .triage-record > div:first-child { border-top: 0; }
  .comparison-head { display: none !important; }
  .truth-flow { grid-template-columns: 1fr; }
  .truth-flow > i { transform: rotate(90deg); justify-self: center; }
  .hero-visual { min-height: 330px; }
  .visual-frame { inset: 0; }
  .visual-status { left: 1rem; bottom: 1rem; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
  .footer-statement { grid-column: 1 / -1; }
  .footer-bar { padding: 1rem 0; align-items: flex-start; flex-direction: column; }
}

@media (max-width: 480px) {
  .home-scene { background-position: 58% center; opacity: .52; }
  .home-copy h1 { font-size: 3.45rem; }
  .section-label { font-size: 9px; letter-spacing: .14em; }
  .route-choice { grid-template-columns: 26px 1fr; }
  .route-choice strong { font-size: 1.08rem; }
  .trust-row span { font-size: 8px; letter-spacing: .12em; }
  .path-card, .operator-card, .pricing-card { min-height: 390px; padding: 1.6rem; }
  .problem-row, .dna-row { padding: 1.4rem; }
  .footer-main { grid-template-columns: 1fr; }
  .footer-statement { grid-column: auto; }
}

/* ORBITxi root story ------------------------------------------------------ */
body[data-route="story"] {
  --story-void: #050505;
  --story-ivory: #f1e8d7;
  --story-soft: #b9b0a3;
  --story-red: #ff4b21;
  --story-deep-red: #7f1f12;
  background: var(--story-void);
  color: var(--story-ivory);
}
body[data-route="story"]::before { opacity: .065; mix-blend-mode: screen; }
body[data-route="story"] #app { overflow: clip; }
.story-shell { position: relative; background: var(--story-void); color: var(--story-ivory); counter-reset: story-scene; }
.story-shell :focus-visible { outline: 1px solid var(--story-red); outline-offset: 5px; }
.story-shell h1, .story-shell h2, .story-shell h3, .story-shell blockquote {
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  color: var(--story-ivory);
  font-weight: 400;
  letter-spacing: -.035em;
}
.story-shell h1 { font-size: clamp(4.5rem, 13vw, 13rem); line-height: .82; }
.story-shell h2 { font-size: clamp(3.2rem, 7vw, 7rem); line-height: .95; text-wrap: balance; }
.story-shell h3 { font-size: clamp(2rem, 4vw, 4rem); line-height: 1; }
.story-shell em { color: var(--story-red); font-style: italic; }
.story-shell p { color: var(--story-soft); }
.story-shell button, .story-shell a { -webkit-tap-highlight-color: transparent; }
.story-skip {
  position: fixed; z-index: 210; top: 1.25rem; left: 1.25rem; min-height: 42px; display: inline-flex; align-items: center;
  padding: .2rem .8rem; border: 1px solid rgba(241,232,215,.22); background: rgba(5,5,5,.72); backdrop-filter: blur(16px);
  color: var(--story-ivory); font-family: "JetBrains Mono"; font-size: 9px; letter-spacing: .2em; text-transform: uppercase;
}
.story-skip:hover { border-color: var(--story-red); }
.story-controls { position: fixed; z-index: 210; top: 1.25rem; right: 1.25rem; display: flex; border: 1px solid rgba(241,232,215,.22); background: rgba(5,5,5,.72); backdrop-filter: blur(16px); }
.story-controls button { min-height: 42px; padding: .2rem .8rem; border: 0; border-left: 1px solid rgba(241,232,215,.18); background: transparent; color: var(--story-ivory); display: inline-flex; align-items: center; gap: .6rem; font-family: "JetBrains Mono"; font-size: 8px; letter-spacing: .15em; text-transform: uppercase; cursor: pointer; }
.story-controls button:first-child { border-left: 0; }
.story-controls button:hover { color: var(--story-red); }
.story-control-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--story-red); box-shadow: 0 0 12px var(--story-red); }
.story-motion-off .story-control-dot { background: var(--story-soft); box-shadow: none; }
.story-index { position: fixed; z-index: 220; top: 4.75rem; right: 1.25rem; width: min(420px, calc(100vw - 2.5rem)); max-height: calc(100svh - 6rem); overflow: auto; border: 1px solid rgba(241,232,215,.24); background: rgba(5,5,5,.96); backdrop-filter: blur(30px); box-shadow: 0 24px 100px rgba(0,0,0,.55); }
.story-index-head { position: sticky; top: 0; z-index: 2; padding: 1rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(241,232,215,.15); background: #070707; font-family: "JetBrains Mono"; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }
.story-index-head button { border: 0; background: transparent; color: var(--story-soft); cursor: pointer; }
.story-index ol { list-style: none; margin: 0; padding: 0; }
.story-index li { border-top: 1px solid rgba(241,232,215,.09); }
.story-index li:first-child { border-top: 0; }
.story-index a { min-height: 48px; padding: .7rem 1rem; display: grid; grid-template-columns: 2.5rem 1fr; align-items: center; color: var(--story-soft); font-size: .86rem; }
.story-index a span { color: var(--story-red); font-family: "JetBrains Mono"; font-size: 8px; letter-spacing: .15em; }
.story-index a:hover, .story-index a[aria-current] { color: var(--story-ivory); background: rgba(255,75,33,.07); }
.story-progress-rail { position: fixed; z-index: 205; top: 0; right: 0; width: 2px; height: 100svh; background: rgba(241,232,215,.1); }
.story-progress-rail i { display: block; width: 100%; height: calc(var(--story-progress, 0) * 100%); background: var(--story-red); box-shadow: 0 0 14px var(--story-red); }
.story-thread { position: fixed; z-index: 8; top: 0; left: clamp(22px, 5vw, 78px); width: 80px; height: 100svh; pointer-events: none; opacity: .62; mix-blend-mode: screen; }
.story-thread svg { width: 100%; height: 100%; overflow: visible; }
.story-thread path { fill: none; stroke: rgba(255,75,33,.62); stroke-width: 1.2; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 7px rgba(255,75,33,.6)); }
.story-thread b { position: absolute; left: 50%; top: calc(var(--story-progress, 0) * 96%); width: 6px; height: 6px; border-radius: 50%; background: var(--story-red); box-shadow: 0 0 22px var(--story-red); transform: translate(-50%,-50%); }
.story-scene { position: relative; min-height: var(--scene-size, 120vh); scroll-margin-top: 0; border-top: 1px solid rgba(241,232,215,.07); background: var(--story-void); isolation: isolate; }
.story-stage { position: relative; min-height: 100svh; width: 100%; display: grid; align-items: center; overflow: hidden; padding: clamp(5rem, 8vw, 8rem) clamp(1.5rem, 7vw, 7rem); }
.story-scene.is-pinned .story-stage { position: sticky; top: 0; }
.story-stage::after { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(5,5,5,.15), rgba(5,5,5,.36)), radial-gradient(circle at 65% 45%, rgba(127,31,18,.08), transparent 38%); }
.story-stage-split { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(2rem, 7vw, 8rem); }
.story-stage-reverse { grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); }
.story-stage-full { display: block; }
.story-art { position: absolute; z-index: -3; inset: 0 0 0 36%; margin: 0; overflow: hidden; background: #080706; clip-path: polygon(8% 0,100% 0,100% 100%,0 92%); }
.story-stage-reverse .story-art { inset: 0 34% 0 0; clip-path: polygon(0 0,92% 6%,100% 100%,0 100%); }
.story-stage-full .story-art { inset: 0; clip-path: none; }
.story-opening .story-art { inset: 0; clip-path: none; opacity: .72; }
.story-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,5,5,.96) 0%, rgba(5,5,5,.64) 37%, rgba(5,5,5,.16) 72%), linear-gradient(180deg, rgba(5,5,5,.22), rgba(5,5,5,.52)); }
.story-stage-reverse .story-art::after { transform: scaleX(-1); }
.story-stage-full .story-art::after { background: linear-gradient(180deg, rgba(5,5,5,.22), rgba(5,5,5,.72) 84%), linear-gradient(90deg, rgba(5,5,5,.72), transparent 46%, rgba(5,5,5,.28)); }
.story-opening .story-art::after { background: radial-gradient(circle at 14% 82%, rgba(198,45,22,.18), transparent 22%), linear-gradient(90deg, rgba(5,5,5,.28), rgba(5,5,5,.76) 68%), linear-gradient(180deg, rgba(5,5,5,.08), rgba(5,5,5,.48)); }
.story-art picture { display: block; width: 100%; height: 100%; }
.story-art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--story-focal, center); filter: grayscale(.38) saturate(.52) contrast(1.16) brightness(.56); transform: scale(1.09); transition: transform 2.6s cubic-bezier(.2,.7,.2,1), filter 1.4s ease; }
.story-motion-ready .story-scene.is-active .story-art img { transform: scale(1.035); filter: grayscale(.2) saturate(.62) contrast(1.14) brightness(.66); }
.story-copy { position: relative; z-index: 3; max-width: 760px; }
.story-copy-left { grid-column: 1; }
.story-copy-right { grid-column: 2; justify-self: end; }
.story-copy-center { position: absolute; left: 50%; top: 50%; width: min(920px, calc(100% - 3rem)); transform: translate(-50%,-50%); text-align: center; }
.story-copy-bottom { position: absolute; left: clamp(1.5rem,7vw,7rem); right: clamp(1.5rem,7vw,7rem); bottom: clamp(4rem,8vw,7rem); max-width: 950px; }
.story-copy > p { max-width: 620px; margin: 1.4rem 0 0; font-size: clamp(1rem, 1.4vw, 1.28rem); line-height: 1.6; }
.story-kicker, .story-overline { color: var(--story-red) !important; font-family: "JetBrains Mono"; font-size: 9px !important; letter-spacing: .24em; text-transform: uppercase; }
.story-land { color: var(--story-ivory) !important; font-family: "Iowan Old Style", "Baskerville", serif; font-size: clamp(1.6rem, 3vw, 3rem) !important; line-height: 1.16 !important; }
.story-whisper { max-width: 420px !important; color: rgba(241,232,215,.76) !important; }
.story-motion-ready .story-reveal { opacity: .48; transform: translateY(2rem); transition: opacity 900ms ease, transform 900ms ease; }
.story-motion-ready .story-scene.is-active .story-reveal { opacity: 1; transform: translateY(0); }
.story-fact { position: relative; z-index: 5; max-width: 520px; margin-top: 2rem; border: 1px solid rgba(241,232,215,.18); background: rgba(5,5,5,.62); backdrop-filter: blur(14px); }
.story-fact summary { min-height: 42px; padding: .75rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; list-style: none; color: var(--story-red); font-family: "JetBrains Mono"; font-size: 8px; letter-spacing: .15em; text-transform: uppercase; }
.story-fact summary::-webkit-details-marker { display: none; }
.story-fact summary b { color: rgba(241,232,215,.48); font-weight: 400; }
.story-fact > div { padding: 0 .85rem 1rem; }
.story-fact p { margin: 0 0 .65rem; font-size: .82rem; line-height: 1.5; }
.story-fact a { color: var(--story-ivory); font-family: "JetBrains Mono"; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.story-stage > .story-fact { position: absolute; right: clamp(1rem,4vw,4rem); bottom: clamp(1rem,4vw,3rem); width: min(430px, calc(100% - 2rem)); }
.story-opening { border-top: 0; }
.story-opening .story-stage { place-items: center; text-align: center; padding: 5rem 1.5rem; }
.story-starfield { position: absolute; inset: 0; z-index: -2; background-image: radial-gradient(circle, rgba(241,232,215,.9) 0 1px, transparent 1.2px), radial-gradient(circle, rgba(255,75,33,.72) 0 1px, transparent 1.2px); background-position: 0 0, 26px 31px; background-size: 91px 91px, 149px 149px; opacity: .28; mask-image: radial-gradient(circle, #000 0 25%, transparent 78%); }
.story-opening-copy { position: relative; z-index: 3; }
.story-opening-copy h1 { margin-top: 1.4rem; text-shadow: 0 0 70px rgba(241,232,215,.08); }
.story-command { margin: 1.8rem 0 0; color: var(--story-ivory) !important; font-family: "JetBrains Mono"; font-size: clamp(.72rem,1.2vw,1rem); letter-spacing: .48em; text-transform: uppercase; }
.story-origin { position: absolute; left: 50%; bottom: 10%; width: 1px; height: 22%; background: linear-gradient(var(--story-red), transparent); }
.story-origin i { position: absolute; left: 50%; top: 0; width: 10px; height: 10px; border-radius: 50%; background: var(--story-red); box-shadow: 0 0 35px var(--story-red); transform: translate(-50%,-50%); }
.story-origin span { position: absolute; inset: 0; background: repeating-linear-gradient(180deg, transparent 0 18px, var(--story-red) 18px 20px, transparent 20px 36px); }
.story-scroll-cue { position: absolute; left: 1.5rem; bottom: 1.5rem; margin: 0; font-family: "JetBrains Mono"; font-size: 8px; letter-spacing: .18em; text-transform: uppercase; }
.story-mark-lines { position: absolute; z-index: 2; right: 7%; top: 28%; width: min(480px,42vw); aspect-ratio: 1.4; transform: rotate(-5deg); opacity: .7; }
.story-mark-lines i { position: absolute; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, transparent,var(--story-red),transparent); box-shadow: 0 0 12px rgba(255,75,33,.65); transform: rotate(var(--mark-rotation)); }
.story-mark-lines i:nth-child(1) { top: 22%; --mark-rotation: 17deg; }.story-mark-lines i:nth-child(2) { top: 38%; --mark-rotation: -12deg; }.story-mark-lines i:nth-child(3) { top: 56%; --mark-rotation: 10deg; }.story-mark-lines i:nth-child(4) { top: 70%; --mark-rotation: -16deg; }
.story-marks { margin-top: 2rem; display: flex; gap: 1rem; color: rgba(255,75,33,.72); font-size: 1.2rem; }
.story-drumbeat { margin-top: 2rem; display: grid; color: var(--story-red); font-family: "Space Grotesk"; font-size: clamp(2.2rem,5vw,5rem); line-height: .92; }
.story-aside { color: var(--story-ivory) !important; font-family: "Iowan Old Style",serif; font-size: 1.4rem !important; font-style: italic; }
.story-triptych { margin-top: 2rem; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--story-red); }
.story-triptych span { padding: .9rem 1rem .9rem 0; color: var(--story-ivory); font-family: "JetBrains Mono"; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.story-collective { position: absolute; z-index: 4; left: 50%; bottom: 8%; transform: translateX(-50%); width: min(1050px, calc(100% - 3rem)); text-align: center; }
.story-collective p { margin: 0; font-family: "Iowan Old Style",serif; font-size: clamp(2rem,4vw,4rem); color: var(--story-ivory); }
.story-collective strong { display: block; color: var(--story-ivory); font-family: "Iowan Old Style",serif; font-size: clamp(4rem,10vw,10rem); font-weight: 400; line-height: .8; }
.story-earthrise .story-art::after { background: linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.62) 38%,rgba(5,5,5,.06) 72%), linear-gradient(180deg,rgba(5,5,5,.2),rgba(5,5,5,.32)); }
.story-lunar-horizon { position: absolute; z-index: 1; left: 35%; right: -5%; bottom: -13%; height: 40%; border-radius: 50% 50% 0 0; border-top: 1px solid rgba(241,232,215,.28); background: radial-gradient(ellipse at 50% 0%,rgba(241,232,215,.35),rgba(25,23,21,.9) 26%,#080808 64%); }
.story-earth { position: absolute; z-index: 2; right: 13%; top: 16%; width: clamp(120px,20vw,320px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 32%,#d7e9ec 0 7%,#477aa0 17%,#254867 42%,#07101b 68%); box-shadow: inset -38px -32px 70px rgba(0,0,0,.82),0 0 70px rgba(142,193,213,.12); opacity: .78; }
.story-web .story-art::after { background: linear-gradient(90deg,rgba(5,5,5,.18),rgba(5,5,5,.7) 58%,rgba(5,5,5,.96)); }
.story-absurdity .story-art img { filter: grayscale(.72) saturate(.3) contrast(1.32) brightness(.48); }
.story-window-stack { position: absolute; z-index: 1; inset: 18% 6% 22% 30%; }
.story-window-stack i { position: absolute; width: 36%; height: 34%; border: 1px solid rgba(241,232,215,.2); background: repeating-linear-gradient(180deg,rgba(241,232,215,.06) 0 1px,transparent 1px 22px),rgba(5,5,5,.42); backdrop-filter: blur(5px); box-shadow: 0 20px 70px rgba(0,0,0,.4); }
.story-window-stack i:nth-child(1){left:0;top:6%;transform:rotate(-4deg)}.story-window-stack i:nth-child(2){left:28%;top:0;transform:rotate(2deg)}.story-window-stack i:nth-child(3){right:0;top:12%;transform:rotate(5deg)}.story-window-stack i:nth-child(4){left:18%;bottom:0;transform:rotate(3deg)}.story-window-stack i:nth-child(5){right:12%;bottom:2%;transform:rotate(-3deg)}
.story-tabs { position: absolute; z-index: 5; left: 5%; right: 5%; top: 50%; display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.1rem; color: var(--story-ivory); font-family: "Space Grotesk"; font-size: clamp(1.8rem,4.6vw,5.5rem); line-height: .9; text-transform: uppercase; }
.story-hard-stop { position: absolute; z-index: 7; left: 50%; bottom: 7%; width: min(1000px,calc(100% - 3rem)); transform: translateX(-50%); padding: 1.5rem; border: 1px solid rgba(241,232,215,.15); background: #050505; text-align: center; }
.story-motion-ready .story-absurdity.is-active .story-hard-stop { transform: translateX(-50%); }
.story-hard-stop p { margin: 0; color: var(--story-soft); }.story-hard-stop strong { display:block;margin-top:.4rem;color:var(--story-ivory);font-family:"Iowan Old Style",serif;font-size:clamp(1.8rem,4vw,4rem);font-weight:400; }
.story-hard-stop i { display:inline-block;width:2px;height:1.2em;margin-top:1rem;background:var(--story-red);animation:storyBlink 1s steps(1,end) infinite; }
.story-pause { width: min(230px,45vw); height: 1px; margin: 2.6rem 0; background: linear-gradient(90deg,var(--story-red),transparent); }
.story-discovery { color: var(--story-ivory) !important; font-family: "Iowan Old Style",serif; font-size: clamp(1.6rem,2.8vw,3rem) !important; line-height: 1.12 !important; }
.story-choice .story-art { opacity: .72; }.story-choice .story-copy-center { max-width: 1000px; }.story-choice .story-copy-center p { margin-left:auto;margin-right:auto; }
.story-recap { position:absolute;z-index:4;top:9%;left:50%;transform:translateX(-50%);width:min(780px,calc(100% - 3rem));display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem 1.2rem;color:rgba(241,232,215,.62);font-family:"JetBrains Mono";font-size:8px;letter-spacing:.16em;text-align:center; }
.story-we { display:block;margin-top:1.5rem;color:var(--story-red);font-family:"Space Grotesk";font-size:clamp(2rem,5vw,5rem);font-weight:300;letter-spacing:.2em; }
.story-fork { position:absolute;z-index:4;left:5%;right:5%;bottom:7%;display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;color:var(--story-ivory);font-family:"Iowan Old Style",serif;font-size:clamp(1.3rem,2.4vw,2.5rem); }
.story-fork span:last-child{text-align:right;color:var(--story-red)}.story-fork i{font-family:"JetBrains Mono";font-size:9px;letter-spacing:.2em;color:var(--story-soft)}
.story-realm .story-art::after { background: radial-gradient(circle at 50% 50%,transparent,rgba(5,5,5,.42) 56%,rgba(5,5,5,.86)); }
.story-realm-grid { position:absolute;z-index:4;inset:12% 5% 22%;display:grid;grid-template-columns:repeat(2,1fr);align-content:space-between;gap:1rem;pointer-events:none; }
.story-realm-grid p{margin:0;color:var(--story-soft);font-family:"JetBrains Mono";font-size:9px;letter-spacing:.16em;line-height:1.6;text-transform:uppercase;}.story-realm-grid p:nth-child(even){text-align:right}.story-realm-grid strong{display:block;color:var(--story-ivory);font-weight:400}
.story-realm-reveal { position:absolute;z-index:5;left:50%;bottom:7%;width:min(850px,calc(100% - 3rem));transform:translateX(-50%);text-align:center; }.story-motion-ready .story-realm.is-active .story-realm-reveal{transform:translateX(-50%)}
.story-realm-reveal h2{font-family:"JetBrains Mono";font-size:clamp(.9rem,1.7vw,1.4rem);letter-spacing:.22em;}.story-realm-reveal img{width:clamp(150px,20vw,260px);margin-top:1.5rem;}
.story-handoff .story-copy-center { top: 28%; }.story-handoff .story-art{opacity:.46;}.story-handoff .story-copy p{margin-left:auto;margin-right:auto;}
.story-flow { position:absolute;z-index:5;left:5%;right:5%;top:52%;display:flex;align-items:center;justify-content:center;gap:clamp(.4rem,2vw,2rem);padding:1.2rem;border-top:1px solid rgba(255,75,33,.5);border-bottom:1px solid rgba(255,75,33,.5);background:rgba(5,5,5,.68);color:var(--story-ivory);font-family:"JetBrains Mono";font-size:clamp(7px,.9vw,10px);letter-spacing:.14em;white-space:nowrap;}.story-flow i{color:var(--story-red)}
.story-handoff blockquote { position:absolute;z-index:5;left:50%;bottom:8%;width:min(1050px,calc(100% - 3rem));margin:0;transform:translateX(-50%);text-align:center;font-size:clamp(2rem,4.5vw,4.8rem);line-height:1.04; }
.story-species .story-art::after { background: linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.62) 45%,rgba(5,5,5,.12)),linear-gradient(180deg,rgba(5,5,5,.12),rgba(5,5,5,.52)); }.story-species .story-copy{max-width:780px;}
.story-final-line { color:var(--story-red)!important;font-family:"Iowan Old Style",serif;font-size:clamp(1.8rem,3.5vw,3.8rem)!important;line-height:1!important; }
.story-final-actions { position:absolute;z-index:8;left:clamp(1.5rem,7vw,7rem);right:clamp(1.5rem,7vw,7rem);bottom:3.5rem;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;scroll-margin-top:2rem; }.story-practical-link{padding:.9rem 0;margin-left:.5rem;border-bottom:1px solid var(--story-red);font-family:"JetBrains Mono";font-size:9px;letter-spacing:.14em;text-transform:uppercase;}
.story-end { min-height: var(--scene-size,110vh); background:radial-gradient(ellipse at 72% 18%,rgba(127,31,18,.18),transparent 38%),#050505; }
.story-end-inner { width:min(1320px,calc(100% - 3rem));min-height:100%;margin:0 auto;padding:clamp(7rem,12vw,11rem) 0 3rem;display:grid;align-content:center;gap:clamp(3rem,7vw,7rem); }
.story-end-brand img{width:clamp(180px,26vw,360px);}.story-end-brand h2{max-width:900px;margin-top:3rem;}.story-end-brand p{font-size:1rem;}
.story-footer-nav{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,75,33,.4);border-bottom:1px solid rgba(241,232,215,.15);}.story-footer-nav a{min-height:76px;display:flex;align-items:center;padding:1rem;border-left:1px solid rgba(241,232,215,.12);color:var(--story-soft);font-family:"JetBrains Mono";font-size:8px;letter-spacing:.14em;text-transform:uppercase}.story-footer-nav a:first-child{border-left:0}.story-footer-nav a:hover{color:var(--story-ivory);background:rgba(255,75,33,.05)}
.story-sources{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,6rem);padding-top:2rem;}.story-sources h3{margin-top:1rem}.story-sources p{max-width:650px}.story-sources details{border:1px solid rgba(241,232,215,.16);align-self:start}.story-sources summary{padding:1.2rem;cursor:pointer;color:var(--story-ivory);font-family:"JetBrains Mono";font-size:9px;letter-spacing:.15em;text-transform:uppercase}.story-sources ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(241,232,215,.12)}.story-sources li{border-top:1px solid rgba(241,232,215,.08)}.story-sources li:first-child{border-top:0}.story-sources li a{display:block;padding:.8rem 1rem;color:var(--story-soft);font-size:.82rem}.story-sources li a:hover{color:var(--story-red)}
.story-footer-meta{padding-top:1.5rem;border-top:1px solid rgba(241,232,215,.12);display:flex;justify-content:space-between;gap:1rem;color:rgba(241,232,215,.45);font-family:"JetBrains Mono";font-size:8px;letter-spacing:.14em;text-transform:uppercase}.story-footer-meta nav{display:flex;gap:1rem}.story-footer-meta button{border:0;padding:0;background:transparent;color:inherit;text-transform:uppercase;cursor:pointer}.story-footer-meta a:hover,.story-footer-meta button:hover{color:var(--story-red)}
@keyframes storyBlink { 0%,47%{opacity:1}48%,100%{opacity:0} }

@media (max-width: 920px) {
  .story-stage-split,.story-stage-reverse{grid-template-columns:1fr;align-items:end}.story-stage-split .story-art,.story-stage-reverse .story-art{inset:0;clip-path:none}.story-stage-split .story-art::after,.story-stage-reverse .story-art::after{transform:none;background:linear-gradient(180deg,rgba(5,5,5,.15),rgba(5,5,5,.9) 72%)}.story-copy-left,.story-copy-right{grid-column:1;justify-self:start;align-self:end;margin-bottom:4rem}.story-earth{right:8%;top:11%}.story-footer-nav{grid-template-columns:repeat(3,1fr)}.story-footer-nav a:nth-child(4){border-left:0;border-top:1px solid rgba(241,232,215,.12)}
}

@media (max-width: 780px) {
  .story-skip{top:.75rem;left:.75rem}.story-controls{top:.75rem;right:.75rem}.story-controls button:first-child{display:none}.story-thread{left:-26px;width:65px;opacity:.4}.story-scene{min-height:var(--scene-mobile,110svh)}.story-stage{padding:5.5rem 1.15rem 4rem}.story-scene.is-pinned .story-stage{position:relative;top:auto}.story-shell h1{font-size:clamp(4rem,22vw,6.7rem)}.story-shell h2{font-size:clamp(2.75rem,13vw,4.4rem)}.story-copy>p{font-size:.98rem}.story-art img{transform:scale(1.16);object-position:center}.story-copy-center{position:relative;left:auto;top:auto;width:100%;transform:none;text-align:left}.story-motion-ready .story-copy-center.story-reveal{transform:translateY(2rem)}.story-motion-ready .is-active .story-copy-center.story-reveal{transform:none}.story-copy-bottom{left:1.15rem;right:1.15rem;bottom:4rem}.story-stage>.story-fact{position:relative;right:auto;bottom:auto;margin-top:2rem}.story-triptych{grid-template-columns:1fr}.story-triptych span{border-top:1px solid rgba(241,232,215,.08)}.story-mark-lines{right:-16%;width:72vw}.story-collective{bottom:8%;}.story-collective p{font-size:1.5rem}.story-earthrise .story-copy{margin-top:36svh}.story-lunar-horizon{left:0;height:30%}.story-earth{width:130px}.story-tabs{top:43%;font-size:clamp(1.7rem,9vw,3rem)}.story-hard-stop{bottom:5%;}.story-intimate .story-copy{max-height:none}.story-recap{top:7%;line-height:1.5}.story-choice .story-copy-center{position:absolute;left:1.15rem;right:1.15rem;top:22%;width:auto;text-align:left}.story-choice .story-copy-center p{margin-left:0}.story-fork{grid-template-columns:1fr;gap:.65rem;bottom:6%;font-size:1.2rem}.story-fork span:last-child{text-align:left}.story-fork i{display:none}.story-realm-grid{inset:10% 1.15rem 30%;grid-template-columns:1fr}.story-realm-grid p:nth-child(even){text-align:left}.story-realm-grid p:nth-child(n+5){display:none}.story-realm-reveal{bottom:8%}.story-handoff .story-copy-center{position:absolute;left:1.15rem;right:1.15rem;top:10%;width:auto}.story-flow{left:1.15rem;right:1.15rem;top:45%;overflow-x:auto;justify-content:flex-start}.story-handoff blockquote{bottom:8%;text-align:left;font-size:clamp(1.8rem,8vw,3rem)}.story-species .story-copy{margin-bottom:9rem}.story-final-actions{left:1.15rem;right:1.15rem;bottom:2rem;display:grid}.story-final-actions .button{width:100%}.story-practical-link{margin-left:0;text-align:center}.story-end-inner{width:min(100% - 2.3rem,1320px);padding-top:7rem}.story-footer-nav{grid-template-columns:1fr 1fr}.story-footer-nav a:nth-child(odd){border-left:0}.story-footer-nav a:nth-child(n+3){border-top:1px solid rgba(241,232,215,.12)}.story-sources{grid-template-columns:1fr}.story-footer-meta{flex-direction:column}.story-footer-meta nav{flex-wrap:wrap}
}

@media (prefers-reduced-motion: reduce) {
  .story-scene{min-height:auto}.story-stage{min-height:auto;padding-top:7rem;padding-bottom:7rem}.story-scene.is-pinned .story-stage{position:relative}.story-thread{display:none}.story-art img,.story-reveal,.story-motion-ready .story-reveal,.story-motion-ready .story-scene.is-active .story-reveal{transform:none!important;transition:none!important;opacity:1}.story-origin span,.story-hard-stop i{animation:none}.story-earthrise .story-copy,.story-species .story-copy{margin-top:0;margin-bottom:7rem}
}
.story-motion-off .story-scene{min-height:auto}.story-motion-off .story-stage{min-height:auto;padding-top:7rem;padding-bottom:7rem}.story-motion-off .story-scene.is-pinned .story-stage{position:relative}.story-motion-off .story-thread{display:none}.story-motion-off .story-art img,.story-motion-off .story-reveal{transform:none!important;transition:none!important;opacity:1}.story-motion-off .story-earthrise .story-copy,.story-motion-off .story-species .story-copy{margin-top:0;margin-bottom:7rem}