:root {
  --bg: #05070d;
  --bg-deep: #02040a;
  --surface: rgba(13, 18, 30, 0.82);
  --surface-strong: #111827;
  --surface-soft: rgba(19, 27, 43, 0.58);
  --line: rgba(169, 195, 224, 0.16);
  --line-strong: rgba(160, 216, 255, 0.34);
  --text: #f5f8fc;
  --muted: #a8b6ca;
  --dim: #91a1b7;
  --cyan: #68e4ff;
  --cyan-bright: #b9f5ff;
  --blue: #6d8dff;
  --violet: #af7bff;
  --magenta: #f079cf;
  --green: #71f6bc;
  --amber: #ffd27a;
  --danger: #ff8d9a;
  --shadow: 0 32px 90px rgba(0, 0, 0, 0.42);
  --radius: 1.25rem;
  --shell: min(92rem, calc(100vw - 3rem));
  --sans: "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 7rem;
  overflow-x: clip;
  background: var(--bg);
}

body {
  margin: 0;
  min-width: 20rem;
  overflow-x: clip;
  color: var(--text);
  background:
    radial-gradient(circle at 13% 3%, rgba(67, 112, 255, 0.16), transparent 31rem),
    radial-gradient(circle at 90% 32%, rgba(104, 228, 255, 0.08), transparent 34rem),
    linear-gradient(180deg, #070b13 0%, var(--bg) 34%, #060911 70%, var(--bg-deep) 100%);
  font-family: var(--sans);
  font-size: 1rem;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body::before {
  position: fixed;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  content: "";
  opacity: 0.2;
  background-image:
    repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(255, 255, 255, 0.018) 4px),
    repeating-linear-gradient(90deg, transparent 0, transparent 5px, rgba(255, 255, 255, 0.012) 6px);
  mask-image: linear-gradient(to bottom, #000, transparent 80%);
}

a {
  color: inherit;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button,
input {
  font: inherit;
}

button:focus-visible,
a:focus-visible {
  outline: 3px solid var(--cyan);
  outline-offset: 4px;
}

code {
  font-family: var(--mono);
  font-size: 0.88em;
  overflow-wrap: anywhere;
}

.field-canvas {
  position: fixed;
  z-index: -3;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.52;
  pointer-events: none;
}

.ambient {
  position: fixed;
  z-index: -2;
  width: 30rem;
  height: 30rem;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(90px);
  opacity: 0.13;
}

.ambient-a {
  top: 18vh;
  left: -18rem;
  background: var(--blue);
}

.ambient-b {
  right: -18rem;
  bottom: 12vh;
  background: var(--cyan);
}

.skip-link {
  position: fixed;
  z-index: 100;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.7rem 1rem;
  border: 1px solid var(--cyan);
  border-radius: 0.55rem;
  color: var(--bg);
  background: var(--cyan-bright);
  font-weight: 800;
  transform: translateY(-150%);
}

.skip-link:focus {
  transform: translateY(0);
}

.section-shell {
  width: var(--shell);
  margin-inline: auto;
}

.section-pad {
  padding-block: clamp(5rem, 9vw, 9rem);
}

section[id] {
  scroll-margin-top: 0;
}

/* Keep the cinematic opening inside one bounded layout task. The atlas is
   prewarmed on pointer, focus, or touch intent because it is the hero's primary
   action; deeper sections retain geometry and render near the viewport. */
.truth-strip,
.systems,
.organism,
.ide-release,
.anatomy,
.pipeline,
.mission,
.tester,
.access,
.site-footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 62rem;
}

.truth-strip {
  contain-intrinsic-size: auto 11rem;
}

.anatomy.is-render-primed,
body.galaxy-fullscreen-open .anatomy {
  content-visibility: visible;
}

.hero-system,
.hero-support {
  contain: layout style;
}

.topbar {
  position: sticky;
  z-index: 50;
  top: 0;
  display: grid;
  grid-template-columns: minmax(13rem, 1fr) auto minmax(13rem, 1fr);
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  min-height: 5.25rem;
  padding: 0.75rem max(1.5rem, calc((100vw - 92rem) / 2));
  border-bottom: 1px solid rgba(177, 211, 240, 0.12);
  background: rgba(5, 7, 13, 0.72);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(22px) saturate(140%);
  transition: background 220ms ease, min-height 220ms ease;
}

.topbar.is-scrolled {
  min-height: 4.5rem;
  background: rgba(5, 7, 13, 0.9);
}

.brand-lockup,
.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  width: fit-content;
  text-decoration: none;
}

.brand-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border: 1px solid rgba(104, 228, 255, 0.55);
  border-radius: 0.7rem 0.25rem 0.7rem 0.25rem;
  background: linear-gradient(145deg, rgba(104, 228, 255, 0.18), rgba(109, 141, 255, 0.05));
  box-shadow: inset 0 0 1.5rem rgba(104, 228, 255, 0.08), 0 0 2rem rgba(104, 228, 255, 0.08);
  transform: rotate(45deg);
}

.brand-mark i {
  position: absolute;
  width: 1.1rem;
  height: 1px;
  background: var(--cyan);
  box-shadow: 0 0 0.6rem rgba(104, 228, 255, 0.8);
}

.brand-mark i:nth-child(2) {
  transform: rotate(60deg);
}

.brand-mark i:nth-child(3) {
  transform: rotate(-60deg);
}

.brand-mark.small {
  width: 1.9rem;
  height: 1.9rem;
}

.brand-copy,
.footer-brand > div {
  display: grid;
  line-height: 1.05;
}

.brand-copy strong,
.footer-brand strong {
  font-size: 0.94rem;
  letter-spacing: 0.03em;
}

.brand-copy small,
.footer-brand small {
  margin-top: 0.35rem;
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.58rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.primary-nav {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.3rem;
  border: 1px solid rgba(177, 211, 240, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.025);
}

.primary-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.55rem 0.8rem;
  border-radius: 999px;
  color: var(--muted);
  font-size: 0.77rem;
  font-weight: 650;
  letter-spacing: 0.015em;
  text-decoration: none;
  transition: color 180ms ease, background 180ms ease;
}

.primary-nav a[aria-current="true"] {
  color: var(--text);
  background: rgba(104, 228, 255, 0.09);
}

.primary-nav a[aria-current="true"] {
  background: rgba(104, 228, 255, 0.14);
  box-shadow: inset 0 -2px rgba(104, 228, 255, 0.8);
}

@media (hover: hover) and (pointer: fine) {
  .primary-nav a:hover {
    color: var(--text);
    background: rgba(104, 228, 255, 0.09);
  }
}

.topbar-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  min-width: 0;
  white-space: nowrap;
}

.source-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #c8d4e4;
  font-family: var(--mono);
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.pulse-dot {
  width: 0.48rem;
  height: 0.48rem;
  border: 1px solid rgba(113, 246, 188, 0.7);
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 0 rgba(113, 246, 188, 0.3), 0 0 0.7rem rgba(113, 246, 188, 0.65);
  animation: status-pulse 2.4s ease-out infinite;
}

.motion-toggle {
  min-height: 2.75rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid rgba(177, 211, 240, 0.18);
  border-radius: 0.55rem;
  color: var(--muted);
  background: transparent;
  font-size: 0.68rem;
  cursor: pointer;
  white-space: nowrap;
}

.motion-toggle:disabled {
  color: var(--dim);
  cursor: not-allowed;
  opacity: 0.82;
}

.motion-toggle:hover:not(:disabled) {
  color: var(--text);
  border-color: rgba(104, 228, 255, 0.45);
}

.hero {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(28rem, 1.08fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 6rem);
  min-height: min(52rem, calc(100svh - 5.25rem));
  padding-block: clamp(5rem, 10vh, 8rem);
}

.hero-copy {
  position: relative;
  z-index: 2;
  max-width: 44rem;
}

.eyebrow {
  margin: 0 0 1rem;
  color: var(--cyan-bright);
  font-family: var(--mono);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hero-copy > .eyebrow {
  display: flex;
  gap: 1rem;
  color: var(--muted);
}

.hero-copy > .eyebrow span:first-child {
  color: var(--cyan);
}

.hero-copy > .eyebrow span + span::before {
  margin-right: 1rem;
  color: var(--dim);
  content: "/";
}

h1,
h2,
h3,
p {
  text-wrap: pretty;
}

h1,
h2,
h3 {
  margin-top: 0;
  line-height: 1.03;
  letter-spacing: -0.045em;
}

h1 {
  max-width: 12ch;
  margin-bottom: 1.5rem;
  font-size: clamp(3.45rem, 6.1vw, 6.6rem);
  font-weight: 720;
  text-shadow: 0 1rem 4rem rgba(109, 141, 255, 0.13);
}

h2 {
  margin-bottom: 1.25rem;
  font-size: clamp(2.4rem, 4.5vw, 4.85rem);
  font-weight: 680;
}

h3 {
  font-size: clamp(1.45rem, 2.3vw, 2.25rem);
  font-weight: 660;
}

.hero-lede {
  max-width: 41rem;
  margin: 0;
  color: #bdc9da;
  font-size: clamp(1.06rem, 1.45vw, 1.32rem);
  line-height: 1.75;
}

.hero-actions,
.access-actions,
.release-actions,
.tester-cta > div:last-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 2rem;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  min-height: 3.15rem;
  padding: 0.75rem 1.05rem;
  border: 1px solid rgba(177, 211, 240, 0.19);
  border-radius: 0.7rem;
  color: var(--text);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.86rem;
  font-weight: 750;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.button:hover {
  border-color: rgba(104, 228, 255, 0.5);
  transform: translateY(-2px);
}

.button-primary {
  border-color: rgba(104, 228, 255, 0.55);
  color: #041016;
  background: linear-gradient(135deg, var(--cyan-bright), #6fdcf6 55%, #88aaff);
  box-shadow: 0 0.75rem 2.5rem rgba(104, 228, 255, 0.16), inset 0 1px rgba(255, 255, 255, 0.75);
}

.button-primary:hover {
  border-color: #fff;
  box-shadow: 0 1rem 3rem rgba(104, 228, 255, 0.25), inset 0 1px rgba(255, 255, 255, 0.85);
}

.button-quiet small {
  padding-left: 0.65rem;
  border-left: 1px solid rgba(177, 211, 240, 0.18);
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.66rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.button.is-disabled {
  color: var(--dim);
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--line);
  box-shadow: none;
  pointer-events: none;
}

.microcopy {
  margin: 1rem 0 0;
  color: var(--dim);
  font-size: 0.78rem;
}

.microcopy code {
  color: #9aaac0;
}

.hero-system {
  position: relative;
  min-height: 39rem;
  overflow: clip;
  border-radius: 2rem;
  isolation: isolate;
}

.hero-system::before {
  position: absolute;
  z-index: -2;
  inset: 10% 3%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(76, 148, 255, 0.15), rgba(85, 82, 180, 0.07) 38%, transparent 70%);
  filter: blur(12px);
  content: "";
}

.stage-grid,
.map-grid {
  position: absolute;
  inset: 3%;
  opacity: 0.16;
  background-image:
    linear-gradient(rgba(104, 228, 255, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(104, 228, 255, 0.09) 1px, transparent 1px);
  background-size: 3rem 3rem;
  mask-image: radial-gradient(circle, #000 25%, transparent 73%);
  transform: perspective(38rem) rotateX(64deg) translateY(28%);
}

.stage-lattice {
  position: absolute;
  z-index: -1;
  inset: 8% 5%;
  opacity: 0.22;
  filter: drop-shadow(0 0 1.2rem rgba(104, 228, 255, 0.08));
}

.stage-lattice::before,
.stage-lattice::after {
  position: absolute;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(104, 228, 255, 0.22), rgba(175, 123, 255, 0.16), transparent);
  content: "";
  transform-origin: left center;
}

.stage-lattice::before {
  top: 31%;
  left: 17%;
  width: 66%;
  transform: rotate(29deg);
}

.stage-lattice::after {
  top: 68%;
  left: 18%;
  width: 65%;
  transform: rotate(-27deg);
}

.stage-lattice i {
  position: absolute;
  width: clamp(3rem, 5vw, 4.8rem);
  aspect-ratio: 1;
  background: linear-gradient(145deg, rgba(104, 228, 255, 0.2), rgba(175, 123, 255, 0.08));
  clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%);
}

.stage-lattice i::after {
  position: absolute;
  inset: 1px;
  background: rgba(6, 10, 19, 0.78);
  clip-path: inherit;
  content: "";
}

.stage-lattice i:nth-child(1) { top: 2%; left: 43%; }
.stage-lattice i:nth-child(2) { top: 24%; left: 66%; }
.stage-lattice i:nth-child(3) { top: 53%; left: 77%; }
.stage-lattice i:nth-child(4) { bottom: 2%; left: 48%; }
.stage-lattice i:nth-child(5) { top: 57%; left: 17%; }
.stage-lattice i:nth-child(6) { top: 26%; left: 4%; }
.stage-lattice i:nth-child(7) { top: 42%; left: 46%; width: clamp(4rem, 7vw, 6.4rem); }

.orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid rgba(104, 228, 255, 0.1);
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(-13deg);
}

.orbit::before,
.orbit::after {
  position: absolute;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 1rem var(--cyan);
  content: "";
}

.orbit::before {
  top: 12%;
  left: 19%;
}

.orbit::after {
  right: 13%;
  bottom: 20%;
  background: var(--violet);
  box-shadow: 0 0 1rem var(--violet);
}

.orbit-one {
  width: 88%;
  aspect-ratio: 1;
  animation: centered-orbit-spin 24s linear infinite;
}

.orbit-two {
  width: 61%;
  aspect-ratio: 1;
  border-style: dashed;
  border-color: rgba(175, 123, 255, 0.13);
  animation: orbit-drift-reverse 18s linear infinite;
}

.system-core {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: clamp(13rem, 24vw, 18rem);
  aspect-ratio: 1.25;
  padding: 2rem;
  overflow: hidden;
  border: 1px solid rgba(176, 215, 255, 0.25);
  border-radius: 48% 52% 45% 55% / 54% 42% 58% 46%;
  background:
    linear-gradient(145deg, rgba(19, 30, 52, 0.96), rgba(8, 13, 25, 0.87)),
    var(--surface);
  box-shadow: inset 0 0 3rem rgba(104, 228, 255, 0.07), var(--shadow);
  backdrop-filter: blur(18px);
}

.system-core::before {
  position: absolute;
  inset: -50%;
  background: conic-gradient(from 90deg, transparent, rgba(104, 228, 255, 0.12), transparent 24%);
  animation: core-scan 10s linear infinite;
  content: "";
}

.system-core > * {
  position: relative;
  z-index: 1;
}

.system-core strong {
  margin: 0.3rem 0 0.45rem;
  font-size: clamp(2rem, 3vw, 3.15rem);
  letter-spacing: -0.05em;
}

.system-core > span:last-child {
  color: var(--muted);
  font-size: 0.78rem;
}

.core-kicker {
  color: var(--cyan);
  font-family: var(--mono);
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.core-ai {
  top: 15%;
  left: 3%;
  transform: rotate(-3deg);
}

.core-poa {
  right: 2%;
  bottom: 15%;
  border-color: rgba(175, 123, 255, 0.3);
  box-shadow: inset 0 0 3rem rgba(175, 123, 255, 0.08), var(--shadow);
  transform: rotate(3deg);
}

.core-poa .core-kicker {
  color: #d2b3ff;
}

.satellite-core {
  position: absolute;
  z-index: 3;
  display: grid;
  place-content: center;
  width: 5.8rem;
  aspect-ratio: 1;
  border: 1px solid rgba(173, 218, 255, 0.28);
  border-radius: 50%;
  color: var(--text);
  background: radial-gradient(circle, rgba(19, 34, 57, 0.96), rgba(5, 10, 20, 0.84) 68%, transparent 70%);
  box-shadow: inset 0 0 1.4rem rgba(104, 228, 255, 0.08), 0 0 2rem rgba(104, 228, 255, 0.06);
  text-align: center;
}

.satellite-core::before {
  position: absolute;
  inset: -0.55rem;
  border: 1px dashed rgba(104, 228, 255, 0.16);
  border-radius: inherit;
  content: "";
  animation: ring-spin 24s linear infinite;
}

.satellite-core span,
.satellite-core strong {
  position: relative;
  z-index: 1;
}

.satellite-core span {
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.satellite-core strong {
  margin-top: 0.18rem;
  font-size: 0.85rem;
  letter-spacing: 0.02em;
}

.satellite-neura { top: 4%; right: 18%; }
.satellite-ide { right: 1%; bottom: 4%; }
.satellite-memory { bottom: 2%; left: 17%; }
.satellite-pool { top: 7%; left: 1%; }

.hero-copy h1 span {
  color: transparent;
  background: linear-gradient(92deg, #ffffff 4%, var(--cyan-bright) 43%, #cbbcff 78%, #ffffff 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

.microcopy a {
  color: var(--cyan-bright);
  text-decoration: none;
}

.source-badge .pulse-dot {
  background: var(--cyan);
  box-shadow: 0 0 0.75rem rgba(104, 228, 255, 0.75);
  animation: none;
}

.source-badge[data-state="blocked"] {
  border-color: rgba(255, 141, 154, 0.28);
  color: #ffc1c8;
}

.source-badge[data-state="blocked"] .pulse-dot {
  background: var(--danger);
  box-shadow: 0 0 0.75rem rgba(255, 141, 154, 0.72);
}

.source-badge[data-state="stale"] {
  color: var(--muted);
}

.source-badge[data-state="stale"] .pulse-dot {
  background: var(--amber);
  box-shadow: 0 0 0.75rem rgba(255, 210, 122, 0.62);
}

.bridge {
  position: absolute;
  z-index: -1;
  top: 49%;
  left: 38%;
  width: 31%;
  height: 1px;
  background: linear-gradient(90deg, var(--cyan), rgba(255, 255, 255, 0.12), var(--violet));
  transform: rotate(16deg);
  transform-origin: center;
}

.bridge span {
  position: absolute;
  top: -0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 1rem var(--cyan);
  animation: packet-flow 3.2s ease-in-out infinite;
}

.bridge-b {
  top: 55%;
  transform: rotate(16deg) translateY(1.2rem);
  opacity: 0.5;
}

.bridge-b span {
  animation-delay: -1.6s;
}

.stage-label {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.67rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.stage-label span {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 0.6rem var(--cyan);
}

.stage-label-a {
  top: 17%;
  right: 9%;
}

.stage-label-b {
  bottom: 15%;
  left: 7%;
}

.stage-label-b span {
  background: var(--violet);
  box-shadow: 0 0 0.6rem var(--violet);
}

.stage-readout {
  position: absolute;
  right: 5%;
  bottom: 2%;
  display: grid;
  grid-template-columns: auto auto;
  gap: 0.25rem 0.8rem;
  min-width: 15rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--line);
  border-radius: 0.7rem;
  background: rgba(6, 9, 17, 0.76);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(15px);
}

.stage-readout span {
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.64rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.stage-readout strong {
  color: #dce6f2;
  font-size: 0.72rem;
  text-align: right;
}

.stage-readout i {
  grid-column: 1 / -1;
  height: 1px;
  margin-block: 0.2rem;
  background: linear-gradient(90deg, transparent, var(--line-strong), transparent);
}

.truth-strip {
  display: grid;
  grid-template-columns: minmax(14rem, 1.2fr) minmax(35rem, 3fr) auto;
  align-items: center;
  gap: 2rem;
  width: var(--shell);
  margin: 0 auto;
  padding: 1rem 1.25rem;
  border-block: 1px solid var(--line);
  background: linear-gradient(90deg, transparent, rgba(104, 228, 255, 0.025), transparent);
}

.truth-intro {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.truth-intro > div {
  display: grid;
}

.truth-intro strong {
  font-size: 0.74rem;
}

.truth-intro span:last-child {
  margin-top: 0.18rem;
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.68rem;
}

.signal-bars {
  display: flex;
  align-items: end;
  gap: 0.16rem;
  height: 1.15rem;
}

.signal-bars i {
  display: block;
  width: 0.18rem;
  height: 35%;
  border-radius: 2px;
  background: var(--cyan);
  box-shadow: 0 0 0.5rem rgba(104, 228, 255, 0.45);
}

.signal-bars i:nth-child(2) { height: 65%; }
.signal-bars i:nth-child(3) { height: 100%; }
.signal-bars i:nth-child(4) { height: 52%; }

.truth-stats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  margin: 0;
}

.truth-stats div {
  padding-inline: 1rem;
  border-left: 1px solid var(--line);
}

.truth-stats dt {
  color: var(--text);
  font-family: var(--mono);
  font-size: 1.12rem;
  font-weight: 750;
}

.truth-stats dd {
  margin: 0.2rem 0 0;
  color: var(--dim);
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.truth-boundary {
  max-width: 16rem;
  margin: 0;
  color: var(--dim);
  text-align: left;
  font-size: 0.7rem;
}

.section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(20rem, 0.55fr);
  align-items: end;
  gap: 4rem;
  margin-bottom: clamp(3rem, 6vw, 5.5rem);
}

.section-heading .eyebrow {
  grid-column: 1 / -1;
  margin-bottom: -2.7rem;
}

.section-heading h2 {
  max-width: 17ch;
  margin-bottom: 0;
}

.section-heading > p:last-child {
  margin: 0 0 0.35rem;
  color: var(--muted);
  line-height: 1.75;
}

.section-heading.compact {
  display: block;
  max-width: 57rem;
}

.section-heading.compact .eyebrow {
  margin-bottom: 1rem;
}

.section-heading.compact > p:last-child {
  max-width: 46rem;
}

.system-panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 7rem minmax(0, 1fr);
  align-items: stretch;
}

.system-panel {
  position: relative;
  min-height: 31rem;
  padding: clamp(1.7rem, 3vw, 3rem);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(150deg, rgba(20, 30, 49, 0.84), rgba(9, 13, 23, 0.75));
  box-shadow: var(--shadow);
}

.system-panel::before {
  position: absolute;
  inset: auto -15% -45% 20%;
  height: 70%;
  border-radius: 50%;
  background: rgba(104, 228, 255, 0.08);
  filter: blur(55px);
  content: "";
}

.panel-poa::before {
  right: 20%;
  left: -15%;
  background: rgba(175, 123, 255, 0.09);
}

.panel-index {
  position: absolute;
  top: 1.5rem;
  right: 1.7rem;
  color: rgba(204, 225, 246, 0.1);
  font-family: var(--mono);
  font-size: clamp(4rem, 8vw, 7rem);
  font-weight: 900;
  line-height: 1;
}

.panel-heading {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.panel-heading h3 {
  max-width: 9ch;
  margin-bottom: 1.2rem;
  font-size: clamp(2rem, 3.8vw, 3.7rem);
}

.panel-state {
  padding: 0.35rem 0.55rem;
  border: 1px solid rgba(104, 228, 255, 0.27);
  border-radius: 999px;
  color: var(--cyan-bright);
  background: rgba(104, 228, 255, 0.07);
  font-family: var(--mono);
  font-size: 0.66rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.panel-poa .panel-state {
  border-color: rgba(175, 123, 255, 0.3);
  color: #dec6ff;
  background: rgba(175, 123, 255, 0.08);
}

.system-panel > p {
  position: relative;
  z-index: 1;
  max-width: 33rem;
  color: var(--muted);
  line-height: 1.75;
}

.capability-list {
  position: relative;
  z-index: 1;
  margin: 2rem 0;
  padding: 0;
  list-style: none;
}

.capability-list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 0.78rem;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.74rem;
}

.capability-list b {
  color: #dce5f1;
  font-family: var(--mono);
  font-size: 0.7rem;
  font-weight: 600;
  text-align: right;
}

.text-link {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--cyan-bright);
  font-size: 0.79rem;
  font-weight: 750;
  text-decoration: none;
}

.text-link:hover span {
  transform: translateX(0.2rem);
}

.text-link span {
  transition: transform 180ms ease;
}

.system-junction {
  position: relative;
  display: grid;
  place-items: center;
}

.system-junction::before {
  position: absolute;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--cyan), rgba(255, 255, 255, 0.16), var(--violet));
  content: "";
}

.system-junction i {
  position: absolute;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background: #e8fdff;
  box-shadow: 0 0 1rem var(--cyan);
  animation: junction-flow 3.5s linear infinite;
}

.system-junction i:nth-child(2) { animation-delay: -1.15s; }
.system-junction i:nth-child(3) { animation-delay: -2.3s; }

.system-junction span {
  z-index: 1;
  padding: 0.4rem;
  color: var(--dim);
  background: var(--bg);
  font-family: var(--mono);
  font-size: 0.5rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  writing-mode: vertical-rl;
}

.trust-chain {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr) 1.25rem) minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem;
  margin-top: 3rem;
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(9, 13, 22, 0.62);
}

.trust-chain div {
  display: grid;
  min-height: 5.8rem;
  padding: 0.75rem;
}

.trust-chain div > span {
  color: var(--cyan);
  font-family: var(--mono);
  font-size: 0.55rem;
}

.trust-chain strong {
  margin-top: 0.4rem;
  font-size: 0.82rem;
}

.trust-chain small {
  margin-top: 0.35rem;
  color: var(--dim);
  font-size: 0.7rem;
  line-height: 1.5;
}

.trust-chain > i {
  height: 1px;
  background: linear-gradient(90deg, var(--line-strong), transparent);
}

.anatomy {
  position: relative;
  border-block: 1px solid rgba(177, 211, 240, 0.08);
  background:
    radial-gradient(circle at 74% 47%, rgba(91, 91, 210, 0.11), transparent 31rem),
    linear-gradient(180deg, rgba(11, 15, 25, 0.62), rgba(5, 7, 13, 0.2));
}

.anatomy-shell .section-heading {
  margin-bottom: clamp(2rem, 4vw, 3.2rem);
}

.lens-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 1.4rem;
}

.lens-bar button {
  min-width: 7rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
  border: 1px solid var(--line);
  border-radius: 0.55rem;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.025);
  font-size: 0.72rem;
  font-weight: 700;
  cursor: pointer;
  transition: border-color 180ms ease, color 180ms ease, background 180ms ease;
}

.lens-bar button:hover {
  border-color: var(--line-strong);
  color: var(--text);
}

.lens-bar button[aria-pressed="true"] {
  border-color: rgba(104, 228, 255, 0.5);
  color: var(--cyan-bright);
  background: linear-gradient(135deg, rgba(104, 228, 255, 0.12), rgba(109, 141, 255, 0.07));
  box-shadow: inset 0 -2px rgba(104, 228, 255, 0.82), inset 0 0 1.5rem rgba(104, 228, 255, 0.04);
}

.anatomy-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(19rem, 0.45fr);
  min-height: 42rem;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 1.3rem;
  background: rgba(6, 10, 18, 0.72);
  box-shadow: var(--shadow);
}

.anatomy-map {
  position: relative;
  min-height: 42rem;
  overflow: hidden;
  border-right: 1px solid var(--line);
  background: radial-gradient(circle at center, rgba(52, 112, 181, 0.12), transparent 52%);
  transition: background 320ms ease;
}

.anatomy-map::before,
.anatomy-map::after {
  position: absolute;
  z-index: 0;
  border: 1px solid rgba(104, 228, 255, 0.1);
  border-radius: 50%;
  content: "";
}

.anatomy-map::before {
  inset: 6% 20%;
}

.anatomy-map::after {
  inset: 16% 29%;
  border-style: dashed;
}

.anatomy-map .map-grid {
  inset: -10%;
  transform: perspective(42rem) rotateX(58deg) translateY(32%);
  opacity: 0.5;
}

.anatomy-halo {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.halo-outer {
  width: 56%;
  aspect-ratio: 1;
  border: 1px solid rgba(104, 228, 255, 0.12);
  box-shadow: inset 0 0 4rem rgba(104, 228, 255, 0.03);
  animation: anatomy-breathe 5s ease-in-out infinite;
}

.halo-inner {
  width: 34%;
  aspect-ratio: 1;
  border: 1px dashed rgba(175, 123, 255, 0.22);
  animation: centered-ring-spin 35s linear infinite;
}

.map-core {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 7.7rem;
  aspect-ratio: 1;
  border: 1px solid rgba(104, 228, 255, 0.55);
  border-radius: 50%;
  color: var(--cyan-bright);
  background: radial-gradient(circle, rgba(104, 228, 255, 0.18), rgba(7, 14, 26, 0.92) 70%);
  box-shadow: 0 0 3rem rgba(104, 228, 255, 0.15), inset 0 0 2rem rgba(104, 228, 255, 0.08);
  transform: translate(-50%, -50%);
}

.map-core span {
  font-family: var(--mono);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.25em;
}

.map-core i {
  position: absolute;
  inset: 0.7rem;
  border: 1px dashed rgba(104, 228, 255, 0.3);
  border-radius: 50%;
  animation: ring-spin-reverse 16s linear infinite;
}

.anatomy-node {
  position: absolute;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 7rem;
  aspect-ratio: 1;
  padding: 0;
  border: 1px solid rgba(180, 210, 238, 0.24);
  border-radius: 50%;
  color: #dce7f4;
  background: rgba(10, 17, 30, 0.9);
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.25), inset 0 0 1.5rem rgba(104, 228, 255, 0.04);
  cursor: pointer;
  transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease, background 240ms ease;
}

.anatomy-node:hover,
.anatomy-node.is-active {
  border-color: rgba(104, 228, 255, 0.7);
  background: rgba(16, 31, 48, 0.96);
  box-shadow: 0 0 2.5rem rgba(104, 228, 255, 0.18), inset 0 0 1.5rem rgba(104, 228, 255, 0.08);
  transform: scale(1.06);
}

.anatomy-node span {
  font-weight: 800;
}

.anatomy-node small {
  margin-top: -1.4rem;
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.66rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.node-cortex { top: 9%; left: 16%; }
.node-rag { top: 10%; right: 14%; }
.node-forge { bottom: 10%; left: 12%; }
.node-runtime { right: 11%; bottom: 11%; }
.node-poa { top: 42%; right: 4%; }

.map-route {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 22%;
  height: 1px;
  background: linear-gradient(90deg, rgba(104, 228, 255, 0.65), transparent);
  transform-origin: left center;
}

.map-route::after {
  position: absolute;
  right: 26%;
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 0.7rem var(--cyan);
  content: "";
  animation: route-packet 2.8s ease-in-out infinite;
}

.route-1 { transform: rotate(220deg); }
.route-2 { transform: rotate(316deg); }
.route-3 { transform: rotate(144deg); }
.route-4 { transform: rotate(39deg); }
.route-5 { width: 33%; transform: rotate(1deg); }
.route-2::after { animation-delay: -0.6s; }
.route-3::after { animation-delay: -1.2s; }
.route-4::after { animation-delay: -1.8s; }
.route-5::after { animation-delay: -2.4s; }

[data-lens-view="artifact"] {
  background:
    linear-gradient(135deg, rgba(109, 141, 255, 0.08) 25%, transparent 25%) 0 0 / 3.5rem 3.5rem,
    linear-gradient(315deg, rgba(175, 123, 255, 0.06) 25%, transparent 25%) 0 0 / 3.5rem 3.5rem,
    radial-gradient(circle at center, rgba(84, 77, 174, 0.16), transparent 56%);
}

[data-lens-view="artifact"] .anatomy-node,
[data-lens-view="artifact"] .map-core {
  border-radius: 0.65rem;
  clip-path: polygon(50% 0, 92% 24%, 92% 76%, 50% 100%, 8% 76%, 8% 24%);
}

[data-lens-view="artifact"] .halo-outer,
[data-lens-view="artifact"] .halo-inner {
  border-radius: 1rem;
  transform: translate(-50%, -50%) rotate(45deg);
}

[data-lens-view="artifact"]::before,
[data-lens-view="artifact"]::after {
  border-radius: 1rem;
  transform: rotate(45deg);
}

[data-lens-view="evidence"] .anatomy-node:not(.is-active) {
  opacity: 0.38;
  filter: saturate(0.45);
}

[data-lens-view="evidence"] .map-route {
  width: 29%;
  background: linear-gradient(90deg, rgba(104, 228, 255, 0.95), rgba(185, 245, 255, 0.12));
  box-shadow: 0 0 0.85rem rgba(104, 228, 255, 0.2);
}

[data-lens-view="runtime"] {
  background: radial-gradient(circle at center, rgba(33, 153, 111, 0.2), transparent 55%);
}

[data-lens-view="runtime"] .map-core,
[data-lens-view="runtime"] .anatomy-node.is-active {
  border-color: rgba(113, 246, 188, 0.78);
  box-shadow: 0 0 3rem rgba(113, 246, 188, 0.22), inset 0 0 2rem rgba(113, 246, 188, 0.08);
}

[data-lens-view="runtime"] .map-route,
[data-lens-view="runtime"] .map-route::after {
  background: var(--green);
  box-shadow: 0 0 0.8rem rgba(113, 246, 188, 0.52);
}

[data-lens-view="product"] .node-poa,
[data-lens-view="product"] .map-core {
  border-color: rgba(240, 121, 207, 0.72);
  box-shadow: 0 0 3rem rgba(240, 121, 207, 0.2), inset 0 0 2rem rgba(175, 123, 255, 0.09);
}

[data-lens-view="product"] .route-5 {
  height: 2px;
  background: linear-gradient(90deg, var(--cyan), var(--magenta));
  box-shadow: 0 0 1rem rgba(240, 121, 207, 0.28);
}

.map-readout {
  position: absolute;
  z-index: 5;
  left: 1.25rem;
  bottom: 1.15rem;
  display: grid;
  padding: 0.65rem 0.8rem;
  border-left: 2px solid var(--cyan);
  background: rgba(5, 9, 16, 0.7);
  pointer-events: none;
}

.map-readout span {
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.66rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.map-readout strong {
  margin-top: 0.25rem;
  font-family: var(--mono);
  font-size: 0.73rem;
}

.lens-inspector {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.6rem, 3vw, 3rem);
  background:
    linear-gradient(180deg, rgba(17, 24, 40, 0.88), rgba(8, 12, 21, 0.94)),
    var(--surface);
}

.inspector-topline {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--line);
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.lens-inspector h3 {
  margin-bottom: 1.3rem;
}

.lens-inspector > p:not(.eyebrow, .boundary-note) {
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
}

.inspector-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin: 2.25rem 0;
}

.inspector-stats div {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.025);
}

.inspector-stats dt {
  font-family: var(--mono);
  font-size: 1.3rem;
  font-weight: 800;
}

.inspector-stats dd {
  margin: 0.25rem 0 0;
  color: var(--dim);
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.boundary-note {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  margin: 0;
  padding: 0.9rem;
  border: 1px solid rgba(255, 210, 122, 0.18);
  border-radius: 0.65rem;
  color: #d5c6a5;
  background: rgba(255, 210, 122, 0.045);
  font-size: 0.75rem;
}

.boundary-note > span:first-child {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.1rem;
  height: 1.1rem;
  border: 1px solid rgba(255, 210, 122, 0.45);
  border-radius: 50%;
  font-family: var(--mono);
  font-size: 0.55rem;
  font-weight: 900;
}

.organism {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 38%, rgba(104, 228, 255, 0.09), transparent 28rem),
    radial-gradient(circle at 88% 72%, rgba(240, 121, 207, 0.07), transparent 30rem),
    linear-gradient(180deg, rgba(4, 7, 13, 0.18), rgba(11, 15, 27, 0.78));
}

.organism::before {
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(104, 228, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(104, 228, 255, 0.06) 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: linear-gradient(90deg, transparent, black 24%, black 76%, transparent);
  content: "";
  pointer-events: none;
}

.organ-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 3rem;
}

.organ-card {
  position: relative;
  grid-column: span 4;
  min-height: 19rem;
  padding: clamp(1.4rem, 2.4vw, 2.2rem);
  padding-bottom: 4.6rem;
  overflow: hidden;
  border: 1px solid rgba(166, 206, 238, 0.16);
  border-radius: 1.1rem;
  background:
    linear-gradient(145deg, rgba(17, 25, 41, 0.9), rgba(7, 11, 20, 0.9)),
    var(--surface);
  box-shadow: 0 1.3rem 4rem rgba(0, 0, 0, 0.22), inset 0 0 2.8rem rgba(104, 228, 255, 0.025);
  isolation: isolate;
  transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}

.organ-card::before,
.organ-card::after {
  position: absolute;
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.organ-card::before {
  z-index: -1;
  top: -6rem;
  right: -4rem;
  width: 13rem;
  aspect-ratio: 1;
  border: 1px solid rgba(104, 228, 255, 0.12);
  box-shadow: inset 0 0 3rem rgba(104, 228, 255, 0.04);
}

.organ-card::after {
  z-index: -1;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 0.42rem;
  height: 0.42rem;
  background: var(--cyan);
  box-shadow: 0 0 1.2rem var(--cyan);
}

.organ-card:hover {
  border-color: rgba(104, 228, 255, 0.4);
  box-shadow: 0 1.7rem 5rem rgba(0, 0, 0, 0.28), inset 0 0 3.2rem rgba(104, 228, 255, 0.05);
  transform: translateY(-0.35rem);
}

.organ-card:nth-child(2),
.organ-card:nth-child(5) {
  transform: translateY(2.5rem);
}

.organ-card:nth-child(2):hover,
.organ-card:nth-child(5):hover {
  transform: translateY(2.15rem);
}

.organ-code {
  color: var(--cyan);
  font-family: var(--mono);
  font-size: 0.69rem;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.organ-card h3 {
  margin: 4.8rem 0 0.8rem;
  font-size: clamp(1.65rem, 2.4vw, 2.35rem);
}

.organ-card p {
  max-width: 29rem;
  margin: 0;
  color: var(--muted);
  font-size: 0.93rem;
  line-height: 1.7;
}

.organ-card small,
.organ-card a {
  position: absolute;
  left: clamp(1.4rem, 2.4vw, 2.2rem);
  bottom: 1.7rem;
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
}

.organ-card a {
  color: var(--cyan-bright);
}

.organ-heart::after,
.organ-muscle::after { background: var(--violet); box-shadow: 0 0 1.2rem var(--violet); }
.organ-chain::after { background: var(--green); box-shadow: 0 0 1.2rem var(--green); }
.organ-hands::after { background: var(--amber); box-shadow: 0 0 1.2rem var(--amber); }
.organ-memory::after { background: var(--magenta); box-shadow: 0 0 1.2rem var(--magenta); }

.organ-footer {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem 2rem;
  margin-top: 4rem;
  padding: 1.1rem 1.3rem;
  border: 1px solid var(--line);
  border-radius: 0.8rem;
  color: var(--dim);
  background: rgba(7, 11, 19, 0.62);
  font-family: var(--mono);
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.organ-footer span {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.organ-footer i {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 0.6rem rgba(104, 228, 255, 0.6);
}

.organ-footer span:nth-child(2) i { background: var(--violet); }
.organ-footer span:nth-child(3) i { background: var(--amber); }

.ide-release {
  position: relative;
  overflow: hidden;
  border-block: 1px solid rgba(104, 228, 255, 0.12);
  background:
    radial-gradient(circle at 14% 26%, rgba(104, 228, 255, 0.12), transparent 29rem),
    radial-gradient(circle at 86% 58%, rgba(175, 123, 255, 0.11), transparent 31rem),
    linear-gradient(155deg, rgba(4, 11, 20, 0.96), rgba(7, 10, 20, 0.88));
}

.ide-release::before {
  position: absolute;
  inset: 0;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(104, 228, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(104, 228, 255, 0.055) 1px, transparent 1px);
  background-size: 3.75rem 3.75rem;
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
  content: "";
  pointer-events: none;
}

.ide-release-heading {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(18rem, 0.72fr);
  align-items: end;
  gap: 2rem;
}

.ide-release-heading .eyebrow {
  margin-bottom: 1rem;
}

.ide-release-heading > p {
  margin: 0 0 0.55rem;
  color: var(--muted);
  line-height: 1.75;
}

.ide-release-console {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.38fr) minmax(20rem, 0.62fr);
  min-height: 31rem;
  margin-top: 3rem;
  overflow: hidden;
  border: 1px solid rgba(104, 228, 255, 0.25);
  border-radius: 1.35rem;
  background:
    linear-gradient(125deg, rgba(12, 24, 40, 0.96), rgba(5, 9, 17, 0.96) 58%, rgba(15, 12, 30, 0.94));
  box-shadow: 0 2.2rem 7rem rgba(0, 0, 0, 0.36), inset 0 0 4rem rgba(104, 228, 255, 0.035);
  isolation: isolate;
}

.ide-release-console::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(104, 228, 255, 0.045) 50%, transparent 65%);
  content: "";
  transform: translateX(-100%);
  animation: ide-release-scan 9s ease-in-out infinite;
}

.ide-release-glow {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 14%;
  width: min(28rem, 38vw);
  aspect-ratio: 1;
  border: 1px solid rgba(104, 228, 255, 0.16);
  border-radius: 50%;
  box-shadow: 0 0 7rem rgba(104, 228, 255, 0.1), inset 0 0 5rem rgba(109, 141, 255, 0.08);
  transform: translateY(-50%);
}

.ide-release-glow::before,
.ide-release-glow::after,
.ide-release-glow i {
  position: absolute;
  inset: 12%;
  border: 1px dashed rgba(104, 228, 255, 0.15);
  border-radius: 50%;
  content: "";
}

.ide-release-glow::after { inset: 27%; border-style: solid; border-color: rgba(175, 123, 255, 0.18); }
.ide-release-glow i:nth-child(1) { inset: 41%; border-style: solid; background: rgba(104, 228, 255, 0.07); box-shadow: 0 0 2.5rem rgba(104, 228, 255, 0.15); }
.ide-release-glow i:nth-child(2) { inset: 3% 49%; border: 0; border-radius: 0; background: linear-gradient(transparent, rgba(104, 228, 255, 0.26), transparent); }
.ide-release-glow i:nth-child(3) { inset: 49% 3%; border: 0; border-radius: 0; background: linear-gradient(90deg, transparent, rgba(175, 123, 255, 0.24), transparent); }

.ide-release-main {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 5vw, 4.75rem);
}

.ide-release-status {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  width: fit-content;
  margin-bottom: clamp(2.8rem, 6vw, 5rem);
  padding: 0.68rem 0.9rem;
  border: 1px solid rgba(255, 210, 122, 0.26);
  border-radius: 0.7rem;
  background: rgba(255, 210, 122, 0.055);
}

.ide-release[data-state="ready"] .ide-release-status {
  border-color: rgba(113, 246, 188, 0.35);
  background: rgba(113, 246, 188, 0.055);
}

.ide-release[data-state="blocked"] .ide-release-status {
  border-color: rgba(255, 141, 154, 0.35);
  background: rgba(255, 141, 154, 0.055);
}

.ide-release-status small,
.ide-release-status strong {
  display: block;
}

.ide-release-status small {
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.61rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ide-release-status strong {
  margin-top: 0.08rem;
  font-size: 0.8rem;
}

.ide-release[data-state="ready"] .status-light { background: var(--green); box-shadow: 0 0 1rem rgba(113, 246, 188, 0.9); }
.ide-release[data-state="blocked"] .status-light { background: var(--danger); box-shadow: 0 0 1rem rgba(255, 141, 154, 0.85); }

.ide-release-main h3 {
  max-width: 43rem;
  margin: 0.65rem 0 1rem;
  font-size: clamp(2.4rem, 5vw, 5.2rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.ide-release-lede {
  max-width: 42rem;
  margin: 0;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.8;
}

.ide-release-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 2rem;
}

.ide-release-actions .text-link {
  margin-left: 0.35rem;
}

.ide-release-actions .is-disabled {
  pointer-events: none;
  opacity: 0.58;
}

.ide-release-warning {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  max-width: 42rem;
  margin: 1.6rem 0 0;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(255, 210, 122, 0.16);
  color: #d7c9aa;
  font-size: 0.78rem;
}

.ide-release-warning > span:first-child {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid rgba(255, 210, 122, 0.42);
  border-radius: 50%;
  font-family: var(--mono);
  font-size: 0.62rem;
  font-weight: 900;
}

.ide-release-facts {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  margin: 0;
  padding: clamp(2rem, 4vw, 3.5rem);
  border-left: 1px solid rgba(104, 228, 255, 0.16);
  background: rgba(3, 8, 15, 0.54);
}

.ide-release-facts > div {
  padding: 1.1rem 0;
  border-bottom: 1px solid rgba(169, 195, 224, 0.12);
}

.ide-release-facts > div:last-child { border-bottom: 0; }
.ide-release-facts dt { color: var(--dim); font-family: var(--mono); font-size: 0.63rem; letter-spacing: 0.1em; text-transform: uppercase; }
.ide-release-facts dd { margin: 0.3rem 0 0; color: var(--text); font-size: 0.92rem; font-weight: 700; }
.ide-release-facts code { color: var(--cyan-bright); }

.ide-start-here {
  position: relative;
  display: grid;
  grid-template-columns: minmax(16rem, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(1.25rem, 3vw, 2.5rem);
  margin-top: 1rem;
  padding: clamp(1.5rem, 3.5vw, 2.8rem);
  overflow: hidden;
  border: 1px solid rgba(113, 246, 188, 0.22);
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 6% 18%, rgba(113, 246, 188, 0.12), transparent 22rem),
    linear-gradient(135deg, rgba(9, 23, 29, 0.94), rgba(5, 10, 19, 0.94));
  box-shadow: inset 0 0 3.5rem rgba(113, 246, 188, 0.025);
}

.ide-start-here::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--green), var(--cyan), transparent);
  box-shadow: 0 0 1rem rgba(113, 246, 188, 0.28);
  content: "";
}

.ide-start-here-intro {
  align-self: center;
}

.ide-start-here-intro h3 {
  max-width: 26rem;
  margin: 0.75rem 0 1rem;
  font-size: clamp(2rem, 4vw, 3.8rem);
  line-height: 1;
  letter-spacing: -0.045em;
}

.ide-start-here-intro > p:not(.eyebrow) {
  max-width: 31rem;
  margin: 0 0 1.25rem;
  color: var(--muted);
  line-height: 1.7;
}

.ide-start-here-intro .is-disabled {
  pointer-events: none;
  opacity: 0.58;
}

.ide-start-steps {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ide-start-steps li {
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr);
  gap: 0.9rem;
  align-items: start;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(169, 195, 224, 0.12);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.025);
}

.ide-start-steps li > span {
  display: grid;
  place-items: center;
  min-height: 2.2rem;
  border: 1px solid rgba(113, 246, 188, 0.3);
  border-radius: 0.55rem;
  color: var(--green);
  background: rgba(113, 246, 188, 0.055);
  font-family: var(--mono);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.ide-start-steps strong {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.9rem;
}

.ide-start-steps p {
  margin: 0;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.55;
}

.ide-start-steps b {
  color: var(--text);
}

.ide-start-here-reassurance {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0;
  padding-top: 1rem;
  border-top: 1px solid rgba(113, 246, 188, 0.15);
  color: #cbe9da;
  font-size: 0.78rem;
}

.ide-start-here-reassurance > span:first-child {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.35rem;
  height: 1.35rem;
  border: 1px solid rgba(113, 246, 188, 0.45);
  border-radius: 50%;
  color: var(--green);
}

.ide-stack-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.ide-stack-grid article {
  min-height: 14rem;
  padding: 1.55rem;
  border: 1px solid rgba(169, 195, 224, 0.14);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(17, 25, 41, 0.8), rgba(6, 10, 18, 0.86));
}

.ide-stack-grid article > span { color: var(--cyan); font-family: var(--mono); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.14em; }
.ide-stack-grid h3 { margin: 2.8rem 0 0.55rem; font-size: 1.18rem; }
.ide-stack-grid p { margin: 0; color: var(--muted); font-size: 0.82rem; line-height: 1.7; }

.ide-release-digest {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.8rem 1.25rem;
  margin-top: 1rem;
  padding: 1.3rem 1.45rem;
  border: 1px solid rgba(104, 228, 255, 0.18);
  border-radius: 0.9rem;
  background: rgba(3, 8, 15, 0.72);
}

.ide-release-digest span { display: block; color: var(--dim); font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.1em; text-transform: uppercase; }
.ide-release-digest code { display: block; margin-top: 0.32rem; color: var(--cyan-bright); font-size: 0.75rem; }
.ide-release-digest button { min-height: 44px; padding: 0.55rem 0.8rem; border: 1px solid rgba(104, 228, 255, 0.3); border-radius: 0.6rem; color: var(--cyan-bright); background: rgba(104, 228, 255, 0.06); cursor: pointer; }
.ide-release-digest button:disabled { color: var(--dim); cursor: not-allowed; opacity: 0.55; }
.ide-release-digest p { grid-column: 1 / -1; margin: 0.25rem 0 0; padding-top: 0.9rem; border-top: 1px solid rgba(169, 195, 224, 0.1); color: var(--dim); font-size: 0.72rem; }

@keyframes ide-release-scan {
  0%, 20% { transform: translateX(-100%); }
  55%, 100% { transform: translateX(100%); }
}

@media (max-width: 78rem) {
  .ide-release-console { grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr); }
  .ide-stack-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 62rem) {
  .ide-release-heading,
  .ide-release-console,
  .ide-start-here { grid-template-columns: 1fr; }
  .ide-release-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid rgba(104, 228, 255, 0.16); border-left: 0; }
  .ide-release-facts > div:nth-last-child(2) { border-bottom: 0; }
  .ide-release-glow { top: 26%; right: -4rem; width: 24rem; }
}

@media (max-width: 42rem) {
  .ide-release-main { padding: 1.5rem; }
  .ide-release-main h3 { font-size: clamp(2.25rem, 14vw, 3.6rem); }
  .ide-release-actions { align-items: stretch; }
  .ide-release-actions .button,
  .ide-release-actions .text-link { width: 100%; margin-left: 0; }
  .ide-release-facts,
  .ide-start-here,
  .ide-stack-grid,
  .ide-release-digest { grid-template-columns: 1fr; }
  .ide-release-facts > div:nth-last-child(2) { border-bottom: 1px solid rgba(169, 195, 224, 0.12); }
  .ide-release-digest button { width: 100%; }
  .ide-start-steps li { grid-template-columns: 2.35rem minmax(0, 1fr); padding-inline: 0.8rem; }
}

.body-bridge {
  position: relative;
  display: grid;
  grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.28fr);
  gap: 1rem 1.3rem;
  margin-bottom: 1rem;
  padding: 1rem;
  overflow: hidden;
  border: 1px solid rgba(104, 228, 255, 0.2);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 68% -20%, rgba(104, 228, 255, 0.13), transparent 36%),
    radial-gradient(circle at 95% 130%, rgba(175, 123, 255, 0.13), transparent 43%),
    linear-gradient(115deg, rgba(8, 17, 30, 0.96), rgba(3, 7, 14, 0.92));
  box-shadow: inset 0 0 2.8rem rgba(104, 228, 255, 0.025), 0 1.2rem 3.8rem rgba(0, 0, 0, 0.24);
  isolation: isolate;
}

.body-bridge::before,
.body-bridge::after {
  position: absolute;
  z-index: -1;
  content: "";
  pointer-events: none;
}

.body-bridge::before {
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 2%, var(--cyan), rgba(255, 210, 122, 0.7), var(--violet), transparent 98%);
  box-shadow: 0 0 1.2rem rgba(104, 228, 255, 0.38);
}

.body-bridge::after {
  top: -6rem;
  right: 25%;
  width: 14rem;
  aspect-ratio: 1;
  border: 1px solid rgba(104, 228, 255, 0.09);
  border-radius: 50%;
  box-shadow: inset 0 0 3.5rem rgba(104, 228, 255, 0.055);
}

.body-bridge-copy {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  gap: 0.45rem;
  min-width: 0;
  padding: 0.45rem 0.6rem;
}

.body-bridge-signal {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--cyan);
  font-family: var(--mono);
  font-size: 0.61rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.body-bridge-signal i {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--cyan-bright);
  box-shadow: 0 0 0 0.22rem rgba(104, 228, 255, 0.09), 0 0 1rem rgba(104, 228, 255, 0.8);
}

.body-bridge-copy strong {
  max-width: 30rem;
  color: #edfaff;
  font-size: clamp(0.95rem, 1.3vw, 1.12rem);
  line-height: 1.35;
}

.body-bridge-copy small {
  max-width: 34rem;
  color: var(--dim);
  font-size: 0.69rem;
  line-height: 1.55;
}

.body-surface-links {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
}

.body-surface {
  position: relative;
  display: grid;
  align-content: center;
  gap: 0.28rem;
  min-width: 0;
  min-height: 6.5rem;
  padding: 0.85rem 0.9rem;
  overflow: hidden;
  border: 1px solid rgba(169, 195, 224, 0.13);
  border-radius: 0.7rem;
  color: var(--text);
  background: linear-gradient(145deg, rgba(19, 31, 49, 0.82), rgba(5, 10, 19, 0.9));
  text-decoration: none;
  box-shadow: inset 0 0 1.8rem rgba(104, 228, 255, 0.018);
  transition: transform 190ms ease, border-color 190ms ease, box-shadow 190ms ease, background 190ms ease;
}

.body-surface::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background: linear-gradient(180deg, transparent, rgba(104, 228, 255, 0.85), transparent);
  content: "";
}

.body-surface::after {
  position: absolute;
  right: -2.5rem;
  bottom: -3rem;
  width: 7rem;
  aspect-ratio: 1;
  border: 1px solid rgba(104, 228, 255, 0.1);
  border-radius: 50%;
  box-shadow: inset 0 0 2rem rgba(104, 228, 255, 0.04);
  content: "";
}

.body-surface:hover {
  border-color: rgba(104, 228, 255, 0.46);
  background: linear-gradient(145deg, rgba(21, 43, 63, 0.92), rgba(5, 13, 23, 0.96));
  box-shadow: inset 0 0 2.2rem rgba(104, 228, 255, 0.055), 0 0.8rem 2rem rgba(0, 0, 0, 0.28), 0 0 1.4rem rgba(104, 228, 255, 0.08);
  transform: translateY(-0.18rem);
}

.body-surface > span {
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.56rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.body-surface > span b {
  margin-right: 0.32rem;
  color: var(--cyan);
}

.body-surface > strong {
  overflow: hidden;
  color: #e7f8ff;
  font-size: 0.76rem;
  line-height: 1.35;
  text-overflow: ellipsis;
}

.body-surface > strong i {
  color: var(--cyan);
  font-style: normal;
}

.body-surface > small {
  overflow: hidden;
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.56rem;
  line-height: 1.4;
  text-overflow: ellipsis;
}

.body-surface.is-current {
  border-color: rgba(104, 228, 255, 0.32);
  background: linear-gradient(145deg, rgba(15, 49, 66, 0.84), rgba(5, 14, 23, 0.94));
}

.body-surface-presentation {
  border-color: rgba(255, 210, 122, 0.24);
  background: linear-gradient(145deg, rgba(56, 43, 20, 0.6), rgba(12, 11, 12, 0.94));
}

.body-surface-presentation::before {
  background: linear-gradient(180deg, transparent, rgba(255, 210, 122, 0.94), transparent);
}

.body-surface-presentation > span b,
.body-surface-presentation > strong i {
  color: var(--amber);
}

.body-surface-presentation:hover {
  border-color: rgba(255, 210, 122, 0.56);
  background: linear-gradient(145deg, rgba(68, 52, 25, 0.78), rgba(15, 13, 14, 0.98));
  box-shadow: inset 0 0 2.2rem rgba(255, 210, 122, 0.05), 0 0.8rem 2rem rgba(0, 0, 0, 0.28), 0 0 1.4rem rgba(255, 210, 122, 0.09);
}

.body-surface-operator {
  border-color: rgba(175, 123, 255, 0.22);
}

.body-surface-operator::before {
  background: linear-gradient(180deg, transparent, rgba(175, 123, 255, 0.92), transparent);
}

.body-surface-operator > span b,
.body-surface-operator > strong i {
  color: #caa7ff;
}

.body-bridge-boundary {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: -0.15rem 0 0;
  padding: 0.15rem 0.6rem 0;
  color: var(--dim);
  font-size: 0.62rem;
  line-height: 1.5;
}

.body-bridge-boundary span {
  flex: 0 0 auto;
  padding: 0.15rem 0.35rem;
  border: 1px solid rgba(255, 210, 122, 0.25);
  border-radius: 0.25rem;
  color: #e8c981;
  font-family: var(--mono);
  font-size: 0.53rem;
  font-weight: 900;
  letter-spacing: 0.11em;
}

.body-bridge-dock {
  margin-top: 1rem;
  margin-bottom: 0;
}

.galaxy-commandbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.4rem;
}

.galaxy-commandbar .lens-bar {
  margin-bottom: 0;
}

.galaxy-division-nav {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(16rem, 0.75fr);
  gap: 0.75rem;
  align-items: end;
  margin: -0.65rem 0 1rem;
  padding: 0.75rem;
  border: 1px solid rgba(104, 228, 255, 0.24);
  border-radius: 0.7rem;
  background: rgba(3, 8, 15, 0.82);
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.22);
}

.galaxy-division-nav-current,
.galaxy-division-nav-field {
  min-width: 0;
}

.galaxy-division-nav-current > span,
.galaxy-division-nav-field > span {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--dim);
  font: 800 0.875rem/1.3 var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.galaxy-division-nav-current strong {
  display: block;
  max-width: 100%;
  overflow: visible;
  color: #e7fbff;
  font: 800 1rem/1.4 var(--mono);
  overflow-wrap: break-word;
  text-overflow: clip;
  white-space: normal;
}

.galaxy-division-nav-field select {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid rgba(104, 228, 255, 0.38);
  border-radius: 0.55rem;
  color: var(--text);
  background: #07121f;
  font: 750 0.875rem/1.35 var(--mono);
  cursor: pointer;
}

.galaxy-division-nav-field select:disabled {
  color: var(--dim);
  cursor: not-allowed;
  opacity: 0.76;
}

.galaxy-division-nav-field select:focus-visible {
  outline: 2px solid var(--cyan-bright);
  outline-offset: 2px;
}

.galaxy-controls {
  display: grid;
  grid-template-columns: auto 2.8rem auto 2.8rem;
  gap: 0.42rem;
}

.galaxy-controls button {
  min-height: 2.75rem;
  padding: 0 0.8rem;
  border: 1px solid var(--line);
  border-radius: 0.55rem;
  color: var(--text);
  background: rgba(255, 255, 255, 0.025);
  font-family: var(--mono);
  font-size: 0.72rem;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 180ms ease, color 180ms ease, background 180ms ease;
}

.galaxy-controls [data-galaxy-zoom] {
  padding: 0;
  color: var(--cyan-bright);
  font-size: 1.25rem;
}

.galaxy-controls [data-galaxy-engage] {
  min-width: 8.8rem;
  border-color: rgba(104, 228, 255, 0.28);
}

.galaxy-controls [data-galaxy-engage][aria-pressed="true"] {
  color: #041016;
  border-color: var(--cyan-bright);
  background: var(--cyan-bright);
  box-shadow: 0 0 1.8rem rgba(104, 228, 255, 0.2);
}

.galaxy-controls button:hover:not(:disabled) {
  border-color: rgba(104, 228, 255, 0.48);
  background: rgba(104, 228, 255, 0.08);
}

.lens-bar button:disabled,
.galaxy-controls button:disabled,
.lens-bar button:disabled:hover,
.galaxy-controls button:disabled:hover {
  border-color: rgba(151, 170, 196, 0.14);
  color: var(--dim);
  background: rgba(255, 255, 255, 0.015);
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.72;
}

.galaxy-workbench {
  min-height: 50rem;
  border-color: rgba(104, 228, 255, 0.28);
  background:
    radial-gradient(circle at 34% 48%, rgba(28, 111, 152, 0.12), transparent 34rem),
    linear-gradient(140deg, rgba(3, 8, 16, 0.97), rgba(7, 9, 20, 0.94));
  box-shadow: 0 3rem 8rem rgba(0, 0, 0, 0.62), 0 0 7rem rgba(77, 107, 221, 0.1), inset 0 0 4rem rgba(104, 228, 255, 0.02);
}

.galaxy-stage {
  min-height: 50rem;
  cursor: grab;
  isolation: isolate;
  touch-action: pan-y;
  user-select: none;
  background:
    radial-gradient(ellipse at 50% 49%, rgba(38, 130, 164, 0.16), transparent 36%),
    radial-gradient(circle at 23% 28%, rgba(69, 106, 222, 0.08), transparent 27%),
    radial-gradient(circle at 81% 72%, rgba(175, 123, 255, 0.075), transparent 28%),
    linear-gradient(180deg, #02060c, #010309 58%, #030611);
}

.galaxy-stage.is-dragging {
  cursor: grabbing;
}

.galaxy-stage.is-engaged {
  touch-action: none;
  box-shadow: inset 0 0 0 1px rgba(104, 228, 255, 0.48), inset 0 0 6rem rgba(104, 228, 255, 0.055), 0 0 2.5rem rgba(104, 228, 255, 0.08);
}

.galaxy-stage.galaxy-static-fallback {
  min-height: 12rem;
  cursor: default;
}

.galaxy-fallback-active .galaxy-controls {
  display: none;
}

.galaxy-stage.galaxy-static-fallback::after {
  content: "Semantic galaxy navigation active";
  position: absolute;
  z-index: 4;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: max-content;
  height: auto;
  padding: 0.65rem 0.85rem;
  border: 1px solid var(--line-bright);
  border-radius: 0.5rem;
  color: var(--muted-bright);
  background: rgba(4, 9, 17, 0.92);
  font: 700 0.68rem/1.3 var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: none;
  transform: translate(-50%, -50%);
}

.galaxy-stage::before {
  inset: 7% 13%;
  border-color: rgba(104, 228, 255, 0.12);
  box-shadow: 0 0 5rem rgba(104, 228, 255, 0.06), inset 0 0 5rem rgba(104, 228, 255, 0.025);
  animation: galaxy-orbit-drift 42s linear infinite;
}

.galaxy-stage::after {
  inset: 18% 26%;
  border-color: rgba(175, 123, 255, 0.17);
  box-shadow: 0 0 3rem rgba(175, 123, 255, 0.045);
  animation: galaxy-orbit-drift-reverse 31s linear infinite;
}

.galaxy-stage .map-grid {
  z-index: -2;
  inset: 44% -20% -35%;
  opacity: 0.31;
  transform: perspective(38rem) rotateX(68deg);
  mask-image: linear-gradient(180deg, transparent, black 32%, transparent 94%);
}

.galaxy-atmosphere,
.galaxy-scanline {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.galaxy-atmosphere {
  z-index: 0;
  overflow: hidden;
  mix-blend-mode: screen;
}

.galaxy-atmosphere i {
  position: absolute;
  border-radius: 50%;
  filter: blur(1px);
  opacity: 0.46;
  will-change: transform;
}

.galaxy-atmosphere i:nth-child(1) {
  top: 14%;
  left: 8%;
  width: 36%;
  aspect-ratio: 1.25;
  background: radial-gradient(ellipse, rgba(39, 130, 210, 0.16), rgba(19, 72, 142, 0.04) 46%, transparent 72%);
  animation: galaxy-nebula-drift 18s ease-in-out infinite alternate;
}

.galaxy-atmosphere i:nth-child(2) {
  right: 2%;
  bottom: 9%;
  width: 40%;
  aspect-ratio: 1.2;
  background: radial-gradient(ellipse, rgba(151, 76, 211, 0.13), rgba(87, 56, 178, 0.035) 50%, transparent 72%);
  animation: galaxy-nebula-drift 23s -7s ease-in-out infinite alternate-reverse;
}

.galaxy-atmosphere i:nth-child(3) {
  top: 26%;
  left: 28%;
  width: 48%;
  aspect-ratio: 1;
  border: 1px solid rgba(104, 228, 255, 0.075);
  box-shadow: inset 0 0 5rem rgba(104, 228, 255, 0.03), 0 0 5rem rgba(104, 228, 255, 0.025);
  animation: galaxy-atmosphere-breathe 7s ease-in-out infinite;
}

.galaxy-scanline {
  z-index: 2;
  top: -18%;
  bottom: auto;
  height: 18%;
  opacity: 0.22;
  background: linear-gradient(180deg, transparent, rgba(104, 228, 255, 0.025) 56%, rgba(104, 228, 255, 0.16) 100%);
  mix-blend-mode: screen;
  animation: galaxy-scan-sweep 9s linear infinite;
}

.galaxy-canvas {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  outline: none;
  filter: saturate(1.14) contrast(1.04);
}

.galaxy-canvas:focus-visible {
  box-shadow: inset 0 0 0 2px var(--cyan);
}

.galaxy-reticle {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  width: 6.4rem;
  aspect-ratio: 1;
  border: 1px solid rgba(104, 228, 255, 0.23);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.galaxy-reticle::before,
.galaxy-reticle::after,
.galaxy-reticle i {
  position: absolute;
  content: "";
}

.galaxy-reticle::before { top: 50%; right: -1.4rem; left: -1.4rem; height: 1px; background: linear-gradient(90deg, transparent, rgba(104, 228, 255, 0.3), transparent); }
.galaxy-reticle::after { top: -1.4rem; bottom: -1.4rem; left: 50%; width: 1px; background: linear-gradient(180deg, transparent, rgba(104, 228, 255, 0.3), transparent); }
.galaxy-reticle i:first-child { inset: 0.55rem; border: 1px dashed rgba(104, 228, 255, 0.18); border-radius: 50%; animation: galaxy-reticle-spin 28s linear infinite; }
.galaxy-reticle i:last-child { top: 50%; left: 50%; width: 0.36rem; height: 0.36rem; border-radius: 50%; background: #d7fbff; box-shadow: 0 0 0 0.24rem rgba(104, 228, 255, 0.1), 0 0 1.4rem rgba(104, 228, 255, 0.9); transform: translate(-50%, -50%); }

.galaxy-depth {
  position: absolute;
  z-index: 3;
  top: 1.2rem;
  left: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.59rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  pointer-events: none;
}

.galaxy-depth i {
  width: 1.5rem;
  height: 1px;
  background: linear-gradient(90deg, var(--cyan), transparent);
}

.galaxy-depth b {
  color: var(--cyan-bright);
  font: inherit;
}

.galaxy-mark-key {
  position: absolute;
  z-index: 8;
  top: 3.55rem;
  left: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.85rem;
  max-width: calc(100% - 8rem);
  padding: 0.55rem 0.7rem;
  border: 1px solid rgba(169, 205, 229, 0.28);
  border-radius: 0.55rem;
  color: #c5d4e5;
  background: rgba(3, 8, 15, 0.92);
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.36), inset 0 0 1.5rem rgba(104, 228, 255, 0.025);
  font: 760 0.875rem/1.3 var(--mono);
  pointer-events: none;
  backdrop-filter: blur(12px);
}

.galaxy-mark-key span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  white-space: nowrap;
}

.galaxy-mark-key b {
  color: #f0fbff;
}

.galaxy-mark-key em {
  color: var(--cyan);
  font-style: normal;
  font-weight: 850;
}

.galaxy-mark-key i {
  display: inline-block;
  flex: 0 0 auto;
}

.galaxy-mark-key .mark-neuron {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: #d7fbff;
  box-shadow: 0 0 0.55rem rgba(104, 228, 255, 0.82);
}

.galaxy-mark-key .mark-family {
  width: 0.72rem;
  height: 0.72rem;
  border: 1px solid rgba(104, 228, 255, 0.75);
  border-radius: 50%;
}

.galaxy-mark-key .mark-division {
  width: 0.9rem;
  height: 0.9rem;
  border: 1px dashed rgba(151, 205, 255, 0.75);
  border-radius: 50%;
}

.galaxy-mark-key .mark-code {
  display: inline-grid;
  place-items: center;
  width: 1.1rem;
  height: 1.1rem;
  border: 1px solid rgba(104, 228, 255, 0.5);
  border-radius: 0.25rem;
  color: #e4f8ff;
  font: 850 0.7rem/1 var(--mono);
}

.galaxy-mark-key .mark-link {
  position: relative;
  width: 1.2rem;
  height: 0.75rem;
  background: linear-gradient(90deg, rgba(104, 228, 255, 0.96) 0 54%, transparent 54%);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
}

.galaxy-mark-key .mark-link::before,
.galaxy-mark-key .mark-link::after {
  position: absolute;
  top: 50%;
  left: 52%;
  width: 0.58rem;
  height: 1px;
  background: linear-gradient(90deg, rgba(104, 228, 255, 0.9), rgba(104, 228, 255, 0.22));
  content: "";
  transform-origin: 0 50%;
}

.galaxy-mark-key .mark-link::before { transform: rotate(-28deg); }
.galaxy-mark-key .mark-link::after { transform: rotate(28deg); }

.galaxy-hint {
  position: absolute;
  z-index: 3;
  right: 1.2rem;
  bottom: 1.15rem;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.62rem;
  pointer-events: none;
}

.galaxy-hint span {
  color: var(--cyan-bright);
  font-weight: 800;
  text-transform: uppercase;
}

.galaxy-hint b {
  font-weight: 500;
}

.galaxy-hint i {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: rgba(168, 182, 202, 0.45);
}

.galaxy-inspector {
  position: relative;
  justify-content: flex-start;
  min-width: 0;
  padding: clamp(1rem, 1.65vw, 1.5rem);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: rgba(104, 228, 255, 0.35) transparent;
  scrollbar-width: thin;
  background:
    radial-gradient(circle at 50% 0, rgba(104, 228, 255, 0.075), transparent 17rem),
    linear-gradient(180deg, rgba(15, 25, 43, 0.96), rgba(5, 9, 17, 0.99)),
    var(--surface);
  box-shadow: inset 1rem 0 4rem rgba(104, 228, 255, 0.018);
}

.galaxy-inspector::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background: linear-gradient(180deg, transparent, var(--cyan), var(--violet), transparent);
  content: "";
}

.galaxy-inspector .inspector-topline {
  margin-bottom: 0.85rem;
}

.galaxy-stats {
  margin: 0.85rem 0;
}

.galaxy-focus {
  display: grid;
  gap: 0.22rem;
  margin: -0.2rem 0 1rem;
  padding: 0.78rem 0.85rem;
  border: 1px solid rgba(104, 228, 255, 0.16);
  border-radius: 0.55rem;
  background: linear-gradient(90deg, rgba(104, 228, 255, 0.07), rgba(175, 123, 255, 0.035));
}

.galaxy-focus > span,
.galaxy-neuron-roster > span {
  color: var(--cyan);
  font-family: var(--mono);
  font-size: 0.64rem;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.galaxy-focus strong {
  font-size: 0.9rem;
}

.galaxy-focus small {
  color: var(--muted);
  font-size: 0.7rem;
  line-height: 1.45;
}

.galaxy-family-list {
  display: grid;
  gap: 0.48rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}

.galaxy-family-list li {
  display: grid;
  grid-template-columns: 2.45rem 1fr;
  gap: 0.65rem;
  align-items: center;
  min-height: 2.45rem;
  padding: 0.48rem 0.65rem;
  border: 1px solid rgba(169, 195, 224, 0.1);
  border-radius: 0.48rem;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.018);
  font-size: 0.73rem;
}

.galaxy-family-list span {
  color: var(--cyan);
  font-family: var(--mono);
  font-size: 0.66rem;
  font-weight: 900;
}

.galaxy-family-list li.is-interactive {
  display: block;
  padding: 0;
  overflow: hidden;
}

.galaxy-family-list button {
  display: grid;
  grid-template-columns: 2.45rem 1fr;
  gap: 0.65rem;
  align-items: center;
  width: 100%;
  min-height: 2.65rem;
  padding: 0.48rem 0.65rem;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.galaxy-family-list button:hover,
.galaxy-family-list button[aria-pressed="true"] {
  color: var(--text);
  background: rgba(104, 228, 255, 0.075);
}

.galaxy-neuron-roster {
  display: grid;
  gap: 0.6rem;
  margin: -0.45rem 0 1.25rem;
  padding: 0.8rem;
  border: 1px solid rgba(169, 195, 224, 0.1);
  border-radius: 0.55rem;
  background: rgba(2, 5, 11, 0.45);
}

.galaxy-neuron-roster[hidden] {
  display: none;
}

.galaxy-neuron-roster > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.35rem;
}

.galaxy-neuron-roster button {
  min-height: 2rem;
  padding: 0.25rem;
  border: 1px solid rgba(169, 195, 224, 0.12);
  border-radius: 0.38rem;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.018);
  font-family: var(--mono);
  font-size: 0.64rem;
  cursor: pointer;
}

.galaxy-neuron-roster button:hover,
.galaxy-neuron-roster button[aria-pressed="true"] {
  color: var(--cyan-bright);
  border-color: rgba(104, 228, 255, 0.4);
  background: rgba(104, 228, 255, 0.08);
}

.galaxy-lens-brief {
  display: grid;
  gap: 0.32rem;
  margin-bottom: 1rem;
  padding: 0.8rem 0;
  border-block: 1px solid rgba(169, 195, 224, 0.1);
}

.galaxy-lens-brief > span {
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.62rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.galaxy-lens-brief strong {
  font-size: 0.88rem;
}

.galaxy-lens-brief p {
  margin: 0;
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.55;
}

.galaxy-body-actions {
  display: grid;
  gap: 0.55rem;
  margin-top: 1rem;
}

.galaxy-local-cta {
  display: grid;
  justify-content: stretch;
  gap: 0.1rem;
  width: 100%;
  min-height: 3.35rem;
  padding: 0.65rem 0.8rem;
  font-size: 0.71rem;
  line-height: 1.3;
  text-align: left;
}

.galaxy-local-cta small {
  color: rgba(193, 217, 230, 0.64);
  font-family: var(--mono);
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.galaxy-local-cta.button-primary small {
  color: rgba(4, 16, 22, 0.65);
}

.galaxy-index {
  display: grid;
  grid-template-columns: repeat(16, minmax(0, 1fr));
  gap: 0.32rem;
  margin-top: 0.7rem;
}

.galaxy-index button {
  min-width: 0;
  min-height: 2.4rem;
  padding: 0;
  border: 1px solid rgba(169, 195, 224, 0.12);
  border-radius: 0.38rem;
  color: var(--dim);
  background: rgba(255, 255, 255, 0.018);
  font-family: var(--mono);
  font-size: 0.67rem;
  font-weight: 900;
  cursor: pointer;
  transition: color 160ms ease, border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.galaxy-index button:hover,
.galaxy-index button[aria-pressed="true"] {
  border-color: rgba(104, 228, 255, 0.56);
  color: var(--cyan-bright);
  background: rgba(104, 228, 255, 0.09);
  transform: translateY(-0.15rem);
}

.galaxy-public-boundary {
  max-width: 72rem;
  margin: 1.1rem auto 0;
  color: var(--dim);
  font-size: 0.76rem;
  line-height: 1.6;
  text-align: center;
}

@keyframes galaxy-orbit-drift {
  from { transform: rotate(-7deg) scale(0.99); }
  50% { transform: rotate(173deg) scale(1.015); }
  to { transform: rotate(353deg) scale(0.99); }
}

@keyframes galaxy-orbit-drift-reverse {
  from { transform: rotate(9deg) scale(1.01); }
  50% { transform: rotate(-171deg) scale(0.985); }
  to { transform: rotate(-351deg) scale(1.01); }
}

@keyframes galaxy-nebula-drift {
  from { transform: translate3d(-1.5%, -1%, 0) scale(0.96); opacity: 0.34; }
  to { transform: translate3d(3%, 2%, 0) scale(1.08); opacity: 0.56; }
}

@keyframes galaxy-atmosphere-breathe {
  0%, 100% { transform: scale(0.96); opacity: 0.26; }
  50% { transform: scale(1.04); opacity: 0.5; }
}

@keyframes galaxy-scan-sweep {
  0% { transform: translateY(-10%); opacity: 0; }
  10% { opacity: 0.2; }
  78% { opacity: 0.16; }
  100% { transform: translateY(650%); opacity: 0; }
}

@keyframes galaxy-reticle-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.pipeline-rail {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pipeline-rail::before {
  position: absolute;
  top: 2.55rem;
  right: 7%;
  left: 7%;
  height: 1px;
  background: linear-gradient(90deg, var(--cyan), var(--blue), var(--violet), var(--magenta));
  box-shadow: 0 0 1.2rem rgba(104, 228, 255, 0.2);
  content: "";
}

.pipeline-rail li {
  position: relative;
  display: grid;
  justify-items: center;
  min-height: 10rem;
  padding: 1.6rem 0.6rem;
  text-align: center;
}

.pipeline-rail li > span {
  z-index: 1;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(104, 228, 255, 0.5);
  border-radius: 50%;
  color: var(--cyan-bright);
  background: var(--bg);
  box-shadow: 0 0 1rem rgba(104, 228, 255, 0.12);
  font-family: var(--mono);
  font-size: 0.52rem;
}

.pipeline-rail strong {
  align-self: end;
  margin-top: 1.3rem;
  font-size: 0.85rem;
}

.pipeline-rail small {
  color: var(--dim);
  font-size: 0.7rem;
}

.pipeline-note {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-top: 2rem;
  padding: 1.25rem 1.4rem;
  border: 1px solid var(--line);
  border-radius: 0.9rem;
  background: var(--surface-soft);
}

.pipeline-note p {
  flex: 1;
  margin: 0;
  color: var(--muted);
  font-size: 0.75rem;
}

.pipeline-note p strong {
  color: var(--text);
}

.pipeline-note > a {
  color: var(--cyan-bright);
  font-size: 0.75rem;
  font-weight: 750;
  text-decoration: none;
}

.pipeline-wave {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  height: 1.5rem;
}

.pipeline-wave i {
  width: 0.17rem;
  height: 45%;
  border-radius: 2px;
  background: var(--cyan);
  animation: wave-bars 1.4s ease-in-out infinite;
}

.pipeline-wave i:nth-child(2) { animation-delay: -0.2s; }
.pipeline-wave i:nth-child(3) { animation-delay: -0.4s; }
.pipeline-wave i:nth-child(4) { animation-delay: -0.6s; }
.pipeline-wave i:nth-child(5) { animation-delay: -0.8s; }

.mission {
  border-block: 1px solid rgba(177, 211, 240, 0.08);
  background: linear-gradient(180deg, rgba(10, 15, 26, 0.72), rgba(4, 7, 13, 0.3));
}

.mission-heading {
  align-items: start;
}

.mission-heading .eyebrow {
  grid-column: auto;
  margin-bottom: 1rem;
}

.mission-heading > div h2 {
  max-width: 15ch;
}

.mission-machine {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 1.2rem;
  background:
    radial-gradient(circle at 8% 26%, rgba(104, 228, 255, 0.12), transparent 20rem),
    radial-gradient(circle at 91% 78%, rgba(175, 123, 255, 0.1), transparent 24rem),
    linear-gradient(155deg, rgba(15, 23, 38, 0.94), rgba(5, 9, 16, 0.96));
  box-shadow: var(--shadow);
}

.mission-machine::before {
  position: absolute;
  inset: 0;
  opacity: 0.22;
  background-image: repeating-linear-gradient(90deg, transparent 0, transparent calc(16.666% - 1px), rgba(164, 200, 232, 0.14) 16.666%);
  content: "";
  pointer-events: none;
}

.mission-machine::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  opacity: 0;
  background: linear-gradient(105deg, transparent 34%, rgba(104, 228, 255, 0.06) 49%, rgba(104, 228, 255, 0.16) 50%, rgba(104, 228, 255, 0.06) 51%, transparent 66%);
  content: "";
  pointer-events: none;
  transform: translateX(-75%);
}

.mission-machine[data-command-state="walking"]::after {
  opacity: 1;
  animation: command-cycle-scan 3s linear infinite;
}

.mission-machine[data-command-state="absorbed"] {
  border-color: rgba(255, 210, 122, 0.42);
  box-shadow: 0 0 0 1px rgba(255, 210, 122, 0.08), 0 1.8rem 5rem rgba(5, 9, 16, 0.72), 0 0 3.5rem rgba(255, 210, 122, 0.09);
}

.mission-machine-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 1.1rem 1.35rem;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.025);
}

.mission-machine-head > div:first-child {
  display: grid;
}

.mission-machine-head span,
.mission-machine-head strong {
  font-family: var(--mono);
}

.mission-machine-head > div:first-child span {
  color: var(--dim);
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.mission-machine-head > div:first-child strong {
  margin-top: 0.25rem;
  color: #dce7f4;
  font-size: 0.78rem;
}

.machine-telemetry {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem 1rem;
}

.machine-telemetry span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--muted);
  font-size: 0.68rem;
}

.machine-telemetry code,
.machine-telemetry b {
  color: #d9faff;
  font-family: var(--mono);
  font-size: inherit;
  font-weight: 800;
}

.machine-telemetry i {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--amber);
  box-shadow: 0 0 0.65rem rgba(255, 210, 122, 0.55);
}

.mission-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mission-grid::before {
  position: absolute;
  z-index: 0;
  top: 3.2rem;
  right: 7.5%;
  left: 7.5%;
  height: 1px;
  background: linear-gradient(90deg, var(--cyan), var(--blue), var(--violet), var(--magenta));
  box-shadow: 0 0 1.4rem rgba(104, 228, 255, 0.28);
  content: "";
}

.mission-grid li {
  position: relative;
  min-height: 14rem;
  overflow: hidden;
  border-right: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.014), rgba(0, 0, 0, 0.08));
  transition: background 260ms ease, box-shadow 260ms ease;
}

.mission-grid li:last-child {
  border-right: 0;
}

.mission-grid li.is-current {
  background: linear-gradient(180deg, rgba(104, 228, 255, 0.1), rgba(8, 15, 25, 0.12));
  box-shadow: inset 0 1px rgba(104, 228, 255, 0.24), inset 0 -2px rgba(104, 228, 255, 0.24);
}

.mission-grid li.is-complete {
  background: linear-gradient(180deg, rgba(113, 246, 188, 0.045), rgba(5, 12, 18, 0.1));
}

.mission-step {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  min-height: 14rem;
  padding: 2rem 1.15rem 1.4rem;
  overflow: hidden;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.mission-step:hover {
  background: linear-gradient(180deg, rgba(104, 228, 255, 0.055), transparent 65%);
}

.mission-step:focus-visible {
  z-index: 4;
  outline: 2px solid var(--cyan);
  outline-offset: -3px;
}

.mission-step > span {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid rgba(104, 228, 255, 0.5);
  border-radius: 50%;
  color: var(--cyan);
  background: #07101b;
  box-shadow: 0 0 1.25rem rgba(104, 228, 255, 0.16);
  font-family: var(--mono);
  font-size: 0.66rem;
}

.mission-grid li.is-current .mission-step > span {
  color: #04120d;
  background: var(--green);
  border-color: var(--green);
  box-shadow: 0 0 1.5rem rgba(113, 246, 188, 0.3);
  animation: command-cycle-node 1.6s ease-in-out infinite;
}

.mission-grid li.is-complete .mission-step > span {
  color: #03130d;
  border-color: rgba(113, 246, 188, 0.7);
  background: rgba(113, 246, 188, 0.9);
}

.command-cycle-viewport {
  position: relative;
  z-index: 2;
  min-height: clamp(20rem, 42vw, 34rem);
  overflow: hidden;
  border-top: 1px solid rgba(104, 228, 255, 0.18);
  border-bottom: 1px solid rgba(104, 228, 255, 0.18);
  background:
    radial-gradient(circle at 50% 52%, rgba(62, 170, 225, 0.18), transparent 18%),
    radial-gradient(circle at 50% 50%, rgba(13, 37, 63, 0.68), rgba(2, 6, 11, 0.98) 68%);
  isolation: isolate;
}

.command-cycle-viewport canvas {
  position: absolute;
  inset: -3%;
  width: 106%;
  height: 106%;
  opacity: 0.94;
  filter: saturate(1.18) contrast(1.12) brightness(1.08);
  transform: scale(1.025);
  transition: filter 680ms ease, transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.command-cycle-viewport.is-unavailable canvas,
.command-cycle-viewport.is-unavailable .command-cycle-viewport-target {
  display: none;
}

.command-cycle-viewport.is-unavailable::after {
  display: grid;
  place-items: center;
  opacity: 1;
  color: #a9bfce;
  background: none;
  content: "Semantic command cycle remains available";
  font-family: var(--mono);
  font-size: 0.72rem;
  transform: none;
}

.command-cycle-viewport::before,
.command-cycle-viewport::after,
.command-cycle-viewport-grid {
  position: absolute;
  z-index: 2;
  inset: 0;
  content: "";
  pointer-events: none;
}

.command-cycle-viewport::before {
  background:
    linear-gradient(180deg, rgba(4, 8, 14, 0.58), transparent 16%, transparent 78%, rgba(2, 5, 9, 0.86)),
    radial-gradient(ellipse at center, transparent 42%, rgba(2, 5, 10, 0.78) 100%);
}

.command-cycle-viewport::after {
  opacity: 0.32;
  background: linear-gradient(100deg, transparent 36%, rgba(104, 228, 255, 0.22) 50%, transparent 64%);
  transform: translateX(-100%);
}

[data-command-state="walking"] .command-cycle-viewport::after {
  animation: command-viewport-sweep 3s ease-in-out infinite;
}

[data-command-visual="5"] .command-cycle-viewport canvas {
  filter: saturate(1.35) contrast(1.14) brightness(1.2) sepia(0.08);
  transform: scale(1.055);
}

.command-cycle-viewport-grid {
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(104, 228, 255, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(104, 228, 255, 0.08) 1px, transparent 1px);
  background-size: 3rem 3rem;
  mask-image: radial-gradient(circle at center, #000, transparent 72%);
}

.command-cycle-viewport-label,
.command-cycle-viewport-depth {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: #91acbf;
  font-family: var(--mono);
  font-size: 0.62rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.command-cycle-viewport-label {
  top: 1rem;
  left: 1.1rem;
  padding: 0.45rem 0.62rem;
  border: 1px solid rgba(104, 228, 255, 0.22);
  border-radius: 0.45rem;
  background: rgba(3, 9, 16, 0.72);
  backdrop-filter: blur(0.6rem);
}

.command-cycle-viewport-label i {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 0.85rem rgba(104, 228, 255, 0.82);
}

.command-cycle-viewport-label b {
  color: #d9faff;
}

.command-cycle-viewport-depth {
  right: 1.1rem;
  bottom: 1rem;
  color: #75a6b5;
}

.command-cycle-viewport-depth i {
  width: 1.8rem;
  height: 1px;
  background: linear-gradient(90deg, rgba(104, 228, 255, 0.18), rgba(104, 228, 255, 0.72));
}

.command-cycle-viewport-target {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: clamp(5rem, 10vw, 8.5rem);
  aspect-ratio: 1;
  border: 1px solid rgba(104, 228, 255, 0.22);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: border-color 520ms ease, box-shadow 520ms ease;
}

.command-cycle-viewport-target::before,
.command-cycle-viewport-target::after,
.command-cycle-viewport-target i,
.command-cycle-viewport-target b {
  position: absolute;
  content: "";
}

.command-cycle-viewport-target::before {
  inset: 18%;
  border: 1px dashed rgba(104, 228, 255, 0.28);
  border-radius: 50%;
  animation: galaxy-reticle-spin 18s linear infinite;
}

.command-cycle-viewport-target::after {
  top: 50%;
  right: -28%;
  left: -28%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(104, 228, 255, 0.32), transparent);
}

.command-cycle-viewport-target i {
  top: -28%;
  bottom: -28%;
  left: 50%;
  width: 1px;
  background: linear-gradient(transparent, rgba(104, 228, 255, 0.3), transparent);
}

.command-cycle-viewport-target b {
  inset: 44%;
  border-radius: 50%;
  background: #dcfbff;
  box-shadow: 0 0 1rem rgba(104, 228, 255, 0.96);
}

[data-command-visual="5"] .command-cycle-viewport-target {
  border-color: rgba(255, 210, 122, 0.72);
  box-shadow: 0 0 4rem rgba(255, 210, 122, 0.24), inset 0 0 2rem rgba(255, 210, 122, 0.12);
}

.mission-grid em {
  position: absolute;
  z-index: 2;
  top: 2.56rem;
  right: 1rem;
  padding: 0.18rem 0.5rem;
  border: 1px solid rgba(104, 228, 255, 0.14);
  border-radius: 0.4rem;
  color: var(--dim);
  background: rgba(6, 11, 19, 0.94);
  font-family: var(--mono);
  font-size: 0.64rem;
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mission-grid strong,
.mission-grid small {
  position: relative;
  z-index: 1;
  display: block;
}

.mission-grid strong {
  margin-top: 3.4rem;
  font-size: 1.05rem;
}

.mission-grid small {
  margin-top: 0.4rem;
  color: var(--dim);
  font-size: 0.76rem;
  line-height: 1.5;
}

.mission-grid i {
  position: absolute;
  right: -3.5rem;
  bottom: -4rem;
  width: 8rem;
  aspect-ratio: 1;
  border: 1px solid rgba(104, 228, 255, 0.13);
  border-radius: 1rem;
  box-shadow: inset 0 0 2rem rgba(104, 228, 255, 0.03);
  transform: rotate(45deg);
}

.command-cycle-readout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.15rem;
  min-height: 8.4rem;
  padding: 1rem 1.35rem;
  overflow: hidden;
  border-top: 1px solid rgba(104, 228, 255, 0.18);
  border-bottom: 1px solid rgba(104, 228, 255, 0.12);
  background: linear-gradient(90deg, rgba(3, 12, 21, 0.92), rgba(10, 20, 34, 0.78), rgba(4, 10, 18, 0.93));
}

.command-cycle-readout::before {
  position: absolute;
  inset: 0;
  opacity: 0.3;
  background-image: linear-gradient(rgba(104, 228, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(104, 228, 255, 0.04) 1px, transparent 1px);
  background-size: 2rem 2rem;
  content: "";
  pointer-events: none;
}

.command-cycle-readout > * {
  position: relative;
  z-index: 1;
}

.command-cycle-readout > div {
  min-width: 0;
}

.command-cycle-readout .eyebrow {
  margin: 0 0 0.35rem;
  color: var(--cyan);
  font-size: 0.62rem;
}

.command-cycle-readout strong,
.command-cycle-readout p {
  display: block;
}

.command-cycle-readout strong {
  color: #eefbff;
  font-size: clamp(1.08rem, 1.7vw, 1.45rem);
  letter-spacing: -0.02em;
}

.command-cycle-readout p {
  max-width: 64rem;
  margin: 0.35rem 0 0;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.55;
}

.command-cycle-orb {
  position: relative;
  display: grid;
  place-items: center;
  width: 4.4rem;
  aspect-ratio: 1;
  border: 1px solid rgba(104, 228, 255, 0.42);
  border-radius: 50%;
  color: #d9fbff;
  background: radial-gradient(circle, rgba(104, 228, 255, 0.2), rgba(5, 16, 26, 0.95) 62%);
  box-shadow: inset 0 0 1.5rem rgba(104, 228, 255, 0.12), 0 0 1.7rem rgba(104, 228, 255, 0.12);
  font-family: var(--mono);
}

.command-cycle-orb i {
  position: absolute;
  inset: 0.38rem;
  border: 1px dashed rgba(104, 228, 255, 0.34);
  border-radius: 50%;
  animation: galaxy-reticle-spin 14s linear infinite;
}

.command-cycle-orb b {
  font-size: 0.76rem;
  letter-spacing: 0.08em;
}

.command-cycle-progress {
  display: block;
  width: min(100%, 38rem);
  height: 2px;
  margin-top: 0.8rem;
  overflow: hidden;
  background: rgba(104, 228, 255, 0.1);
}

.command-cycle-progress i {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--cyan), var(--blue), var(--violet), var(--amber));
  box-shadow: 0 0 0.8rem rgba(104, 228, 255, 0.62);
  transition: width 380ms cubic-bezier(0.22, 1, 0.36, 1);
}

.command-cycle-proof {
  justify-self: end;
  padding: 0.45rem 0.65rem;
  border: 1px solid rgba(104, 228, 255, 0.26);
  border-radius: 999px;
  color: #bceff8;
  background: rgba(104, 228, 255, 0.055);
  font-family: var(--mono);
  font-size: 0.63rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-align: center;
}

.command-cycle-navigation {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  padding: 0.7rem 1.35rem;
  border-bottom: 1px solid rgba(104, 228, 255, 0.12);
  background: rgba(2, 7, 12, 0.74);
}

.command-cycle-navigation button,
.command-cycle-navigation > span {
  min-height: 2.15rem;
  padding: 0.38rem 0.68rem;
  border: 1px solid rgba(104, 228, 255, 0.2);
  border-radius: 0.45rem;
  color: #a8c3d7;
  background: rgba(104, 228, 255, 0.035);
  font-family: var(--mono);
  font-size: 0.63rem;
  font-weight: 750;
  letter-spacing: 0.04em;
}

.command-cycle-navigation button {
  cursor: pointer;
}

.command-cycle-navigation button:hover:not(:disabled),
.command-cycle-navigation button:focus-visible {
  border-color: rgba(104, 228, 255, 0.58);
  color: #e4faff;
  background: rgba(104, 228, 255, 0.09);
}

.command-cycle-navigation button:disabled {
  opacity: 0.34;
  cursor: not-allowed;
}

.command-cycle-navigation > span {
  display: inline-flex;
  align-items: center;
  border-color: transparent;
  color: #718b9e;
  background: transparent;
}

.command-cycle-navigation > span b {
  color: #d9fbff;
}

[data-command-state="absorbed"] .command-cycle-orb {
  border-color: rgba(255, 210, 122, 0.76);
  color: #fff0c7;
  background: radial-gradient(circle, rgba(255, 210, 122, 0.26), rgba(23, 16, 8, 0.96) 66%);
  box-shadow: inset 0 0 1.8rem rgba(255, 210, 122, 0.16), 0 0 2.4rem rgba(255, 210, 122, 0.25);
}

[data-command-state="absorbed"] .command-cycle-proof {
  border-color: rgba(255, 210, 122, 0.46);
  color: #fff0c7;
  background: rgba(255, 210, 122, 0.09);
}

.command-cycle-actions {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.35rem;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.018);
}

.command-cycle-actions .button {
  margin: 0;
}

.command-cycle-actions .button small {
  padding-left: 0.65rem;
  border-left: 1px solid rgba(255, 255, 255, 0.16);
  color: inherit;
  opacity: 0.68;
  font-family: var(--mono);
  font-size: 0.61rem;
  letter-spacing: 0.04em;
}

.command-cycle-actions .text-link {
  margin-left: auto;
}

.command-cycle-boundary {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0.8rem 1.35rem;
  color: #6f8392;
  background: rgba(2, 6, 11, 0.46);
  font-family: var(--mono);
  font-size: 0.64rem;
  line-height: 1.55;
}

body.command-flightdeck-open {
  overflow: hidden;
}

body.command-flightdeck-open::after {
  position: fixed;
  z-index: 110;
  inset: 0;
  background: rgba(1, 4, 8, 0.86);
  backdrop-filter: blur(1rem) saturate(0.72);
  content: "";
}

.mission-machine.is-flightdeck {
  position: fixed;
  z-index: 120;
  inset: clamp(0.45rem, 1.3vw, 1.15rem);
  max-height: calc(100dvh - clamp(0.9rem, 2.6vw, 2.3rem));
  overflow: auto;
  border-color: rgba(104, 228, 255, 0.42);
  border-radius: 0.8rem;
  box-shadow: 0 0 0 1px rgba(104, 228, 255, 0.08), 0 0 8rem rgba(46, 156, 255, 0.2), 0 2rem 8rem #000;
  overscroll-behavior: contain;
}

.mission-machine.is-flightdeck .mission-machine-head {
  position: sticky;
  z-index: 8;
  top: 0;
  background: rgba(5, 11, 20, 0.94);
  backdrop-filter: blur(1rem);
}

.mission-machine.is-flightdeck .mission-grid li,
.mission-machine.is-flightdeck .mission-step {
  min-height: 9.4rem;
}

.mission-machine.is-flightdeck .command-cycle-viewport {
  min-height: clamp(22rem, 43dvh, 38rem);
}

.mission-machine.is-flightdeck .command-cycle-readout strong {
  font-size: clamp(1.35rem, 2vw, 2rem);
}

.mission-machine.is-flightdeck .command-cycle-readout p {
  color: #9fb4c4;
  font-size: clamp(0.82rem, 1vw, 1rem);
}

.authority-wall {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1.5rem;
  margin-top: 0;
  padding: 1.4rem;
  border: 0;
  border-top: 1px solid rgba(255, 210, 122, 0.22);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(255, 210, 122, 0.07), rgba(20, 17, 22, 0.72));
}

.authority-seal {
  position: relative;
  display: grid;
  place-items: center;
  width: 4.5rem;
  aspect-ratio: 1;
  border: 1px solid rgba(255, 210, 122, 0.48);
  border-radius: 50%;
  color: var(--amber);
  font-family: var(--mono);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.authority-seal i {
  position: absolute;
  inset: 0.45rem;
  border: 1px dashed rgba(255, 210, 122, 0.27);
  border-radius: 50%;
}

.authority-wall .eyebrow {
  margin-bottom: 0.35rem;
  color: var(--amber);
}

.authority-wall h3 {
  margin-bottom: 0.45rem;
  font-size: 1.45rem;
}

.authority-wall p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 0.8rem;
}

.wall-state {
  padding: 0.45rem 0.65rem;
  border: 1px solid rgba(255, 210, 122, 0.28);
  border-radius: 999px;
  color: #f2dca8;
  font-family: var(--mono);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@keyframes command-cycle-scan {
  from { transform: translateX(-75%); }
  to { transform: translateX(75%); }
}

@keyframes command-cycle-node {
  0%, 100% { transform: scale(1); box-shadow: 0 0 1.2rem rgba(113, 246, 188, 0.24); }
  50% { transform: scale(1.06); box-shadow: 0 0 2rem rgba(113, 246, 188, 0.48); }
}

@keyframes command-viewport-sweep {
  0% { transform: translateX(-100%); }
  52%, 100% { transform: translateX(100%); }
}

.tester-heading {
  align-items: start;
}

.tester-heading .eyebrow {
  grid-column: auto;
  margin-bottom: 1rem;
}

.release-console {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at 90% 10%, rgba(104, 228, 255, 0.08), transparent 24rem),
    linear-gradient(150deg, rgba(17, 25, 41, 0.93), rgba(7, 10, 18, 0.95));
  box-shadow: var(--shadow);
}

.release-console[data-state="verified"] {
  border-color: rgba(113, 246, 188, 0.26);
}

.release-console[data-state="blocked"] {
  border-color: rgba(255, 141, 154, 0.24);
}

.release-status-line {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.8rem;
  padding: 1rem 1.3rem;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.02);
}

.status-light {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: var(--amber);
  box-shadow: 0 0 0.8rem rgba(255, 210, 122, 0.55);
}

[data-state="verified"] .status-light {
  background: var(--green);
  box-shadow: 0 0 0.8rem rgba(113, 246, 188, 0.65);
}

[data-state="blocked"] .status-light {
  background: var(--danger);
  box-shadow: 0 0 0.8rem rgba(255, 141, 154, 0.55);
}

.release-status-line > div {
  display: grid;
}

.release-status-line small,
.release-sequence {
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.66rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.release-evidence-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
  background: rgba(2, 6, 12, 0.42);
}

.release-evidence-bar > div {
  position: relative;
  display: grid;
  gap: 0.28rem;
  padding: 0.8rem 1.3rem 0.8rem 2rem;
  border-right: 1px solid var(--line);
}

.release-evidence-bar > div:last-child {
  border-right: 0;
}

.release-evidence-bar > div::before {
  position: absolute;
  top: 1.05rem;
  left: 0.85rem;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--dim);
  content: "";
}

.release-evidence-bar > div[data-state="verified"]::before {
  background: var(--green);
  box-shadow: 0 0 0.7rem rgba(113, 246, 188, 0.6);
}

.release-evidence-bar > div[data-state="checking"]::before {
  background: var(--amber);
}

.release-evidence-bar > div[data-state="blocked"]::before {
  background: var(--danger);
}

.release-evidence-bar span {
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.64rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.release-evidence-bar strong {
  font-size: 0.76rem;
}

.release-status-line strong {
  margin-top: 0.2rem;
  font-size: 0.84rem;
}

.release-sequence {
  padding: 0.35rem 0.5rem;
  border: 1px solid var(--line);
  border-radius: 0.45rem;
}

.release-main {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(23rem, 0.75fr);
  gap: 3rem;
  padding: clamp(1.7rem, 4vw, 3.5rem);
}

.release-identity h3 {
  margin-bottom: 0.8rem;
  font-family: var(--mono);
  font-size: clamp(1.45rem, 2.7vw, 2.6rem);
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
}

.release-identity > p:not(.eyebrow) {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.release-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 0.8rem;
  background: rgba(3, 7, 13, 0.38);
}

.release-facts div {
  min-width: 0;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--line);
}

.release-facts div:nth-child(odd) {
  border-right: 1px solid var(--line);
}

.release-facts div:nth-last-child(-n+2) {
  border-bottom: 0;
}

.release-facts dt {
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.64rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.release-facts dd {
  margin: 0.32rem 0 0;
  color: #dde8f4;
  font-size: 0.78rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.release-path {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
  list-style: none;
  background: rgba(3, 8, 14, 0.36);
}

.release-path li {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.7rem;
  min-height: 8rem;
  padding: 1.15rem;
  border-right: 1px solid var(--line);
}

.release-path li:last-child {
  border-right: 0;
}

.release-path li > span {
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  color: var(--cyan-bright);
  font-family: var(--mono);
  font-size: 0.64rem;
}

.release-path li[data-state="verified"] > span {
  border-color: var(--green);
  color: #06130e;
  background: var(--green);
  box-shadow: 0 0 1rem rgba(113, 246, 188, 0.22);
}

.release-path li[data-state="blocked"] > span {
  border-color: var(--danger);
  color: #18080a;
  background: var(--danger);
}

.release-path li div {
  display: grid;
  align-content: start;
}

.release-path strong {
  font-size: 0.76rem;
  line-height: 1.35;
}

.release-path small {
  margin-top: 0.45rem;
  color: var(--dim);
  font-size: 0.7rem;
  line-height: 1.5;
}

.release-path a {
  color: var(--cyan-bright);
  font-weight: 750;
}

.release-bindings {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-block: 1px solid var(--line);
  background: rgba(0, 0, 0, 0.14);
}

.release-bindings > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  padding: 1rem 1.3rem;
}

.release-bindings > div:first-child {
  border-right: 1px solid var(--line);
}

.release-bindings span {
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.64rem;
  letter-spacing: 0.08em;
}

.release-bindings code {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #b9c8db;
  font-size: 0.72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.release-bindings button {
  min-height: 44px;
  padding: 0.42rem 0.55rem;
  border: 1px solid var(--line);
  border-radius: 0.45rem;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.025);
  font-size: 0.7rem;
  cursor: pointer;
}

.release-bindings button:hover:not(:disabled) {
  border-color: var(--line-strong);
  color: var(--text);
}

.release-bindings button:disabled {
  color: #657184;
  cursor: not-allowed;
}

.transport-map {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr) 1.25rem) minmax(0, 1fr);
  align-items: start;
  gap: 0.5rem;
  padding: 1.2rem 1.3rem;
}

.transport-map div {
  display: grid;
}

.transport-map span,
.transport-map small {
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.64rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.transport-map strong {
  margin-block: 0.25rem;
  font-size: 0.78rem;
}

.transport-map > i {
  height: 1px;
  background: linear-gradient(90deg, var(--line-strong), transparent);
}

.trust-audit {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(15rem, 0.8fr);
  gap: 0;
  border-top: 1px solid var(--line);
  background: rgba(255, 210, 122, 0.035);
}

.trust-audit > div {
  display: grid;
  min-width: 0;
  gap: 0.4rem;
  padding: 1rem 1.3rem;
  border-right: 1px solid var(--line);
}

.trust-audit > div:nth-child(2) {
  border-right: 0;
}

.trust-audit span {
  color: var(--amber);
  font-family: var(--mono);
  font-size: 0.64rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.trust-audit code,
.trust-audit a {
  color: #dce7f4;
  font-size: 0.72rem;
  overflow-wrap: anywhere;
}

.trust-audit p {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0.9rem 1.3rem;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.72rem;
}

.tester-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-top: 1rem;
}

.tester-cards article {
  position: relative;
  min-height: 19rem;
  padding: 1.5rem;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(12, 17, 28, 0.62);
}

.tester-cards article::after {
  position: absolute;
  right: -5rem;
  bottom: -5rem;
  width: 12rem;
  aspect-ratio: 1;
  border: 1px solid rgba(104, 228, 255, 0.08);
  border-radius: 50%;
  content: "";
}

.card-number {
  display: block;
  min-height: 6rem;
  color: transparent;
  background: linear-gradient(135deg, var(--cyan-bright), var(--violet));
  background-clip: text;
  font-family: var(--mono);
  font-size: clamp(2.5rem, 5vw, 5.2rem);
  font-weight: 850;
  letter-spacing: -0.08em;
  line-height: 1;
}

.tester-cards h3 {
  margin: 1.2rem 0 0.75rem;
  font-size: 1.25rem;
  letter-spacing: -0.03em;
}

.tester-cards p {
  margin: 0;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.72;
}

.tester-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 3rem;
  padding: 2rem;
  border: 1px solid rgba(104, 228, 255, 0.2);
  border-radius: 1rem;
  background: linear-gradient(110deg, rgba(25, 54, 75, 0.55), rgba(17, 16, 39, 0.5));
}

.tester-cta h3 {
  max-width: 24ch;
  margin-bottom: 0;
  font-size: clamp(1.4rem, 2.6vw, 2.4rem);
}

.tester-cta .hero-actions,
.tester-cta > div:last-child {
  margin-top: 0;
}

.access {
  border-top: 1px solid rgba(177, 211, 240, 0.08);
  background: linear-gradient(180deg, rgba(8, 12, 21, 0.4), #03050a);
}

.access-shell {
  display: grid;
  grid-template-columns: minmax(19rem, 0.8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 7rem);
}

.access-visual {
  position: relative;
  min-height: 22rem;
  padding: 1.2rem;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background:
    linear-gradient(180deg, rgba(17, 25, 40, 0.9), rgba(6, 10, 18, 0.95)),
    var(--surface);
  box-shadow: var(--shadow);
  transform: perspective(50rem) rotateY(7deg) rotateX(2deg);
}

.access-visual::before {
  position: absolute;
  inset: 3.8rem 1.2rem 1.2rem;
  opacity: 0.18;
  background-image: linear-gradient(rgba(104, 228, 255, 0.16) 1px, transparent 1px);
  background-size: 100% 1.8rem;
  content: "";
}

.terminal-dots {
  display: flex;
  gap: 0.35rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid var(--line);
}

.terminal-dots i {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: var(--dim);
}

.terminal-dots i:first-child { background: var(--danger); }
.terminal-dots i:nth-child(2) { background: var(--amber); }
.terminal-dots i:nth-child(3) { background: var(--green); }

.terminal-lines {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1rem;
  padding: 2.2rem 0.8rem;
}

.terminal-lines i {
  display: block;
  width: 76%;
  height: 0.48rem;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(104, 228, 255, 0.75), rgba(104, 228, 255, 0.08));
  box-shadow: 0 0 0.7rem rgba(104, 228, 255, 0.1);
}

.terminal-lines i:nth-child(2) { width: 48%; margin-left: 10%; }
.terminal-lines i:nth-child(3) { width: 87%; }
.terminal-lines i:nth-child(4) { width: 60%; margin-left: 18%; }
.terminal-lines i:nth-child(5) { width: 34%; }

.access-visual > span {
  position: absolute;
  right: 1.2rem;
  bottom: 1rem;
  color: var(--green);
  font-family: var(--mono);
  font-size: 0.62rem;
}

.access-copy h2 {
  max-width: 13ch;
}

.access-copy > p:not(.eyebrow) {
  max-width: 44rem;
  color: var(--muted);
  line-height: 1.75;
}

.local-chat-button small {
  padding-left: 0.7rem;
  border-left: 1px solid rgba(2, 16, 22, 0.24);
  font-family: var(--mono);
  font-size: 0.66rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.site-footer {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2rem;
  width: var(--shell);
  margin: 0 auto;
  padding-block: 2rem;
  border-top: 1px solid var(--line);
}

.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.site-footer nav a {
  color: var(--muted);
  font-size: 0.68rem;
  text-decoration: none;
}

.site-footer nav a:hover {
  color: var(--text);
}

.site-footer > p {
  margin: 0;
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.5rem;
  letter-spacing: 0.05em;
  text-align: right;
  text-transform: uppercase;
}

.toast {
  position: fixed;
  z-index: 80;
  top: 6rem;
  right: 1rem;
  max-width: min(22rem, calc(100vw - 2rem));
  padding: 0.7rem 0.95rem;
  border: 1px solid rgba(104, 228, 255, 0.4);
  border-radius: 0.65rem;
  color: var(--text);
  background: rgba(8, 14, 24, 0.94);
  box-shadow: var(--shadow);
  font-size: 1rem;
  line-height: 1.45;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.5rem);
  transition: opacity 180ms ease, transform 180ms ease;
}

.toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.noscript-banner {
  position: fixed;
  z-index: 90;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(255, 210, 122, 0.35);
  border-radius: 0.65rem;
  color: #f0deb1;
  background: #17130d;
  font-size: 0.75rem;
  text-align: center;
}

[data-reveal] {
  opacity: 1;
  transform: none;
}

[data-reveal].reveal-ready {
  opacity: 0;
  transform: translateY(1.5rem);
  transition: opacity 700ms cubic-bezier(0.2, 0.7, 0.2, 1), transform 700ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

[data-reveal].reveal-ready.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.error-page {
  display: grid;
  min-height: 100svh;
  grid-template-rows: auto 1fr;
}

.error-page .topbar {
  position: relative;
  grid-template-columns: 1fr;
}

.error-shell {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(62rem, calc(100vw - 3rem));
  margin: auto;
  padding-block: 5rem;
}

.error-code {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 0;
  color: rgba(104, 228, 255, 0.055);
  font-family: var(--mono);
  font-size: clamp(9rem, 27vw, 24rem);
  font-weight: 900;
  line-height: 1;
  transform: translateY(-50%);
}

.error-shell h1 {
  max-width: 9ch;
}

.error-shell > p:not(.eyebrow) {
  max-width: 38rem;
  color: var(--muted);
}

.error-links {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
}

.error-links a {
  color: var(--muted);
  font-size: 0.72rem;
}

@keyframes status-pulse {
  0% { box-shadow: 0 0 0 0 rgba(113, 246, 188, 0.35), 0 0 0.7rem rgba(113, 246, 188, 0.65); }
  65% { box-shadow: 0 0 0 0.45rem rgba(113, 246, 188, 0), 0 0 0.7rem rgba(113, 246, 188, 0.55); }
  100% { box-shadow: 0 0 0 0 rgba(113, 246, 188, 0), 0 0 0.7rem rgba(113, 246, 188, 0.65); }
}

@keyframes centered-orbit-spin {
  from { transform: translate(-50%, -50%) rotate(-13deg); }
  to { transform: translate(-50%, -50%) rotate(347deg); }
}

@keyframes centered-ring-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes orbit-drift-reverse {
  from { transform: translate(-50%, -50%) rotate(-13deg); }
  to { transform: translate(-50%, -50%) rotate(-373deg); }
}

@keyframes ring-spin {
  to { transform: rotate(360deg); }
}

@keyframes ring-spin-reverse {
  to { transform: rotate(-360deg); }
}

@keyframes core-scan {
  to { transform: rotate(360deg); }
}

@keyframes packet-flow {
  0%, 100% { left: 2%; opacity: 0; }
  12% { opacity: 1; }
  88% { opacity: 1; }
  100% { left: 98%; opacity: 0; }
}

@keyframes junction-flow {
  0% { left: 0; opacity: 0; }
  12%, 88% { opacity: 1; }
  100% { left: calc(100% - 0.38rem); opacity: 0; }
}

@keyframes anatomy-breathe {
  0%, 100% { opacity: 0.6; transform: translate(-50%, -50%) scale(0.98); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.025); }
}

@keyframes route-packet {
  0%, 100% { right: 95%; opacity: 0; }
  16%, 84% { opacity: 1; }
  100% { right: 0; opacity: 0; }
}

@keyframes wave-bars {
  0%, 100% { height: 35%; opacity: 0.55; }
  50% { height: 100%; opacity: 1; }
}

@media (max-width: 78rem) {
  .topbar {
    grid-template-columns: 1fr auto;
  }

  .primary-nav {
    grid-row: 2;
    grid-column: 1 / -1;
    justify-content: center;
    width: 100%;
  }

  .hero {
    grid-template-columns: minmax(0, 0.95fr) minmax(24rem, 1.05fr);
  }

  .truth-strip {
    grid-template-columns: 1fr;
  }

  .truth-stats {
    border-top: 1px solid var(--line);
    padding-top: 0.8rem;
  }

  .truth-boundary {
    max-width: none;
    text-align: left;
  }

  .mission-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .release-main {
    grid-template-columns: 1fr;
  }

  .site-footer {
    grid-template-columns: 1fr;
  }

  .site-footer > p {
    text-align: left;
  }

  .site-footer nav {
    justify-content: flex-start;
  }
}

@media (max-width: 62rem) {
  :root {
    --shell: min(100% - 2rem, 48rem);
  }

  .hero {
    grid-template-columns: 1fr;
    padding-top: 5rem;
  }

  .hero-copy {
    max-width: 47rem;
  }

  .hero-system {
    width: min(100%, 43rem);
    min-height: 35rem;
    margin: -1rem auto 0;
  }

  .section-heading {
    grid-template-columns: 1fr;
    gap: 1.3rem;
  }

  .section-heading .eyebrow {
    margin-bottom: 0;
  }

  .system-panels {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .system-panel {
    min-height: auto;
  }

  .system-junction {
    height: 4rem;
  }

  .system-junction::before {
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, var(--cyan), var(--violet));
  }

  .system-junction i {
    animation-name: junction-flow-vertical;
  }

  .system-junction span {
    writing-mode: initial;
  }

  .trust-chain {
    grid-template-columns: 1fr;
  }

  .trust-chain > i {
    width: 1px;
    height: 1.5rem;
    margin-left: 1.5rem;
    background: linear-gradient(180deg, var(--line-strong), transparent);
  }

  .anatomy-workbench {
    grid-template-columns: 1fr;
  }

  .anatomy-map {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .lens-inspector {
    min-height: 28rem;
  }

  .pipeline-rail {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 1rem;
  }

  .pipeline-rail::before {
    display: none;
  }

  .pipeline-rail li {
    min-height: 8rem;
    border: 1px solid var(--line);
    border-radius: 0.7rem;
  }

  .mission-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .mission-grid::before {
    display: none;
  }

  .mission-machine-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .machine-telemetry {
    justify-content: flex-start;
  }

  .command-cycle-readout {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .command-cycle-proof {
    grid-column: 2;
    justify-self: start;
  }

  .command-cycle-actions .text-link {
    margin-left: 0;
  }

  .release-path {
    grid-template-columns: 1fr;
  }

  .release-path li {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .release-path li:last-child {
    border-bottom: 0;
  }

  .release-evidence-bar {
    grid-template-columns: 1fr 1fr;
  }

  .release-evidence-bar > div:nth-child(2) {
    border-right: 0;
  }

  .release-evidence-bar > div:nth-child(-n+2) {
    border-bottom: 1px solid var(--line);
  }

  .trust-audit {
    grid-template-columns: 1fr;
  }

  .trust-audit > div {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .release-bindings {
    grid-template-columns: 1fr;
  }

  .release-bindings > div:first-child {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .transport-map {
    grid-template-columns: 1fr;
  }

  .transport-map > i {
    width: 1px;
    height: 1.2rem;
  }

  .tester-cards {
    grid-template-columns: 1fr;
  }

  .tester-cards article {
    min-height: auto;
  }

  .tester-cta,
  .access-shell {
    display: grid;
    grid-template-columns: 1fr;
  }

  .access-visual {
    transform: none;
  }
}

@keyframes junction-flow-vertical {
  0% { top: 0; left: auto; opacity: 0; }
  12%, 88% { opacity: 1; }
  100% { top: calc(100% - 0.38rem); left: auto; opacity: 0; }
}

@media (max-width: 42rem) {
  :root {
    --shell: min(100% - 1.2rem, 40rem);
  }

  html {
    scroll-padding-top: 9.25rem;
  }

  section[id] {
    scroll-margin-top: 0;
  }

  .topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.6rem;
    padding: 0.65rem;
    background: #05070d;
    backdrop-filter: none;
  }

  .topbar.is-scrolled {
    background: #05070d;
  }

  .brand-lockup {
    margin-inline: 0;
  }

  .brand-copy small {
    max-width: 12.5rem;
    margin-top: 0.3rem;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    line-height: 1.25;
  }

  .topbar-tools {
    position: static;
    grid-column: 2;
    grid-row: 1;
  }

  .source-badge {
    display: none;
  }

  .motion-toggle {
    min-width: 6.9rem;
    font-size: 0.68rem;
  }

  .primary-nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-row: 2;
    grid-column: 1 / -1;
    width: 100%;
    padding: 0.2rem;
    border-radius: 0.75rem;
  }

  .primary-nav a {
    min-width: 0;
    padding: 0.55rem 0.2rem;
    font-size: 0.68rem;
    white-space: nowrap;
  }

  .section-pad {
    padding-block: 4.5rem;
  }

  .hero {
    gap: 0.5rem;
    min-height: auto;
    padding-top: 2.75rem;
  }

  h1 {
    font-size: clamp(3rem, 15vw, 4.8rem);
  }

  h2 {
    font-size: clamp(2.2rem, 11.5vw, 3.6rem);
  }

  .hero-copy > .eyebrow {
    display: grid;
    gap: 0.25rem;
  }

  .hero-copy > .eyebrow span + span::before {
    display: none;
  }

  .hero-actions,
  .access-actions,
  .release-actions,
  .tester-cta > div:last-child {
    align-items: stretch;
    flex-direction: column;
  }

  .button {
    width: 100%;
  }

  .hero-actions .button-quiet {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.4rem;
  }

  .hero-actions .button-quiet small {
    width: 100%;
    padding-top: 0.45rem;
    padding-left: 0;
    border-top: 1px solid rgba(177, 211, 240, 0.18);
    border-left: 0;
    font-size: 0.7rem;
  }

  .hero-system {
    min-height: 27rem;
    margin-top: -1rem;
  }

  .system-core {
    width: 11.5rem;
    padding: 1.3rem;
  }

  .system-core strong {
    font-size: 1.8rem;
  }

  .stage-readout {
    right: 1%;
    min-width: 13rem;
  }

  .truth-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .truth-stats div {
    padding: 0.7rem;
  }

  .truth-stats div:last-child {
    grid-column: 1 / -1;
  }

  .lens-bar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .lens-bar button {
    min-width: 0;
  }

  .lens-bar button:last-child {
    grid-column: 1 / -1;
  }

  .anatomy-map {
    min-height: 33rem;
  }

  .anatomy-node {
    width: 5rem;
  }

  .anatomy-node small {
    display: none;
  }

  .node-cortex { top: 10%; left: 7%; }
  .node-rag { top: 9%; right: 6%; }
  .node-forge { bottom: 12%; left: 6%; }
  .node-runtime { right: 5%; bottom: 12%; }
  .node-poa { top: 42%; right: -1%; }

  .map-core {
    width: 6.2rem;
  }

  .pipeline-rail {
    grid-template-columns: 1fr 1fr;
  }

  .mission-grid {
    grid-template-columns: 1fr;
  }

  .mission-grid li {
    min-height: 8.5rem;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .mission-step {
    min-height: 8.5rem;
    padding: 1.25rem 1rem;
  }

  .command-cycle-viewport {
    min-height: 18rem;
  }

  .command-cycle-viewport-label {
    top: 0.7rem;
    left: 0.7rem;
  }

  .command-cycle-viewport-depth {
    right: 0.7rem;
    bottom: 0.7rem;
  }

  .mission-grid li:last-child {
    border-bottom: 0;
  }

  .mission-grid strong {
    margin-top: 1.6rem;
  }

  .command-cycle-readout {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    padding: 1rem;
  }

  .command-cycle-orb {
    width: 3.5rem;
  }

  .command-cycle-proof {
    grid-column: auto;
  }

  .command-cycle-actions {
    align-items: stretch;
    flex-direction: column;
    padding: 1rem;
  }

  .command-cycle-navigation {
    justify-content: stretch;
    padding: 0.7rem 1rem;
  }

  .command-cycle-navigation button {
    flex: 1;
  }

  .command-cycle-navigation button:last-child {
    flex-basis: 100%;
  }

  .command-cycle-actions .button {
    align-items: flex-start;
    flex-direction: column;
  }

  .command-cycle-actions .button small {
    width: 100%;
    padding-top: 0.45rem;
    padding-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    border-left: 0;
  }

  .command-cycle-boundary {
    padding-inline: 1rem;
  }

  .mission-machine.is-flightdeck .mission-grid li,
  .mission-machine.is-flightdeck .mission-step {
    min-height: 7.5rem;
  }

  .mission-machine.is-flightdeck .command-cycle-viewport {
    min-height: 19rem;
  }

  .pipeline-note {
    align-items: flex-start;
    flex-direction: column;
  }

  .authority-wall {
    grid-template-columns: 1fr;
  }

  .authority-seal {
    width: 3.5rem;
  }

  .wall-state {
    width: fit-content;
  }

  .release-main {
    padding: 1.3rem;
  }

  .release-facts {
    grid-template-columns: 1fr;
  }

  .release-facts div,
  .release-facts div:nth-child(odd),
  .release-facts div:nth-last-child(-n+2) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .release-facts div:last-child {
    border-bottom: 0;
  }

  .release-bindings > div {
    grid-template-columns: 1fr auto;
  }

  .release-bindings code {
    grid-row: 2;
    grid-column: 1 / -1;
  }

  .tester-cta {
    padding: 1.3rem;
  }

  .site-footer {
    align-items: start;
  }

  .site-footer nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .error-shell {
    width: min(100% - 1.4rem, 38rem);
  }

  .error-links {
    flex-wrap: wrap;
  }
}

@media (max-width: 78rem) {
  .organ-card {
    grid-column: span 6;
  }

  .organ-card:nth-child(2),
  .organ-card:nth-child(5),
  .organ-card:nth-child(2):hover,
  .organ-card:nth-child(5):hover {
    transform: none;
  }

  .galaxy-index {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (max-width: 62rem) {
  .satellite-core {
    width: 5.2rem;
  }

  .body-bridge {
    grid-template-columns: 1fr;
  }

  .body-bridge-copy {
    padding-bottom: 0.2rem;
  }

  .galaxy-commandbar {
    align-items: stretch;
    flex-direction: column;
  }

  .galaxy-controls {
    align-self: flex-end;
  }

  .galaxy-workbench,
  .galaxy-stage {
    min-height: 40rem;
  }

  .galaxy-inspector {
    min-height: auto;
  }
}

@media (max-width: 42rem) {
  .satellite-core {
    width: 4.15rem;
  }

  .satellite-core span {
    font-size: 0.56rem;
  }

  .satellite-core strong {
    font-size: 0.76rem;
  }

  .satellite-neura { top: 3%; right: 8%; }
  .satellite-ide { right: 0; bottom: 4%; }
  .satellite-memory { bottom: 0; left: 9%; }
  .satellite-pool { top: 3%; left: 0; }

  .organ-grid {
    grid-template-columns: 1fr;
  }

  .organ-card {
    grid-column: 1;
    min-height: 17.5rem;
  }

  .organ-card h3 {
    margin-top: 3.5rem;
  }

  .body-bridge {
    padding: 0.75rem;
    border-radius: 0.8rem;
  }

  .body-bridge-copy {
    padding: 0.25rem;
  }

  .body-surface-links {
    grid-template-columns: 1fr;
  }

  .body-surface {
    min-height: 4.9rem;
  }

  .body-bridge-boundary {
    align-items: flex-start;
    padding-inline: 0.25rem;
  }

  .galaxy-commandbar .lens-bar {
    grid-template-columns: repeat(3, 1fr);
  }

  .galaxy-commandbar .lens-bar button:last-child {
    grid-column: auto;
  }

  .galaxy-controls {
    align-self: stretch;
    grid-template-columns: 3rem 1fr 3rem;
  }

  .galaxy-controls [data-galaxy-engage] {
    grid-column: 1 / -1;
    min-width: 0;
  }

  .galaxy-workbench,
  .galaxy-stage {
    min-height: clamp(31rem, 76vh, 36rem);
  }

  .galaxy-depth {
    display: none;
  }

  .galaxy-hint {
    right: auto;
    left: 1rem;
    font-size: 0.57rem;
  }

  .map-readout {
    inset: 1rem 1rem auto auto;
  }

  .galaxy-index {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .galaxy-public-boundary {
    text-align: left;
  }
}

/* Galaxy Stark presentation contract: collision-free hero, legible atlas, and viewport custody. */
.hero-causal-story {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 1.6rem 0 0;
  padding: 0;
  list-style: none;
}

.hero-causal-story li {
  position: relative;
  display: grid;
  gap: 0.25rem;
  min-width: 0;
  padding: 0.8rem 0.7rem;
  border: 1px solid rgba(169, 195, 224, 0.14);
  border-radius: 0.65rem;
  background: linear-gradient(145deg, rgba(104, 228, 255, 0.055), rgba(175, 123, 255, 0.025));
}

.hero-causal-story li:not(:last-child)::after {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -0.52rem;
  color: var(--cyan);
  content: "›";
  font-size: 1.1rem;
  transform: translate(50%, -50%);
}

.hero-causal-story span,
.hero-causal-story small,
.hero-truth-rail dt {
  color: var(--dim);
  font-family: var(--mono);
  font-size: 0.875rem;
  line-height: 1.35;
}

.hero-causal-story span {
  color: var(--cyan);
  font-weight: 850;
}

.hero-causal-story strong {
  font-size: 0.95rem;
  line-height: 1.25;
}

.hero-actions .hero-enter {
  flex: 1 0 100%;
  justify-content: space-between;
  min-height: 4.25rem;
  padding-inline: 1.25rem;
  font-size: 1rem;
  text-align: left;
}

.hero-enter-copy {
  display: grid;
  gap: 0.2rem;
}

.hero-enter-copy strong {
  font: 850 1.05rem/1.2 var(--sans);
}

.hero-enter-copy small {
  color: rgba(4, 16, 22, 0.66);
  font-family: var(--mono);
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.hero-enter-arrow {
  color: rgba(4, 16, 22, 0.86);
  font: 900 1.35rem/1 var(--mono);
}

.hero-enter small,
.hero-actions .button-quiet small {
  font-size: 0.875rem;
}

.hero-truth-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin: 1.35rem 0 0;
  overflow: hidden;
  border: 1px solid rgba(169, 195, 224, 0.14);
  border-radius: 0.7rem;
  background: rgba(169, 195, 224, 0.12);
}

.hero-truth-rail div {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
  padding: 0.7rem;
  background: rgba(5, 10, 18, 0.94);
}

.hero-truth-rail dd {
  min-width: 0;
  margin: 0;
  color: var(--muted);
  font: 650 0.875rem/1.35 var(--mono);
  overflow-wrap: break-word;
  white-space: normal;
}

.hero-copy .microcopy {
  font-size: 0.875rem;
  line-height: 1.55;
}

.hero-system {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: 5rem repeat(3, minmax(7rem, 1fr)) 5.5rem;
  gap: 0.7rem;
  padding: 0.5rem;
}

.hero-system .system-core,
.hero-system .satellite-core,
.hero-system .stage-label,
.hero-system .stage-readout {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 3;
  min-width: 0;
  place-self: center;
}

.hero-system .system-core {
  width: min(100%, 18rem);
}

.hero-system .core-ai {
  grid-column: 1 / 4;
  grid-row: 2 / 4;
}

.hero-system .core-poa {
  grid-column: 4 / 7;
  grid-row: 3 / 5;
}

.hero-system .satellite-pool { grid-column: 1; grid-row: 1; }
.hero-system .satellite-neura { grid-column: 6; grid-row: 1; }
.hero-system .satellite-memory { grid-column: 1; grid-row: 5; }
.hero-system .satellite-ide { grid-column: 6; grid-row: 5; }
.hero-system .stage-label-a { grid-column: 2 / 5; grid-row: 1; }
.hero-system .stage-label-b { grid-column: 3 / 6; grid-row: 2; justify-self: end; }

.hero-system .stage-readout {
  grid-column: 2 / 5;
  grid-row: 5;
  justify-self: stretch;
  width: min(100%, 22rem);
  min-width: 0;
}

.satellite-core span,
.satellite-core strong,
.stage-label,
.stage-readout span {
  font-size: 0.875rem;
}

.satellite-core strong,
.stage-readout strong {
  font-size: 1rem;
}

.galaxy-commandbar {
  flex-wrap: wrap;
}

.galaxy-controls {
  grid-template-columns: minmax(9rem, auto) 3rem auto 3rem auto auto;
}

.galaxy-controls button,
.lens-bar button {
  min-height: 3rem;
  font-size: 0.875rem;
}

.galaxy-canvas {
  image-rendering: auto;
}

.galaxy-depth,
.galaxy-hint,
.map-readout span,
.map-readout strong,
.galaxy-inspector .inspector-topline,
.galaxy-focus > span,
.galaxy-neuron-roster > span,
.galaxy-focus small,
.galaxy-family-list li,
.galaxy-family-list span,
.galaxy-neuron-roster button,
.galaxy-lens-brief > span,
.galaxy-lens-brief p,
.galaxy-local-cta,
.galaxy-local-cta small,
.galaxy-index button,
.galaxy-public-boundary {
  font-size: 0.875rem;
}

.galaxy-focus strong,
.galaxy-lens-brief strong {
  font-size: 1rem;
}

.galaxy-family-list button,
.galaxy-neuron-roster button,
.galaxy-index button {
  min-height: 2.75rem;
}

.galaxy-handoff {
  display: grid;
  gap: 0.55rem;
  margin-top: 1rem;
  padding: 0.9rem;
  border: 1px solid rgba(113, 246, 188, 0.2);
  border-radius: 0.7rem;
  background: linear-gradient(145deg, rgba(113, 246, 188, 0.065), rgba(104, 228, 255, 0.025));
}

.galaxy-handoff > span,
.galaxy-start-guidance {
  color: #a7d9c5;
  font: 750 0.875rem/1.5 var(--mono);
  letter-spacing: 0.04em;
}

.galaxy-handoff > strong {
  font-size: 1rem;
}

.galaxy-handoff p {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.galaxy-demo-proof,
.galaxy-director-caption,
.galaxy-semantic-fallback,
.galaxy-exit {
  position: absolute;
  z-index: 8;
}

.galaxy-demo-proof {
  top: 1rem;
  right: auto;
  left: 1rem;
  display: grid;
  gap: 0.1rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid rgba(255, 210, 122, 0.42);
  border-radius: 0.5rem;
  color: #ffe8ad;
  background: rgba(17, 13, 5, 0.9);
  font: 800 0.875rem/1.3 var(--mono);
  letter-spacing: 0.08em;
}

.galaxy-director-caption {
  right: clamp(1rem, 4vw, 3rem);
  bottom: 5.5rem;
  left: clamp(1rem, 4vw, 3rem);
  display: grid;
  gap: 0.35rem;
  max-width: 42rem;
  margin-inline: auto;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(104, 228, 255, 0.3);
  border-radius: 0.65rem;
  background: rgba(3, 8, 15, 0.9);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.42), 0 0 2rem rgba(104, 228, 255, 0.08);
  backdrop-filter: blur(12px);
  pointer-events: none;
}

.galaxy-director-caption strong {
  color: var(--cyan-bright);
  font: 850 0.95rem/1.35 var(--mono);
}

.galaxy-director-caption span {
  color: var(--text);
  font-size: 0.95rem;
  line-height: 1.5;
}

.galaxy-stage[data-director-step] .galaxy-hint {
  opacity: 0;
}

.galaxy-semantic-fallback {
  top: 50%;
  left: 50%;
  display: grid;
  gap: 0.45rem;
  width: min(30rem, calc(100% - 2rem));
  padding: 1rem;
  border: 1px solid currentColor;
  border-radius: 0.7rem;
  color: var(--text);
  background: Canvas;
  transform: translate(-50%, -50%);
}

.galaxy-semantic-fallback span {
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.galaxy-stage.galaxy-static-fallback::after {
  display: none;
}

.galaxy-exit {
  top: 0.75rem;
  right: 0.75rem;
  display: none;
  min-height: 2.75rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid rgba(104, 228, 255, 0.45);
  border-radius: 0.55rem;
  color: var(--text);
  background: rgba(3, 8, 15, 0.92);
  font: 800 0.875rem/1 var(--mono);
  cursor: pointer;
}

.galaxy-workbench .map-readout {
  top: auto;
  right: auto;
  bottom: 0.75rem;
  left: 0.75rem;
  max-width: calc(100% - 1.5rem);
}

body.galaxy-fullscreen-open {
  overflow: hidden;
}

.galaxy-workbench.is-full-atlas {
  position: fixed;
  z-index: 1000;
  inset: 0;
  grid-template-columns: minmax(0, 1fr) minmax(24rem, 29vw);
  width: 100vw;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
}

.galaxy-workbench.is-full-atlas .galaxy-stage,
.galaxy-workbench.is-full-atlas .galaxy-inspector {
  height: 100dvh;
  min-height: 0;
}

.galaxy-workbench.is-full-atlas .galaxy-exit {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.galaxy-demo-proof[hidden],
.galaxy-director-caption[hidden],
.galaxy-semantic-fallback[hidden] {
  display: none;
}

@media (max-width: 62rem) {
  .hero-causal-story,
  .hero-truth-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-causal-story li:nth-child(2)::after {
    display: none;
  }

  .hero-system {
    grid-template-rows: 4.5rem repeat(3, minmax(6.5rem, 1fr)) 5.5rem;
  }

  .galaxy-controls {
    align-self: stretch;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .galaxy-workbench:not(.is-full-atlas) {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 58%) minmax(0, 42%);
    height: 82svh;
    min-height: 0;
  }

  .galaxy-workbench:not(.is-full-atlas) .galaxy-stage,
  .galaxy-workbench:not(.is-full-atlas) .galaxy-inspector {
    min-height: 0;
  }

  .galaxy-workbench.is-full-atlas {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 60%) minmax(0, 40%);
  }

  .galaxy-workbench.is-full-atlas .galaxy-stage,
  .galaxy-workbench.is-full-atlas .galaxy-inspector {
    height: auto;
  }
}

@media (min-width: 42.01rem) and (max-width: 62rem) and (max-height: 40rem) {
  .galaxy-workbench.is-full-atlas {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: max(100dvh, 24rem) auto;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .galaxy-workbench.is-full-atlas .galaxy-stage {
    height: max(100dvh, 24rem);
    min-height: 24rem;
  }

  .galaxy-workbench.is-full-atlas .galaxy-inspector {
    height: auto;
    min-height: 100dvh;
    overflow-y: visible;
  }
}

@media (max-width: 42rem) {
  .hero-causal-story {
    grid-template-columns: 1fr;
  }

  .hero-causal-story li::after {
    display: none;
  }

  .hero-truth-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-truth-rail div:last-child {
    grid-column: 1 / -1;
  }

  .hero-system {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: 4rem repeat(3, minmax(6.5rem, 1fr)) 4rem 5.5rem;
    min-height: 39rem;
  }

  .hero-system .core-ai { grid-column: 1 / 3; grid-row: 2 / 4; }
  .hero-system .core-poa { grid-column: 3 / 5; grid-row: 3 / 5; }
  .hero-system .satellite-pool { grid-column: 1; grid-row: 1; }
  .hero-system .satellite-neura { grid-column: 4; grid-row: 1; }
  .hero-system .satellite-memory { grid-column: 1; grid-row: 5; }
  .hero-system .satellite-ide { grid-column: 4; grid-row: 5; }
  .hero-system .stage-label-a { grid-column: 2 / 4; grid-row: 1; }
  .hero-system .stage-label-b { grid-column: 2 / 4; grid-row: 5; justify-self: center; }
  .hero-system .stage-readout { grid-column: 1 / 5; grid-row: 6; }

  .hero-system .system-core {
    width: min(100%, 12rem);
    padding: 1.1rem;
  }

  .galaxy-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .galaxy-controls [data-galaxy-engage],
  .galaxy-controls [data-galaxy-director] {
    grid-column: 1 / -1;
  }

  .galaxy-workbench:not(.is-full-atlas) {
    height: calc(100svh - 0.5rem);
    grid-template-rows: minmax(0, 56%) minmax(0, 44%);
  }

  .galaxy-workbench.is-full-atlas {
    grid-template-rows: minmax(0, 54%) minmax(0, 46%);
  }

  .galaxy-hint {
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
    flex-wrap: wrap;
  }

  .galaxy-director-caption {
    right: 0.75rem;
    bottom: 5.5rem;
    left: 0.75rem;
  }

  .galaxy-demo-proof {
    top: 0.7rem;
    left: 0.7rem;
    right: auto;
  }

  .galaxy-workbench .map-readout {
    top: auto;
    right: auto;
    bottom: 0.7rem;
    left: 0.7rem;
  }
}

@media (max-width: 20rem) {
  .galaxy-demo-proof {
    top: 4rem;
    right: auto;
    left: 0.5rem;
  }

  .galaxy-exit {
    top: 0.5rem;
    right: 0.5rem;
  }
}

/* Final Stark presentation gates: first-frame hierarchy, zero-squint copy, and modal-safe atlas controls. */
.hero {
  grid-template-rows: auto auto;
  column-gap: clamp(2rem, 4vw, 5rem);
  row-gap: clamp(1rem, 2.2vh, 1.5rem);
  min-height: calc(100svh - 5.25rem);
  padding-block: clamp(2rem, 4.5vh, 4rem);
}

.hero-copy {
  align-self: center;
}

.hero-copy h1 {
  margin-bottom: 1rem;
  font-size: clamp(3.4rem, 5.3vw, 5.8rem);
}

.hero-lede {
  font-size: clamp(1rem, 1.25vw, 1.2rem);
  line-height: 1.58;
}

.hero-primary-action {
  margin-top: 1.25rem;
}

.hero-primary-action .hero-enter {
  flex: 0 1 28rem;
  max-width: 28rem;
}

.hero-support {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 2fr) minmax(18rem, 0.8fr);
  gap: 0.8rem 1rem;
  align-items: start;
}

.hero-support .hero-causal-story,
.hero-support .hero-secondary-actions,
.hero-support .hero-truth-rail,
.hero-support .microcopy {
  margin: 0;
}

.hero-secondary-actions {
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: 0.5rem;
}

.hero-secondary-actions .button {
  justify-content: space-between;
  width: 100%;
  min-height: 2.75rem;
  padding-block: 0.55rem;
}

.hero-support .hero-truth-rail,
.hero-support .microcopy {
  grid-column: 1 / -1;
}

.hero-support .microcopy {
  color: var(--muted);
  font-size: 0.875rem;
  line-height: 1.55;
}

.hero-system {
  min-height: clamp(26rem, 45vh, 34rem);
  grid-template-rows: 4rem repeat(3, minmax(5.5rem, 1fr)) 4.5rem;
}

.hero-system .system-core > span,
.hero-system .core-kicker {
  font-size: 0.875rem;
  line-height: 1.35;
}

.primary-nav a,
.brand-copy small,
.source-badge,
.motion-toggle,
.eyebrow,
.hero-causal-story span,
.hero-causal-story small,
.hero-truth-rail dt,
.hero-enter small,
.hero-actions .button-quiet small,
.galaxy-depth,
.galaxy-hint,
.map-readout span,
.map-readout strong,
.galaxy-inspector .inspector-topline,
.galaxy-focus > span,
.galaxy-neuron-roster > span,
.galaxy-lens-brief > span,
.galaxy-public-boundary,
.command-cycle-viewport-label,
.command-cycle-viewport-depth,
.command-cycle-readout .eyebrow,
.command-cycle-proof,
.machine-telemetry,
.mission-grid em,
.mission-grid small {
  font-size: 0.875rem;
}

.hero-causal-story strong,
.hero-truth-rail dd,
.galaxy-controls button,
.lens-bar button,
.galaxy-focus strong,
.galaxy-focus small,
.galaxy-family-list li,
.galaxy-family-list span,
.galaxy-family-list button,
.galaxy-neuron-roster button,
.galaxy-lens-brief strong,
.galaxy-lens-brief p,
.galaxy-local-cta,
.galaxy-local-cta small,
.galaxy-index button,
.command-cycle-readout p,
.mission-grid strong,
.command-cycle-navigation button,
.command-cycle-actions .button,
.command-cycle-actions .text-link {
  font-size: 1rem;
}

.hero-secondary-actions .button,
.galaxy-director-caption strong,
.galaxy-director-caption span,
.galaxy-inspector > p:not(.eyebrow),
.galaxy-handoff p,
.local-handoff-dialog .button {
  font-size: 1rem;
}

.mission-machine-head > div:first-child strong,
.authority-wall p:last-child {
  font-size: 1rem;
}

.inspector-stats dd,
.boundary-note,
.mission-machine-head > div:first-child span,
.machine-telemetry span,
.mission-step > span,
.command-cycle-orb b,
.command-cycle-proof,
.command-cycle-navigation > span,
.command-cycle-actions .button small,
.command-cycle-boundary,
.authority-seal,
.wall-state {
  font-size: 0.875rem;
}

.primary-nav a,
.motion-toggle,
.button,
.galaxy-controls button,
.lens-bar button,
.galaxy-atlas-toolbar button,
.galaxy-exit,
.galaxy-family-list button,
.galaxy-neuron-roster button,
.galaxy-index button,
.command-cycle-navigation button,
.mission-step,
.local-handoff-dialog button,
.local-handoff-dialog a.button {
  min-height: 2.75rem;
}

.galaxy-controls button,
.lens-bar button,
.galaxy-atlas-toolbar button,
.galaxy-exit,
.command-cycle-navigation button {
  min-width: 2.75rem;
}

.primary-nav,
.galaxy-controls,
.lens-bar,
.command-cycle-navigation {
  gap: 0.5rem;
}

.galaxy-stage-bottom {
  position: absolute;
  z-index: 8;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  display: grid;
  gap: 0.5rem;
  min-width: 0;
  pointer-events: none;
}

.galaxy-division-name {
  justify-self: start;
  max-width: min(30rem, 100%);
  padding: 0.5rem 0.7rem;
  overflow: visible;
  border: 1px solid rgba(104, 228, 255, 0.3);
  border-radius: 0.55rem;
  color: #e7fbff;
  background: rgba(3, 8, 15, 0.9);
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.32);
  font: 800 0.95rem/1.35 var(--mono);
  letter-spacing: 0.045em;
  text-transform: uppercase;
  overflow-wrap: break-word;
  text-overflow: clip;
  white-space: normal;
  backdrop-filter: blur(12px);
}

.galaxy-stage-rail {
  display: grid;
  grid-template-columns: minmax(11rem, auto) minmax(0, 1fr);
  gap: 0.5rem;
  align-items: end;
  min-width: 0;
}

.galaxy-stage-bottom .galaxy-director-caption,
.galaxy-stage-bottom .map-readout,
.galaxy-stage-bottom .galaxy-hint {
  position: relative;
  inset: auto;
  margin: 0;
}

.galaxy-stage-bottom .galaxy-director-caption {
  width: min(42rem, 100%);
  max-width: 100%;
  margin-inline: auto;
}

.galaxy-director-inline-proof {
  display: none;
  color: var(--cyan-bright);
  font: 850 0.875rem/1.35 var(--mono);
  letter-spacing: 0.08em;
}

.galaxy-director-caption strong .galaxy-director-step-count,
.galaxy-director-caption strong [data-galaxy-director-step] {
  color: inherit;
  font: inherit;
}

.galaxy-stage-bottom .map-readout {
  max-width: min(24rem, 100%);
  overflow: hidden;
  background: rgba(3, 8, 15, 0.88);
}

.galaxy-stage-bottom .map-readout strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.galaxy-stage-bottom .galaxy-hint {
  justify-self: end;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 100%;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgba(169, 195, 224, 0.16);
  border-radius: 0.5rem;
  background: rgba(3, 8, 15, 0.86);
}

.galaxy-stage[data-director-step] .galaxy-hint {
  display: none;
}

.galaxy-atlas-toolbar {
  position: sticky;
  z-index: 20;
  top: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  margin: -0.35rem -0.35rem 0.75rem;
  padding: 0.35rem;
  border: 1px solid rgba(104, 228, 255, 0.16);
  border-radius: 0.65rem;
  background: rgba(3, 8, 15, 0.9);
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(14px);
}

.galaxy-atlas-toolbar .galaxy-division-nav {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.5rem;
  margin: 0;
  padding: 0.5rem;
  box-shadow: none;
}

.galaxy-atlas-toolbar button {
  padding: 0.55rem 0.65rem;
  border: 1px solid rgba(169, 195, 224, 0.14);
  border-radius: 0.5rem;
  color: var(--text);
  background: rgba(255, 255, 255, 0.018);
  font: 800 0.875rem/1.2 var(--mono);
  cursor: pointer;
}

.galaxy-atlas-toolbar [data-galaxy-director] {
  grid-column: auto;
  border-color: rgba(104, 228, 255, 0.34);
  color: var(--cyan-bright);
}

.galaxy-atlas-toolbar [data-galaxy-fit-selected] {
  grid-column: 1 / -1;
  min-height: 3.25rem;
  border-color: rgba(104, 228, 255, 0.62);
  color: #041016;
  background: linear-gradient(135deg, var(--cyan-bright), #78cfff);
  box-shadow: 0 0.65rem 1.6rem rgba(104, 228, 255, 0.12);
}

.galaxy-atlas-toolbar [data-galaxy-fit-selected]:hover:not(:disabled) {
  border-color: #fff;
}

.galaxy-atlas-toolbar [data-galaxy-director][data-motion-blocked="true"] {
  color: var(--muted);
  border-style: dashed;
}

.galaxy-atlas-toolbar [data-galaxy-director][aria-pressed="true"] {
  color: #041016;
  background: var(--cyan-bright);
}

.galaxy-atlas-toolbar button:disabled {
  color: var(--dim);
  cursor: not-allowed;
  opacity: 0.75;
}

.galaxy-atlas-status {
  position: static;
  margin: 0 0 0.75rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid rgba(104, 228, 255, 0.26);
  border-radius: 0.55rem;
  color: var(--text);
  background: rgba(104, 228, 255, 0.07);
  font-size: 1rem;
  line-height: 1.45;
}

.galaxy-atlas-status:empty {
  margin: 0;
  padding: 0;
  border: 0;
}

.galaxy-director-motion-note {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.galaxy-director-motion-note[hidden] {
  display: none;
}

.galaxy-state-rail {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) minmax(0, 0.9fr) minmax(0, 1.35fr);
  gap: 1px;
  margin: 0 0 0.9rem;
  overflow: hidden;
  border: 1px solid rgba(104, 228, 255, 0.18);
  border-radius: 0.6rem;
  background: rgba(104, 228, 255, 0.14);
}

.galaxy-state-rail div {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
  padding: 0.6rem 0.5rem;
  background: rgba(4, 9, 17, 0.95);
}

.galaxy-state-rail strong {
  min-width: 0;
  overflow: hidden;
  color: #e7fbff;
  font: 850 1.1rem/1.15 var(--mono);
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.galaxy-state-rail span {
  color: #8fa2ba;
  font: 750 0.78rem/1.2 var(--mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.galaxy-state-rail div:last-child strong {
  font-size: 0.8rem;
  letter-spacing: -0.025em;
}

.galaxy-mobile-context {
  display: none;
}

/* Projector-grade HUD contrast: metadata stays subordinate, but never asks
   the audience to squint through glow, compression, or a dim display. */
.galaxy-depth,
.map-readout span {
  color: #bdccde;
  font-weight: 800;
  text-shadow: 0 1px 0 #02060b, 0 0 0.8rem rgba(104, 228, 255, 0.16);
}

.galaxy-depth {
  font-size: 0.95rem;
}

.galaxy-mark-key {
  gap: 0.4rem 0.7rem;
  font-size: 0.9rem;
}

.map-readout {
  border: 1px solid rgba(169, 205, 229, 0.24);
  border-left: 2px solid var(--cyan);
  border-radius: 0.55rem;
  background: rgba(3, 8, 15, 0.94);
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.36), inset 0 0 1.5rem rgba(104, 228, 255, 0.025);
  backdrop-filter: blur(12px);
}

.map-readout strong {
  color: #f0fbff;
  font-weight: 820;
  letter-spacing: 0.015em;
}

.galaxy-hint {
  color: #b8c8da;
  font-weight: 720;
  line-height: 1.35;
  text-shadow: 0 1px 0 #02060b;
}

.galaxy-hint b {
  color: #dce8f5;
  font-weight: 720;
}

.galaxy-focus small,
.galaxy-lens-brief p {
  color: #bdcadb;
}

.galaxy-state-rail span {
  color: #b7c6d8;
  font-weight: 800;
}

.galaxy-gold-legend {
  margin-bottom: 1rem;
  padding: 0.8rem;
  border: 1px solid rgba(255, 210, 122, 0.28);
  border-radius: 0.65rem;
  background: rgba(255, 210, 122, 0.045);
}

.galaxy-gold-legend summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  min-height: 2.75rem;
  cursor: pointer;
  list-style: none;
}

.galaxy-gold-legend summary::-webkit-details-marker {
  display: none;
}

.galaxy-gold-legend summary::after {
  color: #ffe8ad;
  content: "+";
  font: 850 1rem/1 var(--mono);
}

.galaxy-gold-legend[open] summary::after {
  content: "−";
}

.galaxy-gold-legend summary:focus-visible {
  outline: 2px solid var(--cyan-bright);
  outline-offset: 0.25rem;
}

.galaxy-gold-swatch {
  width: 1rem;
  height: 1rem;
  margin-top: 0.2rem;
  border: 1px solid #ffe29a;
  border-radius: 50%;
  background: #ffd27a;
  box-shadow: 0 0 1rem rgba(255, 210, 122, 0.35);
}

.galaxy-gold-legend strong {
  display: block;
  color: #ffe8ad;
  font-size: 1rem;
  line-height: 1.35;
}

.galaxy-gold-legend p {
  margin: 0.65rem 0 0 1.75rem;
  color: var(--muted);
  font-size: 0.875rem;
  line-height: 1.5;
}

[inert] {
  pointer-events: none;
  user-select: none;
}

.command-cycle-climax {
  position: absolute;
  z-index: 8;
  inset: clamp(2rem, 11%, 5rem);
  display: grid;
  place-content: center;
  gap: 0.7rem;
  padding: clamp(1.25rem, 4vw, 3rem);
  border: 1px solid rgba(104, 228, 255, 0.52);
  border-radius: 1.25rem;
  opacity: 0;
  color: #effdff;
  background:
    radial-gradient(circle at 50% 42%, rgba(104, 228, 255, 0.2), transparent 36%),
    linear-gradient(145deg, rgba(3, 12, 22, 0.92), rgba(16, 9, 31, 0.92));
  box-shadow: inset 0 0 5rem rgba(104, 228, 255, 0.08), 0 0 6rem rgba(104, 228, 255, 0.18);
  text-align: center;
  transform: scale(0.86);
  transition: opacity 520ms ease, transform 760ms cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.command-cycle-climax::before,
.command-cycle-climax::after {
  position: absolute;
  inset: 7%;
  border: 1px solid rgba(175, 123, 255, 0.32);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 2.5rem rgba(175, 123, 255, 0.14);
}

.command-cycle-climax::after {
  inset: 19%;
  border-style: dashed;
  border-color: rgba(104, 228, 255, 0.35);
}

.command-cycle-climax > * {
  position: relative;
  z-index: 1;
}

.command-cycle-climax span {
  color: var(--cyan-bright);
  font: 850 0.875rem/1.35 var(--mono);
  letter-spacing: 0.1em;
}

.command-cycle-climax strong {
  font-size: clamp(1.65rem, 4vw, 3.5rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.command-cycle-climax strong i {
  color: #c9b4ff;
  font-style: normal;
}

.command-cycle-climax small {
  color: #d5e7f1;
  font-size: 1rem;
  line-height: 1.5;
}

.mission-machine.is-climax .command-cycle-climax {
  opacity: 1;
  transform: scale(1);
}

.mission-machine.is-climax .mission-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mission-machine.is-climax .mission-grid li,
.mission-machine.is-climax .mission-step {
  min-height: 5rem;
}

.mission-machine.is-climax .mission-step {
  padding: 0.75rem 0.6rem;
}

.mission-machine.is-climax .mission-grid::before {
  top: 2.05rem;
}

.mission-machine.is-climax .mission-grid em {
  top: 1.15rem;
  right: 0.6rem;
  font-size: 0.875rem;
}

.mission-machine.is-climax .mission-grid strong,
.mission-machine.is-climax .mission-grid small {
  display: none;
}

.mission-machine.is-climax .command-cycle-viewport {
  min-height: clamp(19rem, 44vh, 26rem);
}

.mission-machine.is-climax .command-cycle-viewport canvas {
  filter: saturate(1.28) contrast(1.14) brightness(0.72) blur(1px);
  transform: scale(1.08);
}

.local-handoff-dialog {
  position: relative;
  width: min(42rem, calc(100% - 2rem));
  max-height: calc(100dvh - 2rem);
  padding: clamp(1.2rem, 4vw, 2rem);
  overflow: auto;
  border: 1px solid rgba(104, 228, 255, 0.42);
  border-radius: 1rem;
  color: var(--text);
  background: linear-gradient(160deg, #0b1727, #050910 68%);
  box-shadow: 0 2rem 8rem rgba(0, 0, 0, 0.72), 0 0 5rem rgba(104, 228, 255, 0.1);
}

.local-handoff-dialog::backdrop {
  background: rgba(1, 4, 9, 0.82);
  backdrop-filter: blur(8px);
}

.local-handoff-dialog h2 {
  max-width: 14ch;
  margin-bottom: 1rem;
  font-size: clamp(1.7rem, 5vw, 2.6rem);
}

.local-handoff-dialog p,
.local-handoff-dialog li,
.local-handoff-dialog strong {
  font-size: 1rem;
  line-height: 1.55;
}

.local-handoff-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: grid;
  place-items: center;
  width: 2.75rem;
  padding: 0;
  border: 1px solid rgba(169, 195, 224, 0.24);
  border-radius: 50%;
  color: var(--text);
  background: rgba(255, 255, 255, 0.04);
  font-size: 1.5rem;
  cursor: pointer;
}

.local-handoff-recovery {
  margin-block: 1rem;
  padding: 0.9rem 1rem;
  border-left: 3px solid var(--cyan);
  background: rgba(104, 228, 255, 0.055);
}

.local-handoff-recovery ol {
  margin-block: 0.65rem;
  padding-left: 1.4rem;
}

.local-handoff-url {
  display: block;
  padding: 0.75rem;
  overflow-wrap: anywhere;
  border: 1px solid rgba(169, 195, 224, 0.16);
  border-radius: 0.5rem;
  color: #bdeff8;
  background: rgba(0, 0, 0, 0.25);
  font-size: 0.875rem;
}

.local-handoff-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  margin-top: 1rem;
}

.local-handoff-actions .button:first-child {
  grid-column: 1 / -1;
}

.local-handoff-status {
  margin-bottom: 0;
  color: #b8cad7;
}

@media (max-width: 62rem) {
  .hero {
    grid-template-columns: 1fr;
    gap: 1rem;
    min-height: auto;
    padding-top: 2rem;
  }

  .hero-system {
    width: min(100%, 46rem);
    min-height: 20rem;
    margin: 0 auto;
    grid-template-rows: 3.5rem repeat(3, minmax(3.8rem, 1fr)) 3.5rem;
  }

  .hero-support {
    grid-template-columns: 1fr;
  }

  .hero-secondary-actions,
  .hero-support .hero-truth-rail,
  .hero-support .microcopy {
    grid-column: 1;
  }
}

@media (max-width: 42rem) {
  .galaxy-division-nav {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
    margin-top: -0.5rem;
    padding: 0.65rem;
  }

  .galaxy-atlas-toolbar .galaxy-division-nav {
    grid-template-columns: minmax(0, 1fr);
  }

  .brand-copy small {
    display: none;
  }

  .primary-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .primary-nav a {
    padding-inline: 0.15rem;
    font-size: 0.875rem;
  }

  .motion-toggle {
    min-width: 7.7rem;
    font-size: 0.875rem;
  }

  .hero {
    padding-top: 1.25rem;
  }

  .hero-copy h1 {
    font-size: clamp(2.65rem, 13vw, 3.5rem);
  }

  .hero-lede {
    font-size: 1rem;
    line-height: 1.5;
  }

  .hero-primary-action .hero-enter {
    flex: none;
    width: 100%;
    max-width: none;
  }

  .hero-system {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 1fr;
    gap: 0.6rem;
    min-height: 11.5rem;
    padding: 0.4rem;
  }

  .hero-system .core-ai,
  .hero-system .core-poa {
    grid-row: 1;
    place-self: stretch;
    width: 100%;
    min-height: 9.5rem;
    aspect-ratio: auto;
    padding: 0.8rem;
  }

  .hero-system .core-ai { grid-column: 1; }
  .hero-system .core-poa { grid-column: 2; }

  .hero-system .system-core strong {
    font-size: 1.5rem;
  }

  .hero-system .system-core > span,
  .hero-system .core-kicker {
    font-size: 0.875rem;
    line-height: 1.25;
  }

  .hero-system .satellite-core,
  .hero-system .stage-label,
  .hero-system .stage-readout,
  .hero-system .bridge {
    display: none;
  }

  .hero-causal-story {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .galaxy-workbench.is-full-atlas {
    grid-template-rows: minmax(0, 56%) minmax(0, 44%);
  }

  .galaxy-stage-bottom {
    right: 0.6rem;
    bottom: 0.6rem;
    left: 0.6rem;
  }

  .galaxy-stage-rail {
    grid-template-columns: 1fr;
  }

  .galaxy-stage-bottom .map-readout,
  .galaxy-stage-bottom .galaxy-hint {
    justify-self: stretch;
    max-width: 100%;
  }

  .galaxy-stage-bottom .galaxy-hint {
    justify-content: flex-start;
  }

  .galaxy-director-caption strong,
  .galaxy-director-caption span {
    font-size: 1rem;
  }

  .galaxy-inspector {
    padding: 1rem;
  }

  .command-cycle-climax {
    inset: 1rem;
    padding: 1rem;
  }

  .mission-machine.is-climax .mission-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .command-cycle-climax strong {
    font-size: clamp(1.35rem, 7vw, 2.2rem);
  }

  .local-handoff-dialog {
    width: calc(100% - 1rem);
    max-height: calc(100dvh - 1rem);
  }

  .local-handoff-actions {
    grid-template-columns: 1fr;
  }

  .local-handoff-actions .button:first-child {
    grid-column: 1;
  }
}

@media (max-width: 24rem) {
  .hero-causal-story {
    grid-template-columns: 1fr;
  }

  .galaxy-division-name {
    white-space: nowrap;
  }

  .galaxy-hint i,
  .galaxy-hint i + span {
    display: none;
  }
}

@media (max-width: 24rem) and (max-height: 36rem) {
  .primary-nav,
  .hero-copy > .eyebrow {
    display: none;
  }

  .hero {
    gap: 0.5rem;
    padding-block: 0.75rem;
  }

  .hero-copy h1 {
    margin-bottom: 0.6rem;
    font-size: 2.15rem;
    line-height: 0.98;
  }

  .hero-lede {
    line-height: 1.35;
  }

  .hero-primary-action {
    margin-top: 0.6rem;
  }

  .hero-primary-action .hero-enter {
    min-height: 3.5rem;
    padding: 0.55rem 0.75rem;
  }

  .hero-system {
    min-height: 5.75rem;
    gap: 0.4rem;
    padding: 0.3rem;
  }

  .hero-system .core-ai,
  .hero-system .core-poa {
    min-height: 5rem;
    padding: 0.45rem;
  }

  .hero-system .system-core strong {
    font-size: 1.15rem;
  }
}

@media (max-width: 24rem), (max-height: 36rem) {
  .galaxy-atlas-toolbar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .galaxy-atlas-toolbar [data-galaxy-director] {
    grid-column: auto;
  }

  .galaxy-atlas-toolbar button {
    padding: 0.45rem 0.35rem;
    font-size: 0.875rem;
  }

  .galaxy-atlas-toolbar .galaxy-division-nav {
    grid-column: 1 / -1;
  }

  .galaxy-atlas-toolbar .galaxy-division-nav-current > span,
  .galaxy-atlas-toolbar .galaxy-division-nav-field > span {
    display: none;
  }

  .galaxy-stage-bottom {
    bottom: 0.5rem;
    gap: 0.375rem;
  }

  .galaxy-division-name {
    display: flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0.35rem 0.45rem;
    font-size: 0.875rem;
    line-height: 1.25;
    white-space: nowrap;
  }

  .galaxy-stage-rail {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .galaxy-stage-bottom .map-readout {
    display: flex;
    align-items: center;
    min-height: 2.25rem;
    max-width: 100%;
    padding: 0.3rem 0.45rem;
  }

  .galaxy-stage-bottom .galaxy-hint {
    display: none;
  }

  .galaxy-stage-bottom .map-readout span {
    display: inline;
    flex: 0 0 auto;
    margin-right: 0.5rem;
    font-size: 0.7rem;
  }

  .galaxy-stage-bottom .map-readout strong {
    width: auto;
    margin: 0;
    font-size: 0.875rem;
  }

  .galaxy-demo-proof {
    display: none !important;
  }

  .galaxy-stage[data-director-step] .galaxy-division-name,
  .galaxy-stage[data-director-step] .galaxy-stage-rail,
  .galaxy-stage[data-director-step] [data-galaxy-director-copy] {
    display: none;
  }

  .galaxy-director-inline-proof {
    display: block;
  }

  .galaxy-director-step-count {
    display: none;
  }

  .galaxy-stage-bottom .galaxy-director-caption {
    gap: 0.2rem;
    padding: 0.375rem;
  }

  .galaxy-stage-bottom .galaxy-director-caption strong,
  .galaxy-stage-bottom .galaxy-director-caption span {
    font-size: 0.875rem;
    line-height: 1.25;
  }

  .galaxy-semantic-fallback {
    top: 3.75rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
    width: auto;
    overflow: auto;
    padding: 0.5rem;
    transform: none;
  }
}

@media (max-width: 42rem) {
  .galaxy-mark-key {
    top: 3.25rem;
    right: 0.6rem;
    left: 0.6rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
  }

  .galaxy-state-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .galaxy-workbench.is-full-atlas .galaxy-depth {
    top: 0.5rem;
    left: 0.55rem;
    display: grid;
    gap: 0.12rem;
    width: 7.7rem;
    padding: 0.42rem 0.5rem;
    border: 1px solid rgba(169, 205, 229, 0.24);
    border-radius: 0.5rem;
    color: #d1deec;
    background: rgba(3, 8, 15, 0.9);
    box-shadow: 0 0.65rem 1.6rem rgba(0, 0, 0, 0.34);
    font-size: 0.72rem;
    line-height: 1.18;
    letter-spacing: 0.055em;
    backdrop-filter: blur(10px);
  }

  .galaxy-workbench.is-full-atlas .galaxy-depth i {
    display: none;
  }

  .galaxy-workbench.is-full-atlas .galaxy-mobile-context {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.55rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(104, 228, 255, 0.28);
    border-radius: 0.55rem;
    color: #c8d6e6;
    background: rgba(5, 11, 20, 0.96);
    font: 800 0.7rem/1.25 var(--mono);
    letter-spacing: 0.025em;
    white-space: nowrap;
  }

  .galaxy-mobile-context i {
    color: var(--cyan);
    font-style: normal;
  }

  .galaxy-mobile-context strong {
    color: #fff0bd;
    font: 850 0.75rem/1.2 var(--mono);
  }

  .galaxy-mobile-context b {
    color: var(--gold);
    font: inherit;
  }
}

@media (max-width: 24rem), (max-height: 36rem) {
  .galaxy-mark-key {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }

  [data-reveal] {
    opacity: 1;
    transform: none;
  }
}

body.motion-paused *,
body.motion-paused *::before,
body.motion-paused *::after {
  animation-play-state: paused !important;
  transition-duration: 0s !important;
}

.motion-scene-paused,
.motion-scene-paused *,
.motion-scene-paused::before,
.motion-scene-paused::after,
.motion-scene-paused *::before,
.motion-scene-paused *::after {
  animation-play-state: paused !important;
}

@media (forced-colors: active) {
  .brand-mark,
  .system-core,
  .anatomy-node,
  .map-core,
  .mission-machine,
  .command-cycle-readout,
  .command-cycle-orb,
  .command-cycle-proof,
  .release-console,
  .ide-release-console,
  .ide-start-here,
  .ide-release-digest,
  .galaxy-division-nav,
  .galaxy-division-nav-field select,
  .button {
    forced-color-adjust: auto;
  }

  .galaxy-division-nav,
  .galaxy-division-nav-field select {
    border-color: CanvasText;
    color: CanvasText;
    background: Canvas;
    box-shadow: none;
  }

  .field-canvas,
  .galaxy-canvas,
  .galaxy-reticle,
  .galaxy-depth,
  .galaxy-hint,
  .galaxy-atmosphere,
  .galaxy-scanline,
  .ambient,
  .stage-grid,
  .map-grid,
  .mission-machine::after,
  .command-cycle-viewport,
  .command-cycle-readout::before,
  .command-cycle-orb i,
  .ide-release-glow {
    display: none;
  }

  .hero-copy h1 span,
  .card-number {
    color: CanvasText;
    background: none;
  }

  .galaxy-stage {
    min-height: 12rem;
    border: 1px solid CanvasText;
  }

  .galaxy-controls {
    display: none;
  }

  .galaxy-canvas:focus-visible,
  .galaxy-controls button:focus-visible,
  .galaxy-division-nav-field select:focus-visible,
  .galaxy-index button:focus-visible {
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }

  .mission-step:focus-visible {
    outline: 2px solid Highlight;
    outline-offset: -3px;
  }
}

/* Zero-squint page contract: narrative copy stays at 16px and secondary
   evidence/controls stay at 14px without flattening larger display type. */
:root {
  --type-copy-min: 1rem;
  --type-meta-min: 0.875rem;
}

/* ZERO_SQUINT_COPY_START */
:is(
  .truth-intro strong,
  .truth-boundary,
  .truth-stats dd,
  .trust-chain small,
  .organ-card p,
  .organ-card.organ-hands a,
  .organ-card.organ-memory small,
  .ide-release-status strong,
  .ide-release-warning,
  .ide-release-actions a.button.button-primary,
  .ide-start-steps p,
  .ide-start-here-reassurance,
  .ide-start-here-intro .text-link,
  .ide-stack-grid p,
  .ide-release-digest p,
  .ide-release-digest code,
  .body-bridge-copy small,
  .body-bridge-boundary,
  .body-surface.body-surface-presentation > small,
  .body-surface.body-surface-operator > small,
  .galaxy-public-boundary,
  .galaxy-start-guidance,
  .stage-label,
  .pipeline-note p,
  .pipeline-note p strong,
  .microcopy,
  .command-cycle-boundary,
  .release-path small,
  .release-bindings code,
  .trust-audit p,
  .trust-audit code,
  .tester-cards p,
  .site-footer > p
) {
  font-size: var(--type-copy-min);
}
/* ZERO_SQUINT_COPY_END */

/* ZERO_SQUINT_META_START */
:is(
  .truth-intro span:last-child,
  .panel-state,
  .capability-list span,
  .capability-list b,
  .system-junction span,
  .trust-chain > div > span,
  .trust-chain strong,
  .system-panels .text-link,
  .system-panels .text-link span,
  .organ-code,
  .organ-card small,
  .organ-card a,
  .ide-release-status small,
  .ide-release-actions .button,
  .ide-release-actions .text-link,
  .ide-release-actions .text-link span,
  .ide-release-warning > span:first-child,
  .ide-release-facts dt,
  .ide-release-facts code,
  .ide-start-steps li > span,
  .ide-stack-grid article > span,
  .ide-release-digest span,
  .body-bridge-signal,
  .body-surface > span,
  .body-surface > span b,
  .body-surface > strong,
  .body-surface > strong i,
  .body-surface > small,
  .organ-footer span,
  .body-bridge-boundary > span,
  .boundary-note > span:first-child,
  .pipeline-rail li > span,
  .pipeline-rail strong,
  .pipeline-rail small,
  .pipeline-note > a,
  .pipeline-note > a span,
  .release-status-line small,
  .release-status-line strong,
  .release-sequence,
  .release-evidence-bar span,
  .release-evidence-bar strong,
  .release-facts dt,
  .release-facts dd,
  .release-path li > span,
  .release-path strong,
  .release-bindings span,
  .release-bindings button,
  .transport-map span,
  .transport-map strong,
  .transport-map small,
  .trust-audit span,
  .trust-audit a,
  .release-actions .button,
  .release-actions .button span,
  .tester-cta .button,
  .tester-cta .button span,
  .access-actions .button,
  .access-actions .button span,
  .access-actions .button small,
  .access-actions .text-link,
  .access-actions .text-link span,
  .access-visual > span,
  .footer-brand small,
  .site-footer nav a
) {
  font-size: var(--type-meta-min);
}
/* ZERO_SQUINT_META_END */

/* GALAXY_STARK_V12_FRAMING_START
   Cinematic atlas frame + zoomed-viewport rescue. Placed last so these
   viewport contracts win the cascade over earlier responsive blocks. */

/* Desktop: the atlas is one full framed viewport. The inspector column
   scrolls internally instead of stretching the stage to its content
   height (previously ~2040px, which buried the galaxy in dead space). */
@media (min-width: 62.01rem) {
  .galaxy-workbench:not(.is-full-atlas) {
    height: clamp(34rem, calc(100svh - 8.5rem), 60rem);
    min-height: 0;
  }

  .galaxy-workbench:not(.is-full-atlas) .galaxy-stage {
    min-height: 0;
  }

  .galaxy-workbench:not(.is-full-atlas) .galaxy-inspector {
    min-height: 0;
  }
}

/* Short viewports (browser zoom on laptops, small landscape windows):
   keep the chrome compact so the headline, CTA, and a real atlas stage
   all survive the first view. 34rem ≈ 544px effective height covers
   125%–200% zoom on 720–800px-tall displays. */
@media (max-height: 34rem) {
  .topbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    min-height: 3.4rem;
    padding: 0.35rem 0.9rem;
  }

  .brand-copy small {
    display: none;
  }

  .brand-mark {
    width: 1.9rem;
    height: 1.9rem;
  }

  .primary-nav {
    display: flex;
    grid-row: 1;
    grid-column: 2;
    justify-content: center;
    gap: 0.3rem;
    width: auto;
    padding: 0.15rem;
  }

  .primary-nav a {
    flex: 0 0 auto;
    min-width: max-content;
    min-height: 2.4rem;
    padding: 0.35rem 0.65rem;
  }

  .topbar {
    gap: 0.5rem;
    overflow: hidden;
  }

  .motion-toggle {
    min-width: 0;
    max-width: 12rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .topbar-tools {
    position: static;
    grid-row: 1;
    grid-column: 3;
  }

  .source-badge {
    display: none;
  }

  .hero {
    min-height: auto;
    padding-top: 1rem;
    row-gap: 0.6rem;
  }

  .hero-copy > .eyebrow {
    display: block;
    margin-bottom: 0.5rem;
  }

  .hero-copy > .eyebrow span {
    display: inline;
  }

  /* Narrow-width rules hide this slash for the stacked-flex layout;
     inline spans need it back or the phrases run together. */
  .hero-copy > .eyebrow span + span::before {
    display: inline;
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .hero-copy h1 {
    margin-bottom: 0.6rem;
    font-size: clamp(2.05rem, 8.4vh, 3.1rem);
  }

  .hero-primary-action {
    margin-top: 0.75rem;
  }

  .toast {
    top: 4.1rem;
  }
}

/* Mid-width band (992–1248px, including 125% zoom on 1280px displays):
   keep the topbar a single compact row instead of the 149px two-row
   stack, so the first view and the top-docked toast stay clear. */
@media (min-width: 62.01rem) and (max-width: 78rem) {
  .topbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    min-height: 3.9rem;
    padding-block: 0.45rem;
  }

  .brand-copy small {
    display: none;
  }

  .primary-nav {
    grid-row: 1;
    grid-column: 2;
    justify-content: center;
    width: auto;
  }

  .primary-nav a {
    padding: 0.45rem 0.6rem;
  }

  .source-badge {
    display: none;
  }

  .topbar-tools {
    position: static;
    grid-row: 1;
    grid-column: 3;
  }

  .hero-copy > .eyebrow {
    display: block;
  }

  .hero-copy > .eyebrow span {
    display: inline;
  }

  .hero-copy > .eyebrow span + span::before {
    margin-left: 1rem;
  }

  .satellite-neura {
    right: 23%;
  }

  .satellite-neura strong {
    font-size: 0.72rem;
  }
}

/* Zoomed/short single-column atlas: never let the stage collapse below a
   usable frame. Overrides the 82svh workbench sizing that shrank the
   stage to ~218px at 200% browser zoom. */
@media (max-width: 62rem) and (max-height: 34rem) {
  .galaxy-workbench:not(.is-full-atlas) {
    grid-template-rows: minmax(24rem, auto) auto;
    height: auto;
    min-height: 0;
  }

  .galaxy-workbench:not(.is-full-atlas) .galaxy-stage {
    min-height: 24rem;
  }
}

/* The pipeline heading has no side paragraph; collapse the phantom
   second column and let the headline span the full band. */
.pipeline .section-heading {
  grid-template-columns: minmax(0, 1fr);
}

.pipeline .section-heading h2 {
  max-width: none;
  text-wrap: balance;
}

/* Native selects clip their value mid-word; ellipsize instead. The
   pinned base select rule stays untouched — this only adds overflow
   behavior. */
.galaxy-division-nav-field select {
  text-overflow: ellipsis;
}

/* One-click handoff: the recovery guidance shows non-modally as a quiet
   corner card in the public tab while the local body opens in its own
   tab. The modal styles above remain for any future modal use. */
.local-handoff-dialog[open]:not(:modal) {
  position: fixed;
  z-index: 85;
  inset: auto 1rem 1rem auto;
  width: min(23rem, calc(100vw - 2rem));
  max-height: min(calc(100dvh - 5rem), 33rem);
  margin: 0;
  padding: 1.1rem 1.25rem;
  overflow-y: auto;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.55), 0 0 2rem rgba(104, 228, 255, 0.08);
}

.local-handoff-dialog[open]:not(:modal) h2 {
  margin: 0.2rem 0 0.5rem;
  font-size: 1.25rem;
}

.local-handoff-dialog[open]:not(:modal) .eyebrow {
  margin-bottom: 0.3rem;
}

.local-handoff-dialog[open]:not(:modal) .local-handoff-recovery {
  padding: 0.7rem 0.9rem;
}

.local-handoff-dialog[open]:not(:modal) .local-handoff-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

.local-handoff-dialog[open]:not(:modal) .local-handoff-actions .button-primary {
  grid-column: 1 / -1;
}

.local-handoff-dialog[open]:not(:modal) .local-handoff-actions .button {
  min-height: 2.6rem;
  padding: 0.5rem 0.8rem;
  white-space: nowrap;
}

.local-handoff-dialog[open]:not(:modal) .local-handoff-recovery ol {
  margin: 0.4rem 0 0;
}

/* In card mode the eyebrow already says it; keep the status for
   assistive announcements only. */
.local-handoff-dialog[open]:not(:modal) .local-handoff-status {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.local-handoff-boundary summary {
  cursor: pointer;
  color: var(--dim);
}

.local-handoff-boundary p,
.local-handoff-boundary code {
  margin-top: 0.5rem;
}

/* Toolbar buttons keep air around their labels. */
.galaxy-atlas-toolbar button {
  padding-inline: 0.55rem;
}

/* Narrow AND short (zoomed small windows): the wordmark yields the row
   to navigation; the brand mark alone carries identity. */
@media (max-width: 44rem) and (max-height: 34rem) {
  .brand-copy {
    display: none;
  }

  .primary-nav {
    justify-content: flex-start;
  }
}

/* The selected division already reads from the stage nameplate, the
   navigator select, and the inspector heading. Keep the CURRENT DIVISION
   block for assistive announcements only. */
.galaxy-division-nav-current {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  border: 0;
}
/* GALAXY_STARK_V12_FRAMING_END */