:root {
  color-scheme: dark;
  --ink: #f3f4f2;
  --paper: #f3f4f2;
  --muted: #a9aca8;
  --dim: #6e746f;
  --black: #050507;
  --black-soft: #0b0d0f;
  --panel: #111417;
  --panel-light: #171b1e;
  --line: rgba(255, 255, 255, 0.15);
  --line-strong: rgba(255, 255, 255, 0.32);
  --red: #e10714;
  --red-deep: #8e0610;
  --cyan: #74c7d8;
  --acid: #b6f35b;
  --gold: #d1b16b;
  --shadow: 0 32px 80px rgba(0, 0, 0, 0.45);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding-bottom: 118px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.07), transparent 26%, rgba(116, 199, 216, 0.06) 72%, transparent),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 18px),
    var(--black);
  color: var(--ink);
  font-family: Inter, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  line-height: 1.5;
  overflow-x: hidden;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: 10;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.025) 0,
      rgba(255, 255, 255, 0.025) 1px,
      transparent 1px,
      transparent 4px
    );
  mix-blend-mode: screen;
  opacity: 0.28;
}

body.has-product-page {
  overflow: hidden;
}

/* The public homepage is a controlled corporate surface. Operational consoles
   remain available through their dedicated dossiers and technology routes. */
.public-homepage .field-console,
.public-homepage .status-rail,
.public-homepage .megacity-section,
.public-homepage .lore-section,
.public-homepage .command-ribbon,
.public-homepage .protocol-band,
.public-homepage .foundry-section,
.public-homepage .tech-registry-section,
.public-homepage .systems-section,
.public-homepage .ice-section,
.public-homepage .swarm-section,
.public-homepage .stack-section,
.public-homepage .archive-section,
.public-homepage .mikoshi-section,
.public-homepage .soulkiller-section,
.public-homepage .vault-section,
.public-homepage .custody-section,
.public-homepage .capital-section,
.public-homepage .exchange-section,
.public-homepage .topology-section,
.public-homepage .blackwall-section,
.public-homepage .matrix-section,
.public-homepage .simulation-section,
.public-homepage .casefile-section,
.public-homepage .doctrine-section,
.public-homepage .dossier-section,
.public-homepage .clientroom-section,
.public-homepage .operations-section,
.public-homepage .regional-section,
.public-homepage .source-section {
  display: none;
}

.public-homepage {
  padding-bottom: 0;
}

.public-homepage .public-node-dock {
  display: none;
}

.public-homepage .public-restricted,
.public-homepage .public-restricted-action,
.public-homepage .protocol-api,
.public-homepage .solution-bundles,
.public-homepage .acquisition-matrix,
.public-homepage .mandate-router,
.public-homepage .assurance-ledger,
.public-homepage .terminal-panel {
  display: none;
}

[data-scramble-lock] {
  display: inline-block;
  text-rendering: geometricPrecision;
}

[data-scramble-lock].is-scrambling {
  color: var(--paper);
  text-shadow:
    0 0 18px rgba(116, 199, 216, 0.22),
    0 0 34px rgba(225, 7, 20, 0.12);
}

[data-scramble-lock].is-scramble-locked {
  text-shadow: 0 0 20px rgba(182, 243, 91, 0.08);
}

.signal-weather {
  position: fixed;
  inset: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  opacity: 0.34;
  mix-blend-mode: screen;
}

.public-node-dock {
  position: fixed;
  left: 50%;
  bottom: max(14px, env(safe-area-inset-bottom));
  z-index: 18;
  width: min(1180px, calc(100vw - 32px));
  display: grid;
  grid-template-columns: minmax(112px, 0.16fr) minmax(220px, 0.56fr) minmax(260px, 0.5fr) minmax(230px, 0.34fr);
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.52), rgba(116, 199, 216, 0.34), rgba(182, 243, 91, 0.22)),
    rgba(255, 255, 255, 0.1);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.62);
  transform: translateX(-50%);
  backdrop-filter: blur(18px);
}

.public-node-dock::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, transparent, rgba(182, 243, 91, 0.16), transparent),
    repeating-linear-gradient(90deg, transparent 0 54px, rgba(255, 255, 255, 0.045) 54px 55px);
  opacity: 0.7;
  transform: translateX(-100%);
  animation: consoleSweep 9s ease-in-out infinite;
}

.public-node-dock > * {
  position: relative;
  z-index: 1;
}

.node-dock-toggle {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 2;
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 4px;
  background: rgba(5, 5, 7, 0.82);
  color: var(--muted);
  cursor: pointer;
}

.node-dock-toggle:hover,
.node-dock-toggle:focus-visible {
  border-color: rgba(182, 243, 91, 0.42);
  color: var(--acid);
  outline: 0;
}

.node-dock-status,
.node-dock-copy,
.node-dock-modes,
.node-dock-readouts {
  min-width: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(5, 6, 8, 0.88);
}

.node-dock-status {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 82px;
  padding: 14px 16px;
  clip-path: polygon(0 0, 100% 0, 100% 72%, 84% 100%, 0 100%);
}

.node-dock-status span,
.node-dock-copy span,
.node-dock-readouts dt {
  color: var(--dim);
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.node-dock-status strong,
.node-dock-readouts dd {
  margin: 0;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
}

.node-dock-copy {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 82px;
  padding: 12px 18px;
}

.node-dock-copy strong {
  color: var(--ink);
  font-size: 0.98rem;
  line-height: 1.05;
}

.node-dock-copy p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.76rem;
}

.node-dock-modes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.node-dock-mode {
  min-height: 82px;
  padding: 0 10px;
  border: 0;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.12), transparent 48%),
    rgba(5, 6, 8, 0.88);
  color: var(--muted);
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
}

.node-dock-mode:hover,
.node-dock-mode:focus-visible,
.node-dock-mode.is-active {
  color: var(--ink);
  background:
    linear-gradient(120deg, rgba(225, 7, 20, 0.28), transparent 42%, rgba(116, 199, 216, 0.12)),
    rgba(10, 12, 14, 0.96);
  outline: 0;
}

.node-dock-mode-ghost {
  background:
    linear-gradient(135deg, rgba(116, 199, 216, 0.12), transparent 46%, rgba(182, 243, 91, 0.08)),
    rgba(5, 6, 8, 0.88);
}

.node-dock-readouts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: rgba(255, 255, 255, 0.08);
}

.node-dock-readouts div {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 82px;
  padding: 10px 12px;
  background: rgba(5, 6, 8, 0.88);
}

.node-dock-readouts dd {
  font-size: 0.82rem;
}

.public-node-dock.is-collapsed {
  width: min(286px, calc(100vw - 32px));
  grid-template-columns: 1fr;
}

.public-node-dock.is-collapsed .node-dock-copy,
.public-node-dock.is-collapsed .node-dock-modes,
.public-node-dock.is-collapsed .node-dock-readouts {
  display: none;
}

.public-node-dock.is-collapsed .node-dock-status {
  min-height: 54px;
  padding-right: 48px;
}

.cursor-reticle {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 65;
  width: 74px;
  height: 74px;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(calc(var(--cursor-x, -100px) - 37px), calc(var(--cursor-y, -100px) - 37px), 0);
  transition: opacity 180ms ease;
  mix-blend-mode: screen;
}

.cursor-reticle.is-visible {
  opacity: 0.72;
}

.cursor-reticle::before,
.cursor-reticle::after,
.cursor-reticle span {
  position: absolute;
  content: "";
}

.cursor-reticle::before {
  inset: 12px;
  border: 1px solid rgba(182, 243, 91, 0.58);
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
}

.cursor-reticle::after {
  left: 50%;
  top: 50%;
  width: 4px;
  height: 4px;
  background: var(--red);
  box-shadow: 0 0 18px rgba(225, 7, 20, 0.86);
  transform: translate(-50%, -50%);
}

.cursor-reticle span:first-child {
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(116, 199, 216, 0.78), transparent);
}

.cursor-reticle span:last-child {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(116, 199, 216, 0.78), transparent);
}

.signal-spine {
  position: fixed;
  right: 18px;
  top: 112px;
  bottom: 34px;
  z-index: 18;
  width: 86px;
  display: grid;
  grid-template-rows: auto minmax(180px, 1fr) auto auto;
  gap: 14px;
  pointer-events: none;
  color: var(--ink);
}

.spine-status,
.spine-depth,
.spine-layer,
.spine-relays {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(5, 5, 7, 0.62);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

.spine-status,
.spine-depth,
.spine-layer {
  display: grid;
  gap: 4px;
  padding: 10px 8px;
}

.spine-status span,
.spine-depth span,
.spine-layer span,
.spine-relays span {
  color: var(--dim);
  font-size: 0.56rem;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.spine-status strong,
.spine-depth strong,
.spine-layer strong {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.92rem;
  line-height: 1;
}

.spine-layer strong {
  color: var(--cyan);
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.spine-track {
  position: relative;
  overflow: hidden;
  justify-self: center;
  width: 9px;
  height: 100%;
  min-height: 220px;
  border: 1px solid rgba(116, 199, 216, 0.18);
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px 16px),
    rgba(5, 5, 7, 0.54);
}

.spine-track::before,
.spine-track::after {
  position: absolute;
  left: 50%;
  width: 33px;
  height: 1px;
  content: "";
  background: rgba(225, 7, 20, 0.7);
  transform: translateX(-50%);
}

.spine-track::before {
  top: 0;
}

.spine-track::after {
  bottom: 0;
}

.spine-track i {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--spine-progress, 0%);
  background: linear-gradient(0deg, var(--red), var(--acid), var(--cyan));
  box-shadow: 0 0 22px rgba(182, 243, 91, 0.5);
  transition: height 120ms linear;
}

.spine-relays {
  display: grid;
  gap: 8px;
  padding: 10px 8px;
}

.spine-relays span {
  position: relative;
  padding-left: 12px;
}

.spine-relays span::before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 6px;
  height: 6px;
  content: "";
  background: var(--red);
  box-shadow: 0 0 14px rgba(225, 7, 20, 0.7);
}

.spine-relays span:nth-child(2)::before {
  background: var(--cyan);
  box-shadow: 0 0 14px rgba(116, 199, 216, 0.7);
}

.spine-relays span:nth-child(3)::before {
  background: var(--acid);
  box-shadow: 0 0 14px rgba(182, 243, 91, 0.64);
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

button,
a,
dd,
dt,
h1,
h2,
h3,
p,
span,
strong {
  min-width: 0;
}

button,
a,
.button,
.mobile-nav a,
.node-dock-mode,
.core-mode,
.protocol-mode,
.foundry-platform,
.ice-vector,
.swarm-mode,
.vault-tier,
.mikoshi-mode,
.soulkiller-stage,
.blackwall-protocol,
.capital-mode,
.exchange-market {
  overflow-wrap: anywhere;
}

.skip-link {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 50;
  transform: translateY(-140%);
  background: var(--ink);
  color: var(--black);
  padding: 10px 14px;
  border-radius: 4px;
}

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

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  padding: 16px 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(5, 5, 7, 0.72);
  backdrop-filter: blur(18px);
}

.brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 12px;
}

.brand-mark {
  position: relative;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  filter: drop-shadow(0 0 18px rgba(225, 7, 20, 0.36));
}

.brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.brand-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.brand-wordmark {
  display: block;
  width: clamp(142px, 15vw, 208px);
  height: auto;
  max-width: 100%;
  filter: drop-shadow(0 0 14px rgba(225, 7, 20, 0.28));
}

.brand-sub {
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.2;
}

.site-nav {
  display: flex;
  justify-content: center;
  min-width: 0;
  gap: clamp(10px, 1vw, 18px);
  color: var(--muted);
  font-size: clamp(0.72rem, 0.74vw, 0.82rem);
}

.site-nav a {
  position: relative;
  padding: 8px 0;
  white-space: nowrap;
}

.site-nav a:hover,
.site-nav a:focus-visible,
.site-nav a.is-active {
  color: var(--ink);
}

.site-nav a::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  height: 1px;
  content: "";
  background: var(--red);
  opacity: 0;
  transform: scaleX(0.4);
  transition: opacity 160ms ease, transform 160ms ease;
}

.site-nav a.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}

.header-actions,
.locale-control {
  display: inline-flex;
  align-items: center;
}

.header-actions {
  gap: 12px;
}

@media (max-width: 1500px) {
  .header-actions .access-link {
    display: none;
  }
}

.menu-toggle {
  display: none;
  width: 38px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(225, 7, 20, 0.58);
  border-radius: 4px;
  background: rgba(225, 7, 20, 0.08);
  cursor: pointer;
}

.menu-toggle span {
  display: block;
  width: 17px;
  height: 2px;
  grid-area: 1 / 1;
  background: var(--ink);
  transition: transform 160ms ease, opacity 160ms ease;
}

.menu-toggle span:first-child {
  transform: translateY(-6px);
}

.menu-toggle span:last-child {
  transform: translateY(6px);
}

.menu-toggle.is-open span:first-child {
  transform: rotate(45deg);
}

.menu-toggle.is-open span:nth-child(2) {
  opacity: 0;
}

.menu-toggle.is-open span:last-child {
  transform: rotate(-45deg);
}

.locale-control {
  overflow: hidden;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.04);
  border-radius: 4px;
}

.locale-button {
  min-width: 54px;
  min-height: 34px;
  border: 0;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
}

.locale-button.is-active {
  background: var(--ink);
  color: var(--black);
}

.access-link {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(225, 7, 20, 0.65);
  border-radius: 4px;
  color: var(--ink);
  background: rgba(225, 7, 20, 0.12);
  font-size: 0.86rem;
  white-space: nowrap;
}

.mobile-nav {
  position: fixed;
  left: 16px;
  right: 16px;
  top: 72px;
  z-index: 19;
  overflow: hidden auto;
  max-height: calc(100svh - 92px - env(safe-area-inset-bottom));
  display: none;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(225, 7, 20, 0.28);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.2), transparent 45%),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

.mobile-nav[hidden] {
  display: none;
}

.mobile-nav-priority,
.mobile-nav-group div {
  display: grid;
  gap: 1px;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
}

.mobile-nav-priority {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mobile-nav-group {
  display: grid;
  gap: 6px;
}

.mobile-nav-group > span {
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.mobile-nav-group div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mobile-nav-group-routes div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mobile-nav a {
  min-height: 44px;
  display: grid;
  align-items: center;
  padding: 0 14px;
  background: rgba(6, 8, 10, 0.92);
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 850;
  text-transform: uppercase;
}

.mobile-nav-priority a {
  align-content: space-between;
  gap: 10px;
  min-height: 92px;
  padding: 12px;
  color: var(--paper);
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.18), transparent),
    rgba(6, 8, 10, 0.95);
}

.mobile-nav-priority a span {
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
}

.mobile-nav-priority a strong {
  color: inherit;
  font-size: 0.9rem;
  line-height: 1.05;
}

.mobile-nav-group-routes a {
  min-height: 38px;
  color: rgba(243, 244, 242, 0.68);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
}

.mobile-nav a:hover,
.mobile-nav a:focus-visible,
.mobile-nav a.is-active {
  color: var(--ink);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.24), rgba(116, 199, 216, 0.06)),
    rgba(8, 10, 12, 0.96);
}

.hero {
  position: relative;
  min-height: 86svh;
  display: grid;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  padding: 118px 32px 56px;
}

.hero::before {
  position: absolute;
  inset: 72px 4vw auto auto;
  z-index: -1;
  width: min(38vw, 540px);
  height: min(38vw, 540px);
  content: "";
  background:
    linear-gradient(90deg, transparent 48%, rgba(116, 199, 216, 0.18) 49%, transparent 51%),
    linear-gradient(0deg, transparent 48%, rgba(225, 7, 20, 0.18) 49%, transparent 51%),
    repeating-conic-gradient(from 45deg, rgba(225, 7, 20, 0.24) 0 7deg, transparent 7deg 20deg);
  clip-path: polygon(50% 0, 90% 14%, 100% 50%, 86% 90%, 50% 100%, 12% 86%, 0 50%, 14% 12%);
  opacity: 0.28;
  animation: coreSpin 28s linear infinite;
}

.hero-media {
  position: absolute;
  inset: 0;
  z-index: -4;
  background-image: url("assets/hero-headquarters.png");
  background-position: center;
  background-size: cover;
  transform: scale(1.01);
}

.hero-media::after {
  position: absolute;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, rgba(5, 5, 7, 0.93) 0%, rgba(5, 5, 7, 0.68) 38%, rgba(5, 5, 7, 0.2) 76%),
    linear-gradient(0deg, rgba(5, 5, 7, 0.93) 0%, rgba(5, 5, 7, 0.12) 48%, rgba(5, 5, 7, 0.5) 100%);
}

.hero-signal-canvas {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  opacity: 0.92;
  mix-blend-mode: screen;
}

.hero-scanline {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(rgba(116, 199, 216, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 199, 216, 0.06) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.75), transparent 62%);
  animation: gridDrift 18s linear infinite;
}

.hero-scanline::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 18%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(182, 243, 91, 0.82), transparent);
  box-shadow: 0 0 28px rgba(182, 243, 91, 0.5);
  animation: scanSweep 6s ease-in-out infinite;
}

.hero-shell {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  align-items: end;
  gap: 42px;
}

.hero-copy {
  max-width: 760px;
}

.eyebrow {
  margin: 0 0 14px;
  color: var(--cyan);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.hero h1,
.section h2 {
  margin: 0;
  font-weight: 800;
  line-height: 0.98;
  overflow-wrap: anywhere;
}

.hero h1 {
  max-width: 760px;
  font-size: 5.25rem;
}

.hero-text {
  max-width: 680px;
  margin: 24px 0 0;
  color: #d8d9d6;
  font-size: 1.12rem;
}

.hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  width: min(680px, 100%);
  margin-top: 24px;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.26);
  border-radius: 4px;
  background: rgba(209, 177, 107, 0.18);
}

.hero-metrics div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  background:
    linear-gradient(135deg, rgba(209, 177, 107, 0.1), transparent 62%),
    rgba(5, 7, 10, 0.74);
}

.hero-metrics span {
  color: rgba(243, 244, 242, 0.62);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.hero-metrics strong {
  color: var(--paper);
  font-size: 1.34rem;
  line-height: 1;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-weight: 750;
  line-height: 1.1;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.button:hover,
.button:focus-visible {
  transform: translateY(-1px);
}

.button-primary {
  background: var(--red);
  color: white;
  box-shadow: 0 22px 52px rgba(225, 7, 20, 0.28);
}

.button-secondary {
  border-color: var(--line-strong);
  background: rgba(255, 255, 255, 0.06);
  color: var(--ink);
}

.button-icon {
  display: inline-grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  font-size: 0.86rem;
}

.hero-intel {
  align-self: end;
  display: grid;
  gap: 14px;
}

.hero-ledger,
.neural-core {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: rgba(9, 11, 14, 0.72);
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
}

.ledger-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.75rem;
  text-transform: uppercase;
}

.ledger-heading strong {
  color: var(--red);
}

.hero-ledger dl {
  display: grid;
  margin: 0;
}

.hero-ledger div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.hero-ledger div:last-child {
  border-bottom: 0;
}

.hero-ledger dt {
  color: var(--dim);
  font-size: 0.76rem;
}

.hero-ledger dd {
  margin: 0;
  color: var(--ink);
  font-weight: 750;
  text-align: right;
}

.neural-core {
  position: relative;
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  overflow: hidden;
  padding: 16px;
}

.neural-core::before {
  position: absolute;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, transparent, rgba(116, 199, 216, 0.09), transparent),
    repeating-linear-gradient(90deg, transparent 0 22px, rgba(255, 255, 255, 0.045) 22px 23px);
  opacity: 0.72;
}

.core-rings {
  position: relative;
  display: grid;
  width: 104px;
  height: 104px;
  place-items: center;
  border: 1px solid rgba(116, 199, 216, 0.44);
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
  background: rgba(5, 5, 7, 0.78);
}

.core-rings span {
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(225, 7, 20, 0.72);
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
  animation: coreSpin 10s linear infinite;
}

.core-rings span + span {
  inset: 28px;
  border-color: rgba(182, 243, 91, 0.72);
  animation-duration: 7s;
  animation-direction: reverse;
}

.core-rings strong {
  position: relative;
  color: var(--ink);
  font-size: 1.8rem;
  line-height: 1;
}

.core-panel {
  position: relative;
  display: grid;
  gap: 10px;
}

.core-readouts {
  display: grid;
}

.core-readout {
  position: relative;
  display: grid;
  gap: 2px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.core-readout:last-child {
  border-bottom: 0;
}

.core-readout span {
  color: var(--dim);
  font-size: 0.68rem;
  font-weight: 800;
}

.core-readout strong {
  color: var(--acid);
  font-size: 0.96rem;
}

.core-modes {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.08);
}

.core-mode {
  min-height: 28px;
  padding: 0 6px;
  border: 0;
  background: rgba(5, 5, 7, 0.82);
  color: var(--dim);
  font-size: 0.58rem;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
}

.core-mode:hover,
.core-mode:focus-visible,
.core-mode.is-active {
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.28), rgba(182, 243, 91, 0.08)),
    rgba(10, 12, 14, 0.96);
  color: var(--ink);
}

.status-tape {
  position: relative;
  z-index: 3;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(260px, 0.36fr) minmax(0, 1fr);
  gap: 1px;
  width: min(1180px, calc(100% - 36px));
  margin: -22px auto 18px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.16), rgba(225, 7, 20, 0.16), rgba(209, 177, 107, 0.12)),
    rgba(255, 255, 255, 0.07);
  box-shadow: var(--shadow);
}

.status-tape::before {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, transparent, rgba(182, 243, 91, 0.24), transparent),
    repeating-linear-gradient(90deg, transparent 0 42px, rgba(255, 255, 255, 0.045) 42px 43px);
  opacity: 0.36;
  animation: statusTapeSweep 8s linear infinite;
}

.status-tape-head,
.status-tape-card {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(116, 199, 216, 0.08), transparent 56%),
    rgba(4, 8, 10, 0.94);
}

.status-tape-head {
  position: relative;
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 20px;
  border-left: 3px solid var(--red);
}

.status-tape-head::after {
  width: 70px;
  height: 70px;
  margin-top: 4px;
  content: "";
  background: url("assets/arasaka-mark-white.png") center / contain no-repeat;
  opacity: 0.22;
  filter: drop-shadow(0 0 18px rgba(225, 7, 20, 0.42));
}

.status-tape-head .eyebrow,
.status-tape-code,
.status-tape-card dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.status-tape-head .eyebrow,
.status-tape-code {
  color: var(--cyan);
}

.status-tape-head h2 {
  margin: 0;
  color: var(--paper);
  font-size: clamp(1.38rem, 2.7vw, 2.45rem);
  line-height: 1;
}

.status-tape-head p:not(.eyebrow),
.status-tape-card p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.88rem;
  line-height: 1.45;
}

.status-tape-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.status-tape-card {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 260px;
  padding: 18px;
  color: var(--ink);
}

.status-tape-card::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, rgba(225, 7, 20, 0.12), transparent 42%),
    repeating-linear-gradient(0deg, transparent 0 26px, rgba(116, 199, 216, 0.055) 26px 27px);
  opacity: 0.75;
}

.status-tape-card::after {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 7px;
  height: 7px;
  content: "";
  background: var(--acid);
  box-shadow: 0 0 18px rgba(182, 243, 91, 0.78);
}

.status-tape-card > * {
  position: relative;
  z-index: 1;
}

.status-tape-card:hover,
.status-tape-card:focus-visible {
  outline: 0;
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.16), rgba(116, 199, 216, 0.08) 56%),
    rgba(7, 10, 12, 0.98);
}

.status-tape-card strong {
  color: var(--paper);
  font-size: 1.18rem;
  line-height: 1.04;
}

.status-tape-card dl {
  display: grid;
  gap: 1px;
  align-self: end;
  margin: 6px 0 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.1);
}

.status-tape-card dl div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 38px;
  padding: 8px 10px;
  background: rgba(5, 5, 7, 0.78);
}

.status-tape-card dt {
  color: rgba(243, 244, 242, 0.5);
}

.status-tape-card dd {
  margin: 0;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.1;
  text-align: right;
  text-transform: uppercase;
}

.corporate-scale {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr);
  gap: 1px;
  width: min(1180px, calc(100% - 36px));
  margin: -22px auto 18px;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.16), rgba(116, 199, 216, 0.1), rgba(225, 7, 20, 0.08)),
    rgba(255, 255, 255, 0.07);
  box-shadow: var(--shadow);
}

.scale-head,
.scale-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.09), transparent 58%),
    rgba(4, 8, 10, 0.94);
}

.scale-head {
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 20px;
  border-left: 3px solid var(--gold);
}

.scale-head .eyebrow,
.scale-grid span {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--gold);
}

.scale-head h2 {
  max-width: 680px;
  margin: 0;
  color: var(--paper);
  font-size: clamp(1.45rem, 3vw, 2.7rem);
  line-height: 0.98;
}

.scale-head p:not(.eyebrow),
.scale-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.88rem;
  line-height: 1.45;
}

.scale-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.scale-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 174px;
  padding: 18px;
}

.scale-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(90deg, transparent 0 28px, rgba(209, 177, 107, 0.045) 28px 29px),
    linear-gradient(135deg, rgba(182, 243, 91, 0.08), transparent 58%);
}

.scale-grid article > * {
  position: relative;
  z-index: 1;
}

.scale-grid strong {
  color: var(--paper);
  font-size: clamp(1.8rem, 4vw, 3.1rem);
  line-height: 0.9;
  letter-spacing: 0;
}

.mandate-exchange {
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(250px, 0.32fr) minmax(0, 1fr);
  gap: 1px;
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto 18px;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.26);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.34), rgba(209, 177, 107, 0.16), rgba(116, 199, 216, 0.12)),
    rgba(255, 255, 255, 0.07);
  box-shadow: 0 22px 80px rgba(0, 0, 0, 0.44);
}

.mandate-exchange::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, transparent, rgba(225, 7, 20, 0.12), transparent),
    repeating-linear-gradient(90deg, transparent 0 42px, rgba(255, 255, 255, 0.035) 42px 43px);
  opacity: 0.72;
}

.mandate-exchange > * {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.mandate-exchange-head,
.mandate-ledger article {
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.1), transparent 52%),
    rgba(5, 7, 9, 0.95);
}

.mandate-exchange-head {
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 20px;
  border-left: 3px solid var(--red);
}

.mandate-exchange-head .eyebrow,
.mandate-ledger article > span,
.mandate-ledger dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.mandate-exchange-head .eyebrow,
.mandate-ledger article > span {
  color: var(--red);
}

.mandate-exchange-head h2 {
  max-width: 660px;
  margin: 0;
  color: var(--paper);
  font-size: clamp(1.42rem, 2.7vw, 2.45rem);
  line-height: 1;
}

.mandate-exchange-head p:not(.eyebrow),
.mandate-ledger p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.86rem;
  line-height: 1.45;
}

.mandate-ledger {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.mandate-ledger article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 11px;
  min-height: 246px;
  padding: 16px;
}

.mandate-ledger article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle at 12% 8%, rgba(116, 199, 216, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 42%);
}

.mandate-ledger article > * {
  position: relative;
  z-index: 1;
}

.mandate-ledger h3 {
  max-width: calc(100% - 28px);
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.08;
}

.mandate-ledger dl {
  display: grid;
  gap: 1px;
  margin: 0;
  background: rgba(255, 255, 255, 0.08);
}

.mandate-ledger dl div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 9px;
  background: rgba(10, 12, 14, 0.78);
}

.mandate-ledger dt {
  color: var(--dim);
}

.mandate-ledger dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.status-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #090a0c;
}

.status-rail div {
  min-height: 84px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 14px 28px;
  border-right: 1px solid var(--line);
}

.status-rail div:last-child {
  border-right: 0;
}

.status-rail span {
  color: var(--dim);
  font-size: 0.72rem;
  text-transform: uppercase;
}

.status-rail strong {
  color: var(--ink);
  font-size: 1rem;
}

.field-console {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(240px, 0.34fr) minmax(0, 1fr);
  gap: 22px;
  width: min(1180px, calc(100% - 32px));
  margin: -22px auto 30px;
  padding: 18px;
  border: 1px solid rgba(116, 199, 216, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.16), transparent 34%, rgba(116, 199, 216, 0.1)),
    repeating-linear-gradient(90deg, transparent 0 48px, rgba(255, 255, 255, 0.035) 48px 49px),
    rgba(7, 9, 12, 0.9);
  box-shadow: 0 24px 90px rgba(0, 0, 0, 0.5);
}

.field-console::before,
.field-console::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.field-console::before {
  inset: 12px;
  border: 1px solid rgba(225, 7, 20, 0.14);
  clip-path: polygon(0 0, 90% 0, 100% 24%, 100% 100%, 10% 100%, 0 76%);
}

.field-console::after {
  right: 18px;
  top: 18px;
  width: 86px;
  height: 86px;
  border: 1px solid rgba(182, 243, 91, 0.32);
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
  opacity: 0.54;
}

.field-console > * {
  position: relative;
  z-index: 1;
}

.field-console-copy {
  display: grid;
  align-content: center;
}

.field-console-copy h2 {
  margin: 0;
  font-size: clamp(1.55rem, 3vw, 2.55rem);
  line-height: 1;
}

.field-console-copy p:last-child {
  margin: 14px 0 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.92rem;
}

.field-console-routes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
}

.field-route {
  position: relative;
  overflow: hidden;
  min-height: 238px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  padding: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent 40%),
    rgba(5, 5, 7, 0.86);
}

.field-route::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: "";
  background: currentColor;
  box-shadow: 0 0 22px currentColor;
}

.field-route::after {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 30px;
  height: 30px;
  content: "";
  border: 1px solid currentColor;
  opacity: 0.3;
  clip-path: polygon(50% 0, 100% 28%, 100% 72%, 50% 100%, 0 72%, 0 28%);
}

.field-route-red {
  color: var(--red);
}

.field-route-cyan {
  color: var(--cyan);
}

.field-route-gold {
  color: var(--gold);
}

.field-route-acid {
  color: var(--acid);
}

.field-route > * {
  position: relative;
  z-index: 1;
}

.field-route-code,
.field-route-open {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.field-route strong {
  max-width: calc(100% - 34px);
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.08;
}

.field-route p {
  margin: 0;
  color: rgba(243, 244, 242, 0.68);
  font-size: 0.78rem;
  line-height: 1.35;
}

.field-route dl {
  display: grid;
  gap: 1px;
  margin: 0;
  background: rgba(255, 255, 255, 0.08);
}

.field-route dl div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 34px;
  align-items: center;
  padding: 7px 9px;
  background: rgba(0, 0, 0, 0.28);
}

.field-route dt,
.field-route dd {
  margin: 0;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.58rem;
  font-weight: 900;
  text-transform: uppercase;
}

.field-route dt {
  color: var(--dim);
}

.field-route dd {
  color: currentColor;
  text-align: right;
}

.field-route-open {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--ink);
  background: rgba(255, 255, 255, 0.045);
}

.field-route-open::after {
  content: "->";
  color: currentColor;
}

.field-route:hover,
.field-route:focus-visible {
  outline: 0;
  background:
    linear-gradient(135deg, color-mix(in srgb, currentColor 18%, transparent), transparent 46%),
    rgba(10, 12, 15, 0.98);
}

.field-route:hover .field-route-open,
.field-route:focus-visible .field-route-open {
  border-color: currentColor;
}

.megacity-section {
  position: relative;
  overflow: hidden;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 0.88fr);
  gap: 28px;
  align-items: stretch;
  background:
    radial-gradient(circle at 78% 22%, rgba(225, 7, 20, 0.15), transparent 27%),
    radial-gradient(circle at 46% 72%, rgba(116, 199, 216, 0.11), transparent 30%),
    linear-gradient(115deg, rgba(5, 5, 7, 0.98), rgba(12, 14, 18, 0.96)),
    #050507;
}

.megacity-section::before,
.megacity-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.megacity-section::before {
  inset: 30px;
  border: 1px solid rgba(225, 7, 20, 0.2);
  clip-path: polygon(0 0, 88% 0, 100% 16%, 100% 100%, 14% 100%, 0 84%);
}

.megacity-section::after {
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 33%, rgba(225, 7, 20, 0.09) 33% 34%, transparent 34% 66%, rgba(116, 199, 216, 0.07) 66% 67%, transparent 67%),
    repeating-linear-gradient(0deg, transparent 0 42px, rgba(255, 255, 255, 0.03) 42px 43px);
  mask-image: linear-gradient(90deg, #000, #000 86%, transparent);
}

.megacity-copy,
.megacity-console {
  position: relative;
  z-index: 1;
}

.megacity-copy {
  align-self: center;
}

.megacity-copy h2 {
  margin: 0;
  font-size: 3.15rem;
  line-height: 0.98;
}

.megacity-copy p {
  color: var(--muted);
}

.megacity-console {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(340px, 0.72fr) minmax(230px, 0.36fr);
  grid-template-areas:
    "map readout"
    "feed feed";
  gap: 1px;
  min-height: 520px;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.28);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.48), rgba(116, 199, 216, 0.24), rgba(182, 243, 91, 0.18)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.megacity-map {
  position: relative;
  grid-area: map;
  min-height: 420px;
  overflow: hidden;
  background:
    linear-gradient(22deg, transparent 0 48%, rgba(225, 7, 20, 0.16) 49% 50%, transparent 51%),
    linear-gradient(112deg, transparent 0 45%, rgba(116, 199, 216, 0.13) 46% 47%, transparent 48%),
    repeating-linear-gradient(90deg, transparent 0 36px, rgba(255, 255, 255, 0.05) 36px 37px),
    repeating-linear-gradient(0deg, transparent 0 36px, rgba(255, 255, 255, 0.045) 36px 37px),
    rgba(5, 5, 7, 0.95);
}

.megacity-map::before,
.megacity-map::after {
  position: absolute;
  content: "";
}

.megacity-map::before {
  inset: 46px;
  border: 1px solid rgba(116, 199, 216, 0.18);
  clip-path: polygon(10% 0, 88% 0, 100% 18%, 100% 78%, 84% 100%, 12% 100%, 0 82%, 0 16%);
}

.megacity-map::after {
  left: 50%;
  top: 50%;
  width: 68%;
  aspect-ratio: 1;
  border: 1px dashed rgba(182, 243, 91, 0.24);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow:
    0 0 54px rgba(116, 199, 216, 0.08),
    inset 0 0 46px rgba(225, 7, 20, 0.08);
  animation: coreSpin 24s linear infinite;
}

.city-district {
  position: absolute;
  z-index: 2;
  display: grid;
  gap: 4px;
  min-width: 138px;
  min-height: 56px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 4px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.12), transparent 48%),
    rgba(5, 5, 7, 0.76);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
  backdrop-filter: blur(12px);
  transition: border-color 160ms ease, color 160ms ease, transform 160ms ease, background 160ms ease;
}

.city-district::after {
  position: absolute;
  inset: auto 10px 8px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, var(--red), var(--cyan), transparent);
  opacity: 0;
}

.city-district span {
  color: var(--red);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
}

.city-district strong {
  color: inherit;
  font-size: 0.78rem;
  line-height: 1.05;
  text-transform: uppercase;
}

.city-district:hover,
.city-district:focus-visible,
.city-district.is-active {
  border-color: rgba(182, 243, 91, 0.42);
  color: var(--ink);
  background:
    linear-gradient(120deg, rgba(225, 7, 20, 0.26), transparent 44%, rgba(116, 199, 216, 0.14)),
    rgba(8, 10, 12, 0.92);
  outline: 0;
  transform: translateY(-2px);
}

.city-district:hover::after,
.city-district:focus-visible::after,
.city-district.is-active::after {
  opacity: 1;
}

.district-plaza {
  left: 12%;
  top: 18%;
}

.district-bay {
  right: 10%;
  top: 25%;
}

.district-underrail {
  left: 15%;
  bottom: 18%;
}

.district-orbit {
  right: 13%;
  bottom: 16%;
}

.city-sigil {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  display: grid;
  width: 154px;
  height: 154px;
  place-items: center;
  border: 1px solid rgba(225, 7, 20, 0.42);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(182, 243, 91, 0.1), transparent 58%),
    rgba(5, 5, 7, 0.72);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 64px rgba(225, 7, 20, 0.18);
}

.city-sigil span {
  position: absolute;
  inset: 18px;
  border: 1px dashed rgba(116, 199, 216, 0.44);
  border-radius: 50%;
  animation: coreSpin 14s linear infinite reverse;
}

.city-sigil strong {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.84rem;
  text-align: center;
}

.megacity-readout {
  grid-area: readout;
  display: grid;
  align-content: center;
  gap: 16px;
  padding: 20px;
  background:
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(255, 255, 255, 0.032) 20px 21px),
    linear-gradient(180deg, rgba(225, 7, 20, 0.12), rgba(116, 199, 216, 0.06)),
    rgba(7, 9, 11, 0.95);
}

.megacity-readout > span,
.megacity-readout dt {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.megacity-readout h3,
.megacity-readout p,
.megacity-readout dl {
  margin: 0;
}

.megacity-readout h3 {
  font-size: 1.7rem;
  line-height: 0.98;
}

.megacity-readout p {
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.88rem;
}

.megacity-readout dl {
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.megacity-readout dl div {
  display: grid;
  gap: 4px;
  padding: 12px;
  background: rgba(5, 5, 7, 0.72);
}

.megacity-readout dd {
  margin: 0;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.9rem;
  font-weight: 900;
}

.megacity-feed {
  grid-area: feed;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-height: 74px;
  background: rgba(255, 255, 255, 0.08);
}

.megacity-feed span {
  display: grid;
  align-items: center;
  padding: 0 14px;
  background: rgba(5, 5, 7, 0.86);
  color: rgba(243, 244, 242, 0.7);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
}

.lore-section {
  position: relative;
  overflow: hidden;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(270px, 0.38fr) minmax(0, 0.92fr);
  gap: 28px;
  background:
    radial-gradient(circle at 18% 24%, rgba(225, 7, 20, 0.16), transparent 28%),
    radial-gradient(circle at 78% 62%, rgba(116, 199, 216, 0.12), transparent 34%),
    linear-gradient(118deg, rgba(5, 5, 7, 0.98), rgba(13, 15, 18, 0.96));
}

.lore-section::before,
.lore-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.lore-section::before {
  inset: 28px;
  border: 1px solid rgba(182, 243, 91, 0.16);
  clip-path: polygon(0 0, 90% 0, 100% 18%, 100% 100%, 12% 100%, 0 82%);
}

.lore-section::after {
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 22%, rgba(225, 7, 20, 0.1) 22% 23%, transparent 23% 72%, rgba(116, 199, 216, 0.08) 72% 73%, transparent 73%),
    repeating-linear-gradient(0deg, transparent 0 38px, rgba(255, 255, 255, 0.035) 38px 39px);
  mask-image: linear-gradient(90deg, #000, #000 86%, transparent);
}

.lore-copy,
.lore-console,
.lore-briefings,
.lore-chronology,
.counterparty-registry,
.source-vault,
.visual-evidence,
.signal-intel {
  position: relative;
  z-index: 1;
}

.lore-copy {
  align-self: center;
}

.lore-copy h2 {
  margin: 0;
  font-size: 3rem;
  line-height: 0.98;
}

.lore-copy p {
  color: var(--muted);
}

.lore-console {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(280px, 0.66fr) minmax(160px, 0.28fr);
  grid-template-areas:
    "media nodes"
    "readout readout";
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.48), rgba(116, 199, 216, 0.26), rgba(182, 243, 91, 0.16)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.lore-media {
  position: relative;
  grid-area: media;
  min-height: 360px;
  margin: 0;
  overflow: hidden;
  background: #050507;
}

.lore-media::before,
.lore-media::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
}

.lore-media::before {
  background:
    linear-gradient(90deg, rgba(5, 5, 7, 0.7), transparent 46%),
    linear-gradient(0deg, rgba(5, 5, 7, 0.78), transparent 42%, rgba(5, 5, 7, 0.18));
}

.lore-media::after {
  background:
    linear-gradient(90deg, transparent 48%, rgba(182, 243, 91, 0.34) 49%, transparent 50%),
    linear-gradient(0deg, transparent 54%, rgba(225, 7, 20, 0.34) 55%, transparent 56%),
    repeating-linear-gradient(0deg, transparent 0 5px, rgba(255, 255, 255, 0.04) 5px 6px);
  mix-blend-mode: screen;
  opacity: 0.66;
}

.lore-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.08);
}

.lore-media figcaption {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: rgba(5, 5, 7, 0.74);
  backdrop-filter: blur(14px);
}

.lore-media figcaption span,
.lore-media figcaption a {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.lore-media figcaption span {
  color: var(--dim);
}

.lore-media figcaption a {
  color: var(--cyan);
}

.lore-nodes {
  grid-area: nodes;
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.lore-node {
  display: grid;
  align-content: center;
  gap: 6px;
  min-height: 72px;
  padding: 10px 12px;
  border: 0;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.1), transparent 46%),
    rgba(5, 6, 8, 0.9);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
}

.lore-node span {
  color: var(--red);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
}

.lore-node strong {
  color: inherit;
  font-size: 0.78rem;
  line-height: 1.06;
  text-transform: uppercase;
}

.lore-node:hover,
.lore-node:focus-visible,
.lore-node.is-active {
  color: var(--ink);
  background:
    linear-gradient(120deg, rgba(225, 7, 20, 0.28), transparent 42%, rgba(182, 243, 91, 0.12)),
    rgba(9, 11, 13, 0.98);
  outline: 0;
}

.lore-readout {
  grid-area: readout;
  display: grid;
  grid-template-columns: minmax(110px, 0.16fr) minmax(170px, 0.28fr) minmax(0, 1fr);
  gap: 12px 16px;
  align-items: start;
  padding: 18px;
  background:
    repeating-linear-gradient(90deg, transparent 0 46px, rgba(255, 255, 255, 0.032) 46px 47px),
    rgba(6, 8, 10, 0.94);
}

.lore-readout > span,
.lore-readout dt {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.lore-readout > strong {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.95rem;
}

.lore-readout h3,
.lore-readout p,
.lore-readout dl {
  margin: 0;
}

.lore-readout h3 {
  color: var(--ink);
  font-size: 1.48rem;
  line-height: 1.02;
}

.lore-readout p {
  grid-column: 3;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.88rem;
}

.lore-readout dl {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.lore-readout dl div {
  display: grid;
  gap: 4px;
  padding: 12px;
  background: rgba(5, 5, 7, 0.72);
}

.lore-readout dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.86rem;
  font-weight: 900;
  text-transform: uppercase;
}

.lore-briefings {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.16);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.18), rgba(225, 7, 20, 0.14)),
    rgba(255, 255, 255, 0.08);
}

.lore-briefings article {
  position: relative;
  overflow: hidden;
  min-height: 242px;
  display: grid;
  align-content: space-between;
  gap: 14px;
  padding: 16px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(6, 8, 10, 0.92);
}

.lore-briefings article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: "";
  background: linear-gradient(180deg, var(--cyan), var(--red));
}

.lore-briefings article > * {
  position: relative;
  z-index: 1;
}

.lore-briefings article > span {
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.lore-briefings h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1.12rem;
  line-height: 1.05;
}

.lore-briefings p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.82rem;
  line-height: 1.42;
}

.lore-briefings a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 4px;
  color: var(--cyan);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.lore-briefings a:hover,
.lore-briefings a:focus-visible {
  border-color: currentColor;
  outline: 0;
}

.lore-chronology {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.16);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.14), rgba(116, 199, 216, 0.13), rgba(225, 7, 20, 0.12)),
    rgba(255, 255, 255, 0.08);
}

.lore-chronology-head,
.lore-chronology li {
  min-width: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(6, 8, 10, 0.92);
}

.lore-chronology-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  border-left: 3px solid var(--acid);
}

.lore-chronology-head span,
.lore-chronology li span,
.lore-chronology time {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.lore-chronology-head span,
.lore-chronology time {
  color: var(--acid);
}

.lore-chronology-head strong {
  color: var(--paper);
  font-size: 1.22rem;
  line-height: 1.06;
}

.lore-chronology-head p,
.lore-chronology p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.84rem;
  line-height: 1.42;
}

.lore-chronology ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lore-chronology li {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 236px;
}

.lore-chronology li::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  content: "";
  background: linear-gradient(90deg, var(--red), var(--cyan), var(--acid));
}

.lore-chronology time {
  display: block;
  padding: 14px 14px 0;
  color: var(--cyan);
  font-size: 0.8rem;
}

.lore-chronology li div {
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 10px 14px 14px;
}

.lore-chronology li span {
  color: var(--dim);
}

.lore-chronology li strong {
  color: var(--paper);
  font-size: 1rem;
  line-height: 1.08;
}

.lore-chronology a {
  align-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
  margin-top: 2px;
  padding: 0 10px;
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 4px;
  color: var(--cyan);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.lore-chronology a:hover,
.lore-chronology a:focus-visible {
  border-color: currentColor;
  outline: 0;
}

.counterparty-registry {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 0.32fr) repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.18), rgba(116, 199, 216, 0.14), rgba(209, 177, 107, 0.12)),
    rgba(255, 255, 255, 0.08);
}

.counterparty-head,
.counterparty-registry article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.09), transparent 58%),
    rgba(6, 8, 10, 0.93);
}

.counterparty-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  border-left: 3px solid var(--red);
}

.counterparty-head span,
.counterparty-registry article > span,
.counterparty-registry dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.counterparty-head span,
.counterparty-registry article > span {
  color: var(--red);
}

.counterparty-head strong {
  color: var(--paper);
  font-size: 1.2rem;
  line-height: 1.06;
}

.counterparty-head p,
.counterparty-registry p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.82rem;
  line-height: 1.42;
}

.counterparty-registry article {
  display: grid;
  align-content: start;
  gap: 11px;
  min-height: 210px;
  padding: 16px;
}

.counterparty-registry article::before,
.counterparty-registry article::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.counterparty-registry article::before {
  inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 26px, rgba(225, 7, 20, 0.045) 26px 27px),
    linear-gradient(135deg, rgba(116, 199, 216, 0.08), transparent 58%);
}

.counterparty-registry article::after {
  right: 13px;
  top: 13px;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(209, 177, 107, 0.34);
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
}

.counterparty-registry article > * {
  position: relative;
  z-index: 1;
}

.counterparty-registry h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1.08rem;
  line-height: 1.05;
}

.counterparty-registry dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: auto 0 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.counterparty-registry dl div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 9px;
  background: rgba(0, 0, 0, 0.26);
}

.counterparty-registry dt {
  color: var(--dim);
}

.counterparty-registry dd {
  margin: 0;
  color: var(--gold);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.18;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.source-vault {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 0.45fr) repeat(2, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.16);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.14), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.08);
}

.source-vault-copy,
.source-vault figure {
  min-width: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(6, 8, 10, 0.92);
}

.source-vault-copy {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
}

.source-vault-copy span,
.source-vault figcaption span {
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.source-vault-copy strong {
  color: var(--paper);
  font-size: 1.18rem;
  line-height: 1.05;
}

.source-vault-copy p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.84rem;
  line-height: 1.42;
}

.source-vault figure {
  position: relative;
  overflow: hidden;
  min-height: 220px;
  margin: 0;
}

.source-vault figure::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, transparent 40%, rgba(5, 5, 7, 0.76)),
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(255, 255, 255, 0.04) 18px 19px);
}

.source-vault img {
  width: 100%;
  height: 100%;
  min-height: 220px;
  display: block;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.06);
}

.source-vault figcaption {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: rgba(5, 5, 7, 0.74);
}

.source-vault figcaption a {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.62rem;
  font-weight: 900;
}

.evidence-wall {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(260px, 0.32fr) minmax(0, 1fr);
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.18), rgba(116, 199, 216, 0.14), rgba(209, 177, 107, 0.12)),
    rgba(255, 255, 255, 0.08);
}

.evidence-wall-copy,
.evidence-wall figure {
  min-width: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(5, 8, 10, 0.94);
}

.evidence-wall-copy {
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 20px;
  border-left: 3px solid var(--red);
}

.evidence-wall-copy span,
.evidence-wall figcaption {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.evidence-wall-copy span {
  color: var(--red);
}

.evidence-wall-copy strong {
  color: var(--paper);
  font-size: 1.32rem;
  line-height: 1.05;
}

.evidence-wall-copy p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.86rem;
  line-height: 1.45;
}

.evidence-wall-copy a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: fit-content;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid rgba(225, 7, 20, 0.28);
  border-radius: 4px;
  color: var(--red);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.evidence-wall-copy a:hover,
.evidence-wall-copy a:focus-visible {
  border-color: rgba(182, 243, 91, 0.42);
  color: var(--acid);
  outline: 0;
}

.evidence-wall figure {
  position: relative;
  overflow: hidden;
  margin: 0;
}

.evidence-wall figure::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, transparent 62%, rgba(5, 5, 7, 0.72)),
    repeating-linear-gradient(0deg, transparent 0 22px, rgba(255, 255, 255, 0.035) 22px 23px);
}

.evidence-wall img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  filter: saturate(1.04) contrast(1.05);
}

.evidence-wall figcaption {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  color: var(--gold);
  background: rgba(5, 5, 7, 0.76);
}

.visual-evidence {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 0.52fr) repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.16), rgba(225, 7, 20, 0.12), rgba(209, 177, 107, 0.1)),
    rgba(255, 255, 255, 0.08);
}

.visual-evidence-head,
.visual-evidence article {
  min-width: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(6, 8, 10, 0.92);
}

.visual-evidence-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  border-left: 3px solid var(--cyan);
}

.visual-evidence-head span,
.visual-evidence article > span,
.visual-evidence small {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.visual-evidence-head span,
.visual-evidence article > span {
  color: var(--cyan);
}

.visual-evidence-head strong {
  color: var(--paper);
  font-size: 1.22rem;
  line-height: 1.05;
}

.visual-evidence-head p,
.visual-evidence p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.82rem;
  line-height: 1.38;
}

.visual-evidence article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 330px;
  padding: 12px;
}

.visual-evidence figure {
  position: relative;
  overflow: hidden;
  aspect-ratio: 5 / 3;
  margin: 0 0 2px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.38);
}

.visual-evidence figure::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, transparent 48%, rgba(0, 0, 0, 0.54)),
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(255, 255, 255, 0.04) 18px 19px);
}

.visual-evidence img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: saturate(1.06) contrast(1.04);
}

.visual-evidence h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1rem;
  line-height: 1.08;
}

.visual-evidence a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
  margin-top: auto;
  padding: 0 10px;
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 4px;
  color: var(--cyan);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.visual-evidence a:hover,
.visual-evidence a:focus-visible {
  border-color: rgba(182, 243, 91, 0.42);
  color: var(--acid);
  outline: 0;
}

.visual-evidence small {
  color: var(--dim);
}

.research-archive {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(240px, 0.42fr) repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.16), rgba(225, 7, 20, 0.14), rgba(116, 199, 216, 0.1)),
    rgba(255, 255, 255, 0.08);
}

.research-archive-head,
.research-archive article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 52%),
    rgba(5, 7, 9, 0.94);
}

.research-archive-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  border-left: 3px solid var(--gold);
}

.research-archive-head span,
.research-archive article span,
.research-archive dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.63rem;
  font-weight: 900;
  text-transform: uppercase;
}

.research-archive-head span,
.research-archive article span {
  color: var(--gold);
}

.research-archive-head strong {
  color: var(--paper);
  font-size: 1.24rem;
  line-height: 1.05;
}

.research-archive-head p,
.research-archive article p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.82rem;
  line-height: 1.4;
}

.research-archive article {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-rows: minmax(130px, 0.52fr) minmax(0, 1fr);
  min-height: 420px;
}

.research-archive article::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, transparent 36%, rgba(5, 5, 7, 0.84) 58%),
    repeating-linear-gradient(0deg, transparent 0 16px, rgba(255, 255, 255, 0.035) 16px 17px);
}

.research-archive img {
  width: 100%;
  height: 100%;
  min-height: 150px;
  display: block;
  object-fit: cover;
  filter: saturate(0.92) contrast(1.08);
}

.research-archive article > div {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 14px;
}

.research-archive h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1.06rem;
  line-height: 1.06;
}

.research-archive dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: rgba(255, 255, 255, 0.08);
}

.research-archive dl div {
  display: grid;
  gap: 4px;
  min-height: 54px;
  align-content: center;
  padding: 8px;
  background: rgba(0, 0, 0, 0.28);
}

.research-archive dt {
  color: var(--dim);
}

.research-archive dd {
  margin: 0;
  color: rgba(243, 244, 242, 0.84);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.16;
}

.research-archive a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 36px;
  margin-top: auto;
  padding: 0 10px;
  border: 1px solid rgba(209, 177, 107, 0.24);
  border-radius: 4px;
  color: var(--gold);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.research-archive a:hover,
.research-archive a:focus-visible {
  border-color: rgba(182, 243, 91, 0.44);
  color: var(--acid);
  outline: 0;
}

.signal-intel {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 0.38fr) repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.22), rgba(116, 199, 216, 0.12), rgba(209, 177, 107, 0.14)),
    rgba(255, 255, 255, 0.08);
}

.signal-intel-head,
.signal-intel article {
  min-width: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(6, 8, 10, 0.92);
}

.signal-intel-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  border-left: 3px solid var(--red);
}

.signal-intel-head span,
.signal-intel article > span,
.signal-intel dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.signal-intel-head span,
.signal-intel article > span {
  color: var(--red);
}

.signal-intel-head strong {
  color: var(--paper);
  font-size: 1.18rem;
  line-height: 1.05;
}

.signal-intel-head p,
.signal-intel article p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.82rem;
  line-height: 1.4;
}

.signal-intel article {
  position: relative;
  overflow: hidden;
  min-height: 270px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  padding: 16px;
}

.signal-intel article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: "";
  background: linear-gradient(180deg, var(--red), var(--cyan));
  box-shadow: 0 0 22px rgba(225, 7, 20, 0.45);
}

.signal-intel article::after {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 34px;
  height: 34px;
  content: "";
  border: 1px solid currentColor;
  opacity: 0.26;
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
}

.signal-intel article > * {
  position: relative;
  z-index: 1;
}

.signal-intel h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1.08rem;
  line-height: 1.06;
}

.signal-intel dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: rgba(255, 255, 255, 0.08);
}

.signal-intel dl div {
  display: grid;
  gap: 3px;
  min-height: 52px;
  align-content: center;
  padding: 8px;
  background: rgba(0, 0, 0, 0.28);
}

.signal-intel dt {
  color: var(--dim);
}

.signal-intel dd {
  margin: 0;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.signal-intel a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(225, 7, 20, 0.22);
  border-radius: 4px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.signal-intel a:hover,
.signal-intel a:focus-visible {
  border-color: currentColor;
  color: var(--acid);
  outline: 0;
}

.signal-intel-ghost {
  color: var(--gold);
}

.signal-intel-ghost::before {
  background: linear-gradient(180deg, var(--gold), var(--acid));
}

.signal-intel-ghost > span,
.signal-intel-ghost dd {
  color: var(--gold);
}

.command-ribbon {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(120px, 0.18fr) minmax(360px, 0.52fr) minmax(300px, 0.52fr) minmax(260px, 0.36fr);
  gap: 1px;
  padding: 1px;
  border-bottom: 1px solid rgba(182, 243, 91, 0.2);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.5), rgba(116, 199, 216, 0.34), rgba(182, 243, 91, 0.28)),
    rgba(255, 255, 255, 0.08);
}

.command-ribbon::before,
.command-ribbon::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.command-ribbon::before {
  inset: 0;
  background:
    linear-gradient(90deg, transparent, rgba(182, 243, 91, 0.22), transparent),
    repeating-linear-gradient(90deg, transparent 0 58px, rgba(255, 255, 255, 0.06) 58px 59px);
  transform: translateX(-100%);
  animation: consoleSweep 8s ease-in-out infinite;
}

.command-ribbon::after {
  inset: 0;
  border-bottom: 1px solid rgba(225, 7, 20, 0.32);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent);
  mix-blend-mode: screen;
}

.command-ribbon > * {
  position: relative;
  z-index: 1;
  min-width: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
    rgba(5, 6, 8, 0.92);
}

.command-ribbon-header,
.command-readout,
.command-telemetry {
  min-height: 128px;
}

.command-ribbon-header {
  display: grid;
  align-content: space-between;
  padding: 16px;
  clip-path: polygon(0 0, 100% 0, 100% 72%, 84% 100%, 0 100%);
}

.command-ribbon-header span,
.command-readout > span,
.command-telemetry dt {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.command-ribbon-header strong,
.command-telemetry dd {
  margin: 0;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
}

.command-nodes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
}

.command-node {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: space-between;
  min-height: 128px;
  padding: 14px;
  border: 0;
  background:
    linear-gradient(160deg, rgba(225, 7, 20, 0.1), transparent 48%),
    rgba(7, 9, 11, 0.9);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.command-node::before {
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  content: "";
  background: linear-gradient(90deg, var(--red), var(--cyan), var(--acid));
  opacity: 0;
  transform: translateX(-38%);
  transition: opacity 160ms ease;
}

.command-node span {
  color: rgba(182, 243, 91, 0.82);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
  font-weight: 900;
}

.command-node strong {
  color: inherit;
  font-size: 0.86rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.command-node:hover,
.command-node:focus-visible,
.command-node.is-active {
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.2), transparent 38%, rgba(116, 199, 216, 0.1)),
    rgba(10, 12, 15, 0.98);
  color: var(--ink);
  outline: 0;
  transform: translateY(-1px);
}

.command-node:hover::before,
.command-node:focus-visible::before,
.command-node.is-active::before {
  opacity: 1;
}

.command-node-ghost {
  background:
    linear-gradient(160deg, rgba(116, 199, 216, 0.12), transparent 44%, rgba(182, 243, 91, 0.06)),
    rgba(7, 9, 11, 0.9);
}

.command-readout {
  display: grid;
  align-content: center;
  gap: 9px;
  padding: 18px 20px;
}

.command-readout h2,
.command-readout p {
  margin: 0;
}

.command-readout h2 {
  color: var(--ink);
  font-size: 1.18rem;
  line-height: 1.05;
}

.command-readout p {
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.86rem;
}

.command-telemetry {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  gap: 1px;
  background: rgba(255, 255, 255, 0.07);
}

.command-telemetry div {
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  background:
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(255, 255, 255, 0.035) 18px 19px),
    rgba(5, 6, 8, 0.92);
}

.protocol-band {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(260px, 0.48fr) minmax(0, 1fr) minmax(260px, 0.5fr);
  gap: 18px;
  align-items: stretch;
  padding: 22px 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.14), transparent 30%, rgba(116, 199, 216, 0.08)),
    #060709;
}

.protocol-band::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(90deg, transparent 0 74px, rgba(255, 255, 255, 0.04) 74px 75px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent);
}

.protocol-copy,
.protocol-stack,
.protocol-metrics {
  position: relative;
  z-index: 1;
}

.protocol-copy {
  display: grid;
  align-content: center;
}

.protocol-copy .eyebrow {
  margin-bottom: 8px;
}

.protocol-copy h2 {
  margin: 0;
  font-size: 1.38rem;
  line-height: 1.02;
}

.protocol-stack {
  min-width: 0;
  display: grid;
  align-content: stretch;
  gap: 12px;
  overflow: hidden;
  border-inline: 1px solid rgba(255, 255, 255, 0.1);
}

.protocol-stream {
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 72px;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}

.protocol-line {
  display: flex;
  width: max-content;
  gap: 26px;
  color: rgba(243, 244, 242, 0.72);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.78rem;
  white-space: nowrap;
  animation: protocolScroll 28s linear infinite;
}

.protocol-line-alt {
  color: rgba(182, 243, 91, 0.68);
  animation-duration: 34s;
  animation-direction: reverse;
}

.protocol-line span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
}

.protocol-line span::before {
  width: 7px;
  height: 7px;
  margin-right: 10px;
  content: "";
  background: var(--red);
  box-shadow: 0 0 16px rgba(225, 7, 20, 0.72);
}

.protocol-line-alt span::before {
  background: var(--acid);
  box-shadow: 0 0 16px rgba(182, 243, 91, 0.62);
}

.protocol-console {
  display: grid;
  grid-template-columns: minmax(150px, 0.32fr) minmax(0, 1fr);
  min-height: 122px;
  border: 1px solid rgba(182, 243, 91, 0.16);
  border-radius: 4px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.12), transparent 38%),
    rgba(5, 5, 7, 0.72);
}

.protocol-modes {
  display: grid;
  gap: 1px;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.protocol-mode {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 0;
  background: rgba(8, 10, 12, 0.88);
  color: var(--muted);
  font-size: 0.64rem;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}

.protocol-mode:hover,
.protocol-mode:focus-visible,
.protocol-mode.is-active {
  color: var(--ink);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.24), rgba(182, 243, 91, 0.08)),
    rgba(10, 12, 14, 0.96);
}

.protocol-readout {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 14px;
}

.protocol-readout::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(255, 255, 255, 0.035) 18px 19px),
    linear-gradient(90deg, transparent, rgba(116, 199, 216, 0.08), transparent);
}

.protocol-readout > * {
  position: relative;
  z-index: 1;
  margin: 0;
}

.protocol-readout > span {
  color: var(--acid);
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.protocol-readout strong {
  color: var(--ink);
  font-size: 1.04rem;
  line-height: 1.08;
}

.protocol-readout p {
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.42;
}

.protocol-readout-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.protocol-readout-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid rgba(116, 199, 216, 0.22);
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
}

.protocol-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.protocol-metrics div {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 72px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(5, 5, 7, 0.68);
}

.protocol-metrics span {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.protocol-metrics strong {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.9rem;
}

.section {
  padding: 92px 32px;
}

.section-dark {
  background:
    linear-gradient(180deg, #060708, #0f1114 44%, #070809),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 92px);
}

.section-header {
  width: min(1120px, 100%);
  margin: 0 auto 34px;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(280px, 0.52fr);
  gap: 34px;
  align-items: end;
}

.section-header .eyebrow {
  grid-column: 1 / -1;
  margin-bottom: -14px;
}

.section h2 {
  font-size: 3.25rem;
}

.section-header p:last-child {
  margin: 0;
  color: var(--muted);
}

.section-header.compact {
  display: block;
  max-width: 820px;
  text-align: center;
}

.section-header.compact .eyebrow {
  margin-bottom: 14px;
}

.section-header.compact p:last-child {
  margin-top: 18px;
}

.division-grid {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.division-card {
  position: relative;
  overflow: hidden;
  min-height: 282px;
  display: grid;
  align-content: space-between;
  gap: 18px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(116, 199, 216, 0.08), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
    #111317;
}

.division-card::before {
  position: absolute;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.18), transparent 22%),
    repeating-linear-gradient(0deg, transparent 0 34px, rgba(255, 255, 255, 0.045) 34px 35px);
  opacity: 0;
  transition: opacity 180ms ease;
}

.division-card:hover {
  border-color: rgba(225, 7, 20, 0.58);
}

.division-card:hover::before {
  opacity: 1;
}

.division-card > * {
  position: relative;
}

.card-index {
  color: var(--red);
  font-size: 0.76rem;
  font-weight: 800;
}

.division-card h3,
.timeline h3 {
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.2;
}

.division-card p,
.timeline p {
  margin: 0;
  color: var(--muted);
}

.subsidiary-section {
  display: grid;
  grid-template-columns: minmax(260px, 0.34fr) minmax(0, 0.66fr);
  gap: 1px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.16), rgba(116, 199, 216, 0.1), rgba(209, 177, 107, 0.12)),
    #07090c;
}

.subsidiary-copy,
.subsidiary-registry {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 48%),
    rgba(7, 9, 12, 0.94);
}

.subsidiary-copy {
  display: grid;
  align-content: center;
  gap: 16px;
  padding: 34px;
  border-left: 3px solid var(--red);
}

.subsidiary-copy h2 {
  margin: 0;
  color: var(--paper);
  font-size: clamp(2rem, 4vw, 3.8rem);
  line-height: 0.94;
}

.subsidiary-copy > p:not(.eyebrow) {
  max-width: 520px;
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
}

.subsidiary-registry {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
}

.subsidiary-registry article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 310px;
  padding: 18px;
  background:
    repeating-linear-gradient(90deg, transparent 0 38px, rgba(255, 255, 255, 0.026) 38px 39px),
    rgba(5, 7, 10, 0.9);
}

.subsidiary-registry article:first-child {
  grid-row: span 2;
  min-height: 0;
  background:
    linear-gradient(150deg, rgba(225, 7, 20, 0.16), transparent 48%),
    repeating-linear-gradient(0deg, transparent 0 36px, rgba(255, 255, 255, 0.03) 36px 37px),
    rgba(7, 8, 11, 0.94);
}

.subsidiary-registry article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: "";
  background: linear-gradient(180deg, var(--red), var(--cyan), transparent);
}

.subsidiary-registry article::after {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 46px;
  height: 46px;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: url("assets/arasaka-mark-white.png") center / 25px 25px no-repeat;
  opacity: 0.14;
}

.subsidiary-registry article > * {
  position: relative;
  z-index: 1;
}

.subsidiary-registry article > span,
.subsidiary-registry dt,
.subsidiary-registry a span,
.subsidiary-registry > p {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.subsidiary-registry article > span {
  color: var(--red);
  font-size: 0.66rem;
}

.subsidiary-registry h3 {
  max-width: 360px;
  margin: 0;
  color: var(--paper);
  font-size: 1.24rem;
  line-height: 1.04;
}

.subsidiary-registry p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.86rem;
  line-height: 1.4;
}

.subsidiary-registry dl {
  display: grid;
  gap: 1px;
  margin: 3px 0 0;
  background: rgba(255, 255, 255, 0.08);
}

.subsidiary-registry dl div {
  display: grid;
  grid-template-columns: minmax(92px, 0.34fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 9px 10px;
  background: rgba(2, 4, 7, 0.62);
}

.subsidiary-registry dt {
  color: var(--dim);
  font-size: 0.58rem;
}

.subsidiary-registry dd {
  margin: 0;
  color: rgba(243, 244, 242, 0.84);
  font-size: 0.76rem;
  line-height: 1.24;
  overflow-wrap: anywhere;
}

.subsidiary-registry a {
  align-self: end;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  min-height: 42px;
  margin-top: 2px;
  padding: 0 12px;
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 4px;
  color: var(--cyan);
  background: rgba(255, 255, 255, 0.035);
}

.subsidiary-registry a:hover,
.subsidiary-registry a:focus-visible {
  border-color: rgba(182, 243, 91, 0.42);
  color: var(--acid);
  outline: 0;
}

.subsidiary-registry a span {
  font-size: 0.62rem;
}

.subsidiary-registry a strong {
  color: currentColor;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
}

.subsidiary-registry > p {
  grid-column: 1 / -1;
  min-height: 58px;
  display: grid;
  align-content: center;
  margin: 0;
  padding: 14px 18px;
  border-left: 3px solid rgba(209, 177, 107, 0.68);
  background: rgba(5, 5, 7, 0.88);
  color: rgba(243, 244, 242, 0.66);
  font-size: 0.66rem;
  line-height: 1.36;
}

.services-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 18%, rgba(116, 199, 216, 0.13), transparent 28%),
    linear-gradient(180deg, #090b0e, #0d1115);
}

.services-section::before {
  position: absolute;
  inset: 26px;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(225, 7, 20, 0.12);
  clip-path: polygon(0 0, 88% 0, 100% 14%, 100% 100%, 12% 100%, 0 86%);
}

.services-section > * {
  position: relative;
  z-index: 1;
}

.service-grid {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.14), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.service-card {
  position: relative;
  overflow: hidden;
  min-height: 388px;
  display: grid;
  align-content: space-between;
  gap: 16px;
  padding: 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(6, 8, 10, 0.92);
}

.service-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  content: "";
  background: linear-gradient(180deg, var(--red), var(--cyan));
  opacity: 0.72;
}

.service-card > * {
  position: relative;
  z-index: 1;
}

.service-card > span {
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.service-card-visual,
.product-card-visual {
  position: relative;
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.38);
}

.service-card-visual {
  aspect-ratio: 5 / 3;
  margin-inline: -2px;
}

.service-card-visual::before,
.product-card-visual::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, transparent 54%, rgba(0, 0, 0, 0.5)),
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(255, 255, 255, 0.04) 18px 19px);
}

.service-card-visual img,
.product-card-visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: saturate(1.06) contrast(1.04);
}

.service-card h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1.18rem;
  line-height: 1.08;
}

.service-card p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.88rem;
}

.service-card dl {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.service-card dl div {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 8px 10px;
  background: rgba(0, 0, 0, 0.26);
}

.service-card dt {
  color: var(--dim);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.service-card dd {
  margin: 0;
  color: var(--acid);
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.18;
}

.product-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 22%, rgba(225, 7, 20, 0.18), transparent 28%),
    radial-gradient(circle at 84% 72%, rgba(116, 199, 216, 0.12), transparent 34%),
    linear-gradient(180deg, #08090b, #111418 46%, #07080a);
}

.product-section::before {
  position: absolute;
  inset: 24px;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(116, 199, 216, 0.12);
  clip-path: polygon(0 0, 92% 0, 100% 16%, 100% 100%, 8% 100%, 0 84%);
}

.product-section > * {
  position: relative;
  z-index: 1;
}

.product-grid {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.product-card {
  position: relative;
  overflow: hidden;
  min-height: 420px;
  display: grid;
  align-content: space-between;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), transparent 36%),
    rgba(7, 9, 11, 0.92);
}

.product-card::before,
.product-card::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.product-card::before {
  inset: 0;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.2), transparent 24%),
    repeating-linear-gradient(0deg, transparent 0 30px, rgba(255, 255, 255, 0.045) 30px 31px);
  opacity: 0.72;
}

.product-card::after {
  right: 14px;
  top: 14px;
  width: 52px;
  height: 52px;
  border: 1px solid currentColor;
  opacity: 0.24;
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
}

.product-card > * {
  position: relative;
  z-index: 1;
}

.product-card-red {
  color: var(--red);
}

.product-card-cyan {
  color: var(--cyan);
}

.product-card-acid {
  color: var(--acid);
}

.product-card-gold {
  color: var(--gold);
}

.product-code {
  color: currentColor;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-card-visual {
  aspect-ratio: 5 / 3;
  margin-top: -4px;
}

.product-card h3 {
  max-width: 100%;
  margin: 0;
  color: var(--ink);
  font-size: 1.24rem;
  line-height: 1.12;
}

.product-card p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.92rem;
}

.protocol-api {
  width: min(1180px, 100%);
  margin: 14px auto 0;
  display: grid;
  grid-template-columns: minmax(240px, 0.46fr) repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.16), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.12)),
    rgba(255, 255, 255, 0.08);
}

.protocol-api-head,
.protocol-api article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(182, 243, 91, 0.08), transparent 58%),
    rgba(6, 8, 10, 0.94);
}

.protocol-api-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--acid);
}

.protocol-api-head span,
.protocol-api article > span,
.protocol-api dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.protocol-api-head span,
.protocol-api article > span {
  color: var(--acid);
}

.protocol-api-head strong {
  color: var(--paper);
  font-size: 1.16rem;
  line-height: 1.06;
}

.protocol-api-head p,
.protocol-api p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.8rem;
  line-height: 1.42;
}

.protocol-api article {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 268px;
  padding: 15px;
}

.protocol-api article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(90deg, transparent 0 24px, rgba(182, 243, 91, 0.04) 24px 25px),
    linear-gradient(135deg, rgba(116, 199, 216, 0.08), transparent 58%);
}

.protocol-api article > * {
  position: relative;
  z-index: 1;
}

.protocol-api h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1rem;
  line-height: 1.08;
}

.protocol-api dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: auto 0 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.protocol-api dl div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 8px;
  background: rgba(0, 0, 0, 0.26);
}

.protocol-api dt {
  color: var(--dim);
}

.protocol-api dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.protocol-api code {
  display: block;
  min-width: 0;
  padding: 9px;
  border: 1px solid rgba(182, 243, 91, 0.18);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.36);
  color: var(--gold);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
  line-height: 1.28;
  white-space: normal;
  overflow-wrap: anywhere;
}

.portfolio-matrix {
  width: min(1180px, 100%);
  margin: 14px auto 0;
  display: grid;
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.18), rgba(116, 199, 216, 0.12), rgba(209, 177, 107, 0.1)),
    rgba(255, 255, 255, 0.08);
}

.portfolio-matrix-head,
.portfolio-matrix-labels,
.portfolio-matrix-row {
  min-width: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(6, 8, 10, 0.92);
}

.portfolio-matrix-head {
  display: grid;
  grid-template-columns: minmax(180px, 0.28fr) minmax(0, 0.48fr) minmax(220px, 0.42fr);
  gap: 14px;
  align-items: center;
  padding: 16px;
  border-left: 3px solid var(--red);
}

.portfolio-matrix-head span,
.portfolio-matrix-labels span,
.portfolio-matrix-row small,
.portfolio-matrix-row em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.portfolio-matrix-head span,
.portfolio-matrix-row small {
  color: var(--red);
}

.portfolio-matrix-head strong {
  color: var(--paper);
  font-size: 1.28rem;
  line-height: 1.05;
}

.portfolio-matrix-head p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.84rem;
}

.portfolio-matrix-labels,
.portfolio-matrix-row {
  display: grid;
  grid-template-columns: minmax(210px, 1.25fr) repeat(3, minmax(126px, 0.72fr)) 44px;
  gap: 1px;
  align-items: stretch;
}

.portfolio-matrix-labels span {
  min-width: 0;
  padding: 10px 12px;
  color: var(--dim);
  background: rgba(0, 0, 0, 0.26);
}

.portfolio-matrix-row {
  color: var(--paper);
}

.portfolio-matrix-row:hover,
.portfolio-matrix-row:focus-visible {
  color: var(--paper);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.16), transparent),
    rgba(9, 12, 15, 0.96);
  outline: 0;
}

.portfolio-matrix-row > span,
.portfolio-matrix-row em {
  min-width: 0;
  padding: 12px;
  background: rgba(0, 0, 0, 0.18);
}

.portfolio-matrix-row > span:first-child {
  display: grid;
  gap: 4px;
}

.portfolio-matrix-row strong {
  color: var(--paper);
  font-size: 0.9rem;
  line-height: 1.12;
}

.portfolio-matrix-row > span:not(:first-child) {
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.78rem;
  line-height: 1.25;
}

.portfolio-matrix-service small {
  color: var(--cyan);
}

.portfolio-matrix-row em {
  display: grid;
  place-items: center;
  color: var(--acid);
  font-style: normal;
}

.solution-bundles {
  width: min(1180px, 100%);
  margin: 14px auto 0;
  display: grid;
  grid-template-columns: minmax(240px, 0.55fr) repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.16), rgba(225, 7, 20, 0.11), rgba(116, 199, 216, 0.1)),
    rgba(255, 255, 255, 0.08);
}

.solution-bundles-head,
.solution-bundles article {
  min-width: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(6, 8, 10, 0.92);
}

.solution-bundles-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  border-left: 3px solid var(--gold);
}

.solution-bundles-head span,
.solution-bundles article > span,
.solution-bundles dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.solution-bundles-head span,
.solution-bundles article > span {
  color: var(--gold);
}

.solution-bundles-head strong {
  color: var(--paper);
  font-size: 1.28rem;
  line-height: 1.05;
}

.solution-bundles-head p,
.solution-bundles article p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.84rem;
  line-height: 1.4;
}

.solution-bundles article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 314px;
  padding: 16px;
}

.solution-bundles article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  content: "";
  background: linear-gradient(180deg, var(--gold), transparent);
}

.solution-bundles article > * {
  position: relative;
  z-index: 1;
}

.solution-bundles h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1.08rem;
  line-height: 1.08;
}

.solution-bundles dl {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.solution-bundles dl div {
  display: grid;
  gap: 5px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.22);
}

.solution-bundles dt {
  color: var(--dim);
}

.solution-bundles dd {
  margin: 0;
  color: rgba(243, 244, 242, 0.82);
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.22;
}

.solution-bundles a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  margin-top: auto;
  padding: 0 10px;
  border: 1px solid rgba(209, 177, 107, 0.24);
  border-radius: 4px;
  color: var(--gold);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.solution-bundles a:hover,
.solution-bundles a:focus-visible {
  border-color: rgba(182, 243, 91, 0.42);
  color: var(--acid);
  outline: 0;
}

.acquisition-matrix {
  width: min(1180px, 100%);
  margin: 14px auto 0;
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.2), rgba(209, 177, 107, 0.12), rgba(116, 199, 216, 0.1)),
    rgba(255, 255, 255, 0.08);
}

.acquisition-matrix-head,
.acquisition-matrix article {
  min-width: 0;
  background:
    linear-gradient(150deg, rgba(225, 7, 20, 0.12), transparent 56%),
    rgba(7, 8, 10, 0.94);
}

.acquisition-matrix-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  border-left: 3px solid var(--red);
}

.acquisition-matrix-head span,
.acquisition-matrix-head small,
.acquisition-matrix article > span,
.acquisition-matrix dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.63rem;
  font-weight: 900;
  text-transform: uppercase;
}

.acquisition-matrix-head span,
.acquisition-matrix article > span {
  color: var(--red);
}

.acquisition-matrix-head strong {
  color: var(--paper);
  font-size: 1.22rem;
  line-height: 1.05;
}

.acquisition-matrix-head p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.82rem;
  line-height: 1.42;
}

.acquisition-matrix-head small {
  width: fit-content;
  padding: 7px 9px;
  border: 1px solid rgba(225, 7, 20, 0.24);
  border-radius: 4px;
  color: rgba(243, 244, 242, 0.74);
  background: rgba(225, 7, 20, 0.08);
  letter-spacing: 0;
}

.acquisition-matrix article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 11px;
  min-height: 306px;
  padding: 15px;
}

.acquisition-matrix article::before {
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--red), var(--gold), transparent);
  opacity: 0.84;
}

.acquisition-matrix article > * {
  position: relative;
  z-index: 1;
}

.acquisition-matrix h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1rem;
  line-height: 1.08;
}

.acquisition-matrix dl {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.acquisition-matrix dl div {
  display: grid;
  gap: 5px;
  min-height: 50px;
  padding: 9px;
  background: rgba(0, 0, 0, 0.25);
}

.acquisition-matrix dt {
  color: var(--dim);
}

.acquisition-matrix dd {
  margin: 0;
  color: rgba(243, 244, 242, 0.84);
  font-size: 0.74rem;
  font-weight: 900;
  line-height: 1.22;
}

.acquisition-matrix a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  margin-top: auto;
  padding: 0 10px;
  border: 1px solid rgba(225, 7, 20, 0.28);
  border-radius: 4px;
  color: var(--red);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.acquisition-matrix a:hover,
.acquisition-matrix a:focus-visible {
  border-color: rgba(182, 243, 91, 0.44);
  color: var(--acid);
  outline: 0;
}

.mandate-router {
  width: min(1180px, 100%);
  margin: 14px auto 0;
  display: grid;
  grid-template-columns: minmax(240px, 0.34fr) minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.15), rgba(116, 199, 216, 0.13), rgba(225, 7, 20, 0.12)),
    rgba(255, 255, 255, 0.08);
}

.mandate-router-head,
.mandate-router-controls,
.mandate-router-readout {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 55%),
    rgba(4, 8, 11, 0.94);
}

.mandate-router-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  border-left: 3px solid var(--acid);
}

.mandate-router-head span,
.mandate-router-option span,
.mandate-router-readout > span,
.mandate-router-readout dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.63rem;
  font-weight: 900;
  text-transform: uppercase;
}

.mandate-router-head span,
.mandate-router-readout > span {
  color: var(--acid);
}

.mandate-router-head strong {
  color: var(--paper);
  font-size: 1.22rem;
  line-height: 1.05;
}

.mandate-router-head p,
.mandate-router-readout p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.83rem;
  line-height: 1.42;
}

.mandate-router-controls {
  display: grid;
  gap: 1px;
  padding: 1px;
  background:
    linear-gradient(180deg, rgba(182, 243, 91, 0.12), rgba(225, 7, 20, 0.08)),
    rgba(255, 255, 255, 0.08);
}

.mandate-router-option {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 0 13px;
  border: 0;
  color: rgba(243, 244, 242, 0.72);
  background: rgba(5, 8, 10, 0.94);
  text-align: left;
  cursor: pointer;
}

.mandate-router-option span {
  color: var(--dim);
}

.mandate-router-option strong {
  min-width: 0;
  font-size: 0.8rem;
  line-height: 1;
  text-transform: uppercase;
}

.mandate-router-option:hover,
.mandate-router-option:focus-visible,
.mandate-router-option.is-active {
  color: var(--paper);
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.18), rgba(116, 199, 216, 0.07)),
    rgba(5, 8, 10, 0.96);
  outline: 0;
}

.mandate-router-option.is-active span {
  color: var(--acid);
}

.mandate-router-readout {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 18px;
}

.mandate-router-readout::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle at 82% 20%, rgba(116, 199, 216, 0.16), transparent 28%),
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(255, 255, 255, 0.035) 18px 19px);
}

.mandate-router-readout > * {
  position: relative;
  z-index: 1;
}

.mandate-router-readout h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1.42rem;
  line-height: 1.05;
}

.mandate-router-readout dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 2px 0 0;
  background: rgba(255, 255, 255, 0.08);
}

.mandate-router-readout dl div {
  display: grid;
  gap: 5px;
  min-height: 58px;
  padding: 9px;
  background: rgba(0, 0, 0, 0.25);
}

.mandate-router-readout dt {
  color: var(--dim);
}

.mandate-router-readout dd {
  margin: 0;
  color: rgba(243, 244, 242, 0.86);
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.18;
}

.mandate-router-readout a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: fit-content;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid rgba(182, 243, 91, 0.26);
  border-radius: 4px;
  color: var(--acid);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.mandate-router-readout a:hover,
.mandate-router-readout a:focus-visible {
  border-color: rgba(225, 7, 20, 0.45);
  color: var(--red);
  outline: 0;
}

.assurance-ledger {
  width: min(1180px, 100%);
  margin: 14px auto 0;
  display: grid;
  grid-template-columns: minmax(250px, 0.76fr) repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.18), rgba(182, 243, 91, 0.1), rgba(225, 7, 20, 0.12)),
    rgba(255, 255, 255, 0.08);
}

.assurance-ledger-head,
.assurance-ledger article,
.assurance-data-room,
.assurance-ledger-seal {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.05), transparent 55%),
    rgba(4, 8, 11, 0.94);
}

.assurance-ledger-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  border-left: 3px solid var(--cyan);
}

.assurance-ledger-head span,
.assurance-ledger article > span,
.assurance-ledger dt,
.assurance-data-room-head span,
.assurance-data-room dt,
.assurance-ledger-seal span {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.63rem;
  font-weight: 900;
  text-transform: uppercase;
}

.assurance-ledger-head span,
.assurance-ledger article > span,
.assurance-data-room-head span,
.assurance-ledger-seal span {
  color: var(--cyan);
}

.assurance-ledger-head strong {
  color: var(--paper);
  font-size: 1.24rem;
  line-height: 1.05;
}

.assurance-ledger-head p,
.assurance-ledger article p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.82rem;
  line-height: 1.42;
}

.assurance-ledger-head a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  width: fit-content;
  padding: 0 10px;
  border: 1px solid rgba(116, 199, 216, 0.28);
  border-radius: 4px;
  color: var(--cyan);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.assurance-ledger-head a:hover,
.assurance-ledger-head a:focus-visible {
  border-color: rgba(182, 243, 91, 0.44);
  color: var(--acid);
  outline: 0;
}

.assurance-ledger article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 11px;
  min-height: 266px;
  padding: 15px;
}

.assurance-ledger article::before {
  position: absolute;
  inset: auto 12px 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  opacity: 0.82;
}

.assurance-ledger article > * {
  position: relative;
  z-index: 1;
}

.assurance-ledger h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1rem;
  line-height: 1.08;
}

.assurance-ledger dl {
  display: grid;
  gap: 1px;
  margin: auto 0 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.assurance-ledger dl div {
  display: grid;
  gap: 5px;
  padding: 9px;
  background: rgba(0, 0, 0, 0.24);
}

.assurance-ledger dt {
  color: var(--dim);
}

.assurance-ledger dd {
  margin: 0;
  color: rgba(243, 244, 242, 0.84);
  font-size: 0.74rem;
  font-weight: 900;
  line-height: 1.22;
}

.assurance-data-room {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  padding: 1px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.16), rgba(182, 243, 91, 0.08)),
    rgba(255, 255, 255, 0.08);
}

.assurance-data-room-head,
.assurance-data-room dl div {
  min-width: 0;
  background: rgba(4, 8, 11, 0.92);
}

.assurance-data-room-head {
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 14px;
  border-left: 3px solid var(--cyan);
}

.assurance-data-room-head strong {
  color: var(--paper);
  font-size: 1rem;
  line-height: 1.08;
}

.assurance-data-room dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
}

.assurance-data-room dl div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  padding: 12px;
}

.assurance-data-room dt {
  color: var(--acid);
}

.assurance-data-room dd {
  display: grid;
  gap: 4px;
  margin: 0;
}

.assurance-data-room dd strong {
  color: var(--paper);
  font-size: 0.82rem;
  line-height: 1.12;
}

.assurance-data-room dd span {
  color: rgba(243, 244, 242, 0.68);
  font-size: 0.74rem;
  line-height: 1.3;
}

.assurance-ledger-seal {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-height: 44px;
  padding: 10px 14px;
  border-top: 1px solid rgba(116, 199, 216, 0.14);
}

.assurance-ledger-seal img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  opacity: 0.78;
  filter: drop-shadow(0 0 10px rgba(116, 199, 216, 0.35));
}

.product-link,
.product-route-link,
.service-route-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  width: 100%;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 4px;
  color: var(--ink);
  background:
    linear-gradient(90deg, currentColor, transparent 1px),
    rgba(255, 255, 255, 0.055);
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
}

.product-link:hover,
.product-link:focus-visible,
.product-route-link:hover,
.product-route-link:focus-visible,
.service-route-link:hover,
.service-route-link:focus-visible {
  border-color: currentColor;
  outline: 0;
}

.product-route-link,
.service-route-link {
  min-height: 36px;
  margin-top: -8px;
  color: rgba(243, 244, 242, 0.74);
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.16), transparent),
    rgba(255, 255, 255, 0.025);
  font-size: 0.68rem;
}

.service-route-link {
  margin-top: 0;
  color: var(--cyan);
}

.product-route-page {
  min-height: 100svh;
  padding-bottom: 0;
  background:
    radial-gradient(circle at 18% 18%, rgba(225, 7, 20, 0.18), transparent 30%),
    radial-gradient(circle at 76% 64%, rgba(116, 199, 216, 0.12), transparent 34%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 18px),
    var(--black);
}

.product-route-main {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 36px));
  min-height: 100svh;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(260px, 0.28fr);
  grid-template-areas:
    "header header"
    "hero meta"
    "field meta"
    "case meta"
    "provenance meta"
    "command meta"
    "proof meta"
    "brief meta"
    "qualification meta"
    "procurement meta"
    "certificate meta"
    "readiness meta"
    "control meta"
    "packet meta"
    "assurance meta"
    "bom meta"
    "sla meta"
    "topology meta"
    "adapters meta"
    "contract meta"
    "boundary meta"
    "telemetry meta"
    "risk meta"
    "failure meta"
    "escalation meta"
    "acceptance meta"
    "specsheet meta"
    "config meta"
    "timeline meta"
    "decision meta"
    "runbook meta"
    "private meta"
    "support meta"
    "transcript meta"
    "threat meta"
    "custody meta"
    "auth meta"
    "redteam meta"
    "forensic meta"
    "docket meta"
    "license meta"
    "corridor meta"
    "bond meta"
    "escrow meta"
    "monitor meta"
    "patch meta"
    "covenant meta"
    "switcher meta"
    "ops meta"
    "panels panels"
    "related related";
  gap: 14px;
  padding: 22px 0 42px;
}

.product-route-main::before {
  position: fixed;
  inset: 28px;
  z-index: -1;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(116, 199, 216, 0.12);
  clip-path: polygon(0 0, 92% 0, 100% 15%, 100% 100%, 8% 100%, 0 84%);
}

.product-route-header {
  grid-area: header;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0 6px;
}

.product-route-hero {
  position: relative;
  overflow: hidden;
  grid-area: hero;
  display: grid;
  align-content: end;
  min-height: 470px;
  gap: 14px;
  padding: 28px;
  border: 1px solid rgba(225, 7, 20, 0.28);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.18), transparent 42%, rgba(116, 199, 216, 0.1)),
    rgba(7, 9, 12, 0.86);
  box-shadow: var(--shadow);
}

.product-route-hero::before,
.product-route-hero::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.product-route-hero::before {
  inset: 0;
  background:
    linear-gradient(90deg, transparent, rgba(182, 243, 91, 0.11), transparent),
    repeating-linear-gradient(0deg, transparent 0 34px, rgba(255, 255, 255, 0.04) 34px 35px);
  opacity: 0.72;
}

.product-route-hero::after {
  right: 32px;
  top: 32px;
  width: min(230px, 36vw);
  aspect-ratio: 1;
  border: 1px solid rgba(182, 243, 91, 0.34);
  background:
    radial-gradient(circle, rgba(225, 7, 20, 0.16), transparent 58%),
    repeating-conic-gradient(from 45deg, rgba(116, 199, 216, 0.18) 0 7deg, transparent 7deg 20deg);
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
  opacity: 0.42;
}

.product-route-hero > * {
  position: relative;
  z-index: 1;
}

.route-back,
.product-route-hero > span,
.product-route-hero > strong,
.product-route-proof > span,
.product-route-switcher > span,
.product-route-related > span,
.product-route-panels article > span,
.product-route-meta span {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.route-back {
  justify-self: start;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 4px;
  color: var(--cyan);
  background: rgba(255, 255, 255, 0.04);
}

.product-route-hero > span,
.product-route-panels article > span {
  color: var(--cyan);
}

.product-route-hero > strong {
  color: var(--acid);
}

.product-route-hero h1 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(3rem, 8vw, 6.8rem);
  line-height: 0.88;
  overflow-wrap: anywhere;
}

.product-route-hero p {
  max-width: 720px;
  margin: 0;
  color: rgba(243, 244, 242, 0.74);
  font-size: 1.05rem;
}

.tech-route-main {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  padding: 22px 0 42px;
}

.tech-route-main::before {
  position: fixed;
  inset: 28px;
  z-index: -1;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(116, 199, 216, 0.12);
  clip-path: polygon(0 0, 92% 0, 100% 15%, 100% 100%, 8% 100%, 0 84%);
}

.tech-route-main > .product-route-header,
.tech-library-page .tech-route-main .tech-route-hero {
  grid-area: auto;
}

.tech-library-page .tech-route-main .tech-route-hero {
  min-height: 430px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(4, 5, 7, 0.98) 0%, rgba(4, 5, 7, 0.86) 48%, rgba(4, 5, 7, 0.2) 100%),
    url("assets/cyberware-foundry.png") center right / cover no-repeat;
}

.tech-library-page .tech-route-hero > * {
  max-width: 690px;
}

.tech-section-shell,
.tech-spec-panel,
.tech-network-panel {
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.1), transparent 40%, rgba(116, 199, 216, 0.08)),
    rgba(7, 9, 12, 0.88);
  box-shadow: var(--shadow);
}

.tech-section-shell {
  display: grid;
  grid-template-columns: minmax(250px, 0.32fr) minmax(0, 0.68fr);
  gap: 14px;
  padding: 16px;
}

.tech-section-intro {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 14px;
}

.tech-section-intro > span,
.tech-network-panel > div > span,
.tech-dossier-card > span,
.tech-spec-head span {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--cyan);
}

.tech-section-intro h2,
.tech-network-panel h2 {
  margin: 0;
  font-size: clamp(1.75rem, 4vw, 3.4rem);
  line-height: 0.96;
}

.tech-section-intro p,
.tech-network-panel p,
.tech-dossier-card p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
}

.tech-dossier-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.tech-dossier-card {
  display: grid;
  min-height: 100%;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.045);
}

.tech-dossier-card-wide {
  grid-column: 1 / -1;
}

.tech-dossier-card h3 {
  margin: 0;
  font-size: clamp(1.1rem, 2.2vw, 1.65rem);
  line-height: 1;
}

.tech-dossier-card dl {
  display: grid;
  gap: 1px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(116, 199, 216, 0.18);
  border-radius: 4px;
}

.tech-dossier-card dl div {
  display: grid;
  grid-template-columns: minmax(82px, 0.34fr) minmax(0, 0.66fr);
  gap: 10px;
  padding: 9px 10px;
  background: rgba(0, 0, 0, 0.22);
}

.tech-dossier-card dt,
.tech-dossier-card dd {
  margin: 0;
}

.tech-dossier-card dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.65rem;
  text-transform: uppercase;
  color: rgba(182, 243, 91, 0.82);
}

.tech-dossier-card dd {
  color: rgba(243, 244, 242, 0.82);
}

.tech-dossier-card nav,
.tech-network-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tech-dossier-card nav a,
.tech-network-links a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(116, 199, 216, 0.22);
  border-radius: 4px;
  color: var(--cyan);
  background: rgba(255, 255, 255, 0.04);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.tech-dossier-card nav a:hover,
.tech-dossier-card nav a:focus-visible,
.tech-network-links a:hover,
.tech-network-links a:focus-visible {
  color: #07090c;
  background: var(--cyan);
}

.tech-spec-panel,
.tech-network-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.tech-spec-matrix {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(116, 199, 216, 0.18);
  border-radius: 5px;
}

.tech-spec-row {
  display: grid;
  grid-template-columns: minmax(90px, 0.14fr) repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(116, 199, 216, 0.12);
}

.tech-spec-row > * {
  min-width: 0;
  padding: 12px;
  background: rgba(7, 9, 12, 0.88);
  overflow-wrap: anywhere;
}

.tech-spec-row strong {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.tech-network-panel {
  grid-template-columns: minmax(250px, 0.38fr) minmax(0, 0.62fr);
  align-items: start;
}

.tech-network-panel > div:first-child {
  display: grid;
  gap: 12px;
}

.tech-network-links {
  align-content: start;
  justify-content: end;
}

.deep-tech-main {
  gap: 16px;
}

.deep-tech-hero,
.deep-tech-system,
.deep-tech-schematic,
.deep-tech-specs,
.deep-tech-network-panel {
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.12), transparent 44%, rgba(116, 199, 216, 0.09)),
    rgba(7, 9, 12, 0.9);
  box-shadow: var(--shadow);
}

.deep-tech-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 0.56fr) minmax(280px, 0.44fr);
  min-height: 620px;
}

.deep-tech-hero::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle at 76% 18%, rgba(225, 7, 20, 0.2), transparent 32%),
    repeating-linear-gradient(0deg, transparent 0 30px, rgba(255, 255, 255, 0.035) 30px 31px);
  opacity: 0.84;
}

.deep-tech-hero-copy,
.deep-tech-visual {
  position: relative;
  z-index: 1;
}

.deep-tech-hero-copy {
  display: grid;
  align-content: end;
  gap: 14px;
  padding: 28px;
}

.deep-tech-hero-copy > span,
.deep-tech-hero-copy > strong,
.deep-tech-readout span,
.deep-tech-layer-grid article > span,
.deep-tech-schematic > div > span,
.deep-tech-signal article > span,
.deep-tech-spec-grid article > span,
.deep-tech-network-panel > div > span {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.deep-tech-hero-copy > span,
.deep-tech-schematic > div > span,
.deep-tech-network-panel > div > span {
  color: var(--cyan);
}

.deep-tech-hero-copy > strong,
.deep-tech-readout strong,
.deep-tech-layer-grid article > span,
.deep-tech-signal article > span {
  color: var(--acid);
}

.deep-tech-hero-copy h1 {
  max-width: 840px;
  margin: 0;
  font-size: clamp(3rem, 5.8vw, 5rem);
  line-height: 0.86;
  overflow-wrap: anywhere;
}

.deep-tech-hero-copy p {
  max-width: 680px;
  margin: 0;
  color: rgba(243, 244, 242, 0.76);
  font-size: 1.05rem;
}

.deep-tech-visual {
  display: grid;
  align-content: stretch;
  min-height: 100%;
  margin: 0;
  border-left: 1px solid rgba(116, 199, 216, 0.18);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.58)),
    rgba(255, 255, 255, 0.035);
}

.deep-tech-visual img {
  width: 100%;
  height: 100%;
  min-height: 460px;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.05);
}

.blackwall-route-page .deep-tech-hero,
.blackwall-route-page .deep-tech-system,
.blackwall-route-page .deep-tech-schematic,
.blackwall-route-page .deep-tech-specs,
.blackwall-route-page .deep-tech-network-panel {
  border-color: rgba(182, 243, 91, 0.22);
  background:
    radial-gradient(circle at 78% 16%, rgba(182, 243, 91, 0.12), transparent 28%),
    linear-gradient(135deg, rgba(116, 199, 216, 0.13), transparent 40%, rgba(225, 7, 20, 0.1)),
    rgba(5, 8, 10, 0.93);
}

.blackwall-route-hero::before {
  background:
    radial-gradient(circle at 70% 20%, rgba(182, 243, 91, 0.2), transparent 30%),
    repeating-linear-gradient(90deg, transparent 0 26px, rgba(116, 199, 216, 0.035) 26px 27px),
    repeating-linear-gradient(0deg, transparent 0 34px, rgba(255, 255, 255, 0.032) 34px 35px);
}

.blackwall-route-visual img {
  object-position: center center;
  filter: saturate(1.15) contrast(1.16) brightness(0.86);
}

.blackwall-route-readout strong {
  color: var(--acid);
}

.blackwall-contact-panel .deep-tech-signal article {
  background:
    linear-gradient(150deg, rgba(182, 243, 91, 0.08), transparent 46%, rgba(225, 7, 20, 0.08)),
    rgba(7, 9, 12, 0.92);
}

.deep-tech-visual figcaption {
  position: absolute;
  right: 14px;
  bottom: 14px;
  max-width: min(340px, calc(100% - 28px));
  padding: 8px 10px;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 4px;
  color: rgba(243, 244, 242, 0.78);
  background: rgba(0, 0, 0, 0.58);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.deep-tech-readout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 6px;
  background: rgba(116, 199, 216, 0.16);
}

.deep-tech-readout article,
.deep-tech-layer-grid article,
.deep-tech-signal article,
.deep-tech-spec-grid article {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 16px;
  background: rgba(7, 9, 12, 0.9);
}

.deep-tech-readout p,
.deep-tech-layer-grid p,
.deep-tech-spec-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
}

.deep-tech-readout strong {
  font-size: clamp(2.2rem, 5vw, 4.6rem);
  line-height: 0.9;
}

.deep-tech-system,
.deep-tech-specs {
  display: grid;
  grid-template-columns: minmax(250px, 0.33fr) minmax(0, 0.67fr);
  gap: 14px;
  padding: 16px;
}

.deep-tech-layer-grid,
.deep-tech-spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.deep-tech-layer-grid h3 {
  margin: 0;
  font-size: clamp(1.2rem, 2.2vw, 1.85rem);
  line-height: 0.98;
}

.deep-tech-schematic,
.deep-tech-network-panel {
  display: grid;
  grid-template-columns: minmax(250px, 0.34fr) minmax(0, 0.66fr);
  gap: 14px;
  padding: 16px;
}

.deep-tech-schematic > div:first-child,
.deep-tech-network-panel > div:first-child {
  display: grid;
  align-content: start;
  gap: 12px;
}

.deep-tech-schematic h2,
.deep-tech-network-panel h2 {
  margin: 0;
  font-size: clamp(1.8rem, 4vw, 3.4rem);
  line-height: 0.96;
}

.deep-tech-signal {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(116, 199, 216, 0.18);
  border-radius: 5px;
  background: rgba(116, 199, 216, 0.18);
}

.deep-tech-signal article {
  position: relative;
}

.deep-tech-signal article:not(:last-child)::after {
  position: absolute;
  right: -9px;
  top: 50%;
  z-index: 2;
  width: 17px;
  height: 17px;
  content: "";
  border-top: 1px solid rgba(182, 243, 91, 0.7);
  border-right: 1px solid rgba(182, 243, 91, 0.7);
  transform: translateY(-50%) rotate(45deg);
  background: rgba(7, 9, 12, 0.9);
}

.deep-tech-signal strong,
.deep-tech-spec-grid strong {
  color: rgba(243, 244, 242, 0.9);
  font-size: 1rem;
}

.deep-tech-signal small {
  color: rgba(116, 199, 216, 0.86);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
}

.deep-tech-spec-grid article > span {
  color: var(--cyan);
}

.neural-tech-hero::before {
  background:
    radial-gradient(circle at 80% 20%, rgba(116, 199, 216, 0.22), transparent 34%),
    radial-gradient(circle at 20% 70%, rgba(182, 243, 91, 0.11), transparent 26%),
    repeating-linear-gradient(0deg, transparent 0 30px, rgba(255, 255, 255, 0.035) 30px 31px);
}

.neural-tech-page .deep-tech-hero,
.neural-tech-page .deep-tech-system,
.neural-tech-page .deep-tech-schematic,
.neural-tech-page .deep-tech-specs,
.neural-tech-page .deep-tech-network-panel {
  background:
    linear-gradient(135deg, rgba(116, 199, 216, 0.1), transparent 42%, rgba(182, 243, 91, 0.075)),
    rgba(7, 9, 12, 0.91);
}

.neural-tech-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.04) hue-rotate(4deg);
}

.engram-spec-page .deep-tech-hero,
.engram-spec-page .deep-tech-system,
.engram-spec-page .deep-tech-schematic,
.engram-spec-page .deep-tech-specs,
.engram-spec-page .deep-tech-network-panel {
  border-color: rgba(116, 199, 216, 0.28);
  background:
    radial-gradient(circle at 76% 16%, rgba(225, 7, 20, 0.14), transparent 28%),
    linear-gradient(135deg, rgba(116, 199, 216, 0.11), transparent 42%, rgba(221, 184, 94, 0.08)),
    rgba(7, 9, 12, 0.93);
}

.engram-spec-hero::before {
  background:
    radial-gradient(circle at 80% 20%, rgba(116, 199, 216, 0.14), transparent 30%),
    linear-gradient(120deg, transparent 0 48%, rgba(225, 7, 20, 0.13) 48% 50%, transparent 50%),
    repeating-linear-gradient(90deg, transparent 0 42px, rgba(221, 184, 94, 0.035) 42px 43px);
}

.engram-spec-visual img {
  object-position: center center;
  filter: saturate(1.1) contrast(1.08) brightness(0.94);
}

.engram-spec-page .deep-tech-readout strong {
  color: var(--cyan);
}

.engram-spec-page .deep-tech-signal article span,
.engram-spec-page .deep-tech-layer-grid article > span,
.engram-spec-page .deep-tech-spec-grid article > span {
  color: var(--red);
}

.identity-escrow-page .deep-tech-hero,
.identity-escrow-page .deep-tech-system,
.identity-escrow-page .deep-tech-schematic,
.identity-escrow-page .deep-tech-specs,
.identity-escrow-page .deep-tech-network-panel {
  border-color: rgba(221, 184, 94, 0.28);
  background:
    radial-gradient(circle at 72% 14%, rgba(221, 184, 94, 0.16), transparent 30%),
    linear-gradient(135deg, rgba(116, 199, 216, 0.09), transparent 46%, rgba(225, 7, 20, 0.1)),
    rgba(7, 9, 12, 0.94);
}

.identity-escrow-hero::before {
  background:
    radial-gradient(circle at 78% 18%, rgba(221, 184, 94, 0.18), transparent 32%),
    linear-gradient(120deg, transparent 0 46%, rgba(116, 199, 216, 0.12) 46% 48%, transparent 48%),
    repeating-linear-gradient(0deg, transparent 0 34px, rgba(255, 255, 255, 0.04) 34px 35px);
}

.identity-escrow-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.1) brightness(0.9);
}

.identity-escrow-page .deep-tech-readout strong,
.identity-escrow-page .deep-tech-signal article span,
.identity-escrow-page .deep-tech-layer-grid article > span,
.identity-escrow-page .deep-tech-spec-grid article > span {
  color: var(--gold);
}

.swarm-tech-hero::before {
  background:
    radial-gradient(circle at 82% 18%, rgba(182, 243, 91, 0.18), transparent 34%),
    radial-gradient(circle at 16% 74%, rgba(225, 7, 20, 0.16), transparent 28%),
    repeating-linear-gradient(120deg, transparent 0 28px, rgba(116, 199, 216, 0.04) 28px 29px);
}

.swarm-tech-page .deep-tech-hero,
.swarm-tech-page .deep-tech-system,
.swarm-tech-page .deep-tech-schematic,
.swarm-tech-page .deep-tech-specs,
.swarm-tech-page .deep-tech-network-panel {
  background:
    linear-gradient(135deg, rgba(182, 243, 91, 0.08), transparent 42%, rgba(225, 7, 20, 0.1)),
    rgba(7, 9, 12, 0.91);
}

.swarm-tech-visual img {
  object-position: center center;
  filter: saturate(1.12) contrast(1.06);
}

.capital-tech-hero::before {
  background:
    radial-gradient(circle at 80% 18%, rgba(229, 196, 106, 0.18), transparent 34%),
    radial-gradient(circle at 18% 72%, rgba(116, 199, 216, 0.12), transparent 28%),
    repeating-linear-gradient(90deg, transparent 0 34px, rgba(229, 196, 106, 0.035) 34px 35px);
}

.capital-tech-page .deep-tech-hero,
.capital-tech-page .deep-tech-system,
.capital-tech-page .deep-tech-schematic,
.capital-tech-page .deep-tech-specs,
.capital-tech-page .deep-tech-network-panel {
  background:
    linear-gradient(135deg, rgba(229, 196, 106, 0.09), transparent 42%, rgba(116, 199, 216, 0.08)),
    rgba(7, 9, 12, 0.91);
}

.capital-tech-visual img {
  object-position: center center;
  filter: saturate(1.05) contrast(1.05);
}

.archive-route-main {
  gap: 16px;
}

.archive-route-hero,
.archive-route-readout,
.archive-route-incidents,
.archive-route-map,
.archive-route-credit {
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.12), transparent 42%, rgba(116, 199, 216, 0.09)),
    rgba(7, 9, 12, 0.91);
  box-shadow: var(--shadow);
}

.archive-route-hero {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 0.48fr) minmax(320px, 0.52fr);
  min-height: 620px;
}

.archive-route-copy {
  display: grid;
  align-content: end;
  gap: 14px;
  padding: 28px;
}

.archive-route-copy > span,
.archive-route-copy > strong,
.archive-route-readout span,
.archive-route-incidents .tech-section-intro > span,
.archive-incident-grid article > span,
.archive-route-map > div > span,
.archive-route-credit span {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.archive-route-copy > span,
.archive-route-map > div > span,
.archive-route-credit span {
  color: var(--cyan);
}

.archive-route-copy > strong,
.archive-route-readout strong,
.archive-incident-grid article > span {
  color: var(--acid);
}

.archive-route-copy h1 {
  max-width: 740px;
  margin: 0;
  font-size: clamp(3rem, 5.8vw, 5rem);
  line-height: 0.86;
  overflow-wrap: anywhere;
}

.archive-route-copy p,
.archive-route-map p,
.archive-route-credit p,
.archive-incident-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
}

.archive-route-visual {
  position: relative;
  min-height: 100%;
  margin: 0;
  border-left: 1px solid rgba(116, 199, 216, 0.18);
}

.archive-route-visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 460px;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.06);
}

.archive-route-visual figcaption {
  position: absolute;
  right: 14px;
  bottom: 14px;
  max-width: min(360px, calc(100% - 28px));
  padding: 8px 10px;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 4px;
  color: rgba(243, 244, 242, 0.78);
  background: rgba(0, 0, 0, 0.62);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.archive-route-readout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: rgba(116, 199, 216, 0.16);
}

.archive-route-readout article {
  display: grid;
  gap: 10px;
  padding: 16px;
  background: rgba(7, 9, 12, 0.92);
}

.archive-route-readout strong {
  font-size: clamp(2.2rem, 5vw, 4.2rem);
  line-height: 0.9;
}

.archive-route-readout p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
}

.archive-route-incidents {
  display: grid;
  grid-template-columns: minmax(260px, 0.3fr) minmax(0, 0.7fr);
  gap: 14px;
  padding: 16px;
}

.archive-incident-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.archive-incident-grid article {
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.045);
}

.archive-incident-grid img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-bottom: 1px solid rgba(116, 199, 216, 0.16);
  filter: saturate(1.06) contrast(1.05);
}

.archive-incident-grid article > span,
.archive-incident-grid h3,
.archive-incident-grid p,
.archive-incident-grid a {
  margin-right: 14px;
  margin-left: 14px;
}

.archive-incident-grid h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(1.1rem, 2vw, 1.55rem);
  line-height: 1;
}

.archive-incident-grid a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: 8px;
  margin-bottom: 14px;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.archive-route-map,
.archive-route-credit {
  display: grid;
  grid-template-columns: minmax(260px, 0.36fr) minmax(0, 0.64fr);
  gap: 14px;
  padding: 16px;
}

.archive-route-map > div,
.archive-route-credit > div {
  display: grid;
  align-content: start;
  gap: 12px;
}

.archive-route-map h2,
.archive-route-credit h2 {
  margin: 0;
  font-size: clamp(1.8rem, 4vw, 3.25rem);
  line-height: 0.96;
}

.archive-route-credit a {
  align-self: end;
  justify-self: start;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.watchfloor-route-page .archive-route-hero,
.watchfloor-route-page .archive-route-readout,
.watchfloor-route-page .archive-route-incidents,
.watchfloor-route-page .archive-route-map,
.governance-route-page .archive-route-hero,
.governance-route-page .archive-route-readout,
.governance-route-page .archive-route-incidents,
.governance-route-page .archive-route-map,
.divisions-route-page .archive-route-hero,
.divisions-route-page .archive-route-readout,
.divisions-route-page .archive-route-incidents,
.divisions-route-page .archive-route-map,
.subsidiaries-route-page .archive-route-hero,
.subsidiaries-route-page .archive-route-readout,
.subsidiaries-route-page .archive-route-incidents,
.subsidiaries-route-page .archive-route-map,
.regional-route-page .archive-route-hero,
.regional-route-page .archive-route-readout,
.regional-route-page .archive-route-incidents,
.regional-route-page .archive-route-map,
.spec-route-page .archive-route-hero,
.spec-route-page .archive-route-readout,
.spec-route-page .archive-route-incidents,
.spec-route-page .archive-route-map,
.casefile-route-page .archive-route-hero,
.casefile-route-page .archive-route-readout,
.casefile-route-page .archive-route-incidents,
.casefile-route-page .archive-route-map {
  background:
    linear-gradient(135deg, rgba(116, 199, 216, 0.11), transparent 40%, rgba(225, 7, 20, 0.11)),
    rgba(7, 9, 12, 0.92);
}

.casefile-route-page .archive-route-hero,
.casefile-route-page .archive-route-readout,
.casefile-route-page .archive-route-incidents,
.casefile-route-page .archive-route-map {
  border-color: rgba(225, 7, 20, 0.28);
  background:
    radial-gradient(circle at 72% 14%, rgba(221, 184, 94, 0.13), transparent 28%),
    linear-gradient(135deg, rgba(225, 7, 20, 0.16), transparent 42%, rgba(116, 199, 216, 0.08)),
    rgba(7, 9, 12, 0.94);
}

.casefile-route-hero {
  position: relative;
}

.casefile-route-hero::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(120deg, transparent 0 48%, rgba(221, 184, 94, 0.14) 48% 50%, transparent 50%),
    repeating-linear-gradient(0deg, transparent 0 28px, rgba(255, 255, 255, 0.035) 28px 29px);
  opacity: 0.8;
}

.casefile-route-hero > * {
  position: relative;
  z-index: 1;
}

.casefile-route-page .archive-route-readout strong {
  color: #ddb85e;
}

.afterlife-casefile-page .archive-route-hero,
.afterlife-casefile-page .archive-route-readout,
.afterlife-casefile-page .archive-route-incidents,
.afterlife-casefile-page .archive-route-map {
  border-color: rgba(221, 184, 94, 0.3);
  background:
    radial-gradient(circle at 78% 18%, rgba(182, 243, 91, 0.1), transparent 26%),
    linear-gradient(135deg, rgba(221, 184, 94, 0.12), transparent 42%, rgba(116, 199, 216, 0.1)),
    rgba(7, 9, 12, 0.94);
}

.afterlife-casefile-hero::before {
  background:
    linear-gradient(120deg, transparent 0 48%, rgba(182, 243, 91, 0.12) 48% 50%, transparent 50%),
    repeating-linear-gradient(90deg, transparent 0 34px, rgba(221, 184, 94, 0.04) 34px 35px);
}

.afterlife-casefile-page .archive-route-readout strong {
  color: var(--acid);
}

.tower-casefile-page .archive-route-hero,
.tower-casefile-page .archive-route-readout,
.tower-casefile-page .archive-route-incidents,
.tower-casefile-page .archive-route-map {
  border-color: rgba(225, 7, 20, 0.34);
  background:
    radial-gradient(circle at 78% 16%, rgba(116, 199, 216, 0.12), transparent 28%),
    linear-gradient(135deg, rgba(225, 7, 20, 0.18), transparent 40%, rgba(221, 184, 94, 0.1)),
    rgba(7, 9, 12, 0.95);
}

.tower-casefile-hero::before {
  background:
    linear-gradient(120deg, transparent 0 45%, rgba(225, 7, 20, 0.15) 45% 47%, transparent 47%),
    repeating-linear-gradient(0deg, transparent 0 24px, rgba(116, 199, 216, 0.04) 24px 25px),
    repeating-linear-gradient(90deg, transparent 0 96px, rgba(221, 184, 94, 0.035) 96px 97px);
}

.tower-casefile-page .archive-route-readout strong {
  color: var(--red);
}

.tower-casefile-page .casefile-route-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.14) brightness(0.88);
}

.divisions-route-page .archive-route-hero,
.divisions-route-page .archive-route-readout,
.divisions-route-page .archive-route-incidents,
.divisions-route-page .archive-route-map {
  border-color: rgba(221, 184, 94, 0.3);
  background:
    radial-gradient(circle at 78% 18%, rgba(225, 7, 20, 0.13), transparent 28%),
    linear-gradient(135deg, rgba(221, 184, 94, 0.12), transparent 38%, rgba(116, 199, 216, 0.09)),
    rgba(7, 9, 12, 0.94);
}

.divisions-route-hero::before {
  background:
    linear-gradient(120deg, transparent 0 46%, rgba(221, 184, 94, 0.13) 46% 48%, transparent 48%),
    repeating-linear-gradient(90deg, transparent 0 72px, rgba(116, 199, 216, 0.04) 72px 73px),
    repeating-linear-gradient(0deg, transparent 0 26px, rgba(225, 7, 20, 0.035) 26px 27px);
}

.divisions-route-page .archive-route-readout strong {
  color: #ddb85e;
}

.divisions-route-page .archive-incident-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.divisions-route-visual img {
  object-position: center center;
  filter: saturate(1.04) contrast(1.08) brightness(0.9);
}

.subsidiaries-route-page .archive-route-hero,
.subsidiaries-route-page .archive-route-readout,
.subsidiaries-route-page .archive-route-incidents,
.subsidiaries-route-page .archive-route-map {
  border-color: rgba(116, 199, 216, 0.3);
  background:
    radial-gradient(circle at 78% 16%, rgba(116, 199, 216, 0.12), transparent 28%),
    linear-gradient(135deg, rgba(225, 7, 20, 0.12), transparent 40%, rgba(221, 184, 94, 0.1)),
    rgba(7, 9, 12, 0.94);
}

.subsidiaries-route-hero::before {
  background:
    linear-gradient(120deg, transparent 0 47%, rgba(116, 199, 216, 0.13) 47% 49%, transparent 49%),
    repeating-linear-gradient(0deg, transparent 0 30px, rgba(221, 184, 94, 0.035) 30px 31px),
    repeating-linear-gradient(90deg, transparent 0 86px, rgba(225, 7, 20, 0.035) 86px 87px);
}

.subsidiaries-route-page .archive-route-readout strong {
  color: var(--cyan);
}

.subsidiaries-route-page .archive-incident-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.subsidiaries-route-visual img {
  object-position: center center;
  filter: saturate(1.06) contrast(1.08) brightness(0.9);
}

.regional-route-page .archive-route-hero,
.regional-route-page .archive-route-readout,
.regional-route-page .archive-route-incidents,
.regional-route-page .archive-route-map {
  border-color: rgba(225, 7, 20, 0.32);
  background:
    radial-gradient(circle at 78% 16%, rgba(221, 184, 94, 0.12), transparent 28%),
    linear-gradient(135deg, rgba(225, 7, 20, 0.14), transparent 39%, rgba(116, 199, 216, 0.11)),
    rgba(7, 9, 12, 0.94);
}

.regional-route-hero::before {
  background:
    linear-gradient(120deg, transparent 0 46%, rgba(225, 7, 20, 0.14) 46% 48%, transparent 48%),
    repeating-linear-gradient(90deg, transparent 0 80px, rgba(221, 184, 94, 0.035) 80px 81px),
    repeating-linear-gradient(0deg, transparent 0 28px, rgba(116, 199, 216, 0.04) 28px 29px);
}

.regional-route-page .archive-route-readout strong {
  color: var(--red);
}

.regional-route-page .archive-incident-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.regional-route-visual img {
  object-position: center center;
  filter: saturate(1.07) contrast(1.1) brightness(0.88);
}

.spec-route-page .archive-route-hero,
.spec-route-page .archive-route-readout,
.spec-route-page .archive-route-incidents,
.spec-route-page .archive-route-map {
  border-color: rgba(182, 243, 91, 0.28);
  background:
    radial-gradient(circle at 78% 16%, rgba(182, 243, 91, 0.1), transparent 28%),
    linear-gradient(135deg, rgba(225, 7, 20, 0.14), transparent 40%, rgba(116, 199, 216, 0.1)),
    rgba(7, 9, 12, 0.94);
}

.spec-route-hero::before {
  background:
    linear-gradient(120deg, transparent 0 46%, rgba(182, 243, 91, 0.13) 46% 48%, transparent 48%),
    repeating-linear-gradient(90deg, transparent 0 70px, rgba(116, 199, 216, 0.04) 70px 71px),
    repeating-linear-gradient(0deg, transparent 0 24px, rgba(225, 7, 20, 0.035) 24px 25px);
}

.spec-route-page .archive-route-readout strong {
  color: var(--acid);
}

.spec-route-page .archive-incident-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.spec-route-page .archive-incident-grid article img {
  aspect-ratio: 16 / 9;
}

.spec-route-table .tech-section-intro h2 {
  overflow-wrap: anywhere;
}

.relic-spec-route-visual img {
  object-position: center center;
  filter: saturate(1.06) contrast(1.1) brightness(0.9);
}

.relic-host-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.12) brightness(0.9);
}

.relic-host-hero .archive-route-copy h1 {
  font-size: clamp(2.8rem, 4.85vw, 4.65rem);
}

.mikoshi-spec-route-visual img {
  object-position: center center;
  filter: saturate(1.04) contrast(1.1) brightness(0.9);
}

.soulkiller-spec-route-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.12) brightness(0.88);
}

.soulkiller-warrant-visual img {
  object-position: center center;
  filter: saturate(1.1) contrast(1.14) brightness(0.86);
}

.soulkiller-warrant-hero .archive-route-copy h1 {
  font-size: clamp(2.8rem, 4.65vw, 4.55rem);
}

.ice-spec-route-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.12) brightness(0.9);
}

.ice-geometry-visual img {
  object-position: center center;
  filter: saturate(1.1) contrast(1.13) brightness(0.88);
}

.ledger-spec-route-visual img {
  object-position: center center;
  filter: saturate(1.07) contrast(1.1) brightness(0.9);
}

.ledger-gravity-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.12) brightness(0.9);
}

.disclosure-switch-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.12) brightness(0.88);
}

.disclosure-switch-hero .archive-route-copy h1 {
  font-size: clamp(2.8rem, 4.7vw, 4.5rem);
}

.swarm-spec-route-visual img {
  object-position: center center;
  filter: saturate(1.12) contrast(1.08) brightness(0.9);
}

.swarm-exclusion-visual img {
  object-position: center center;
  filter: saturate(1.1) contrast(1.12) brightness(0.88);
}

.force-ledger-visual img {
  object-position: center center;
  filter: saturate(1.12) contrast(1.1) brightness(0.88);
}

.force-ledger-hero .archive-route-copy h1 {
  font-size: clamp(2.8rem, 4.75vw, 4.55rem);
}

.continuity-protocol-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.1) brightness(0.9);
}

.continuity-rehearsal-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.1) brightness(0.9);
}

.continuity-rehearsal-hero .archive-route-copy h1 {
  font-size: clamp(2.8rem, 4.7vw, 4.5rem);
}

.counter-protocol-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.12) brightness(0.88);
}

.ledger-mandate-protocol-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.1) brightness(0.9);
}

.protection-protocol-visual img {
  object-position: center center;
  filter: saturate(1.12) contrast(1.08) brightness(0.9);
}

.blackwall-contact-protocol-visual img {
  object-position: center center;
  filter: saturate(1.1) contrast(1.12) brightness(0.88);
}

.blackwall-mirror-visual img {
  object-position: center center;
  filter: saturate(1.12) contrast(1.14) brightness(0.86);
}

.blackwall-mirror-hero .archive-route-copy h1 {
  font-size: clamp(2.8rem, 4.75vw, 4.55rem);
}

.blackwall-containment-visual img {
  object-position: center center;
  filter: saturate(1.12) contrast(1.14) brightness(0.86);
}

.blackwall-containment-hero .archive-route-copy h1,
.blackwall-containment-page .spec-route-table .tech-section-intro h2 {
  overflow-wrap: normal;
  word-break: normal;
}

.blackwall-containment-hero .archive-route-copy h1 {
  font-size: clamp(2.9rem, 4.65vw, 4.55rem);
}

.blackwall-containment-page .spec-route-table .tech-section-intro h2 {
  font-size: clamp(2.35rem, 3vw, 3.15rem);
}

.mikoshi-arbitration-visual img {
  object-position: center center;
  filter: saturate(1.06) contrast(1.1) brightness(0.9);
}

.ledger-spec-route-hero .archive-route-copy h1 {
  font-size: clamp(2.85rem, 5.15vw, 4.55rem);
  overflow-wrap: normal;
}

.ice-geometry-hero .archive-route-copy h1 {
  font-size: clamp(2.8rem, 4.65vw, 4.55rem);
  overflow-wrap: normal;
}

.ledger-gravity-hero .archive-route-copy h1 {
  font-size: clamp(2.8rem, 4.75vw, 4.55rem);
  overflow-wrap: normal;
}

.swarm-exclusion-hero .archive-route-copy h1 {
  font-size: clamp(2.8rem, 4.55vw, 4.45rem);
  overflow-wrap: normal;
}

.spec-route-matrix {
  overflow: hidden;
  display: grid;
  gap: 1px;
  border: 1px solid rgba(116, 199, 216, 0.16);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.22), rgba(182, 243, 91, 0.14)),
    rgba(255, 255, 255, 0.08);
}

.spec-route-matrix div {
  display: grid;
  grid-template-columns: minmax(130px, 0.28fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 14px;
  background: rgba(5, 6, 8, 0.88);
}

.spec-route-matrix span {
  color: var(--dim);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.spec-route-matrix strong {
  color: var(--paper);
  font-size: 0.96rem;
  line-height: 1.35;
}

.casefile-route-visual img {
  object-position: center center;
  filter: saturate(1.05) contrast(1.12) brightness(0.92);
}

.casefile-route-map {
  grid-template-columns: minmax(0, 0.58fr) minmax(250px, 0.42fr);
}

.casefile-route-map h2 {
  font-size: clamp(1.8rem, 3.4vw, 3rem);
}

.watchfloor-route-hero {
  position: relative;
}

.watchfloor-route-hero::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle at 76% 18%, rgba(116, 199, 216, 0.18), transparent 32%),
    repeating-linear-gradient(120deg, transparent 0 30px, rgba(182, 243, 91, 0.035) 30px 31px);
  opacity: 0.8;
}

.watchfloor-route-hero > * {
  position: relative;
  z-index: 1;
}

.watchfloor-route-visual img {
  object-position: center center;
  filter: saturate(1.08) contrast(1.05);
}

.governance-route-hero {
  position: relative;
}

.governance-route-hero::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle at 72% 18%, rgba(225, 7, 20, 0.16), transparent 30%),
    linear-gradient(120deg, transparent 0 48%, rgba(221, 184, 94, 0.12) 48% 50%, transparent 50%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.028) 0 1px, transparent 1px 18px);
  opacity: 0.82;
}

.governance-route-hero > * {
  position: relative;
  z-index: 1;
}

.governance-route-page .archive-route-readout article strong {
  color: #ddb85e;
}

.governance-route-page .archive-route-map {
  grid-template-columns: minmax(0, 0.58fr) minmax(250px, 0.42fr);
}

.governance-route-page .archive-route-map h2 {
  font-size: clamp(1.8rem, 3.4vw, 3rem);
}

.governance-route-visual img {
  object-position: center center;
  filter: saturate(0.95) contrast(1.12) brightness(0.88);
}

@media (max-width: 760px) {
  .casefile-route-map,
  .governance-route-page .archive-route-map {
    grid-template-columns: 1fr;
  }

  .casefile-route-map h2,
  .governance-route-page .archive-route-map h2 {
    font-size: clamp(1.85rem, 9vw, 2.55rem);
  }
}

.product-route-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.product-route-meta {
  grid-area: meta;
  display: grid;
  align-content: start;
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(225, 7, 20, 0.34), rgba(116, 199, 216, 0.18)),
    rgba(255, 255, 255, 0.08);
}

.product-route-meta div,
.product-route-proof,
.product-route-case-head,
.product-route-case-rail article,
.product-route-provenance-head,
.product-route-provenance-rail article,
.product-route-brief-heading,
.product-route-brief article,
.product-route-qualification-head,
.product-route-qualification article,
.product-route-procurement-head,
.product-route-procurement-matrix article,
.product-route-procurement > p,
.product-route-procurement-intake,
.product-route-assurance-head,
.product-route-assurance-stamp,
.product-route-assurance-grid article,
.product-route-assurance-foot,
.product-route-sla-head,
.product-route-sla-grid article,
.product-route-topology-head,
.product-route-topology-map article,
.product-route-boundary-head,
.product-route-boundary-grid article,
.product-route-telemetry-head,
.product-route-telemetry-grid article,
.product-route-risk-head,
.product-route-risk-table article,
.product-route-failure-head,
.product-route-failure-grid article,
.product-route-escalation-head,
.product-route-escalation-grid article,
.product-route-acceptance-head,
.product-route-acceptance-grid article,
.product-route-specsheet-head,
.product-route-specsheet figure,
.product-route-specsheet-grid article,
.product-route-timeline-head,
.product-route-timeline-rail article,
.product-route-runbook-head,
.product-route-runbook-rail article,
.product-route-private-head,
.product-route-private-grid article,
.product-route-support-head,
.product-route-support-grid article,
.product-route-transcript-head,
.product-route-transcript-log article,
.product-route-threat-head,
.product-route-threat-grid article,
.product-route-custody-head,
.product-route-custody-rail article,
.product-route-auth-head,
.product-route-auth-table article,
.product-route-redteam-head,
.product-route-redteam-rail article,
.product-route-forensic-head,
.product-route-forensic-grid article,
.product-route-docket-head,
.product-route-docket-rail article,
.product-route-license-head,
.product-route-license-grid article,
.product-route-bond-head,
.product-route-bond-grid article,
.product-route-escrow-head,
.product-route-escrow-grid article,
.product-route-monitor-head,
.product-route-monitor-grid article,
.product-route-patch-head,
.product-route-patch-grid article,
.product-route-covenant-head,
.product-route-covenant-grid article,
.product-route-ops article,
.product-route-panels article,
.product-route-related {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(6, 8, 10, 0.9);
}

.product-route-meta div {
  display: grid;
  gap: 6px;
  min-height: 110px;
  padding: 16px;
}

.product-route-meta span,
.product-route-proof > span,
.product-route-brief-heading > span,
.product-route-qualification-head > span,
.product-route-switcher > span,
.product-route-related > span {
  color: var(--dim);
}

.product-route-meta strong {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 1.04rem;
}

.product-route-field {
  grid-area: field;
  display: grid;
  grid-template-columns: minmax(240px, 0.42fr) minmax(0, 0.58fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.22), rgba(116, 199, 216, 0.12)),
    rgba(255, 255, 255, 0.08);
}

.product-route-field figure,
.product-route-field > div {
  min-width: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(6, 8, 10, 0.92);
}

.product-route-field figure {
  position: relative;
  overflow: hidden;
  min-height: 248px;
  margin: 0;
}

.product-route-field figure::before,
.product-route-field figure::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
}

.product-route-field figure::before {
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.62)),
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(255, 255, 255, 0.05) 18px 19px);
}

.product-route-field figure::after {
  z-index: 2;
  border: 1px solid rgba(116, 199, 216, 0.18);
  clip-path: polygon(0 0, 88% 0, 100% 18%, 100% 100%, 12% 100%, 0 82%);
}

.product-route-field img {
  width: 100%;
  height: 100%;
  min-height: 248px;
  display: block;
  object-fit: cover;
  filter: saturate(1.12) contrast(1.08);
}

.product-route-field figcaption {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  padding: 8px 10px;
  background: rgba(0, 0, 0, 0.68);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  font-size: 0.66rem;
  font-weight: 800;
}

.product-route-field figcaption span {
  color: var(--dim);
  text-transform: uppercase;
}

.product-route-field figcaption a {
  color: var(--cyan);
}

.product-route-field > div {
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 20px;
}

.product-route-field > div > span {
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-field h2 {
  max-width: 720px;
  margin: 0;
  font-size: clamp(1.6rem, 3vw, 3.1rem);
  line-height: 0.94;
}

.product-route-field p {
  max-width: 680px;
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
}

.product-route-field dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 6px 0 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.product-route-field dl div {
  display: grid;
  gap: 6px;
  min-height: 86px;
  padding: 12px;
  background: rgba(0, 0, 0, 0.28);
}

.product-route-field dt {
  color: var(--dim);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-field dd {
  margin: 0;
  color: var(--paper);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.22;
}

.product-route-proof {
  grid-area: proof;
  display: grid;
  gap: 8px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}

.product-route-proof p {
  max-width: 760px;
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
}

.product-route-case-file {
  grid-area: case;
  display: grid;
  grid-template-columns: minmax(220px, 0.32fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.16), rgba(116, 199, 216, 0.1), rgba(182, 243, 91, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-case-head,
.product-route-case-rail article {
  min-width: 0;
  padding: 16px;
}

.product-route-case-head {
  display: grid;
  align-content: center;
  gap: 10px;
  border-left: 3px solid var(--red);
}

.product-route-case-head > span,
.product-route-case-rail small,
.product-route-case-rail article > span {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-case-head > span {
  color: var(--red);
  font-size: 0.68rem;
}

.product-route-case-head p,
.product-route-case-rail p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.82rem;
  line-height: 1.38;
}

.product-route-case-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-case-rail article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 182px;
}

.product-route-case-rail article::before {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 34px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, currentColor, transparent);
  opacity: 0.44;
}

.product-route-case-rail article > span {
  color: var(--red);
  font-size: 0.62rem;
}

.product-route-case-rail small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-case-rail strong {
  color: var(--paper);
  font-size: 1rem;
  line-height: 1.08;
}

.product-route-provenance {
  grid-area: provenance;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.15), rgba(209, 177, 107, 0.12), rgba(116, 199, 216, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-provenance-head,
.product-route-provenance-rail article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.12), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-provenance-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--red);
}

.product-route-provenance-head::after,
.product-route-provenance-rail article::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(0deg, transparent 0 13px, rgba(225, 7, 20, 0.04) 13px 14px),
    linear-gradient(120deg, rgba(255, 255, 255, 0.04), transparent 45%);
}

.product-route-provenance-head > *,
.product-route-provenance-rail article > * {
  position: relative;
  z-index: 1;
}

.product-route-provenance-head span,
.product-route-provenance-rail article > span,
.product-route-provenance-rail em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-provenance-head span,
.product-route-provenance-rail article > span {
  color: var(--red);
  font-size: 0.64rem;
}

.product-route-provenance-head p,
.product-route-provenance-rail p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-provenance-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-provenance-rail article {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 168px;
  padding: 15px;
}

.product-route-provenance-rail strong,
.product-route-provenance-rail a {
  color: var(--paper);
  font-size: 0.98rem;
  font-weight: 900;
  line-height: 1.08;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.product-route-provenance-rail a:hover,
.product-route-provenance-rail a:focus-visible {
  color: var(--cyan);
}

.product-route-provenance-rail em {
  align-self: end;
  color: var(--gold);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-command {
  grid-area: command;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.15), rgba(225, 7, 20, 0.12), rgba(209, 177, 107, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-command-head,
.product-route-command-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(116, 199, 216, 0.1), transparent 54%),
    rgba(4, 8, 10, 0.95);
}

.product-route-command-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--cyan);
}

.product-route-command-head::after,
.product-route-command-card::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(116, 199, 216, 0.04) 18px 19px),
    linear-gradient(120deg, rgba(255, 255, 255, 0.04), transparent 45%);
}

.product-route-command-card::before {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 42px;
  height: 42px;
  content: "";
  border: 1px solid rgba(116, 199, 216, 0.22);
  background: url("assets/arasaka-mark-white.png") center / 24px 24px no-repeat;
  opacity: 0.14;
}

.product-route-command-head > *,
.product-route-command-card > * {
  position: relative;
  z-index: 1;
}

.product-route-command-head span,
.product-route-command-card > span,
.product-route-command-card dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-command-head span,
.product-route-command-card > span {
  color: var(--cyan);
  font-size: 0.64rem;
}

.product-route-command-head p,
.product-route-command-card p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-command-card {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.product-route-command-card h2 {
  max-width: 620px;
  margin: 0;
  color: var(--paper);
  font-size: clamp(1.5rem, 3vw, 2.4rem);
  line-height: 0.98;
}

.product-route-command-card dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin: 2px 0 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.product-route-command-card dl div {
  display: grid;
  gap: 5px;
  min-height: 82px;
  align-content: start;
  padding: 10px;
  background: rgba(2, 4, 6, 0.72);
}

.product-route-command-card dt {
  color: var(--dim);
  font-size: 0.58rem;
}

.product-route-command-card dd {
  margin: 0;
  color: rgba(243, 244, 242, 0.86);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.24;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.product-route-command-card a {
  justify-self: start;
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 12px;
  border: 1px solid rgba(116, 199, 216, 0.3);
  border-radius: 3px;
  color: var(--paper);
  font-size: 0.66rem;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
}

.product-route-command-card a:hover,
.product-route-command-card a:focus-visible {
  border-color: rgba(182, 243, 91, 0.66);
  color: var(--acid);
}

.product-route-brief {
  grid-area: brief;
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.16);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.16), rgba(225, 7, 20, 0.12), rgba(116, 199, 216, 0.12)),
    rgba(255, 255, 255, 0.07);
}

.product-route-brief-heading,
.product-route-brief article {
  min-width: 0;
  padding: 16px;
}

.product-route-brief-heading {
  display: grid;
  align-content: center;
  gap: 10px;
  border-left: 3px solid var(--acid);
}

.product-route-brief-heading > span {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-brief-heading p,
.product-route-brief p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
}

.product-route-brief-heading p {
  font-size: 0.88rem;
}

.product-route-brief article {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 190px;
}

.product-route-brief h2 {
  margin: 0;
  color: var(--paper);
  font-size: 1.05rem;
  line-height: 1.08;
}

.product-route-brief p {
  font-size: 0.82rem;
  line-height: 1.38;
}

.product-route-brief ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-route-brief li {
  position: relative;
  padding-left: 14px;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.32;
}

.product-route-brief li::before {
  position: absolute;
  left: 0;
  top: 0.52em;
  width: 6px;
  height: 6px;
  content: "";
  border: 1px solid rgba(182, 243, 91, 0.72);
  background: rgba(182, 243, 91, 0.16);
}

.product-route-qualification {
  grid-area: qualification;
  display: grid;
  grid-template-columns: minmax(200px, 0.7fr) repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.16);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.16), rgba(225, 7, 20, 0.12), rgba(182, 243, 91, 0.12)),
    rgba(255, 255, 255, 0.07);
}

.product-route-qualification-head,
.product-route-qualification article {
  min-width: 0;
  padding: 16px;
}

.product-route-qualification-head {
  display: grid;
  align-content: center;
  gap: 10px;
  border-left: 3px solid var(--cyan);
}

.product-route-qualification-head > span,
.product-route-qualification article > span {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-qualification-head > span,
.product-route-qualification article > span {
  color: var(--cyan);
}

.product-route-qualification-head p,
.product-route-qualification p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-qualification article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 178px;
}

.product-route-qualification article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  content: "";
  background: linear-gradient(180deg, var(--cyan), transparent);
}

.product-route-qualification strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
}

.product-route-procurement {
  grid-area: procurement;
  display: grid;
  grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
  grid-template-areas:
    "head matrix"
    "note intake";
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.16), rgba(225, 7, 20, 0.12), rgba(116, 199, 216, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-procurement-head {
  grid-area: head;
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
  padding: 16px;
  border-left: 3px solid var(--gold);
}

.product-route-procurement-head > span,
.product-route-procurement-matrix article > span {
  color: var(--gold);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-procurement-head p,
.product-route-procurement-matrix p,
.product-route-procurement > p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-procurement-matrix {
  grid-area: matrix;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-procurement-matrix article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 168px;
  min-width: 0;
  padding: 16px;
}

.product-route-procurement-matrix article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  content: "";
  background: linear-gradient(180deg, var(--gold), transparent);
}

.product-route-procurement-matrix strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
}

.product-route-procurement > p {
  grid-area: note;
  display: grid;
  align-content: center;
  min-width: 0;
  padding: 16px;
}

.product-route-procurement-intake {
  grid-area: intake;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 64px;
  min-width: 0;
  padding: 0 16px;
  color: var(--gold);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-procurement-intake:hover,
.product-route-procurement-intake:focus-visible {
  color: var(--ink);
  outline: 0;
}

.product-route-certificate {
  grid-area: certificate;
  display: grid;
  grid-template-columns: minmax(220px, 0.82fr) minmax(160px, 0.44fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.16), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-certificate-head,
.product-route-certificate-seal,
.product-route-certificate-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 52%),
    rgba(5, 8, 10, 0.94);
}

.product-route-certificate-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--gold);
}

.product-route-certificate-head span,
.product-route-certificate-grid span {
  color: var(--gold);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-certificate-head p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.84rem;
  line-height: 1.4;
}

.product-route-certificate-seal {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  padding: 16px;
  text-align: center;
}

.product-route-certificate-seal img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  opacity: 0.82;
  filter: drop-shadow(0 0 16px rgba(209, 177, 107, 0.32));
}

.product-route-certificate-seal strong {
  color: rgba(243, 244, 242, 0.86);
  font-size: 0.78rem;
  line-height: 1.18;
  text-transform: uppercase;
}

.product-route-certificate-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-certificate-grid article {
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 86px;
  padding: 13px;
}

.product-route-certificate-grid strong {
  color: var(--paper);
  font-size: 0.88rem;
  line-height: 1.2;
}

.product-route-readiness {
  grid-area: readiness;
  display: grid;
  grid-template-columns: minmax(220px, 0.32fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.14), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-readiness-head,
.product-route-readiness-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(182, 243, 91, 0.07), transparent 54%),
    rgba(4, 8, 10, 0.94);
}

.product-route-readiness-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--acid);
}

.product-route-readiness-head span,
.product-route-readiness-grid small {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-readiness-head p,
.product-route-readiness-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-readiness-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-readiness-grid article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 150px;
  padding: 15px;
}

.product-route-readiness-grid article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  content: "";
  background: linear-gradient(180deg, var(--acid), transparent);
}

.product-route-readiness-grid article > span {
  color: rgba(182, 243, 91, 0.42);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.62rem;
  font-weight: 900;
}

.product-route-readiness-grid strong {
  color: var(--paper);
  font-size: 0.94rem;
  line-height: 1.08;
}

.product-route-control {
  grid-area: control;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  grid-template-areas:
    "head deck"
    "foot deck";
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.18), rgba(182, 243, 91, 0.1), rgba(116, 199, 216, 0.13)),
    rgba(255, 255, 255, 0.07);
}

.product-route-control-head,
.product-route-control-foot,
.product-route-control-deck article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-control-head {
  grid-area: head;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--red);
}

.product-route-control-head span,
.product-route-control-deck small,
.product-route-control-deck article > span,
.product-route-control-deck i,
.product-route-control-foot {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-control-head span,
.product-route-control-deck article > span {
  color: var(--red);
  font-size: 0.64rem;
}

.product-route-control-head p,
.product-route-control-deck p,
.product-route-control-foot {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.78rem;
  line-height: 1.38;
}

.product-route-control-deck {
  grid-area: deck;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-control-deck article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 176px;
  padding: 15px;
}

.product-route-control-deck article::before,
.product-route-control-deck article::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.product-route-control-deck article::before {
  inset: 0;
  background:
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(255, 255, 255, 0.035) 20px 21px),
    linear-gradient(180deg, rgba(225, 7, 20, 0.16), transparent 44%);
  opacity: 0.72;
}

.product-route-control-deck article::after {
  left: 15px;
  right: 15px;
  bottom: 14px;
  height: 3px;
  background: linear-gradient(90deg, var(--red), var(--acid), transparent);
  opacity: 0.78;
}

.product-route-control-deck article > * {
  position: relative;
  z-index: 1;
}

.product-route-control-deck small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-control-deck strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
}

.product-route-control-deck i {
  align-self: end;
  color: var(--acid);
  font-size: 0.62rem;
  font-style: normal;
}

.product-route-control-foot {
  grid-area: foot;
  align-self: stretch;
  display: grid;
  align-content: end;
  min-height: 92px;
  padding: 16px;
  border-left: 3px solid rgba(225, 7, 20, 0.5);
}

.product-route-packet {
  grid-area: packet;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(150px, 0.18fr) minmax(0, 0.54fr);
  grid-template-areas:
    "head manifest grid"
    "foot foot grid";
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.18), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-packet-head,
.product-route-packet-manifest,
.product-route-packet-grid article,
.product-route-packet-foot {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-packet-head {
  grid-area: head;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--gold);
}

.product-route-packet-head span,
.product-route-packet-grid small,
.product-route-packet-grid article > span,
.product-route-packet-manifest strong,
.product-route-packet-foot {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-packet-head span,
.product-route-packet-grid article > span {
  color: var(--gold);
  font-size: 0.64rem;
}

.product-route-packet-head p,
.product-route-packet-grid p,
.product-route-packet-foot {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.78rem;
  line-height: 1.38;
}

.product-route-packet-manifest {
  position: relative;
  overflow: hidden;
  grid-area: manifest;
  display: grid;
  place-items: center;
  min-height: 188px;
  padding: 16px;
}

.product-route-packet-manifest::before,
.product-route-packet-manifest::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.product-route-packet-manifest::before {
  inset: 18px;
  border: 1px solid rgba(209, 177, 107, 0.36);
  transform: rotate(-10deg);
}

.product-route-packet-manifest::after {
  width: 86px;
  aspect-ratio: 1;
  border: 1px solid rgba(209, 177, 107, 0.28);
  background: url("assets/arasaka-mark-white.png") center / 42px 42px no-repeat;
  opacity: 0.26;
}

.product-route-packet-manifest strong {
  position: relative;
  z-index: 1;
  max-width: 126px;
  color: var(--paper);
  font-size: 0.72rem;
  line-height: 1.18;
  text-align: center;
  overflow-wrap: anywhere;
}

.product-route-packet-grid {
  grid-area: grid;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-packet-grid article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 150px;
  padding: 15px;
}

.product-route-packet-grid article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  content: "";
  background: linear-gradient(180deg, var(--gold), transparent);
}

.product-route-packet-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-packet-grid strong {
  color: var(--paper);
  font-size: 0.96rem;
  line-height: 1.08;
}

.product-route-packet-foot {
  grid-area: foot;
  display: grid;
  align-content: end;
  min-height: 88px;
  padding: 16px;
  border-left: 3px solid rgba(209, 177, 107, 0.5);
}

.product-route-assurance {
  grid-area: assurance;
  display: grid;
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 0.66fr);
  grid-template-areas:
    "head grid"
    "stamp grid"
    "foot grid";
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.18), rgba(225, 7, 20, 0.12), rgba(182, 243, 91, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-assurance-head,
.product-route-assurance-stamp,
.product-route-assurance-grid article,
.product-route-assurance-foot {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(116, 199, 216, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-assurance-head {
  grid-area: head;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--cyan);
}

.product-route-assurance-head span,
.product-route-assurance-stamp span,
.product-route-assurance-stamp strong,
.product-route-assurance-grid small,
.product-route-assurance-grid article > span,
.product-route-assurance-foot {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-assurance-head span,
.product-route-assurance-grid article > span,
.product-route-assurance-stamp span {
  color: var(--cyan);
  font-size: 0.64rem;
}

.product-route-assurance-head p,
.product-route-assurance-grid p,
.product-route-assurance-foot {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.78rem;
  line-height: 1.38;
}

.product-route-assurance-stamp {
  position: relative;
  overflow: hidden;
  grid-area: stamp;
  display: grid;
  align-content: center;
  gap: 12px;
  min-height: 132px;
  padding: 18px;
}

.product-route-assurance-stamp::before {
  position: absolute;
  inset: 18px;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(116, 199, 216, 0.32);
  background: url("assets/arasaka-mark-white.png") center / 58px 58px no-repeat;
  opacity: 0.24;
  transform: rotate(8deg);
}

.product-route-assurance-stamp > * {
  position: relative;
  z-index: 1;
}

.product-route-assurance-stamp strong {
  color: var(--paper);
  font-size: 0.72rem;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.product-route-assurance-grid {
  grid-area: grid;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-assurance-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 178px;
  padding: 15px;
}

.product-route-assurance-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, rgba(116, 199, 216, 0.13), transparent 46%),
    repeating-linear-gradient(90deg, transparent 0 22px, rgba(255, 255, 255, 0.035) 22px 23px);
}

.product-route-assurance-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-assurance-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-assurance-grid strong {
  color: var(--paper);
  font-size: 0.94rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-assurance-foot {
  grid-area: foot;
  display: grid;
  align-content: end;
  min-height: 86px;
  padding: 16px;
  border-left: 3px solid rgba(116, 199, 216, 0.5);
}

.product-route-bom {
  grid-area: bom;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 0.72fr);
  grid-template-areas:
    "head grid"
    "foot grid";
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.16), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-bom-head,
.product-route-bom-grid article,
.product-route-bom-foot {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(182, 243, 91, 0.075), transparent 56%),
    rgba(3, 9, 8, 0.95);
}

.product-route-bom-head {
  grid-area: head;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--acid);
}

.product-route-bom-head span,
.product-route-bom-grid small,
.product-route-bom-grid article > span,
.product-route-bom-grid dt,
.product-route-bom-foot {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-bom-head span,
.product-route-bom-grid article > span {
  color: var(--acid);
  font-size: 0.64rem;
}

.product-route-bom-head p,
.product-route-bom-grid dd,
.product-route-bom-foot {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.76rem;
  line-height: 1.38;
}

.product-route-bom-grid {
  grid-area: grid;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-bom-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 214px;
  padding: 15px;
}

.product-route-bom-grid article::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(182, 243, 91, 0.14), transparent 48%),
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(255, 255, 255, 0.035) 18px 19px);
}

.product-route-bom-grid article::after {
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: 42px;
  height: 3px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--acid));
  opacity: 0.7;
}

.product-route-bom-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-bom-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-bom-grid strong {
  color: var(--paper);
  font-size: 0.96rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-bom-grid dl {
  display: grid;
  gap: 7px;
  margin: 2px 0 0;
}

.product-route-bom-grid dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.product-route-bom-grid dt {
  color: rgba(182, 243, 91, 0.72);
  font-size: 0.56rem;
}

.product-route-bom-grid dd {
  overflow-wrap: anywhere;
}

.product-route-bom-foot {
  grid-area: foot;
  display: grid;
  align-content: end;
  min-height: 84px;
  padding: 16px;
  border-left: 3px solid rgba(182, 243, 91, 0.48);
}

.product-route-sla {
  grid-area: sla;
  display: grid;
  grid-template-columns: minmax(220px, 0.32fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.18), rgba(209, 177, 107, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-sla-head,
.product-route-sla-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(116, 199, 216, 0.08), transparent 54%),
    rgba(4, 8, 11, 0.94);
}

.product-route-sla-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--cyan);
}

.product-route-sla-head span,
.product-route-sla-grid span {
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-sla-head p,
.product-route-sla-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-sla-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-sla-grid article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 156px;
  padding: 15px;
}

.product-route-sla-grid article::before {
  position: absolute;
  inset: 0 12px auto;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  opacity: 0.84;
}

.product-route-sla-grid strong {
  color: var(--paper);
  font-size: 0.96rem;
  line-height: 1.08;
}

.product-route-topology {
  grid-area: topology;
  display: grid;
  grid-template-columns: minmax(220px, 0.32fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.18), rgba(182, 243, 91, 0.11), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-topology-head,
.product-route-topology-map article {
  min-width: 0;
  padding: 16px;
}

.product-route-topology-head {
  display: grid;
  align-content: center;
  gap: 10px;
  border-left: 3px solid var(--cyan);
}

.product-route-topology-head > span,
.product-route-topology-map small,
.product-route-topology-map article > span {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-topology-head > span,
.product-route-topology-map article > span {
  color: var(--cyan);
  font-size: 0.66rem;
}

.product-route-topology-head p,
.product-route-topology-map p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-topology-map {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-topology-map::before {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 34px;
  height: 1px;
  pointer-events: none;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(116, 199, 216, 0.74), rgba(182, 243, 91, 0.48), transparent);
}

.product-route-topology-map article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 172px;
}

.product-route-topology-map article::before {
  position: absolute;
  top: 28px;
  left: 16px;
  width: 12px;
  height: 12px;
  content: "";
  border: 1px solid currentColor;
  background: rgba(5, 5, 7, 0.92);
  box-shadow: 0 0 16px rgba(116, 199, 216, 0.42);
  transform: rotate(45deg);
}

.product-route-topology-map small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-topology-map strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
}

.product-route-adapters {
  grid-area: adapters;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.14), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.09)),
    rgba(255, 255, 255, 0.07);
}

.product-route-adapters-head,
.product-route-adapters-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(182, 243, 91, 0.07), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-adapters-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--acid);
}

.product-route-adapters-head span,
.product-route-adapters-grid article > span,
.product-route-adapters-grid small,
.product-route-adapters-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-adapters-head span,
.product-route-adapters-grid article > span {
  color: var(--acid);
  font-size: 0.64rem;
}

.product-route-adapters-head p,
.product-route-adapters-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-adapters-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-adapters-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 176px;
  padding: 15px;
}

.product-route-adapters-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle at 80% 18%, rgba(182, 243, 91, 0.16), transparent 34%),
    repeating-linear-gradient(135deg, transparent 0 18px, rgba(255, 255, 255, 0.035) 18px 19px);
}

.product-route-adapters-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-adapters-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-adapters-grid strong {
  color: var(--paper);
  font-size: 0.96rem;
  line-height: 1.08;
}

.product-route-adapters-grid em {
  align-self: end;
  color: var(--acid);
  font-size: 0.62rem;
  font-style: normal;
}

.product-route-contract {
  grid-area: contract;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.18), rgba(182, 243, 91, 0.1), rgba(209, 177, 107, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-contract-head,
.product-route-contract-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(116, 199, 216, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-contract-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--cyan);
}

.product-route-contract-head span,
.product-route-contract-grid article > span,
.product-route-contract-grid small {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-contract-head span,
.product-route-contract-grid article > span {
  color: var(--cyan);
  font-size: 0.64rem;
}

.product-route-contract-head p,
.product-route-contract-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-contract-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-contract-grid article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 166px;
  padding: 15px;
}

.product-route-contract-grid article::before {
  position: absolute;
  inset: auto 14px 14px;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--cyan), transparent);
  opacity: 0.78;
}

.product-route-contract-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-contract-grid strong {
  color: var(--paper);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.product-route-boundary {
  grid-area: boundary;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.13), rgba(116, 199, 216, 0.13), rgba(225, 7, 20, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-boundary-head,
.product-route-boundary-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(182, 243, 91, 0.09), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-boundary-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--acid);
}

.product-route-boundary-head span,
.product-route-boundary-grid article > span,
.product-route-boundary-grid small,
.product-route-boundary-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-boundary-head span,
.product-route-boundary-grid article > span {
  color: var(--acid);
  font-size: 0.64rem;
}

.product-route-boundary-head p,
.product-route-boundary-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-boundary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-boundary-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 166px;
  padding: 15px;
}

.product-route-boundary-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(90deg, transparent 0 20px, rgba(182, 243, 91, 0.045) 20px 21px),
    linear-gradient(135deg, rgba(116, 199, 216, 0.08), transparent 54%);
}

.product-route-boundary-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-boundary-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-boundary-grid strong {
  color: var(--paper);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.product-route-boundary-grid em {
  align-self: end;
  color: var(--cyan);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-telemetry {
  grid-area: telemetry;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.17), rgba(116, 199, 216, 0.12), rgba(182, 243, 91, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-telemetry-head,
.product-route-telemetry-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-telemetry-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--red);
}

.product-route-telemetry-head span,
.product-route-telemetry-grid article > span,
.product-route-telemetry-grid small,
.product-route-telemetry-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-telemetry-head span,
.product-route-telemetry-grid article > span {
  color: var(--red);
  font-size: 0.64rem;
}

.product-route-telemetry-head p,
.product-route-telemetry-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-telemetry-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-telemetry-grid article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 166px;
  padding: 15px;
}

.product-route-telemetry-grid article::before {
  position: absolute;
  inset: auto 14px 14px;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--red), var(--cyan), transparent);
  opacity: 0.78;
}

.product-route-telemetry-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-telemetry-grid strong {
  color: var(--paper);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.product-route-telemetry-grid em {
  align-self: end;
  color: var(--acid);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-risk {
  grid-area: risk;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.17), rgba(225, 7, 20, 0.12), rgba(116, 199, 216, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-risk-head,
.product-route-risk-table article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-risk-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--gold);
}

.product-route-risk-head span,
.product-route-risk-table article > span,
.product-route-risk-table small,
.product-route-risk-table dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-risk-head span,
.product-route-risk-table article > span {
  color: var(--gold);
  font-size: 0.64rem;
}

.product-route-risk-head p,
.product-route-risk-table p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-risk-table {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-risk-table article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 188px;
  padding: 15px;
}

.product-route-risk-table article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  content: "";
  background: linear-gradient(180deg, var(--gold), var(--red), transparent);
}

.product-route-risk-table small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-risk-table strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-risk-table dl {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 5px 8px;
  align-self: end;
  margin: 2px 0 0;
  padding-top: 10px;
  border-top: 1px solid rgba(209, 177, 107, 0.18);
}

.product-route-risk-table dt,
.product-route-risk-table dd {
  margin: 0;
  font-size: 0.62rem;
  line-height: 1.22;
}

.product-route-risk-table dt {
  color: var(--dim);
}

.product-route-risk-table dd {
  color: var(--acid);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.product-route-failure {
  grid-area: failure;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.14), rgba(225, 7, 20, 0.14), rgba(209, 177, 107, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-failure-head,
.product-route-failure-grid article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(116, 199, 216, 0.12), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-failure-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--cyan);
}

.product-route-failure-head span,
.product-route-failure-grid article > span,
.product-route-failure-grid small,
.product-route-failure-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-failure-head span,
.product-route-failure-grid article > span {
  color: var(--cyan);
  font-size: 0.64rem;
}

.product-route-failure-head p,
.product-route-failure-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-failure-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-failure-grid article {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 174px;
  padding: 15px;
}

.product-route-failure-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(135deg, transparent 0 16px, rgba(116, 199, 216, 0.05) 16px 17px),
    linear-gradient(135deg, rgba(225, 7, 20, 0.1), transparent 58%);
}

.product-route-failure-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-failure-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-failure-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-failure-grid em {
  align-self: end;
  color: var(--gold);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-escalation {
  grid-area: escalation;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.16), rgba(225, 7, 20, 0.12), rgba(116, 199, 216, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-escalation-head,
.product-route-escalation-grid article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.1), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-escalation-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--gold);
}

.product-route-escalation-head span,
.product-route-escalation-grid article > span,
.product-route-escalation-grid small,
.product-route-escalation-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-escalation-head span,
.product-route-escalation-grid article > span {
  color: var(--gold);
  font-size: 0.64rem;
}

.product-route-escalation-head p,
.product-route-escalation-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-escalation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-escalation-grid article {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 174px;
  padding: 15px;
}

.product-route-escalation-grid article::before {
  position: absolute;
  inset: auto 14px 14px;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--gold), var(--red), transparent);
  opacity: 0.78;
}

.product-route-escalation-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-escalation-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-escalation-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-escalation-grid em {
  align-self: end;
  color: var(--acid);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-acceptance {
  grid-area: acceptance;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.15), rgba(209, 177, 107, 0.12), rgba(116, 199, 216, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-acceptance-head,
.product-route-acceptance-grid article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(182, 243, 91, 0.1), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-acceptance-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--acid);
}

.product-route-acceptance-head span,
.product-route-acceptance-grid article > span,
.product-route-acceptance-grid small,
.product-route-acceptance-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-acceptance-head span,
.product-route-acceptance-grid article > span {
  color: var(--acid);
  font-size: 0.64rem;
}

.product-route-acceptance-head p,
.product-route-acceptance-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-acceptance-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-acceptance-grid article {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 174px;
  padding: 15px;
}

.product-route-acceptance-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(90deg, transparent 0 16px, rgba(182, 243, 91, 0.045) 16px 17px),
    linear-gradient(135deg, rgba(182, 243, 91, 0.08), transparent 58%);
}

.product-route-acceptance-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-acceptance-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-acceptance-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-acceptance-grid em {
  align-self: end;
  color: var(--cyan);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-specsheet {
  grid-area: specsheet;
  display: grid;
  grid-template-columns: minmax(260px, 0.4fr) minmax(260px, 0.34fr) minmax(0, 0.66fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.18), rgba(209, 177, 107, 0.12), rgba(116, 199, 216, 0.12)),
    rgba(255, 255, 255, 0.07);
}

.product-route-specsheet-head,
.product-route-specsheet figure,
.product-route-specsheet-grid article {
  min-width: 0;
  padding: 16px;
}

.product-route-specsheet-head {
  display: grid;
  align-content: center;
  gap: 10px;
  border-left: 3px solid var(--red);
}

.product-route-specsheet-head > span,
.product-route-specsheet-grid article > span {
  color: var(--red);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-specsheet-head p,
.product-route-specsheet-grid p,
.product-route-specsheet figcaption {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-specsheet figure {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: end;
  min-height: 312px;
  margin: 0;
  padding: 0;
}

.product-route-specsheet figure::before,
.product-route-specsheet figure::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
}

.product-route-specsheet figure::before {
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.72)),
    repeating-linear-gradient(90deg, transparent 0 28px, rgba(255, 255, 255, 0.045) 28px 29px);
}

.product-route-specsheet figure::after {
  z-index: 2;
  border: 1px solid rgba(225, 7, 20, 0.24);
  clip-path: polygon(0 0, 88% 0, 100% 22%, 100% 100%, 12% 100%, 0 78%);
}

.product-route-specsheet img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.18) contrast(1.08);
}

.product-route-specsheet figcaption {
  position: relative;
  z-index: 3;
  margin: 14px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.68);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-specsheet-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-specsheet-grid article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 156px;
}

.product-route-specsheet-grid article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  content: "";
  background: linear-gradient(180deg, var(--red), transparent);
}

.product-route-specsheet-grid strong {
  color: var(--paper);
  font-size: 1rem;
  line-height: 1.08;
}

.product-route-config {
  grid-area: config;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.16), rgba(209, 177, 107, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-config-head,
.product-route-config-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(116, 199, 216, 0.07), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-config-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--cyan);
}

.product-route-config-head span,
.product-route-config-grid article > span,
.product-route-config-grid small,
.product-route-config-grid dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-config-head span,
.product-route-config-grid article > span {
  color: var(--cyan);
  font-size: 0.64rem;
}

.product-route-config-head p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-config-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-config-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 228px;
  padding: 16px;
}

.product-route-config-grid article::before,
.product-route-config-grid article::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.product-route-config-grid article::before {
  inset: 0;
  background:
    linear-gradient(180deg, rgba(116, 199, 216, 0.12), transparent 46%),
    repeating-linear-gradient(90deg, transparent 0 34px, rgba(255, 255, 255, 0.035) 34px 35px);
}

.product-route-config-grid article::after {
  inset: auto 14px 14px;
  height: 2px;
  background: linear-gradient(90deg, var(--cyan), var(--gold), transparent);
  opacity: 0.74;
}

.product-route-config-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-config-grid strong {
  color: var(--paper);
  font-size: 1.08rem;
  line-height: 1.04;
}

.product-route-config-grid small {
  color: var(--gold);
  font-size: 0.64rem;
}

.product-route-config-grid dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.product-route-config-grid dt {
  color: rgba(116, 199, 216, 0.86);
  font-size: 0.6rem;
}

.product-route-config-grid dd {
  margin: -4px 0 5px;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.78rem;
  line-height: 1.34;
}

.product-route-timeline {
  grid-area: timeline;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.16), rgba(116, 199, 216, 0.12), rgba(182, 243, 91, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-timeline-head,
.product-route-timeline-rail article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-timeline-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--gold);
}

.product-route-timeline-head span,
.product-route-timeline-rail article > span,
.product-route-timeline-rail small,
.product-route-timeline-rail em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-timeline-head span,
.product-route-timeline-rail article > span {
  color: var(--gold);
  font-size: 0.64rem;
}

.product-route-timeline-head p,
.product-route-timeline-rail p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-timeline-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-timeline-rail article {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 188px;
  padding: 15px;
}

.product-route-timeline-rail article::before,
.product-route-timeline-rail article::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.product-route-timeline-rail article::before {
  inset: 0;
  background:
    linear-gradient(180deg, rgba(209, 177, 107, 0.1), transparent 52%),
    repeating-linear-gradient(0deg, transparent 0 22px, rgba(255, 255, 255, 0.035) 22px 23px);
}

.product-route-timeline-rail article::after {
  top: 15px;
  right: 14px;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(182, 243, 91, 0.32);
  border-radius: 50%;
  box-shadow: inset 0 0 0 5px rgba(182, 243, 91, 0.08);
}

.product-route-timeline-rail article > * {
  position: relative;
  z-index: 1;
}

.product-route-timeline-rail small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-timeline-rail strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-timeline-rail em {
  align-self: end;
  color: var(--acid);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-decision {
  grid-area: decision;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.18), rgba(209, 177, 107, 0.12), rgba(116, 199, 216, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-decision-head,
.product-route-decision-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-decision-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--red);
}

.product-route-decision-head span,
.product-route-decision-grid article > span,
.product-route-decision-grid small {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-decision-head span,
.product-route-decision-grid article > span {
  color: var(--red);
  font-size: 0.64rem;
}

.product-route-decision-head p,
.product-route-decision-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-decision-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-decision-grid article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 172px;
  padding: 15px;
}

.product-route-decision-grid article::before {
  position: absolute;
  inset: 12px 12px auto;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--red), transparent);
  opacity: 0.75;
}

.product-route-decision-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-decision-grid strong {
  color: var(--paper);
  font-size: 0.96rem;
  line-height: 1.08;
}

.product-route-runbook {
  grid-area: runbook;
  display: grid;
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.16), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-runbook-head,
.product-route-runbook-rail article {
  min-width: 0;
  padding: 16px;
}

.product-route-runbook-head {
  display: grid;
  align-content: center;
  gap: 10px;
  border-left: 3px solid var(--acid);
}

.product-route-runbook-head > span,
.product-route-runbook-rail small,
.product-route-runbook-rail article > span,
.product-route-runbook-rail em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-runbook-head > span,
.product-route-runbook-rail article > span {
  color: var(--acid);
  font-size: 0.66rem;
}

.product-route-runbook-head p,
.product-route-runbook-rail p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-runbook-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-runbook-rail article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 174px;
}

.product-route-runbook-rail article::before {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 42px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, var(--acid), transparent);
  opacity: 0.52;
}

.product-route-runbook-rail small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-runbook-rail strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
}

.product-route-runbook-rail em {
  align-self: end;
  color: var(--acid);
  font-size: 0.64rem;
  font-style: normal;
}

.product-route-private {
  grid-area: private;
  display: grid;
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr) minmax(168px, 0.18fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.14), rgba(209, 177, 107, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-private-head,
.product-route-private-grid article,
.product-route-private-action {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(116, 199, 216, 0.07), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-private-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--cyan);
}

.product-route-private-head span,
.product-route-private-grid article > span,
.product-route-private-grid small,
.product-route-private-action {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-private-head span,
.product-route-private-grid article > span {
  color: var(--cyan);
  font-size: 0.66rem;
}

.product-route-private-head p,
.product-route-private-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-private-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-private-grid article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 162px;
  padding: 15px;
}

.product-route-private-grid article::before {
  position: absolute;
  inset: auto 14px 14px;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--cyan), var(--gold), transparent);
  opacity: 0.68;
}

.product-route-private-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-private-grid strong {
  color: var(--paper);
  font-size: 0.96rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-private-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 100%;
  padding: 16px;
  color: var(--cyan);
  font-size: 0.7rem;
  line-height: 1.2;
}

.product-route-private-action:hover,
.product-route-private-action:focus-visible {
  color: var(--ink);
  outline: 0;
}

.product-route-support {
  grid-area: support;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.16), rgba(225, 7, 20, 0.1), rgba(116, 199, 216, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-support-head,
.product-route-support-grid article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-support-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--gold);
}

.product-route-support-head span,
.product-route-support-grid article > span,
.product-route-support-grid small,
.product-route-support-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-support-head span,
.product-route-support-grid article > span {
  color: var(--gold);
  font-size: 0.64rem;
}

.product-route-support-head p,
.product-route-support-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-support-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-support-grid article {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 172px;
  padding: 15px;
}

.product-route-support-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(135deg, transparent 0 18px, rgba(209, 177, 107, 0.045) 18px 19px),
    linear-gradient(135deg, rgba(225, 7, 20, 0.08), transparent 58%);
}

.product-route-support-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-support-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-support-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-support-grid em {
  align-self: end;
  color: var(--cyan);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-transcript {
  grid-area: transcript;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.13), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-transcript-head,
.product-route-transcript-log article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(182, 243, 91, 0.06), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-transcript-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--acid);
}

.product-route-transcript-head span,
.product-route-transcript-log article > span,
.product-route-transcript-log small,
.product-route-transcript-log dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-transcript-head span,
.product-route-transcript-log article > span {
  color: var(--acid);
  font-size: 0.64rem;
}

.product-route-transcript-head p,
.product-route-transcript-log p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-transcript-log {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.product-route-transcript-log article {
  position: relative;
  display: grid;
  grid-template-columns: minmax(54px, 0.1fr) minmax(140px, 0.22fr) minmax(0, 1fr) minmax(150px, 0.26fr);
  gap: 12px;
  align-items: start;
  min-height: 92px;
  padding: 14px;
}

.product-route-transcript-log article::before {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, var(--acid), var(--cyan), transparent);
  opacity: 0.52;
}

.product-route-transcript-log small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-transcript-log strong {
  color: var(--paper);
  font-size: 0.94rem;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.product-route-transcript-log dl {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 5px 8px;
  margin: 0;
}

.product-route-transcript-log dt,
.product-route-transcript-log dd {
  margin: 0;
  font-size: 0.62rem;
  line-height: 1.22;
}

.product-route-transcript-log dt {
  color: var(--dim);
}

.product-route-transcript-log dd {
  color: var(--acid);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.product-route-threat {
  grid-area: threat;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.18), rgba(116, 199, 216, 0.12), rgba(182, 243, 91, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-threat-head,
.product-route-threat-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-threat-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--red);
}

.product-route-threat-head span,
.product-route-threat-grid article > span,
.product-route-threat-grid small,
.product-route-threat-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-threat-head span,
.product-route-threat-grid article > span {
  color: var(--red);
  font-size: 0.64rem;
}

.product-route-threat-head p,
.product-route-threat-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-threat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-threat-grid article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 184px;
  padding: 15px;
}

.product-route-threat-grid article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  content: "";
  background: linear-gradient(180deg, var(--red), var(--cyan), transparent);
}

.product-route-threat-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-threat-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-threat-grid em {
  align-self: end;
  color: var(--acid);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-custody {
  grid-area: custody;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.18), rgba(209, 177, 107, 0.13), rgba(225, 7, 20, 0.09)),
    rgba(255, 255, 255, 0.07);
}

.product-route-custody-head,
.product-route-custody-rail article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(116, 199, 216, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-custody-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--cyan);
}

.product-route-custody-head span,
.product-route-custody-rail article > span,
.product-route-custody-rail small,
.product-route-custody-rail em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-custody-head span {
  color: var(--cyan);
  font-size: 0.64rem;
}

.product-route-custody-head p,
.product-route-custody-rail p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-custody-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-custody-rail article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 188px;
  padding: 15px;
}

.product-route-custody-rail article::before,
.product-route-custody-rail article::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.product-route-custody-rail article::before {
  inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 32px, rgba(116, 199, 216, 0.035) 32px 33px),
    linear-gradient(180deg, rgba(116, 199, 216, 0.1), transparent 46%);
}

.product-route-custody-rail article::after {
  inset: auto 14px 14px;
  height: 2px;
  background: linear-gradient(90deg, var(--cyan), var(--gold), transparent);
  opacity: 0.72;
}

.product-route-custody-rail article > * {
  position: relative;
  z-index: 1;
}

.product-route-custody-rail article > span {
  justify-self: start;
  min-width: 34px;
  padding: 5px 7px;
  border: 1px solid rgba(116, 199, 216, 0.24);
  color: var(--cyan);
  font-size: 0.62rem;
}

.product-route-custody-rail small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-custody-rail strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-custody-rail em {
  align-self: end;
  color: var(--gold);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-auth {
  grid-area: auth;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.18), rgba(225, 7, 20, 0.12), rgba(116, 199, 216, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-auth-head,
.product-route-auth-table article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-auth-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--gold);
}

.product-route-auth-head span,
.product-route-auth-table article > span,
.product-route-auth-table dt,
.product-route-auth-table dd {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-auth-head span,
.product-route-auth-table article > span {
  color: var(--gold);
  font-size: 0.64rem;
}

.product-route-auth-head p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-auth-table {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-auth-table article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 176px;
  padding: 15px;
}

.product-route-auth-table article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  content: "";
  background: linear-gradient(180deg, var(--gold), var(--red), transparent);
}

.product-route-auth-table strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-auth-table dl {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 5px 8px;
  align-self: end;
  margin: 0;
  padding-top: 10px;
  border-top: 1px solid rgba(209, 177, 107, 0.18);
}

.product-route-auth-table dt,
.product-route-auth-table dd {
  margin: 0;
  font-size: 0.62rem;
  line-height: 1.22;
}

.product-route-auth-table dt {
  color: var(--dim);
}

.product-route-auth-table dd {
  color: var(--acid);
  overflow-wrap: anywhere;
}

.product-route-redteam {
  grid-area: redteam;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.2), rgba(116, 199, 216, 0.12), rgba(209, 177, 107, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-redteam-head,
.product-route-redteam-rail article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.1), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-redteam-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--red);
}

.product-route-redteam-head span,
.product-route-redteam-rail article > span,
.product-route-redteam-rail small,
.product-route-redteam-rail em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-redteam-head span,
.product-route-redteam-rail article > span {
  color: var(--red);
  font-size: 0.64rem;
}

.product-route-redteam-head p,
.product-route-redteam-rail p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-redteam-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-redteam-rail article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 190px;
  padding: 15px;
}

.product-route-redteam-rail article::before,
.product-route-redteam-rail article::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.product-route-redteam-rail article::before {
  inset: 0;
  background:
    repeating-linear-gradient(180deg, transparent 0 18px, rgba(225, 7, 20, 0.04) 18px 19px),
    linear-gradient(135deg, rgba(225, 7, 20, 0.1), transparent 54%);
}

.product-route-redteam-rail article::after {
  inset: auto 14px 14px;
  height: 2px;
  background: linear-gradient(90deg, var(--red), var(--cyan), transparent);
  opacity: 0.72;
}

.product-route-redteam-rail article > * {
  position: relative;
  z-index: 1;
}

.product-route-redteam-rail small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-redteam-rail strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-redteam-rail em {
  align-self: end;
  color: var(--cyan);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-forensic {
  grid-area: forensic;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.14), rgba(116, 199, 216, 0.12), rgba(209, 177, 107, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-forensic-head,
.product-route-forensic-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(182, 243, 91, 0.1), transparent 60%),
    rgba(4, 8, 10, 0.95);
}

.product-route-forensic-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--acid);
}

.product-route-forensic-head span,
.product-route-forensic-grid article > span,
.product-route-forensic-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-forensic-head span,
.product-route-forensic-grid article > span {
  color: var(--acid);
  font-size: 0.64rem;
}

.product-route-forensic-head p,
.product-route-forensic-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-forensic-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-forensic-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 174px;
  padding: 15px;
}

.product-route-forensic-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.1), transparent 2px) 0 0 / 18px 100%,
    linear-gradient(180deg, rgba(116, 199, 216, 0.08), transparent 48%);
}

.product-route-forensic-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-forensic-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-forensic-grid em {
  align-self: end;
  color: var(--gold);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-docket {
  grid-area: docket;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.16), rgba(225, 7, 20, 0.12), rgba(116, 199, 216, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-docket-head,
.product-route-docket-rail article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.1), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-docket-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--gold);
}

.product-route-docket-head span,
.product-route-docket-rail article > span,
.product-route-docket-rail em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-docket-head span,
.product-route-docket-rail article > span {
  color: var(--gold);
  font-size: 0.64rem;
}

.product-route-docket-head p,
.product-route-docket-rail p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-docket-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-docket-rail article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 176px;
  padding: 15px;
}

.product-route-docket-rail article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(135deg, rgba(209, 177, 107, 0.1), transparent 48%),
    repeating-linear-gradient(90deg, transparent 0 26px, rgba(255, 255, 255, 0.04) 26px 27px);
}

.product-route-docket-rail article > * {
  position: relative;
  z-index: 1;
}

.product-route-docket-rail strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-docket-rail em {
  align-self: end;
  color: var(--cyan);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-license {
  grid-area: license;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.16), rgba(182, 243, 91, 0.1), rgba(225, 7, 20, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-license-head,
.product-route-license-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(116, 199, 216, 0.12), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-license-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--cyan);
}

.product-route-license-head span,
.product-route-license-grid article > span,
.product-route-license-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-license-head span,
.product-route-license-grid article > span {
  color: var(--cyan);
  font-size: 0.64rem;
}

.product-route-license-head p,
.product-route-license-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-license-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-license-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 176px;
  padding: 15px;
}

.product-route-license-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(180deg, transparent 0 21px, rgba(116, 199, 216, 0.05) 21px 22px),
    linear-gradient(135deg, rgba(116, 199, 216, 0.1), transparent 52%);
}

.product-route-license-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-license-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-license-grid em {
  align-self: end;
  color: var(--acid);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-corridor {
  grid-area: corridor;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.18), rgba(209, 177, 107, 0.12), rgba(116, 199, 216, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-corridor-head,
.product-route-corridor-grid article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.11), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-corridor-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--red);
}

.product-route-corridor-head span,
.product-route-corridor-grid article > span,
.product-route-corridor-grid small,
.product-route-corridor-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-corridor-head span,
.product-route-corridor-grid article > span {
  color: var(--red);
  font-size: 0.64rem;
}

.product-route-corridor-head p,
.product-route-corridor-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-corridor-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-corridor-grid article {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 176px;
  padding: 15px;
}

.product-route-corridor-grid article::before,
.product-route-corridor-grid article::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.product-route-corridor-grid article::before {
  inset: 0;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.16), transparent 2px) 0 0 / 22px 100%,
    linear-gradient(135deg, rgba(209, 177, 107, 0.1), transparent 56%);
}

.product-route-corridor-grid article::after {
  right: 13px;
  bottom: 13px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(209, 177, 107, 0.38);
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
}

.product-route-corridor-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-corridor-grid small {
  color: var(--dim);
  font-size: 0.62rem;
}

.product-route-corridor-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-corridor-grid em {
  align-self: end;
  color: var(--gold);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-bond {
  grid-area: bond;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.16), rgba(209, 177, 107, 0.12), rgba(116, 199, 216, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-bond-head,
.product-route-bond-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.12), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-bond-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--red);
}

.product-route-bond-head span,
.product-route-bond-grid article > span,
.product-route-bond-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-bond-head span,
.product-route-bond-grid article > span {
  color: var(--red);
  font-size: 0.64rem;
}

.product-route-bond-head p,
.product-route-bond-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-bond-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-bond-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 176px;
  padding: 15px;
}

.product-route-bond-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.1), transparent 52%),
    repeating-linear-gradient(90deg, transparent 0 22px, rgba(209, 177, 107, 0.045) 22px 23px);
}

.product-route-bond-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-bond-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-bond-grid em {
  align-self: end;
  color: var(--gold);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-escrow {
  grid-area: escrow;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.14), rgba(116, 199, 216, 0.14), rgba(209, 177, 107, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-escrow-head,
.product-route-escrow-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(182, 243, 91, 0.11), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-escrow-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--acid);
}

.product-route-escrow-head span,
.product-route-escrow-grid article > span,
.product-route-escrow-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-escrow-head span,
.product-route-escrow-grid article > span {
  color: var(--acid);
  font-size: 0.64rem;
}

.product-route-escrow-head p,
.product-route-escrow-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-escrow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-escrow-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 176px;
  padding: 15px;
}

.product-route-escrow-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(180deg, transparent 0 20px, rgba(182, 243, 91, 0.045) 20px 21px),
    linear-gradient(135deg, rgba(116, 199, 216, 0.1), transparent 52%);
}

.product-route-escrow-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-escrow-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-escrow-grid em {
  align-self: end;
  color: var(--cyan);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-monitor {
  grid-area: monitor;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.16), rgba(182, 243, 91, 0.1), rgba(209, 177, 107, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-monitor-head,
.product-route-monitor-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(116, 199, 216, 0.12), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-monitor-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--cyan);
}

.product-route-monitor-head span,
.product-route-monitor-grid article > span,
.product-route-monitor-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-monitor-head span,
.product-route-monitor-grid article > span {
  color: var(--cyan);
  font-size: 0.64rem;
}

.product-route-monitor-head p,
.product-route-monitor-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-monitor-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-monitor-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 176px;
  padding: 15px;
}

.product-route-monitor-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(116, 199, 216, 0.045) 18px 19px),
    linear-gradient(135deg, rgba(116, 199, 216, 0.1), transparent 52%);
}

.product-route-monitor-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-monitor-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-monitor-grid em {
  align-self: end;
  color: var(--acid);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-patch {
  grid-area: patch;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.15), rgba(116, 199, 216, 0.12), rgba(182, 243, 91, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-patch-head,
.product-route-patch-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.12), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-patch-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--gold);
}

.product-route-patch-head span,
.product-route-patch-grid article > span,
.product-route-patch-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-patch-head span,
.product-route-patch-grid article > span {
  color: var(--gold);
  font-size: 0.64rem;
}

.product-route-patch-head p,
.product-route-patch-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-patch-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-patch-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 176px;
  padding: 15px;
}

.product-route-patch-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(209, 177, 107, 0.045) 18px 19px),
    linear-gradient(135deg, rgba(209, 177, 107, 0.1), transparent 52%);
}

.product-route-patch-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-patch-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-patch-grid em {
  align-self: end;
  color: var(--acid);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-covenant {
  grid-area: covenant;
  display: grid;
  grid-template-columns: minmax(220px, 0.3fr) minmax(0, 1fr);
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.28);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.16), rgba(116, 199, 216, 0.1), rgba(209, 177, 107, 0.08)),
    rgba(255, 255, 255, 0.07);
}

.product-route-covenant-head,
.product-route-covenant-grid article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(225, 7, 20, 0.12), transparent 58%),
    rgba(4, 8, 10, 0.95);
}

.product-route-covenant-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--red);
}

.product-route-covenant-head span,
.product-route-covenant-grid article > span,
.product-route-covenant-grid em {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.product-route-covenant-head span,
.product-route-covenant-grid article > span {
  color: var(--red);
  font-size: 0.64rem;
}

.product-route-covenant-head p,
.product-route-covenant-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.8rem;
  line-height: 1.38;
}

.product-route-covenant-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
}

.product-route-covenant-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 176px;
  padding: 15px;
}

.product-route-covenant-grid article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(225, 7, 20, 0.045) 18px 19px),
    linear-gradient(135deg, rgba(225, 7, 20, 0.1), transparent 52%);
}

.product-route-covenant-grid article > * {
  position: relative;
  z-index: 1;
}

.product-route-covenant-grid strong {
  color: var(--paper);
  font-size: 0.98rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.product-route-covenant-grid em {
  align-self: end;
  color: var(--cyan);
  font-size: 0.62rem;
  font-style: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.product-route-switcher {
  grid-area: switcher;
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(116, 199, 216, 0.14);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.1), rgba(116, 199, 216, 0.06)),
    rgba(6, 8, 10, 0.86);
}

.product-route-switcher div {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(154px, 1fr);
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: thin;
  scrollbar-color: rgba(116, 199, 216, 0.55) rgba(255, 255, 255, 0.08);
  -webkit-overflow-scrolling: touch;
}

.product-route-switcher a {
  position: relative;
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 62px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  color: var(--paper);
  background: rgba(255, 255, 255, 0.035);
}

.product-route-switcher a::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: "";
  background: rgba(116, 199, 216, 0.34);
}

.product-route-switcher a:hover,
.product-route-switcher a:focus-visible,
.product-route-switcher a.is-active {
  border-color: rgba(225, 7, 20, 0.42);
  background: rgba(225, 7, 20, 0.12);
  transform: translateY(-1px);
}

.product-route-switcher a.is-active::before {
  background: var(--red);
}

.product-route-switcher a span {
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
}

.product-route-switcher a strong {
  font-size: 0.78rem;
  line-height: 1.12;
}

.product-route-ops {
  grid-area: ops;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.16);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.product-route-ops > span {
  grid-column: 1 / -1;
  padding: 10px 14px;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
  background: rgba(6, 8, 10, 0.94);
}

.product-route-ops article {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 178px;
  padding: 16px;
}

.product-route-ops h2 {
  margin: 0;
  color: var(--paper);
  font-size: 1rem;
  line-height: 1.08;
}

.product-route-ops ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-route-ops li {
  position: relative;
  padding-left: 13px;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.product-route-ops li::before {
  position: absolute;
  left: 0;
  top: 0.52em;
  width: 5px;
  height: 5px;
  content: "";
  background: var(--cyan);
}

.product-route-panels {
  grid-area: panels;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
}

.product-route-panels article {
  min-height: 300px;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 18px;
}

.product-route-panels h2 {
  margin: 0;
  font-size: 1.34rem;
  line-height: 1.08;
}

.product-route-panels p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.9rem;
}

.product-route-panels ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-route-panels li {
  position: relative;
  padding-left: 14px;
  color: var(--muted);
  font-size: 0.82rem;
}

.product-route-panels li::before {
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 5px;
  height: 5px;
  content: "";
  background: var(--red);
}

.product-route-related {
  grid-area: related;
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}

.product-route-related div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.product-route-related a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(116, 199, 216, 0.22);
  border-radius: 4px;
  color: var(--cyan);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.78rem;
  font-weight: 800;
}

.product-page-shell {
  position: fixed;
  inset: 0;
  z-index: 70;
  display: grid;
  place-items: center;
  padding: 22px;
}

.product-page-shell[hidden] {
  display: none;
}

.product-page-backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 22%, rgba(225, 7, 20, 0.16), transparent 34%),
    rgba(0, 0, 0, 0.78);
  backdrop-filter: blur(16px);
}

.product-page {
  position: relative;
  overflow: hidden auto;
  width: min(1060px, 100%);
  max-height: min(860px, calc(100svh - 44px));
  display: grid;
  border: 1px solid rgba(116, 199, 216, 0.28);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.16), transparent 34%, rgba(116, 199, 216, 0.08)),
    #080a0d;
  box-shadow: 0 44px 120px rgba(0, 0, 0, 0.72);
}

.product-page::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, transparent, rgba(182, 243, 91, 0.09), transparent),
    repeating-linear-gradient(0deg, transparent 0 34px, rgba(255, 255, 255, 0.035) 34px 35px);
  opacity: 0.7;
}

.product-page > * {
  position: relative;
  z-index: 1;
}

.product-close {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 3;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 4px;
  color: var(--ink);
  background: rgba(5, 5, 7, 0.82);
  cursor: pointer;
  font-size: 1.2rem;
  line-height: 1;
}

.product-page-hero {
  display: grid;
  gap: 12px;
  padding: 34px 58px 28px 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.product-page-kicker,
.product-page-hero strong,
.product-page-copy span,
.product-page-meta span {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-page-kicker,
.product-page-copy span {
  color: var(--cyan);
}

.product-page-hero strong {
  color: var(--acid);
}

.product-page-hero h2 {
  margin: 0;
  color: var(--ink);
  font-size: 3.25rem;
  line-height: 0.98;
}

.product-page-hero p {
  max-width: 760px;
  margin: 0;
  color: rgba(243, 244, 242, 0.74);
}

.product-page-body {
  display: grid;
  grid-template-columns: minmax(170px, 0.22fr) minmax(0, 1fr) minmax(170px, 0.22fr);
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.product-page-tabs,
.product-page-panel,
.product-page-meta {
  background: rgba(5, 7, 9, 0.9);
}

.product-page-tabs {
  display: grid;
  align-content: start;
}

.product-page-tab {
  min-height: 58px;
  padding: 0 14px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
}

.product-page-tab:hover,
.product-page-tab:focus-visible,
.product-page-tab.is-active {
  color: var(--ink);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.28), rgba(116, 199, 216, 0.08)),
    rgba(255, 255, 255, 0.03);
  outline: 0;
}

.product-page-panel {
  display: grid;
  gap: 24px;
  min-height: 360px;
  padding: 26px;
}

.product-page-copy {
  display: grid;
  align-content: start;
  gap: 12px;
}

.product-page-copy h3 {
  margin: 0;
  font-size: 2rem;
  line-height: 1.04;
}

.product-page-copy p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
}

.product-page-list {
  display: grid;
  gap: 8px;
}

.product-page-list div {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.08), transparent),
    rgba(255, 255, 255, 0.035);
}

.product-page-list span {
  color: var(--red);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
  font-weight: 900;
}

.product-page-list strong {
  color: var(--ink);
  font-size: 0.96rem;
  line-height: 1.25;
}

.product-page-meta {
  display: grid;
  align-content: start;
}

.product-page-meta div {
  display: grid;
  gap: 6px;
  min-height: 92px;
  padding: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.product-page-meta span {
  color: var(--dim);
}

.product-page-meta strong {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.98rem;
}

.foundry-section {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(280px, 0.42fr) minmax(0, 0.78fr);
  gap: 28px;
  width: min(1180px, 100%);
  margin: 0 auto;
  background:
    radial-gradient(circle at 72% 18%, rgba(116, 199, 216, 0.15), transparent 30%),
    linear-gradient(100deg, rgba(225, 7, 20, 0.1), transparent 38%, rgba(182, 243, 91, 0.055)),
    #050608;
}

.foundry-section::before,
.foundry-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.foundry-section::before {
  inset: 26px 32px;
  border: 1px solid rgba(116, 199, 216, 0.16);
  clip-path: polygon(0 0, 88% 0, 100% 18%, 100% 100%, 11% 100%, 0 84%);
}

.foundry-section::after {
  inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 80px, rgba(255, 255, 255, 0.035) 80px 81px),
    repeating-linear-gradient(0deg, transparent 0 44px, rgba(116, 199, 216, 0.035) 44px 45px);
  mask-image: linear-gradient(90deg, transparent, #000 34%, #000 88%, transparent);
}

.foundry-copy,
.foundry-console {
  position: relative;
  z-index: 1;
}

.foundry-copy {
  align-self: center;
}

.foundry-copy h2 {
  font-size: 3rem;
}

.foundry-copy p {
  color: var(--muted);
}

.foundry-console {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(260px, 0.62fr) minmax(180px, 0.34fr);
  grid-template-areas:
    "media controls"
    "readout readout";
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.42), rgba(116, 199, 216, 0.24), rgba(182, 243, 91, 0.18)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.foundry-media {
  position: relative;
  grid-area: media;
  min-height: 336px;
  overflow: hidden;
  background: #050507;
}

.foundry-media img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  filter: saturate(1.12) contrast(1.12) brightness(0.72);
  transform: scale(1.03);
}

.foundry-media::before,
.foundry-media::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
}

.foundry-media::before {
  background:
    linear-gradient(90deg, rgba(5, 5, 7, 0.76), rgba(5, 5, 7, 0.16) 52%, rgba(5, 5, 7, 0.78)),
    radial-gradient(circle at 45% 44%, rgba(182, 243, 91, 0.18), transparent 32%);
}

.foundry-media::after {
  background:
    linear-gradient(rgba(116, 199, 216, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 199, 216, 0.06) 1px, transparent 1px);
  background-size: 42px 42px;
  mix-blend-mode: screen;
  opacity: 0.8;
}

.foundry-overlay {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 1;
  display: grid;
  gap: 8px;
}

.foundry-overlay span {
  display: inline-flex;
  width: fit-content;
  min-height: 28px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(182, 243, 91, 0.18);
  background: rgba(5, 5, 7, 0.72);
  color: rgba(243, 244, 242, 0.78);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
}

.foundry-controls {
  grid-area: controls;
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.foundry-platform {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 84px;
  padding: 14px;
  border: 0;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.12), transparent 44%),
    rgba(7, 9, 11, 0.94);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.foundry-platform::after {
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--red), var(--acid), transparent);
  opacity: 0;
  transform: translateX(-34%);
  transition: opacity 160ms ease;
}

.foundry-platform span {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
}

.foundry-platform strong {
  color: inherit;
  font-size: 0.9rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.foundry-platform:hover,
.foundry-platform:focus-visible,
.foundry-platform.is-active {
  color: var(--ink);
  background:
    linear-gradient(120deg, rgba(225, 7, 20, 0.22), transparent 40%, rgba(116, 199, 216, 0.1)),
    rgba(12, 15, 18, 0.98);
  outline: 0;
  transform: translateX(-2px);
}

.foundry-platform:hover::after,
.foundry-platform:focus-visible::after,
.foundry-platform.is-active::after {
  opacity: 1;
}

.foundry-readout {
  grid-area: readout;
  display: grid;
  grid-template-columns: minmax(108px, 0.18fr) minmax(170px, 0.25fr) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 18px;
  background:
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(255, 255, 255, 0.035) 20px 21px),
    linear-gradient(90deg, rgba(116, 199, 216, 0.1), transparent 48%, rgba(225, 7, 20, 0.1)),
    rgba(5, 6, 8, 0.94);
}

.foundry-readout > span {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.foundry-readout > strong {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.foundry-readout h3,
.foundry-readout p,
.foundry-readout dl {
  margin: 0;
}

.foundry-readout h3 {
  color: var(--ink);
  font-size: 1.22rem;
  line-height: 1.08;
}

.foundry-readout p {
  grid-column: 2 / -1;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.86rem;
}

.foundry-readout dl {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.foundry-readout dl div {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: rgba(5, 5, 7, 0.72);
}

.foundry-readout dt {
  color: var(--dim);
  font-size: 0.6rem;
  font-weight: 900;
  text-transform: uppercase;
}

.foundry-readout dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  font-weight: 900;
}

.tech-registry-section {
  position: relative;
  overflow: hidden;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.38fr) minmax(0, 1fr);
  gap: 28px;
  background:
    radial-gradient(circle at 18% 18%, rgba(182, 243, 91, 0.1), transparent 30%),
    linear-gradient(110deg, rgba(116, 199, 216, 0.1), transparent 42%, rgba(225, 7, 20, 0.08)),
    #050608;
}

.tech-registry-section::before {
  position: absolute;
  inset: 24px 32px;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(182, 243, 91, 0.14);
  clip-path: polygon(0 0, 92% 0, 100% 20%, 100% 100%, 8% 100%, 0 82%);
}

.tech-registry-copy,
.tech-registry {
  position: relative;
  z-index: 1;
}

.tech-registry-copy {
  align-self: center;
}

.tech-registry-copy h2 {
  font-size: 2.7rem;
}

.tech-registry-copy p {
  color: var(--muted);
}

.tech-registry {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.14), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.12)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.tech-registry article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 354px;
  min-width: 0;
  padding: 15px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 54%),
    rgba(5, 8, 10, 0.94);
}

.tech-registry article::before {
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--acid), var(--cyan), transparent);
  opacity: 0.82;
}

.tech-registry article > * {
  position: relative;
  z-index: 1;
}

.tech-registry article > span,
.tech-registry dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.tech-registry article > span {
  color: var(--acid);
}

.tech-registry h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1.02rem;
  line-height: 1.06;
}

.tech-registry p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.8rem;
  line-height: 1.4;
}

.tech-registry dl {
  display: grid;
  gap: 1px;
  margin: auto 0 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.tech-registry dl div {
  display: grid;
  gap: 4px;
  min-height: 48px;
  padding: 8px;
  background: rgba(0, 0, 0, 0.24);
}

.tech-registry dt {
  color: var(--dim);
}

.tech-registry dd {
  margin: 0;
  color: rgba(243, 244, 242, 0.84);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.18;
}

.tech-registry a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(182, 243, 91, 0.24);
  border-radius: 4px;
  color: var(--acid);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.tech-registry a:hover,
.tech-registry a:focus-visible {
  border-color: rgba(225, 7, 20, 0.44);
  color: var(--red);
  outline: 0;
}

.systems-section {
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1fr);
  gap: 34px;
  width: min(1180px, 100%);
  margin: 0 auto;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.08), transparent 44%),
    #07080a;
}

.systems-section::before {
  position: absolute;
  inset: 20px 32px;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(116, 199, 216, 0.12);
  clip-path: polygon(0 0, 100% 0, 100% 76%, 93% 100%, 0 100%);
}

.systems-copy {
  position: relative;
  align-self: center;
}

.systems-copy h2 {
  font-size: 3rem;
}

.systems-copy p {
  color: var(--muted);
}

.systems-console {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  overflow: hidden;
  padding: 16px;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(116, 199, 216, 0.08), rgba(225, 7, 20, 0.045)),
    rgba(14, 17, 20, 0.88);
  box-shadow: var(--shadow);
}

.systems-console::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, transparent, rgba(182, 243, 91, 0.16), transparent),
    repeating-linear-gradient(90deg, transparent 0 64px, rgba(116, 199, 216, 0.06) 64px 65px);
  transform: translateX(-100%);
  animation: consoleSweep 7s ease-in-out infinite;
}

.systems-console article {
  position: relative;
  min-height: 184px;
  display: grid;
  align-content: space-between;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.12), transparent 38%),
    rgba(5, 5, 7, 0.54);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.systems-console article:hover,
.systems-console article:focus-visible,
.systems-console article.is-active {
  border-color: rgba(182, 243, 91, 0.44);
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.18), transparent 36%, rgba(182, 243, 91, 0.08)),
    rgba(7, 9, 11, 0.88);
  outline: 0;
  transform: translateY(-2px);
}

.systems-console article > * {
  position: relative;
}

.systems-console span {
  color: var(--acid);
  font-size: 0.72rem;
  font-weight: 900;
}

.systems-console h3 {
  margin: 0;
  font-size: 1.24rem;
}

.systems-console p {
  margin: 0;
  color: var(--muted);
}

.systems-orchestrator {
  position: relative;
  z-index: 1;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(120px, 0.22fr) minmax(180px, 0.28fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(182, 243, 91, 0.18);
  border-radius: 4px;
  background:
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(255, 255, 255, 0.035) 20px 21px),
    linear-gradient(90deg, rgba(116, 199, 216, 0.1), transparent 52%, rgba(225, 7, 20, 0.08)),
    rgba(5, 5, 7, 0.68);
}

.systems-orchestrator > span {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.systems-orchestrator > strong {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.9rem;
}

.systems-orchestrator h3,
.systems-orchestrator p,
.systems-orchestrator dl {
  margin: 0;
}

.systems-orchestrator h3 {
  font-size: 1.15rem;
}

.systems-orchestrator p {
  grid-column: 2 / -1;
  color: rgba(243, 244, 242, 0.74);
  font-size: 0.84rem;
}

.systems-orchestrator dl {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.systems-orchestrator dl div {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: rgba(5, 5, 7, 0.72);
}

.systems-orchestrator dt {
  color: var(--dim);
  font-size: 0.6rem;
  font-weight: 900;
  text-transform: uppercase;
}

.systems-orchestrator dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  font-weight: 900;
}

.ice-section {
  position: relative;
  overflow: hidden;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 0.88fr);
  gap: 28px;
  align-items: stretch;
  background:
    radial-gradient(circle at 76% 46%, rgba(116, 199, 216, 0.14), transparent 30%),
    radial-gradient(circle at 48% 56%, rgba(225, 7, 20, 0.14), transparent 32%),
    linear-gradient(118deg, rgba(5, 5, 7, 0.98), rgba(10, 13, 17, 0.98)),
    #050507;
}

.ice-section::before,
.ice-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.ice-section::before {
  inset: 30px;
  border: 1px solid rgba(116, 199, 216, 0.18);
  clip-path: polygon(0 12%, 12% 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
}

.ice-section::after {
  inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 46px, rgba(116, 199, 216, 0.04) 46px 47px),
    repeating-linear-gradient(0deg, transparent 0 34px, rgba(225, 7, 20, 0.04) 34px 35px);
  mask-image: radial-gradient(circle at 67% 52%, #000, transparent 68%);
}

.ice-copy,
.ice-console {
  position: relative;
  z-index: 1;
}

.ice-copy {
  align-self: center;
}

.ice-copy h2 {
  margin: 0;
  font-size: 3rem;
  line-height: 0.98;
}

.ice-copy p {
  color: var(--muted);
}

.ice-console {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(260px, 0.58fr) minmax(190px, 0.34fr);
  grid-template-areas:
    "core vectors"
    "readout readout";
  gap: 1px;
  min-height: 520px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.28);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.42), rgba(225, 7, 20, 0.36), rgba(182, 243, 91, 0.18)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.ice-core {
  position: relative;
  grid-area: core;
  display: grid;
  min-height: 360px;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle, rgba(116, 199, 216, 0.2), transparent 36%),
    repeating-linear-gradient(135deg, transparent 0 24px, rgba(255, 255, 255, 0.045) 24px 25px),
    #050507;
}

.ice-core::before,
.ice-core::after,
.ice-core span {
  position: absolute;
  content: "";
}

.ice-core::before {
  inset: 38px;
  border: 1px solid rgba(116, 199, 216, 0.32);
  border-radius: 50%;
  box-shadow:
    0 0 54px rgba(116, 199, 216, 0.16),
    inset 0 0 42px rgba(225, 7, 20, 0.12);
}

.ice-core::after {
  inset: 26px;
  background:
    conic-gradient(from 160deg, transparent, rgba(116, 199, 216, 0.42), transparent, rgba(225, 7, 20, 0.34), transparent);
  border-radius: 50%;
  mask-image: radial-gradient(circle, transparent 0 50%, #000 51%, transparent 66%);
  animation: coreSpin 11s linear infinite;
}

.ice-core span {
  border: 1px solid rgba(225, 7, 20, 0.32);
  border-radius: 50%;
}

.ice-core span:nth-child(1) {
  inset: 70px;
  animation: coreSpin 16s linear infinite reverse;
}

.ice-core span:nth-child(2) {
  inset: 108px;
  border-color: rgba(182, 243, 91, 0.34);
  animation: coreSpin 8s linear infinite;
}

.ice-core span:nth-child(3) {
  left: 50%;
  top: 50%;
  width: 72%;
  height: 1px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(90deg, transparent, rgba(182, 243, 91, 0.82), transparent);
  box-shadow: 0 0 28px rgba(182, 243, 91, 0.34);
  transform: translate(-50%, -50%) rotate(-24deg);
}

.ice-core strong {
  position: relative;
  z-index: 2;
  display: grid;
  width: 132px;
  height: 132px;
  place-items: center;
  border: 1px solid rgba(116, 199, 216, 0.48);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(225, 7, 20, 0.12), transparent 56%),
    rgba(5, 5, 7, 0.84);
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.78rem;
  text-align: center;
  box-shadow: 0 0 44px rgba(116, 199, 216, 0.18);
}

.ice-vectors {
  grid-area: vectors;
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.ice-vector {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 90px;
  padding: 14px;
  border: 0;
  background:
    linear-gradient(135deg, rgba(116, 199, 216, 0.14), transparent 44%),
    rgba(7, 9, 11, 0.94);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.ice-vector::after {
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--cyan), var(--red), transparent);
  opacity: 0;
  transform: translateX(-28%);
}

.ice-vector span {
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
}

.ice-vector strong {
  color: inherit;
  font-size: 0.86rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.ice-vector:hover,
.ice-vector:focus-visible,
.ice-vector.is-active {
  color: var(--ink);
  background:
    linear-gradient(120deg, rgba(116, 199, 216, 0.24), transparent 42%, rgba(225, 7, 20, 0.16)),
    rgba(12, 15, 18, 0.98);
  outline: 0;
  transform: translateX(-2px);
}

.ice-vector:hover::after,
.ice-vector:focus-visible::after,
.ice-vector.is-active::after {
  opacity: 1;
}

.ice-readout {
  grid-area: readout;
  display: grid;
  grid-template-columns: minmax(120px, 0.2fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 18px;
  background:
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(255, 255, 255, 0.034) 20px 21px),
    linear-gradient(90deg, rgba(116, 199, 216, 0.13), transparent 50%, rgba(225, 7, 20, 0.1)),
    rgba(5, 6, 8, 0.95);
}

.ice-readout > span {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.ice-readout h3,
.ice-readout p,
.ice-readout dl {
  margin: 0;
}

.ice-readout h3 {
  color: var(--ink);
  font-size: 1.22rem;
  line-height: 1.08;
}

.ice-readout p {
  grid-column: 2 / -1;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.86rem;
}

.ice-readout dl {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.ice-readout dl div {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: rgba(5, 5, 7, 0.72);
}

.ice-readout dt {
  color: var(--dim);
  font-size: 0.6rem;
  font-weight: 900;
  text-transform: uppercase;
}

.ice-readout dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  font-weight: 900;
}

.swarm-section {
  position: relative;
  overflow: hidden;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 0.88fr);
  gap: 28px;
  align-items: stretch;
  background:
    radial-gradient(circle at 76% 32%, rgba(182, 243, 91, 0.12), transparent 28%),
    radial-gradient(circle at 42% 66%, rgba(225, 7, 20, 0.12), transparent 31%),
    linear-gradient(108deg, rgba(5, 5, 7, 0.98), rgba(12, 14, 18, 0.96)),
    #050507;
}

.swarm-section::before,
.swarm-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.swarm-section::before {
  inset: 30px;
  border: 1px solid rgba(182, 243, 91, 0.14);
  clip-path: polygon(0 0, 90% 0, 100% 18%, 100% 100%, 12% 100%, 0 82%);
}

.swarm-section::after {
  inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 58px, rgba(182, 243, 91, 0.035) 58px 59px),
    repeating-linear-gradient(0deg, transparent 0 42px, rgba(255, 255, 255, 0.028) 42px 43px);
  mask-image: radial-gradient(circle at 68% 48%, #000, transparent 70%);
}

.swarm-copy,
.swarm-console {
  position: relative;
  z-index: 1;
}

.swarm-copy {
  align-self: center;
}

.swarm-copy h2 {
  margin: 0;
  font-size: 3rem;
  line-height: 0.98;
}

.swarm-copy p {
  color: var(--muted);
}

.swarm-console {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(280px, 0.62fr) minmax(190px, 0.34fr);
  grid-template-areas:
    "sky modes"
    "readout readout";
  gap: 1px;
  min-height: 520px;
  padding: 1px;
  border: 1px solid rgba(182, 243, 91, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(182, 243, 91, 0.3), rgba(116, 199, 216, 0.2), rgba(225, 7, 20, 0.3)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.swarm-sky {
  position: relative;
  grid-area: sky;
  min-height: 360px;
  overflow: hidden;
  background:
    radial-gradient(circle at 52% 48%, rgba(182, 243, 91, 0.16), transparent 28%),
    linear-gradient(28deg, transparent 0 48%, rgba(116, 199, 216, 0.14) 49% 50%, transparent 51%),
    repeating-linear-gradient(90deg, transparent 0 36px, rgba(255, 255, 255, 0.045) 36px 37px),
    repeating-linear-gradient(0deg, transparent 0 36px, rgba(255, 255, 255, 0.04) 36px 37px),
    rgba(5, 5, 7, 0.95);
}

.swarm-sky::before,
.swarm-sky::after {
  position: absolute;
  content: "";
}

.swarm-sky::before {
  inset: 42px;
  border: 1px solid rgba(182, 243, 91, 0.22);
  border-radius: 50%;
  box-shadow: inset 0 0 48px rgba(116, 199, 216, 0.08);
}

.swarm-sky::after {
  left: 50%;
  top: 50%;
  width: 70%;
  aspect-ratio: 1;
  border: 1px dashed rgba(225, 7, 20, 0.28);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: coreSpin 22s linear infinite reverse;
}

.swarm-unit {
  position: absolute;
  z-index: 2;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(182, 243, 91, 0.8);
  border-radius: 50%;
  background: rgba(182, 243, 91, 0.22);
  box-shadow:
    0 0 20px rgba(182, 243, 91, 0.42),
    0 0 0 8px rgba(182, 243, 91, 0.05);
}

.swarm-unit::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 42px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, rgba(182, 243, 91, 0.5), transparent);
  transform: translateY(-50%);
}

.unit-a { left: 28%; top: 24%; }
.unit-b { right: 25%; top: 26%; }
.unit-c { left: 18%; bottom: 28%; }
.unit-d { right: 22%; bottom: 22%; }
.unit-e { left: 50%; top: 50%; transform: translate(-50%, -50%); }

.swarm-sky strong {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  display: grid;
  width: 126px;
  height: 126px;
  place-items: center;
  border: 1px solid rgba(182, 243, 91, 0.48);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(116, 199, 216, 0.1), transparent 58%),
    rgba(5, 5, 7, 0.84);
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.86rem;
  text-align: center;
  transform: translate(-50%, -50%);
}

.swarm-formations {
  grid-area: modes;
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.swarm-mode {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 90px;
  padding: 14px;
  border: 0;
  background:
    linear-gradient(135deg, rgba(182, 243, 91, 0.12), transparent 44%),
    rgba(7, 9, 11, 0.94);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.swarm-mode::after {
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--acid), var(--cyan), transparent);
  opacity: 0;
  transform: translateX(-28%);
}

.swarm-mode span {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
}

.swarm-mode strong {
  color: inherit;
  font-size: 0.86rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.swarm-mode:hover,
.swarm-mode:focus-visible,
.swarm-mode.is-active {
  color: var(--ink);
  background:
    linear-gradient(120deg, rgba(182, 243, 91, 0.22), transparent 42%, rgba(225, 7, 20, 0.14)),
    rgba(12, 15, 18, 0.98);
  outline: 0;
  transform: translateX(-2px);
}

.swarm-mode:hover::after,
.swarm-mode:focus-visible::after,
.swarm-mode.is-active::after {
  opacity: 1;
}

.swarm-readout {
  grid-area: readout;
  display: grid;
  grid-template-columns: minmax(120px, 0.2fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 18px;
  background:
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(255, 255, 255, 0.034) 20px 21px),
    linear-gradient(90deg, rgba(182, 243, 91, 0.12), transparent 52%, rgba(225, 7, 20, 0.1)),
    rgba(5, 6, 8, 0.95);
}

.swarm-readout > span {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.swarm-readout h3,
.swarm-readout p,
.swarm-readout dl {
  margin: 0;
}

.swarm-readout h3 {
  color: var(--ink);
  font-size: 1.22rem;
  line-height: 1.08;
}

.swarm-readout p {
  grid-column: 2 / -1;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.86rem;
}

.swarm-readout dl {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.swarm-readout dl div {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: rgba(5, 5, 7, 0.72);
}

.swarm-readout dt {
  color: var(--dim);
  font-size: 0.6rem;
  font-weight: 900;
  text-transform: uppercase;
}

.swarm-readout dd {
  margin: 0;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  font-weight: 900;
}

.stack-section {
  position: relative;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.46fr) minmax(0, 0.74fr) minmax(220px, 0.36fr);
  gap: 24px;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.08), transparent 42%, rgba(182, 243, 91, 0.055)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.026) 0 1px, transparent 1px 20px),
    #08090b;
}

.stack-section::before {
  position: absolute;
  inset: 32px;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.08);
  clip-path: polygon(0 0, 92% 0, 100% 16%, 100% 100%, 8% 100%, 0 84%);
}

.stack-copy,
.stack-shell,
.stack-core {
  position: relative;
  z-index: 1;
}

.stack-copy h2 {
  font-size: 2.85rem;
}

.stack-copy p {
  color: var(--muted);
}

.stack-shell {
  display: grid;
  gap: 10px;
}

.stack-layer {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(110px, 0.32fr) minmax(160px, 0.44fr) minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 86px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01)),
    rgba(14, 17, 20, 0.82);
  cursor: pointer;
  transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

.stack-layer::before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(225, 7, 20, 0.2), transparent 34%, rgba(116, 199, 216, 0.1));
  opacity: 0.25;
  transition: opacity 160ms ease;
}

.stack-layer::after {
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--red), var(--acid), transparent);
  transform: translateX(-34%);
  animation: stackPulse 5.5s ease-in-out infinite;
}

.stack-layer:nth-child(2)::after {
  animation-delay: 0.5s;
}

.stack-layer:nth-child(3)::after {
  animation-delay: 1s;
}

.stack-layer:nth-child(4)::after {
  animation-delay: 1.5s;
}

.stack-layer:nth-child(5)::after {
  animation-delay: 2s;
}

.stack-layer:hover,
.stack-layer:focus-visible,
.stack-layer.is-active {
  border-color: rgba(182, 243, 91, 0.42);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.16), rgba(116, 199, 216, 0.06)),
    rgba(14, 17, 20, 0.94);
  transform: translateX(4px);
  outline: 0;
}

.stack-layer:hover::before,
.stack-layer:focus-visible::before,
.stack-layer.is-active::before {
  opacity: 0.64;
}

.stack-layer > * {
  position: relative;
  margin: 0;
}

.stack-layer span {
  color: var(--acid);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.stack-layer h3 {
  font-size: 1.08rem;
  line-height: 1.15;
}

.stack-layer p {
  color: var(--muted);
  font-size: 0.86rem;
}

.layer-memory {
  margin-left: 18px;
}

.layer-network {
  margin-left: 36px;
}

.layer-capital {
  margin-left: 18px;
}

.stack-core {
  min-height: 430px;
  display: grid;
  align-content: space-between;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(182, 243, 91, 0.18);
  border-radius: 6px;
  background:
    radial-gradient(circle at 50% 45%, rgba(182, 243, 91, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(5, 5, 7, 0.72);
  box-shadow: var(--shadow);
}

.stack-axis {
  display: grid;
  gap: 8px;
}

.stack-axis span,
.stack-checks span {
  display: flex;
  align-items: center;
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.stack-axis span.is-active {
  border-color: rgba(182, 243, 91, 0.42);
  color: var(--acid);
  background: rgba(182, 243, 91, 0.06);
}

.stack-sigil {
  position: relative;
  display: grid;
  width: 138px;
  height: 138px;
  place-items: center;
  justify-self: center;
  border: 1px solid rgba(225, 7, 20, 0.58);
  color: var(--ink);
  font-size: 3rem;
  font-weight: 900;
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
}

.stack-sigil::before,
.stack-sigil::after {
  position: absolute;
  inset: 18px;
  content: "";
  border: 1px solid rgba(182, 243, 91, 0.52);
  clip-path: inherit;
  animation: coreSpin 12s linear infinite;
}

.stack-sigil::after {
  inset: 36px;
  border-color: rgba(116, 199, 216, 0.48);
  animation-duration: 8s;
  animation-direction: reverse;
}

.stack-readout {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(116, 199, 216, 0.16);
  border-radius: 4px;
  background:
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(255, 255, 255, 0.035) 18px 19px),
    rgba(5, 5, 7, 0.54);
}

.stack-readout > span {
  color: var(--dim);
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.stack-readout strong {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
}

.stack-readout h3 {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.1;
}

.stack-readout p {
  margin: 0;
  color: var(--muted);
  font-size: 0.8rem;
}

.stack-readout dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 4px 0 0;
  background: rgba(255, 255, 255, 0.08);
}

.stack-readout dl div {
  display: grid;
  gap: 4px;
  padding: 8px;
  background: rgba(5, 5, 7, 0.7);
}

.stack-readout dt {
  color: var(--dim);
  font-size: 0.58rem;
  font-weight: 900;
  text-transform: uppercase;
}

.stack-readout dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.7rem;
  font-weight: 900;
}

.stack-checks {
  display: grid;
  gap: 8px;
}

.stack-checks span {
  color: var(--acid);
}

.archive-section {
  position: relative;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(270px, 0.44fr) minmax(0, 1fr);
  gap: 28px;
  align-items: stretch;
  background:
    radial-gradient(circle at 72% 46%, rgba(182, 243, 91, 0.12), transparent 30%),
    linear-gradient(135deg, rgba(116, 199, 216, 0.08), transparent 42%, rgba(225, 7, 20, 0.08)),
    #06080a;
}

.archive-section::before,
.archive-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.archive-section::before {
  inset: 28px 32px;
  border: 1px solid rgba(182, 243, 91, 0.14);
  clip-path: polygon(0 0, 100% 0, 100% 82%, 90% 100%, 0 100%);
}

.archive-section::after {
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 52%, rgba(182, 243, 91, 0.07) 52% 53%, transparent 53%),
    repeating-linear-gradient(0deg, transparent 0 44px, rgba(255, 255, 255, 0.026) 44px 45px);
  opacity: 0.82;
}

.archive-copy,
.archive-console {
  position: relative;
  z-index: 1;
}

.archive-copy {
  display: grid;
  align-content: center;
}

.archive-copy h2 {
  font-size: 3rem;
}

.archive-copy p {
  color: var(--muted);
}

.archive-console {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(170px, 0.34fr) minmax(0, 1fr);
  border: 1px solid rgba(182, 243, 91, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(7, 10, 12, 0.92);
  box-shadow: var(--shadow);
}

.archive-console::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, transparent, rgba(116, 199, 216, 0.15), transparent),
    repeating-linear-gradient(90deg, transparent 0 48px, rgba(255, 255, 255, 0.04) 48px 49px);
  transform: translateX(-100%);
  animation: consoleSweep 9s ease-in-out infinite;
}

.archive-tabs,
.archive-display {
  position: relative;
  z-index: 1;
}

.archive-tabs {
  display: grid;
  align-content: stretch;
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.archive-tab {
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 118px;
  padding: 16px;
  border: 0;
  color: var(--muted);
  background: rgba(5, 5, 7, 0.84);
  text-align: left;
  cursor: pointer;
}

.archive-tab:hover,
.archive-tab:focus-visible,
.archive-tab.is-active {
  color: var(--ink);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.24), rgba(182, 243, 91, 0.06)),
    rgba(10, 12, 14, 0.94);
}

.archive-tab span {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.74rem;
  font-weight: 900;
}

.archive-tab strong {
  font-size: 0.92rem;
  line-height: 1.08;
  text-transform: uppercase;
}

.archive-display {
  display: grid;
  grid-template-columns: minmax(170px, 0.36fr) minmax(0, 1fr);
  gap: 26px;
  align-items: center;
  min-height: 380px;
  padding: 28px;
}

.archive-core {
  position: relative;
  display: grid;
  width: min(210px, 100%);
  aspect-ratio: 1;
  place-items: center;
  justify-self: center;
  border: 1px solid rgba(182, 243, 91, 0.34);
  background:
    radial-gradient(circle, rgba(116, 199, 216, 0.14), transparent 48%),
    rgba(5, 5, 7, 0.7);
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
}

.archive-core::before,
.archive-core::after,
.archive-core span {
  position: absolute;
  content: "";
  border: 1px solid rgba(225, 7, 20, 0.5);
  clip-path: inherit;
}

.archive-core::before {
  inset: 18px;
  animation: coreSpin 12s linear infinite;
}

.archive-core::after {
  inset: 40px;
  border-color: rgba(182, 243, 91, 0.48);
  animation: coreSpin 8s linear infinite reverse;
}

.archive-core span {
  inset: 62px;
  border-color: rgba(116, 199, 216, 0.44);
}

.archive-core span + span {
  inset: 78px;
  border-style: dashed;
}

.archive-core strong {
  position: relative;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 1.35rem;
  text-shadow: 0 0 24px rgba(182, 243, 91, 0.36);
}

.archive-readout {
  display: grid;
  gap: 14px;
}

.archive-readout > span {
  color: var(--dim);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.archive-readout h3 {
  margin: 0;
  font-size: 2.1rem;
  line-height: 1.02;
}

.archive-readout p {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
}

.archive-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 10px 0 0;
  background: rgba(255, 255, 255, 0.08);
}

.archive-stats div {
  display: grid;
  gap: 6px;
  min-height: 86px;
  align-content: center;
  padding: 12px;
  background: rgba(5, 5, 7, 0.78);
}

.archive-stats dt {
  color: var(--dim);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.archive-stats dd {
  margin: 0;
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 1rem;
}

.mikoshi-section {
  position: relative;
  overflow: hidden;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.38fr) minmax(0, 0.92fr);
  gap: 28px;
  align-items: stretch;
  background:
    radial-gradient(circle at 66% 32%, rgba(225, 7, 20, 0.18), transparent 30%),
    radial-gradient(circle at 78% 72%, rgba(116, 199, 216, 0.14), transparent 28%),
    linear-gradient(135deg, rgba(182, 243, 91, 0.055), transparent 46%),
    #050507;
}

.mikoshi-section::before,
.mikoshi-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.mikoshi-section::before {
  inset: 28px;
  border: 1px solid rgba(225, 7, 20, 0.22);
  clip-path: polygon(0 0, 76% 0, 100% 24%, 100% 100%, 18% 100%, 0 78%);
}

.mikoshi-section::after {
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 18%, rgba(225, 7, 20, 0.07) 18% 19%, transparent 19%),
    linear-gradient(90deg, transparent 0 76%, rgba(116, 199, 216, 0.08) 76% 77%, transparent 77%),
    repeating-linear-gradient(0deg, transparent 0 34px, rgba(255, 255, 255, 0.026) 34px 35px);
  mask-image: radial-gradient(circle at 64% 48%, #000, transparent 72%);
}

.mikoshi-copy,
.mikoshi-console {
  position: relative;
  z-index: 1;
}

.mikoshi-copy {
  align-self: center;
}

.mikoshi-copy h2 {
  margin: 0;
  font-size: 2.92rem;
  line-height: 0.98;
}

.mikoshi-copy p {
  color: var(--muted);
}

.mikoshi-console {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(270px, 0.58fr) minmax(178px, 0.32fr);
  grid-template-areas:
    "core modes"
    "readout readout";
  gap: 1px;
  min-height: 540px;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.28);
  border-radius: 6px;
  background:
    linear-gradient(110deg, rgba(225, 7, 20, 0.32), rgba(116, 199, 216, 0.22), rgba(182, 243, 91, 0.12)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.mikoshi-console::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  content: "";
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.11), transparent),
    repeating-linear-gradient(90deg, transparent 0 42px, rgba(255, 255, 255, 0.035) 42px 43px);
  transform: translateX(-100%);
  animation: consoleSweep 10s ease-in-out infinite;
}

.mikoshi-core,
.mikoshi-modes,
.mikoshi-readout {
  position: relative;
  z-index: 2;
}

.mikoshi-core {
  grid-area: core;
  overflow: hidden;
  display: grid;
  min-height: 390px;
  place-items: center;
  background:
    radial-gradient(circle at center, rgba(116, 199, 216, 0.14), transparent 38%),
    linear-gradient(180deg, rgba(5, 5, 7, 0.62), rgba(7, 10, 12, 0.94));
}

.mikoshi-core::before,
.mikoshi-core::after {
  position: absolute;
  content: "";
}

.mikoshi-core::before {
  width: min(360px, 70%);
  aspect-ratio: 1;
  border: 1px solid rgba(225, 7, 20, 0.38);
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
  animation: coreSpin 18s linear infinite;
}

.mikoshi-core::after {
  width: min(260px, 54%);
  aspect-ratio: 1;
  border: 1px dashed rgba(182, 243, 91, 0.34);
  border-radius: 50%;
  animation: coreSpin 11s linear infinite reverse;
}

.mikoshi-column {
  position: relative;
  z-index: 2;
  display: grid;
  width: min(118px, 28vw);
  height: min(310px, 58vw);
  place-items: center;
  border: 1px solid rgba(116, 199, 216, 0.42);
  background:
    linear-gradient(90deg, transparent 0 26%, rgba(116, 199, 216, 0.14) 26% 28%, transparent 28% 72%, rgba(225, 7, 20, 0.16) 72% 74%, transparent 74%),
    linear-gradient(180deg, rgba(225, 7, 20, 0.12), rgba(116, 199, 216, 0.1)),
    rgba(5, 5, 7, 0.78);
  box-shadow:
    inset 0 0 34px rgba(116, 199, 216, 0.18),
    0 0 48px rgba(225, 7, 20, 0.18);
}

.mikoshi-column span {
  position: absolute;
  left: 12px;
  right: 12px;
  height: 1px;
  background: rgba(182, 243, 91, 0.46);
  box-shadow: 0 0 18px rgba(182, 243, 91, 0.4);
}

.mikoshi-column span:nth-child(1) {
  top: 22%;
}

.mikoshi-column span:nth-child(2) {
  top: 50%;
}

.mikoshi-column span:nth-child(3) {
  top: 78%;
}

.mikoshi-column strong {
  position: relative;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 1.28rem;
  text-shadow: 0 0 28px rgba(182, 243, 91, 0.46);
}

.mikoshi-ring {
  position: absolute;
  border: 1px solid rgba(116, 199, 216, 0.28);
  border-radius: 50%;
}

.ring-one {
  width: min(420px, 78%);
  aspect-ratio: 1;
}

.ring-two {
  width: min(310px, 62%);
  aspect-ratio: 1;
  border-color: rgba(225, 7, 20, 0.3);
}

.mikoshi-shards {
  position: absolute;
  inset: 16%;
}

.mikoshi-shards i {
  position: absolute;
  width: 78px;
  height: 22px;
  border: 1px solid rgba(225, 7, 20, 0.42);
  background: rgba(5, 5, 7, 0.74);
  clip-path: polygon(0 0, 84% 0, 100% 50%, 84% 100%, 0 100%, 14% 50%);
}

.mikoshi-shards i:nth-child(1) {
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}

.mikoshi-shards i:nth-child(2) {
  right: 3%;
  top: 48%;
  transform: rotate(90deg);
}

.mikoshi-shards i:nth-child(3) {
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}

.mikoshi-shards i:nth-child(4) {
  left: 3%;
  top: 48%;
  transform: rotate(-90deg);
}

.mikoshi-modes {
  grid-area: modes;
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.mikoshi-mode {
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 96px;
  padding: 15px;
  border: 0;
  color: var(--muted);
  background: rgba(5, 5, 7, 0.84);
  text-align: left;
  cursor: pointer;
}

.mikoshi-mode:hover,
.mikoshi-mode:focus-visible,
.mikoshi-mode.is-active {
  color: var(--ink);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.3), rgba(116, 199, 216, 0.08)),
    rgba(10, 12, 14, 0.94);
}

.mikoshi-mode span {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
  font-weight: 900;
}

.mikoshi-mode strong {
  font-size: 0.92rem;
  line-height: 1.05;
  text-transform: uppercase;
}

.mikoshi-readout {
  grid-area: readout;
  display: grid;
  grid-template-columns: minmax(170px, 0.24fr) minmax(0, 1fr);
  gap: 12px 24px;
  align-content: center;
  min-height: 150px;
  padding: 22px 24px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.16), transparent 54%),
    rgba(5, 5, 7, 0.9);
}

.mikoshi-readout > span {
  color: var(--dim);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.mikoshi-readout h3 {
  margin: 0;
  font-size: 1.95rem;
  line-height: 1.02;
}

.mikoshi-readout p {
  grid-column: 2 / -1;
  max-width: 650px;
  margin: 0;
  color: var(--muted);
}

.mikoshi-readout dl {
  grid-column: 2 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 4px 0 0;
  background: rgba(255, 255, 255, 0.08);
}

.mikoshi-readout dl div {
  display: grid;
  gap: 6px;
  min-height: 76px;
  align-content: center;
  padding: 12px;
  background: rgba(8, 10, 12, 0.82);
}

.mikoshi-readout dt {
  color: var(--dim);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.mikoshi-readout dd {
  margin: 0;
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.soulkiller-section {
  position: relative;
  overflow: hidden;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.4fr) minmax(0, 0.9fr);
  gap: 28px;
  align-items: stretch;
  background:
    radial-gradient(circle at 76% 40%, rgba(225, 7, 20, 0.22), transparent 30%),
    radial-gradient(circle at 44% 70%, rgba(182, 243, 91, 0.1), transparent 26%),
    linear-gradient(120deg, rgba(116, 199, 216, 0.07), transparent 48%, rgba(225, 7, 20, 0.1)),
    #050507;
}

.soulkiller-section::before,
.soulkiller-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.soulkiller-section::before {
  inset: 26px 30px;
  border: 1px solid rgba(225, 7, 20, 0.28);
  clip-path: polygon(0 18%, 14% 0, 100% 0, 100% 78%, 86% 100%, 0 100%);
}

.soulkiller-section::after {
  inset: 0;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.11), transparent 18% 82%, rgba(225, 7, 20, 0.09)),
    repeating-linear-gradient(90deg, transparent 0 28px, rgba(255, 255, 255, 0.028) 28px 29px),
    repeating-linear-gradient(0deg, transparent 0 52px, rgba(225, 7, 20, 0.04) 52px 53px);
  mask-image: radial-gradient(circle at 66% 50%, #000, transparent 72%);
}

.soulkiller-copy,
.soulkiller-console {
  position: relative;
  z-index: 1;
}

.soulkiller-copy {
  align-self: center;
}

.soulkiller-copy h2 {
  margin: 0;
  font-size: 2.92rem;
  line-height: 0.98;
}

.soulkiller-copy p {
  color: var(--muted);
}

.soulkiller-console {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(280px, 0.62fr) minmax(172px, 0.3fr);
  grid-template-areas:
    "array stages"
    "readout readout";
  gap: 1px;
  min-height: 540px;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.34);
  border-radius: 6px;
  background:
    linear-gradient(120deg, rgba(225, 7, 20, 0.42), rgba(116, 199, 216, 0.16), rgba(182, 243, 91, 0.1)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.soulkiller-console::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  content: "";
  background:
    linear-gradient(90deg, transparent, rgba(225, 7, 20, 0.14), transparent),
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(255, 255, 255, 0.03) 18px 19px);
  transform: translateX(-100%);
  animation: consoleSweep 7s ease-in-out infinite;
}

.soulkiller-array,
.soulkiller-stages,
.soulkiller-readout {
  position: relative;
  z-index: 2;
}

.soulkiller-array {
  grid-area: array;
  overflow: hidden;
  display: grid;
  min-height: 390px;
  place-items: center;
  background:
    radial-gradient(circle at 50% 48%, rgba(225, 7, 20, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(7, 10, 12, 0.66), rgba(5, 5, 7, 0.96));
}

.soulkiller-array::before,
.soulkiller-array::after {
  position: absolute;
  content: "";
}

.soulkiller-array::before {
  width: min(400px, 78%);
  aspect-ratio: 1.45;
  border: 1px solid rgba(116, 199, 216, 0.28);
  clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);
}

.soulkiller-array::after {
  left: 50%;
  top: 10%;
  bottom: 10%;
  width: 2px;
  background: linear-gradient(180deg, transparent, rgba(225, 7, 20, 0.78), transparent);
  box-shadow: 0 0 38px rgba(225, 7, 20, 0.56);
  transform: translateX(-50%);
}

.soulkiller-array > i {
  position: absolute;
  width: 92px;
  height: 36px;
  border: 1px solid rgba(225, 7, 20, 0.44);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.24), transparent),
    rgba(5, 5, 7, 0.72);
  clip-path: polygon(0 0, 72% 0, 100% 50%, 72% 100%, 0 100%, 16% 50%);
}

.soulkiller-array > i:nth-of-type(1) {
  left: 10%;
  top: 18%;
}

.soulkiller-array > i:nth-of-type(2) {
  right: 10%;
  top: 18%;
  transform: scaleX(-1);
}

.soulkiller-array > i:nth-of-type(3) {
  left: 10%;
  bottom: 18%;
}

.soulkiller-array > i:nth-of-type(4) {
  right: 10%;
  bottom: 18%;
  transform: scaleX(-1);
}

.soulkiller-scan {
  position: relative;
  z-index: 2;
  display: grid;
  width: min(260px, 62%);
  aspect-ratio: 0.82;
  place-items: center;
  border: 1px solid rgba(225, 7, 20, 0.48);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.14), transparent 28% 72%, rgba(116, 199, 216, 0.1)),
    repeating-linear-gradient(0deg, transparent 0 24px, rgba(182, 243, 91, 0.04) 24px 25px),
    rgba(5, 5, 7, 0.78);
  box-shadow:
    inset 0 0 42px rgba(225, 7, 20, 0.22),
    0 0 56px rgba(225, 7, 20, 0.2);
  clip-path: polygon(18% 0, 82% 0, 100% 18%, 100% 82%, 82% 100%, 18% 100%, 0 82%, 0 18%);
}

.soulkiller-scan::before,
.soulkiller-scan::after,
.soulkiller-scan span {
  position: absolute;
  content: "";
}

.soulkiller-scan::before {
  inset: 24px;
  border: 1px solid rgba(182, 243, 91, 0.28);
  clip-path: inherit;
}

.soulkiller-scan::after {
  left: 18%;
  right: 18%;
  top: 48%;
  height: 2px;
  background: rgba(182, 243, 91, 0.72);
  box-shadow: 0 0 24px rgba(182, 243, 91, 0.44);
  animation: scanLine 4s ease-in-out infinite;
}

.soulkiller-scan span {
  top: 18%;
  bottom: 18%;
  width: 1px;
  background: rgba(116, 199, 216, 0.38);
}

.soulkiller-scan span:first-child {
  left: 32%;
}

.soulkiller-scan span:nth-child(2) {
  right: 32%;
}

.soulkiller-scan strong {
  position: relative;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 1.22rem;
  text-shadow: 0 0 28px rgba(182, 243, 91, 0.46);
}

.soulkiller-stages {
  grid-area: stages;
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.soulkiller-stage {
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 96px;
  padding: 15px;
  border: 0;
  color: var(--muted);
  background: rgba(5, 5, 7, 0.84);
  text-align: left;
  cursor: pointer;
}

.soulkiller-stage:hover,
.soulkiller-stage:focus-visible,
.soulkiller-stage.is-active {
  color: var(--ink);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.34), rgba(182, 243, 91, 0.06)),
    rgba(10, 12, 14, 0.94);
}

.soulkiller-stage span {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
  font-weight: 900;
}

.soulkiller-stage strong {
  font-size: 0.92rem;
  line-height: 1.05;
  text-transform: uppercase;
}

.soulkiller-readout {
  grid-area: readout;
  display: grid;
  grid-template-columns: minmax(170px, 0.24fr) minmax(0, 1fr);
  gap: 12px 24px;
  align-content: center;
  min-height: 150px;
  padding: 22px 24px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.2), transparent 54%),
    rgba(5, 5, 7, 0.9);
}

.soulkiller-readout > span {
  color: var(--dim);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.soulkiller-readout h3 {
  margin: 0;
  font-size: 1.95rem;
  line-height: 1.02;
}

.soulkiller-readout p {
  grid-column: 2 / -1;
  max-width: 650px;
  margin: 0;
  color: var(--muted);
}

.soulkiller-readout dl {
  grid-column: 2 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 4px 0 0;
  background: rgba(255, 255, 255, 0.08);
}

.soulkiller-readout dl div {
  display: grid;
  gap: 6px;
  min-height: 76px;
  align-content: center;
  padding: 12px;
  background: rgba(8, 10, 12, 0.82);
}

.soulkiller-readout dt {
  color: var(--dim);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.soulkiller-readout dd {
  margin: 0;
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.vault-section {
  position: relative;
  overflow: hidden;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 0.88fr);
  gap: 28px;
  align-items: stretch;
  background:
    radial-gradient(circle at 74% 40%, rgba(116, 199, 216, 0.15), transparent 28%),
    radial-gradient(circle at 48% 64%, rgba(209, 177, 107, 0.13), transparent 30%),
    linear-gradient(110deg, rgba(5, 5, 7, 0.98), rgba(10, 12, 16, 0.97)),
    #050507;
}

.vault-section::before,
.vault-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.vault-section::before {
  inset: 30px;
  border: 1px solid rgba(116, 199, 216, 0.18);
  clip-path: polygon(0 0, 86% 0, 100% 20%, 100% 100%, 12% 100%, 0 82%);
}

.vault-section::after {
  inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 64px, rgba(116, 199, 216, 0.04) 64px 65px),
    repeating-linear-gradient(0deg, transparent 0 40px, rgba(209, 177, 107, 0.035) 40px 41px);
  mask-image: radial-gradient(circle at 68% 46%, #000, transparent 70%);
}

.vault-copy,
.vault-console {
  position: relative;
  z-index: 1;
}

.vault-copy {
  align-self: center;
}

.vault-copy h2 {
  margin: 0;
  font-size: 3rem;
  line-height: 0.98;
}

.vault-copy p {
  color: var(--muted);
}

.vault-console {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(280px, 0.62fr) minmax(190px, 0.34fr);
  grid-template-areas:
    "orbit tiers"
    "readout readout";
  gap: 1px;
  min-height: 520px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.25);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.34), rgba(209, 177, 107, 0.28), rgba(225, 7, 20, 0.22)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.vault-orbit {
  position: relative;
  grid-area: orbit;
  display: grid;
  min-height: 360px;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle, rgba(116, 199, 216, 0.18), transparent 30%),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 36px, rgba(255, 255, 255, 0.035) 36px 37px),
    #050507;
}

.vault-orbit::before,
.vault-orbit::after,
.vault-orbit span {
  position: absolute;
  content: "";
  border-radius: 50%;
}

.vault-orbit::before {
  inset: 42px;
  border: 1px solid rgba(116, 199, 216, 0.3);
  box-shadow: inset 0 0 52px rgba(116, 199, 216, 0.08);
}

.vault-orbit::after {
  inset: 28px;
  background:
    conic-gradient(from 120deg, transparent, rgba(116, 199, 216, 0.38), transparent, rgba(209, 177, 107, 0.32), transparent);
  mask-image: radial-gradient(circle, transparent 0 54%, #000 55%, transparent 66%);
  animation: coreSpin 18s linear infinite;
}

.vault-orbit span:nth-child(1) {
  inset: 74px;
  border: 1px dashed rgba(209, 177, 107, 0.4);
  animation: coreSpin 24s linear infinite reverse;
}

.vault-orbit span:nth-child(2) {
  inset: 112px;
  border: 1px solid rgba(182, 243, 91, 0.28);
  animation: coreSpin 12s linear infinite;
}

.vault-orbit span:nth-child(3) {
  left: 50%;
  top: 50%;
  width: 72%;
  height: 1px;
  border-radius: 0;
  background: linear-gradient(90deg, transparent, rgba(116, 199, 216, 0.72), transparent);
  box-shadow: 0 0 26px rgba(116, 199, 216, 0.32);
  transform: translate(-50%, -50%) rotate(22deg);
}

.vault-orbit strong {
  position: relative;
  z-index: 2;
  display: grid;
  width: 132px;
  height: 132px;
  place-items: center;
  border: 1px solid rgba(116, 199, 216, 0.48);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(209, 177, 107, 0.1), transparent 58%),
    rgba(5, 5, 7, 0.84);
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.86rem;
  text-align: center;
}

.vault-tiers {
  grid-area: tiers;
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.vault-tier {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 90px;
  padding: 14px;
  border: 0;
  background:
    linear-gradient(135deg, rgba(116, 199, 216, 0.13), transparent 44%),
    rgba(7, 9, 11, 0.94);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.vault-tier::after {
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--cyan), var(--gold), transparent);
  opacity: 0;
}

.vault-tier span {
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
}

.vault-tier strong {
  color: inherit;
  font-size: 0.86rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.vault-tier:hover,
.vault-tier:focus-visible,
.vault-tier.is-active {
  color: var(--ink);
  background:
    linear-gradient(120deg, rgba(116, 199, 216, 0.24), transparent 42%, rgba(209, 177, 107, 0.14)),
    rgba(12, 15, 18, 0.98);
  outline: 0;
  transform: translateX(-2px);
}

.vault-tier:hover::after,
.vault-tier:focus-visible::after,
.vault-tier.is-active::after {
  opacity: 1;
}

.vault-tier-ghost {
  background:
    linear-gradient(135deg, rgba(182, 243, 91, 0.1), transparent 42%, rgba(116, 199, 216, 0.08)),
    rgba(7, 9, 11, 0.94);
}

.vault-readout {
  grid-area: readout;
  display: grid;
  grid-template-columns: minmax(120px, 0.2fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 18px;
  background:
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(255, 255, 255, 0.034) 20px 21px),
    linear-gradient(90deg, rgba(116, 199, 216, 0.13), transparent 52%, rgba(209, 177, 107, 0.1)),
    rgba(5, 6, 8, 0.95);
}

.vault-readout > span {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.vault-readout h3,
.vault-readout p,
.vault-readout dl {
  margin: 0;
}

.vault-readout h3 {
  color: var(--ink);
  font-size: 1.22rem;
  line-height: 1.08;
}

.vault-readout p {
  grid-column: 2 / -1;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.86rem;
}

.vault-readout dl {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.vault-readout dl div {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: rgba(5, 5, 7, 0.72);
}

.vault-readout dt {
  color: var(--dim);
  font-size: 0.6rem;
  font-weight: 900;
  text-transform: uppercase;
}

.vault-readout dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  font-weight: 900;
}

.custody-section {
  position: relative;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.52fr) minmax(0, 0.88fr) minmax(190px, 0.34fr);
  gap: 24px;
  align-items: center;
  background:
    radial-gradient(circle at 84% 46%, rgba(209, 177, 107, 0.15), transparent 28%),
    linear-gradient(90deg, rgba(225, 7, 20, 0.08), transparent 42%, rgba(116, 199, 216, 0.06)),
    #07080a;
}

.custody-section::before {
  position: absolute;
  inset: 28px 32px;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(209, 177, 107, 0.16);
  clip-path: polygon(0 0, 100% 0, 100% 78%, 92% 100%, 0 100%);
}

.custody-copy,
.custody-board,
.custody-orb {
  position: relative;
  z-index: 1;
}

.custody-copy h2 {
  font-size: 2.85rem;
}

.custody-copy p {
  color: var(--muted);
}

.custody-board {
  overflow: hidden;
  border: 1px solid rgba(209, 177, 107, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(209, 177, 107, 0.06), rgba(225, 7, 20, 0.035)),
    rgba(12, 13, 15, 0.88);
  box-shadow: var(--shadow);
}

.custody-header,
.custody-board article {
  display: grid;
  grid-template-columns: minmax(150px, 1.2fr) minmax(70px, 0.5fr) minmax(150px, 0.9fr) minmax(58px, 0.34fr);
  gap: 14px;
  align-items: center;
}

.custody-header {
  min-height: 42px;
  padding: 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--dim);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.custody-board article {
  position: relative;
  min-height: 78px;
  padding: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease;
}

.custody-board article:last-child {
  border-bottom: 0;
}

.custody-board article::before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(209, 177, 107, 0.12), transparent 28%, rgba(116, 199, 216, 0.06));
  opacity: 0;
  transition: opacity 180ms ease;
}

.custody-board article:hover::before,
.custody-board article:focus-visible::before,
.custody-board article.is-active::before {
  opacity: 1;
}

.custody-board article:focus-visible {
  outline: 2px solid rgba(116, 199, 216, 0.78);
  outline-offset: -2px;
}

.custody-board article.is-active {
  background: rgba(209, 177, 107, 0.06);
}

.custody-board article.is-active em {
  color: var(--gold);
}

.custody-board article > * {
  position: relative;
}

.custody-board article span:first-child {
  color: var(--ink);
  font-weight: 850;
}

.custody-board strong {
  color: var(--gold);
  font-size: 0.82rem;
  text-transform: uppercase;
}

.custody-board article span:nth-child(3),
.custody-board em {
  color: var(--muted);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.78rem;
  font-style: normal;
}

.custody-board em {
  color: var(--acid);
}

.custody-orb {
  min-height: 330px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background:
    radial-gradient(circle, rgba(209, 177, 107, 0.22), transparent 48%),
    rgba(5, 5, 7, 0.62);
}

.orb-shell {
  position: relative;
  display: grid;
  width: 150px;
  height: 150px;
  place-items: center;
  border: 1px solid rgba(209, 177, 107, 0.52);
  border-radius: 50%;
}

.orb-shell span {
  position: absolute;
  inset: 14px;
  border: 1px dashed rgba(182, 243, 91, 0.42);
  border-radius: 50%;
  animation: coreSpin 15s linear infinite;
}

.orb-shell span + span {
  inset: 32px;
  border-style: solid;
  border-color: rgba(225, 7, 20, 0.42);
  animation-duration: 9s;
  animation-direction: reverse;
}

.orb-shell strong {
  color: var(--gold);
  font-size: 3rem;
}

.orb-caption {
  display: grid;
  justify-items: center;
  gap: 4px;
  text-align: center;
}

.orb-caption span {
  color: var(--dim);
  font-size: 0.68rem;
  font-weight: 900;
}

.orb-caption strong {
  color: var(--acid);
  font-size: 0.78rem;
}

.custody-detail {
  width: 100%;
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(5, 5, 7, 0.58);
}

.custody-detail span {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.custody-detail strong {
  color: var(--ink);
  font-size: 0.95rem;
  line-height: 1.1;
}

.custody-detail p {
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
}

.capital-section {
  position: relative;
  overflow: hidden;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 0.86fr);
  gap: 28px;
  align-items: stretch;
  padding: 84px 32px;
  background:
    radial-gradient(circle at 74% 36%, rgba(209, 177, 107, 0.18), transparent 30%),
    radial-gradient(circle at 42% 64%, rgba(116, 199, 216, 0.1), transparent 32%),
    linear-gradient(100deg, rgba(225, 7, 20, 0.08), transparent 46%),
    #050608;
}

.capital-section::before,
.capital-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.capital-section::before {
  inset: 26px 32px;
  border: 1px solid rgba(209, 177, 107, 0.18);
  clip-path: polygon(0 0, 88% 0, 100% 18%, 100% 100%, 10% 100%, 0 82%);
}

.capital-section::after {
  inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 72px, rgba(209, 177, 107, 0.04) 72px 73px),
    repeating-linear-gradient(0deg, transparent 0 38px, rgba(255, 255, 255, 0.025) 38px 39px);
  mask-image: linear-gradient(90deg, transparent, #000 28%, #000 88%, transparent);
}

.capital-copy,
.capital-console,
.treasury-stack {
  position: relative;
  z-index: 1;
}

.capital-copy {
  align-self: center;
}

.capital-copy h2 {
  margin: 0;
  font-size: 3rem;
  line-height: 0.98;
}

.capital-copy p {
  color: var(--muted);
}

.capital-console {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(260px, 0.62fr) minmax(180px, 0.34fr);
  grid-template-areas:
    "graph controls"
    "readout readout";
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.36), rgba(116, 199, 216, 0.2), rgba(225, 7, 20, 0.24)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.capital-graph {
  position: relative;
  grid-area: graph;
  min-height: 350px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 52%, rgba(209, 177, 107, 0.18), transparent 26%),
    repeating-linear-gradient(90deg, transparent 0 38px, rgba(255, 255, 255, 0.04) 38px 39px),
    rgba(5, 5, 7, 0.94);
}

.capital-graph::before,
.capital-graph::after {
  position: absolute;
  content: "";
}

.capital-graph::before {
  inset: 48px;
  border: 1px solid rgba(209, 177, 107, 0.28);
  border-radius: 50%;
  box-shadow: inset 0 0 48px rgba(209, 177, 107, 0.08);
}

.capital-graph::after {
  inset: 34px;
  background: conic-gradient(from 40deg, transparent, rgba(209, 177, 107, 0.36), transparent, rgba(116, 199, 216, 0.22), transparent);
  border-radius: 50%;
  mask-image: radial-gradient(circle, transparent 0 52%, #000 53%, transparent 66%);
  animation: coreSpin 16s linear infinite reverse;
}

.capital-node {
  position: absolute;
  z-index: 1;
  display: inline-grid;
  min-width: 76px;
  min-height: 32px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(5, 5, 7, 0.72);
  color: rgba(243, 244, 242, 0.78);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
}

.node-ledger {
  left: 16%;
  top: 22%;
  color: var(--gold);
}

.node-patent {
  right: 14%;
  top: 28%;
  color: var(--cyan);
}

.node-myth {
  left: 18%;
  bottom: 22%;
  color: var(--acid);
}

.node-ghost {
  right: 18%;
  bottom: 18%;
  border-color: rgba(182, 243, 91, 0.24);
  color: rgba(182, 243, 91, 0.86);
}

.capital-graph strong {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: grid;
  width: 118px;
  height: 118px;
  place-items: center;
  border: 1px solid rgba(209, 177, 107, 0.48);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(225, 7, 20, 0.1), transparent 58%),
    rgba(5, 5, 7, 0.84);
  color: var(--gold);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.94rem;
  transform: translate(-50%, -50%);
}

.capital-controls {
  grid-area: controls;
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.capital-mode {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 88px;
  padding: 14px;
  border: 0;
  background:
    linear-gradient(135deg, rgba(209, 177, 107, 0.12), transparent 44%),
    rgba(7, 9, 11, 0.94);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.capital-mode::after {
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--gold), var(--acid), transparent);
  opacity: 0;
  transform: translateX(-34%);
  transition: opacity 160ms ease;
}

.capital-mode span {
  color: var(--gold);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
}

.capital-mode strong {
  color: inherit;
  font-size: 0.9rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.capital-mode:hover,
.capital-mode:focus-visible,
.capital-mode.is-active {
  color: var(--ink);
  background:
    linear-gradient(120deg, rgba(209, 177, 107, 0.22), transparent 40%, rgba(116, 199, 216, 0.1)),
    rgba(12, 15, 18, 0.98);
  outline: 0;
  transform: translateX(-2px);
}

.capital-mode:hover::after,
.capital-mode:focus-visible::after,
.capital-mode.is-active::after {
  opacity: 1;
}

.capital-mode-ghost {
  background:
    linear-gradient(135deg, rgba(116, 199, 216, 0.12), transparent 40%, rgba(182, 243, 91, 0.06)),
    rgba(7, 9, 11, 0.94);
}

.capital-readout {
  grid-area: readout;
  display: grid;
  grid-template-columns: minmax(120px, 0.22fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 18px;
  background:
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(255, 255, 255, 0.035) 20px 21px),
    linear-gradient(90deg, rgba(209, 177, 107, 0.12), transparent 50%, rgba(225, 7, 20, 0.08)),
    rgba(5, 6, 8, 0.95);
}

.capital-readout > span {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.capital-readout h3,
.capital-readout p,
.capital-readout dl {
  margin: 0;
}

.capital-readout h3 {
  color: var(--ink);
  font-size: 1.22rem;
  line-height: 1.08;
}

.capital-readout p {
  grid-column: 2 / -1;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.86rem;
}

.capital-readout dl {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.capital-readout dl div {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: rgba(5, 5, 7, 0.72);
}

.capital-readout dt {
  color: var(--dim);
  font-size: 0.6rem;
  font-weight: 900;
  text-transform: uppercase;
}

.capital-readout dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  font-weight: 900;
}

.treasury-stack {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(250px, 0.38fr) repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.2), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.treasury-stack-head,
.treasury-stack article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.94);
}

.treasury-stack-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  border-left: 3px solid var(--gold);
}

.treasury-stack-head span,
.treasury-stack article > span,
.treasury-stack dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.63rem;
  font-weight: 900;
  text-transform: uppercase;
}

.treasury-stack-head span,
.treasury-stack article > span {
  color: var(--gold);
}

.treasury-stack-head strong {
  color: var(--paper);
  font-size: 1.18rem;
  line-height: 1.05;
}

.treasury-stack-head p,
.treasury-stack article p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.82rem;
  line-height: 1.42;
}

.treasury-stack article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 244px;
  padding: 16px;
}

.treasury-stack article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, rgba(209, 177, 107, 0.12), transparent 48%),
    repeating-linear-gradient(0deg, transparent 0 24px, rgba(255, 255, 255, 0.035) 24px 25px);
}

.treasury-stack article > * {
  position: relative;
  z-index: 1;
}

.treasury-stack h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1rem;
  line-height: 1.08;
}

.treasury-stack dl {
  display: grid;
  gap: 1px;
  align-self: end;
  margin: 4px 0 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.treasury-stack dl div {
  display: grid;
  gap: 4px;
  padding: 9px;
  background: rgba(5, 5, 7, 0.74);
}

.treasury-stack dt {
  color: rgba(209, 177, 107, 0.72);
}

.treasury-stack dd {
  margin: 0;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.74rem;
  font-weight: 900;
  line-height: 1.18;
  text-transform: uppercase;
}

.exchange-section {
  position: relative;
  overflow: hidden;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 0.4fr) minmax(0, 0.9fr);
  gap: 28px;
  align-items: stretch;
  background:
    radial-gradient(circle at 68% 38%, rgba(225, 7, 20, 0.16), transparent 28%),
    radial-gradient(circle at 48% 70%, rgba(116, 199, 216, 0.13), transparent 34%),
    linear-gradient(118deg, rgba(182, 243, 91, 0.07), transparent 42%),
    #050608;
}

.exchange-section::before,
.exchange-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.exchange-section::before {
  inset: 30px;
  border: 1px solid rgba(225, 7, 20, 0.24);
  clip-path: polygon(0 14%, 12% 0, 100% 0, 100% 84%, 86% 100%, 0 100%);
}

.exchange-section::after {
  inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 54px, rgba(225, 7, 20, 0.05) 54px 55px),
    repeating-linear-gradient(0deg, transparent 0 34px, rgba(116, 199, 216, 0.035) 34px 35px);
  mask-image: radial-gradient(circle at 64% 50%, #000, transparent 72%);
}

.exchange-copy,
.exchange-console {
  position: relative;
  z-index: 1;
}

.exchange-copy {
  align-self: center;
}

.exchange-copy h2 {
  margin: 0;
  font-size: 3rem;
  line-height: 0.98;
}

.exchange-copy p {
  color: var(--muted);
}

.exchange-console {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(300px, 0.62fr) minmax(190px, 0.35fr);
  grid-template-areas:
    "board markets"
    "readout readout";
  gap: 1px;
  min-height: 530px;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.28);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.4), rgba(116, 199, 216, 0.3), rgba(182, 243, 91, 0.18)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.exchange-board {
  position: relative;
  grid-area: board;
  min-height: 370px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(225, 7, 20, 0.16), transparent 24%),
    linear-gradient(145deg, rgba(116, 199, 216, 0.08), transparent 42%),
    rgba(5, 5, 7, 0.96);
}

.exchange-board::before,
.exchange-board::after {
  position: absolute;
  content: "";
}

.exchange-board::before {
  inset: 42px;
  border: 1px solid rgba(116, 199, 216, 0.2);
  transform: skewX(-12deg);
}

.exchange-board::after {
  inset: 26px;
  background:
    conic-gradient(from 210deg, transparent, rgba(225, 7, 20, 0.34), transparent, rgba(116, 199, 216, 0.3), transparent),
    repeating-linear-gradient(112deg, transparent 0 22px, rgba(255, 255, 255, 0.04) 22px 23px);
  mask-image: radial-gradient(circle, transparent 0 34%, #000 35%, transparent 70%);
  animation: coreSpin 20s linear infinite;
}

.exchange-grid {
  position: absolute;
  inset: 0;
}

.exchange-grid::before {
  position: absolute;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, transparent 48%, rgba(225, 7, 20, 0.26) 49%, transparent 50%),
    linear-gradient(0deg, transparent 48%, rgba(116, 199, 216, 0.2) 49%, transparent 50%),
    repeating-linear-gradient(90deg, transparent 0 44px, rgba(255, 255, 255, 0.035) 44px 45px),
    repeating-linear-gradient(0deg, transparent 0 44px, rgba(255, 255, 255, 0.03) 44px 45px);
}

.exchange-trace {
  position: absolute;
  z-index: 2;
  display: inline-grid;
  min-width: 78px;
  min-height: 32px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(5, 5, 7, 0.72);
  color: rgba(243, 244, 242, 0.78);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
}

.trace-runner {
  left: 13%;
  top: 20%;
  color: var(--red);
}

.trace-ice {
  right: 14%;
  top: 24%;
  color: var(--cyan);
}

.trace-rumor {
  left: 16%;
  bottom: 20%;
  color: var(--gold);
}

.trace-relay {
  right: 17%;
  bottom: 17%;
  border-color: rgba(182, 243, 91, 0.24);
  color: var(--acid);
}

.exchange-grid strong {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  display: grid;
  width: 126px;
  height: 126px;
  place-items: center;
  border: 1px solid rgba(225, 7, 20, 0.55);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(116, 199, 216, 0.1), transparent 58%),
    rgba(5, 5, 7, 0.88);
  color: var(--red);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.9rem;
  transform: translate(-50%, -50%);
}

.exchange-markets {
  grid-area: markets;
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.exchange-market {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 92px;
  padding: 14px;
  border: 0;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.14), transparent 44%),
    rgba(7, 9, 11, 0.94);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.exchange-market::after {
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--red), var(--cyan), transparent);
  opacity: 0;
}

.exchange-market span {
  color: var(--red);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
}

.exchange-market strong {
  color: inherit;
  font-size: 0.9rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.exchange-market:hover,
.exchange-market:focus-visible,
.exchange-market.is-active {
  color: var(--ink);
  background:
    linear-gradient(120deg, rgba(225, 7, 20, 0.24), transparent 42%, rgba(116, 199, 216, 0.14)),
    rgba(12, 15, 18, 0.98);
  outline: 0;
  transform: translateX(-2px);
}

.exchange-market:hover::after,
.exchange-market:focus-visible::after,
.exchange-market.is-active::after {
  opacity: 1;
}

.exchange-market-ghost {
  background:
    linear-gradient(135deg, rgba(182, 243, 91, 0.1), transparent 42%, rgba(116, 199, 216, 0.08)),
    rgba(7, 9, 11, 0.94);
}

.exchange-readout {
  grid-area: readout;
  display: grid;
  grid-template-columns: minmax(120px, 0.2fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 18px;
  background:
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(255, 255, 255, 0.034) 20px 21px),
    linear-gradient(90deg, rgba(225, 7, 20, 0.13), transparent 50%, rgba(116, 199, 216, 0.1)),
    rgba(5, 6, 8, 0.95);
}

.exchange-readout > span {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.exchange-readout h3,
.exchange-readout p,
.exchange-readout dl {
  margin: 0;
}

.exchange-readout h3 {
  color: var(--ink);
  font-size: 1.22rem;
  line-height: 1.08;
}

.exchange-readout p {
  grid-column: 2 / -1;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.86rem;
}

.exchange-readout dl {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.exchange-readout dl div {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: rgba(5, 5, 7, 0.72);
}

.exchange-readout dt {
  color: var(--dim);
  font-size: 0.6rem;
  font-weight: 900;
  text-transform: uppercase;
}

.exchange-readout dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  font-weight: 900;
}

.topology-section {
  position: relative;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 0.46fr) minmax(0, 1fr);
  gap: 28px;
  align-items: stretch;
  background:
    radial-gradient(circle at 78% 34%, rgba(116, 199, 216, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(5, 5, 7, 0.15), rgba(225, 7, 20, 0.08)),
    #050607;
}

.topology-section::before,
.topology-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.topology-section::before {
  inset: 44px 32px;
  border: 1px solid rgba(182, 243, 91, 0.1);
  clip-path: polygon(0 0, 82% 0, 100% 18%, 100% 100%, 16% 100%, 0 82%);
}

.topology-section::after {
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 64%, rgba(225, 7, 20, 0.08) 64% 65%, transparent 65%),
    repeating-linear-gradient(0deg, transparent 0 54px, rgba(255, 255, 255, 0.028) 54px 55px);
  opacity: 0.8;
}

.topology-copy,
.topology-frame {
  position: relative;
  z-index: 1;
}

.topology-copy {
  display: grid;
  align-content: center;
  min-height: 460px;
}

.topology-copy h2 {
  font-size: 3rem;
}

.topology-copy p {
  color: var(--muted);
}

.topology-frame {
  min-height: 520px;
  overflow: hidden;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 6px;
  background: #06080a;
  box-shadow: var(--shadow);
}

.topology-frame::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 22%, rgba(225, 7, 20, 0.08)),
    radial-gradient(circle at 52% 42%, transparent 0 20%, rgba(5, 5, 7, 0.38) 58%, rgba(5, 5, 7, 0.8));
}

.topology-frame canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.topology-overlay,
.topology-lenses,
.topology-insight,
.topology-readouts {
  position: absolute;
  z-index: 2;
}

.topology-overlay {
  inset: 0;
  pointer-events: none;
}

.topology-tag {
  position: absolute;
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(5, 5, 7, 0.64);
  color: rgba(243, 244, 242, 0.78);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.tag-tokyo {
  left: 9%;
  top: 12%;
  color: var(--acid);
}

.tag-night {
  right: 12%;
  top: 21%;
}

.tag-orbit {
  right: 7%;
  bottom: 20%;
  color: var(--cyan);
}

.tag-blackwall {
  left: 10%;
  bottom: 16%;
  color: #ff5963;
}

.topology-lenses {
  left: 16px;
  top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.topology-lens {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: rgba(5, 5, 7, 0.72);
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
  backdrop-filter: blur(12px);
}

.topology-lens:hover,
.topology-lens:focus-visible,
.topology-lens.is-active {
  border-color: rgba(182, 243, 91, 0.42);
  color: var(--acid);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.18), rgba(116, 199, 216, 0.08)),
    rgba(5, 5, 7, 0.82);
}

.topology-insight {
  right: 16px;
  top: 16px;
  width: min(300px, calc(100% - 32px));
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: rgba(5, 5, 7, 0.74);
  backdrop-filter: blur(12px);
}

.topology-insight span {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.topology-insight strong {
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.05;
}

.topology-insight p {
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
}

.topology-readouts {
  left: 16px;
  right: 16px;
  bottom: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.topology-readouts div {
  min-height: 72px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(5, 5, 7, 0.74);
  backdrop-filter: blur(12px);
}

.topology-readouts span {
  color: var(--dim);
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
}

.topology-readouts strong {
  color: var(--ink);
  font-size: 1.08rem;
}

.blackwall-section {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(260px, 0.46fr) minmax(0, 0.74fr);
  gap: 28px;
  width: min(1180px, 100%);
  margin: 0 auto;
  background:
    radial-gradient(circle at 72% 50%, rgba(225, 7, 20, 0.16), transparent 29%),
    radial-gradient(circle at 39% 32%, rgba(116, 199, 216, 0.12), transparent 34%),
    linear-gradient(110deg, rgba(5, 5, 7, 0.98), rgba(10, 12, 16, 0.98)),
    #050507;
}

.blackwall-section::before,
.blackwall-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.blackwall-section::before {
  inset: 30px;
  border: 1px solid rgba(225, 7, 20, 0.2);
  clip-path: polygon(0 14%, 10% 0, 100% 0, 100% 86%, 90% 100%, 0 100%);
}

.blackwall-section::after {
  inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 48px, rgba(225, 7, 20, 0.05) 48px 49px),
    repeating-linear-gradient(0deg, transparent 0 34px, rgba(116, 199, 216, 0.04) 34px 35px);
  mask-image: radial-gradient(circle at 69% 50%, #000, transparent 62%);
}

.blackwall-copy,
.blackwall-console {
  position: relative;
  z-index: 1;
}

.blackwall-copy {
  align-self: center;
}

.blackwall-copy h2 {
  font-size: 3rem;
}

.blackwall-copy p {
  color: var(--muted);
}

.blackwall-console {
  display: grid;
  grid-template-columns: minmax(260px, 0.58fr) minmax(190px, 0.34fr);
  grid-template-areas:
    "core protocols"
    "readout readout";
  gap: 1px;
  overflow: hidden;
  min-height: 520px;
  padding: 1px;
  border: 1px solid rgba(225, 7, 20, 0.26);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.52), rgba(116, 199, 216, 0.18), rgba(182, 243, 91, 0.16)),
    rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.blackwall-core {
  position: relative;
  grid-area: core;
  display: grid;
  min-height: 360px;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle, rgba(225, 7, 20, 0.18), transparent 38%),
    repeating-linear-gradient(90deg, transparent 0 32px, rgba(255, 255, 255, 0.04) 32px 33px),
    #050507;
}

.blackwall-core::before,
.blackwall-core::after,
.blackwall-core span {
  position: absolute;
  content: "";
}

.blackwall-core::before {
  inset: 36px;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 50%;
  box-shadow:
    0 0 42px rgba(116, 199, 216, 0.14),
    inset 0 0 36px rgba(225, 7, 20, 0.1);
}

.blackwall-core::after {
  inset: 18px;
  background:
    conic-gradient(from 90deg, transparent, rgba(225, 7, 20, 0.42), transparent, rgba(116, 199, 216, 0.28), transparent);
  border-radius: 50%;
  mask-image: radial-gradient(circle, transparent 0 54%, #000 55%, transparent 68%);
  animation: coreSpin 12s linear infinite;
}

.blackwall-core span {
  border: 1px solid rgba(225, 7, 20, 0.34);
  border-radius: 50%;
}

.blackwall-core span:nth-child(1) {
  inset: 72px;
  animation: coreSpin 18s linear infinite reverse;
}

.blackwall-core span:nth-child(2) {
  inset: 112px;
  border-color: rgba(182, 243, 91, 0.34);
  animation: coreSpin 9s linear infinite;
}

.blackwall-core span:nth-child(3) {
  left: 50%;
  top: 50%;
  width: 2px;
  height: 68%;
  border: 0;
  border-radius: 0;
  background: linear-gradient(180deg, transparent, rgba(182, 243, 91, 0.72), transparent);
  box-shadow: 0 0 24px rgba(182, 243, 91, 0.32);
  transform: translate(-50%, -50%) rotate(28deg);
}

.blackwall-core strong {
  position: relative;
  display: grid;
  width: 132px;
  height: 132px;
  place-items: center;
  border: 1px solid rgba(225, 7, 20, 0.48);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(182, 243, 91, 0.1), transparent 55%),
    rgba(5, 5, 7, 0.82);
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.92rem;
  font-weight: 900;
  box-shadow: 0 0 42px rgba(225, 7, 20, 0.2);
}

.blackwall-protocols {
  grid-area: protocols;
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.blackwall-protocol {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 90px;
  padding: 14px;
  border: 0;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.14), transparent 44%),
    rgba(7, 9, 11, 0.94);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.blackwall-protocol::after {
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--red), var(--cyan), transparent);
  opacity: 0;
  transform: translateX(-28%);
  transition: opacity 160ms ease;
}

.blackwall-protocol span {
  color: var(--red);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.7rem;
  font-weight: 900;
}

.blackwall-protocol strong {
  color: inherit;
  font-size: 0.9rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.blackwall-protocol:hover,
.blackwall-protocol:focus-visible,
.blackwall-protocol.is-active {
  color: var(--ink);
  background:
    linear-gradient(120deg, rgba(225, 7, 20, 0.28), transparent 42%, rgba(116, 199, 216, 0.12)),
    rgba(12, 15, 18, 0.98);
  outline: 0;
  transform: translateX(-2px);
}

.blackwall-protocol:hover::after,
.blackwall-protocol:focus-visible::after,
.blackwall-protocol.is-active::after {
  opacity: 1;
}

.blackwall-readout {
  grid-area: readout;
  display: grid;
  grid-template-columns: minmax(120px, 0.2fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 18px;
  background:
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(255, 255, 255, 0.035) 20px 21px),
    linear-gradient(90deg, rgba(225, 7, 20, 0.14), transparent 52%, rgba(116, 199, 216, 0.1)),
    rgba(5, 6, 8, 0.95);
}

.blackwall-readout > span {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.blackwall-readout h3,
.blackwall-readout p,
.blackwall-readout dl {
  margin: 0;
}

.blackwall-readout h3 {
  color: var(--ink);
  font-size: 1.24rem;
  line-height: 1.08;
}

.blackwall-readout p {
  grid-column: 2 / -1;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.86rem;
}

.blackwall-readout dl {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.blackwall-readout dl div {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: rgba(5, 5, 7, 0.72);
}

.blackwall-readout dt {
  color: var(--dim);
  font-size: 0.6rem;
  font-weight: 900;
  text-transform: uppercase;
}

.blackwall-readout dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  font-weight: 900;
}

.matrix-section {
  position: relative;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.44fr) minmax(0, 1fr);
  gap: 28px;
  align-items: stretch;
  background:
    radial-gradient(circle at 68% 46%, rgba(225, 7, 20, 0.16), transparent 30%),
    linear-gradient(135deg, rgba(116, 199, 216, 0.08), transparent 42%, rgba(182, 243, 91, 0.045)),
    #07090b;
}

.matrix-section::before,
.matrix-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.matrix-section::before {
  inset: 28px 32px;
  border: 1px solid rgba(225, 7, 20, 0.2);
  clip-path: polygon(0 0, 100% 0, 100% 72%, 90% 100%, 0 100%);
}

.matrix-section::after {
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 38%, rgba(255, 255, 255, 0.04) 38% 39%, transparent 39%),
    repeating-linear-gradient(0deg, transparent 0 38px, rgba(255, 255, 255, 0.026) 38px 39px);
  opacity: 0.84;
}

.matrix-copy,
.matrix-console {
  position: relative;
  z-index: 1;
}

.matrix-copy {
  display: grid;
  align-content: center;
}

.matrix-copy h2 {
  font-size: 3rem;
}

.matrix-copy p {
  color: var(--muted);
}

.matrix-console {
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(250px, 1fr) auto;
  border: 1px solid rgba(225, 7, 20, 0.28);
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(9, 11, 14, 0.9);
  box-shadow: var(--shadow);
}

.matrix-console::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, transparent, rgba(225, 7, 20, 0.18), transparent),
    repeating-linear-gradient(90deg, transparent 0 46px, rgba(116, 199, 216, 0.055) 46px 47px);
  transform: translateX(-100%);
  animation: consoleSweep 8.5s ease-in-out infinite;
}

.matrix-toolbar,
.matrix-display,
.matrix-bars {
  position: relative;
  z-index: 1;
}

.matrix-toolbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.matrix-mode {
  min-height: 48px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--muted);
  background: rgba(255, 255, 255, 0.025);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
}

.matrix-mode:last-child {
  border-right: 0;
}

.matrix-mode:hover,
.matrix-mode:focus-visible,
.matrix-mode.is-active {
  color: var(--ink);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.28), rgba(116, 199, 216, 0.08)),
    rgba(225, 7, 20, 0.1);
}

.matrix-display {
  display: grid;
  grid-template-columns: minmax(180px, 0.36fr) minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  min-height: 270px;
  padding: 26px;
}

.matrix-signal {
  position: relative;
  display: grid;
  width: min(210px, 100%);
  aspect-ratio: 1;
  place-items: center;
  justify-self: center;
  border: 1px solid rgba(116, 199, 216, 0.34);
  background:
    radial-gradient(circle, rgba(182, 243, 91, 0.15), transparent 46%),
    rgba(5, 5, 7, 0.64);
  clip-path: polygon(50% 0, 92% 14%, 100% 50%, 86% 90%, 50% 100%, 14% 86%, 0 50%, 14% 12%);
}

.matrix-signal::before,
.matrix-signal::after,
.matrix-signal span {
  position: absolute;
  content: "";
  border: 1px solid rgba(225, 7, 20, 0.52);
  clip-path: inherit;
}

.matrix-signal::before {
  inset: 18px;
  animation: coreSpin 12s linear infinite;
}

.matrix-signal::after {
  inset: 42px;
  border-color: rgba(182, 243, 91, 0.48);
  animation: coreSpin 8s linear infinite reverse;
}

.matrix-signal span {
  inset: 64px;
  border-color: rgba(116, 199, 216, 0.42);
}

.matrix-signal span + span {
  inset: 82px;
  border-color: rgba(255, 255, 255, 0.2);
}

.matrix-signal strong {
  position: relative;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 1.4rem;
  text-shadow: 0 0 24px rgba(182, 243, 91, 0.34);
}

.matrix-readout {
  display: grid;
  gap: 12px;
}

.matrix-readout span {
  color: var(--dim);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.matrix-readout h3 {
  margin: 0;
  font-size: 2rem;
  line-height: 1.03;
}

.matrix-readout p {
  max-width: 520px;
  margin: 0;
  color: var(--muted);
}

.matrix-bars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.08);
}

.matrix-bar {
  position: relative;
  overflow: hidden;
  min-height: 96px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 16px;
  background: rgba(5, 5, 7, 0.82);
}

.matrix-bar span {
  color: var(--dim);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.matrix-bar strong {
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 1.1rem;
}

.matrix-bar i {
  position: relative;
  display: block;
  width: 100%;
  height: 5px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}

.matrix-bar i::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--level);
  content: "";
  background: linear-gradient(90deg, var(--red), var(--acid));
  box-shadow: 0 0 18px rgba(225, 7, 20, 0.42);
  transition: width 220ms ease;
}

.simulation-section {
  position: relative;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.36fr) minmax(0, 1fr);
  gap: 28px;
  align-items: stretch;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.16), transparent 34%, rgba(116, 199, 216, 0.09)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.026) 0 1px, transparent 1px 74px),
    #050607;
}

.simulation-section::before {
  position: absolute;
  inset: 26px 28px;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-left: 2px solid rgba(225, 7, 20, 0.76);
}

.simulation-section::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle at 78% 26%, rgba(182, 243, 91, 0.12), transparent 30%),
    linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.28));
}

.simulation-copy,
.simulation-console {
  position: relative;
  z-index: 1;
}

.simulation-copy {
  display: grid;
  align-content: center;
}

.simulation-copy h2 {
  font-size: 2.7rem;
}

.simulation-copy p {
  color: var(--muted);
}

.simulation-console {
  display: grid;
  grid-template-rows: auto minmax(240px, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.014)),
    rgba(8, 10, 13, 0.92);
  box-shadow: var(--shadow);
}

.simulation-controls {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.2);
}

.simulation-scenario {
  min-height: 68px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 12px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--muted);
  text-align: left;
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
}

.simulation-scenario:last-child {
  border-right: 0;
}

.simulation-scenario span {
  color: rgba(225, 7, 20, 0.82);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.64rem;
  font-weight: 900;
}

.simulation-scenario strong {
  color: inherit;
  font-size: 0.72rem;
  line-height: 1.15;
  text-transform: uppercase;
}

.simulation-scenario:hover,
.simulation-scenario:focus-visible,
.simulation-scenario.is-active {
  color: var(--ink);
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.3), rgba(116, 199, 216, 0.09)),
    rgba(225, 7, 20, 0.12);
}

.simulation-readout {
  display: grid;
  grid-template-columns: minmax(150px, 0.28fr) minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  padding: 28px;
}

.simulation-seal {
  position: relative;
  display: grid;
  width: min(168px, 100%);
  aspect-ratio: 1;
  place-items: center;
  justify-self: center;
  border: 1px solid rgba(225, 7, 20, 0.34);
  background:
    radial-gradient(circle, rgba(225, 7, 20, 0.12), transparent 52%),
    rgba(0, 0, 0, 0.38);
}

.simulation-seal::before,
.simulation-seal::after {
  position: absolute;
  content: "";
  border: 1px solid rgba(116, 199, 216, 0.26);
}

.simulation-seal::before {
  inset: 16px;
}

.simulation-seal::after {
  inset: 34px;
  border-color: rgba(182, 243, 91, 0.22);
}

.simulation-seal img {
  width: 58%;
  max-width: 96px;
  opacity: 0.9;
  filter: drop-shadow(0 0 24px rgba(225, 7, 20, 0.28));
}

.simulation-seal strong {
  position: absolute;
  bottom: 14px;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  font-weight: 900;
}

.simulation-brief {
  display: grid;
  gap: 12px;
}

.simulation-brief > span {
  color: var(--dim);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.simulation-brief h3 {
  margin: 0;
  font-size: 2rem;
  line-height: 1.04;
}

.simulation-brief p {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
}

.simulation-link {
  width: fit-content;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border: 1px solid rgba(225, 7, 20, 0.42);
  color: var(--ink);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
  background: rgba(225, 7, 20, 0.11);
}

.simulation-link:hover,
.simulation-link:focus-visible {
  border-color: rgba(182, 243, 91, 0.64);
  color: var(--acid);
}

.simulation-metrics {
  display: grid;
  grid-template-columns: 1.25fr 0.8fr 0.7fr 1fr;
  gap: 1px;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.08);
}

.simulation-metrics div {
  display: grid;
  align-content: center;
  gap: 6px;
  min-height: 88px;
  padding: 16px;
  background: rgba(5, 5, 7, 0.84);
}

.simulation-metrics dt {
  color: var(--dim);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.simulation-metrics dd {
  margin: 0;
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.9rem;
  font-weight: 900;
}

.casefile-section {
  position: relative;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr);
  gap: 28px;
  overflow: hidden;
  background:
    linear-gradient(120deg, rgba(5, 5, 7, 0.98), rgba(225, 7, 20, 0.12) 42%, rgba(116, 199, 216, 0.07)),
    repeating-linear-gradient(0deg, transparent 0 42px, rgba(255, 255, 255, 0.025) 42px 43px),
    #050607;
}

.casefile-section::before {
  position: absolute;
  inset: 24px 28px;
  pointer-events: none;
  content: "";
  border-top: 1px solid rgba(225, 7, 20, 0.56);
  border-right: 1px solid rgba(116, 199, 216, 0.18);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.casefile-section::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, transparent 0 58%, rgba(0, 0, 0, 0.32) 58% 100%),
    radial-gradient(circle at 22% 68%, rgba(182, 243, 91, 0.08), transparent 28%);
}

.casefile-copy,
.casefile-console,
.material-ledger {
  position: relative;
  z-index: 1;
}

.casefile-copy {
  display: grid;
  align-content: center;
}

.casefile-copy h2 {
  font-size: 2.65rem;
}

.casefile-copy p {
  color: var(--muted);
}

.casefile-console {
  display: grid;
  grid-template-columns: minmax(190px, 0.36fr) minmax(0, 1fr);
  grid-template-rows: auto minmax(320px, 1fr);
  overflow: hidden;
  border: 1px solid rgba(225, 7, 20, 0.28);
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.014)),
    rgba(7, 8, 10, 0.92);
  box-shadow: var(--shadow);
}

.casefile-tabs {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.casefile-tab {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 12px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--muted);
  text-align: left;
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
}

.casefile-tab:last-child {
  border-right: 0;
}

.casefile-tab span {
  color: rgba(182, 243, 91, 0.8);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.62rem;
  font-weight: 900;
}

.casefile-tab strong {
  color: inherit;
  font-size: 0.74rem;
  line-height: 1.12;
  text-transform: uppercase;
}

.casefile-tab:hover,
.casefile-tab:focus-visible,
.casefile-tab.is-active {
  color: var(--ink);
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.26), rgba(182, 243, 91, 0.08)),
    rgba(225, 7, 20, 0.1);
}

.casefile-visual {
  position: relative;
  min-height: 320px;
  overflow: hidden;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.44);
}

.casefile-visual::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, transparent 52%, rgba(0, 0, 0, 0.68)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 5px);
  mix-blend-mode: screen;
  opacity: 0.52;
}

.casefile-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.12) contrast(1.08);
}

.casefile-stamp {
  position: absolute;
  z-index: 2;
  left: 14px;
  right: 14px;
  bottom: 14px;
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(225, 7, 20, 0.46);
  background: rgba(5, 5, 7, 0.72);
  backdrop-filter: blur(14px);
}

.casefile-stamp span,
.casefile-readout > span,
.casefile-readout dt {
  color: var(--dim);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.casefile-stamp strong {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 1rem;
  font-weight: 900;
}

.casefile-readout {
  display: grid;
  align-content: center;
  gap: 14px;
  padding: 28px;
}

.casefile-readout h3 {
  margin: 0;
  font-size: 2rem;
  line-height: 1.04;
}

.casefile-readout p {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
}

.casefile-readout dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 4px 0 0;
  background: rgba(255, 255, 255, 0.08);
}

.casefile-readout dl div {
  display: grid;
  gap: 6px;
  min-height: 88px;
  padding: 14px;
  background: rgba(5, 5, 7, 0.78);
}

.casefile-readout dd {
  margin: 0;
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  font-weight: 900;
}

.casefile-link {
  width: fit-content;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border: 1px solid rgba(116, 199, 216, 0.36);
  color: var(--ink);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
  background: rgba(116, 199, 216, 0.08);
}

.casefile-link:hover,
.casefile-link:focus-visible {
  border-color: rgba(225, 7, 20, 0.72);
  color: var(--red);
}

.material-ledger {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.16), rgba(225, 7, 20, 0.12), rgba(116, 199, 216, 0.1)),
    rgba(255, 255, 255, 0.08);
}

.material-ledger-head,
.material-ledger article {
  position: relative;
  overflow: hidden;
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.08), transparent 48%),
    rgba(5, 7, 9, 0.94);
}

.material-ledger-head {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border-left: 3px solid var(--gold);
}

.material-ledger-head::after,
.material-ledger article::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(0deg, transparent 0 24px, rgba(255, 255, 255, 0.028) 24px 25px),
    linear-gradient(120deg, rgba(255, 255, 255, 0.04), transparent 45%);
}

.material-ledger article::before {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 34px;
  height: 34px;
  content: "";
  border: 1px solid rgba(209, 177, 107, 0.24);
  background: url("assets/arasaka-mark-white.png") center / 20px 20px no-repeat;
  opacity: 0.13;
}

.material-ledger-head > *,
.material-ledger article > * {
  position: relative;
  z-index: 1;
}

.material-ledger-head span,
.material-ledger article > span,
.material-ledger dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.material-ledger-head span,
.material-ledger article > span {
  color: var(--gold);
  font-size: 0.64rem;
}

.material-ledger-head strong {
  color: var(--paper);
  font-size: 1.28rem;
  line-height: 1.05;
}

.material-ledger-head p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.82rem;
  line-height: 1.4;
}

.material-ledger article {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 286px;
  padding: 16px;
}

.material-ledger h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1.12rem;
  line-height: 1.06;
}

.material-ledger dl {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.material-ledger dl div {
  display: grid;
  gap: 5px;
  min-height: 66px;
  align-content: center;
  padding: 9px 10px;
  background: rgba(3, 5, 7, 0.76);
}

.material-ledger dt {
  color: var(--dim);
  font-size: 0.58rem;
}

.material-ledger dd {
  margin: 0;
  color: rgba(243, 244, 242, 0.86);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.24;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.material-ledger a {
  align-self: end;
  justify-self: start;
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  border: 1px solid rgba(209, 177, 107, 0.3);
  border-radius: 3px;
  color: var(--paper);
  font-size: 0.64rem;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
}

.material-ledger a:hover,
.material-ledger a:focus-visible {
  border-color: rgba(182, 243, 91, 0.66);
  color: var(--acid);
}

.doctrine-section {
  position: relative;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.45fr) minmax(0, 1fr);
  gap: 28px;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.13), transparent 34%, rgba(182, 243, 91, 0.035)),
    repeating-linear-gradient(90deg, transparent 0 88px, rgba(255, 255, 255, 0.028) 88px 89px),
    #07080a;
}

.doctrine-section::before {
  position: absolute;
  inset: 28px 32px;
  pointer-events: none;
  content: "";
  border-left: 2px solid rgba(225, 7, 20, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.doctrine-header,
.doctrine-grid {
  position: relative;
  z-index: 1;
}

.doctrine-header {
  display: grid;
  align-content: center;
}

.doctrine-header h2 {
  font-size: 3rem;
}

.doctrine-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.doctrine-grid article {
  position: relative;
  overflow: hidden;
  min-height: 278px;
  display: grid;
  align-content: space-between;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.12), transparent 40%),
    rgba(15, 17, 20, 0.88);
}

.doctrine-grid article::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  content: "";
  background: var(--red);
  box-shadow: 0 0 20px rgba(225, 7, 20, 0.7);
}

.doctrine-grid article::after {
  position: absolute;
  inset: 0;
  content: "";
  background: repeating-linear-gradient(0deg, transparent 0 30px, rgba(255, 255, 255, 0.04) 30px 31px);
  opacity: 0.42;
}

.doctrine-grid article > * {
  position: relative;
  z-index: 1;
  margin: 0;
}

.doctrine-grid span {
  color: var(--acid);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.doctrine-grid h3 {
  font-size: 1.35rem;
  line-height: 1.08;
}

.doctrine-grid p {
  color: var(--muted);
}

.doctrine-toggle {
  position: relative;
  z-index: 1;
  justify-self: start;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(225, 7, 20, 0.44);
  border-radius: 4px;
  background: rgba(225, 7, 20, 0.08);
  color: var(--ink);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
}

.doctrine-toggle:hover,
.doctrine-toggle:focus-visible,
.doctrine-toggle.is-active {
  border-color: rgba(182, 243, 91, 0.48);
  color: var(--acid);
}

.doctrine-classified {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8px;
  margin-top: -4px;
  padding: 12px;
  border: 1px solid rgba(182, 243, 91, 0.16);
  border-radius: 4px;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0 8px, transparent 8px 12px),
    rgba(5, 5, 7, 0.62);
}

.doctrine-classified[hidden] {
  display: none;
}

.doctrine-classified strong {
  color: var(--acid);
  font-size: 0.66rem;
  line-height: 1;
  text-transform: uppercase;
}

.doctrine-classified p {
  color: rgba(243, 244, 242, 0.78);
  font-size: 0.82rem;
}

.clientroom-section {
  position: relative;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.35fr) minmax(0, 1fr);
  gap: 28px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(116, 199, 216, 0.11), transparent 32%, rgba(225, 7, 20, 0.14)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.026) 0 1px, transparent 1px 92px),
    #050608;
}

.clientroom-section::before {
  position: absolute;
  inset: 26px 30px;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-bottom-color: rgba(225, 7, 20, 0.44);
}

.clientroom-section::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle at 76% 36%, rgba(182, 243, 91, 0.12), transparent 28%),
    linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.34));
}

.clientroom-copy,
.clientroom-console {
  position: relative;
  z-index: 1;
}

.clientroom-copy {
  display: grid;
  align-content: center;
}

.clientroom-copy h2 {
  font-size: 2.75rem;
}

.clientroom-copy p {
  color: var(--muted);
}

.clientroom-console {
  display: grid;
  grid-template-columns: minmax(170px, 0.3fr) minmax(220px, 0.38fr) minmax(0, 1fr);
  min-height: 440px;
  overflow: hidden;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.014)),
    rgba(7, 9, 12, 0.92);
  box-shadow: var(--shadow);
}

.clientroom-switcher {
  display: grid;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.clientroom-option {
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 92px;
  padding: 14px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--muted);
  text-align: left;
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
}

.clientroom-option:last-child {
  border-bottom: 0;
}

.clientroom-option span {
  color: rgba(225, 7, 20, 0.8);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.62rem;
  font-weight: 900;
}

.clientroom-option strong {
  color: inherit;
  font-size: 0.74rem;
  line-height: 1.15;
  text-transform: uppercase;
}

.clientroom-option:hover,
.clientroom-option:focus-visible,
.clientroom-option.is-active {
  color: var(--ink);
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.28), rgba(116, 199, 216, 0.08)),
    rgba(225, 7, 20, 0.1);
}

.clientroom-option.is-active span {
  color: var(--acid);
}

.clientroom-visual {
  position: relative;
  min-height: 440px;
  margin: 0;
  overflow: hidden;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.42);
}

.clientroom-visual::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.72)),
    repeating-linear-gradient(90deg, transparent 0 34px, rgba(182, 243, 91, 0.08) 34px 35px);
}

.clientroom-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.16) contrast(1.08);
}

.clientroom-visual figcaption {
  position: absolute;
  z-index: 2;
  left: 14px;
  right: 14px;
  bottom: 14px;
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(182, 243, 91, 0.34);
  background: rgba(5, 5, 7, 0.74);
  backdrop-filter: blur(14px);
}

.clientroom-visual span,
.clientroom-readout > span,
.clientroom-readout dt {
  color: var(--dim);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.clientroom-visual strong {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.95rem;
  font-weight: 900;
}

.clientroom-readout {
  display: grid;
  align-content: center;
  gap: 14px;
  padding: 28px;
}

.clientroom-readout h3 {
  margin: 0;
  font-size: 2rem;
  line-height: 1.04;
}

.clientroom-readout p {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
}

.clientroom-readout dl {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  margin: 6px 0 0;
  background: rgba(255, 255, 255, 0.08);
}

.clientroom-readout dl div {
  display: grid;
  gap: 6px;
  min-height: 72px;
  padding: 14px;
  background: rgba(5, 5, 7, 0.78);
}

.clientroom-readout dd {
  margin: 0;
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.85rem;
  font-weight: 900;
}

.clientroom-link {
  width: fit-content;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border: 1px solid rgba(225, 7, 20, 0.42);
  color: var(--ink);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
  background: rgba(225, 7, 20, 0.1);
}

.clientroom-link:hover,
.clientroom-link:focus-visible {
  border-color: rgba(182, 243, 91, 0.64);
  color: var(--acid);
}

.clientroom-packets {
  position: relative;
  z-index: 1;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(250px, 0.38fr) repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.24);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.18), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.07);
  box-shadow: var(--shadow);
}

.clientroom-packet-head,
.clientroom-packets article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.08), transparent 58%),
    rgba(4, 8, 10, 0.94);
}

.clientroom-packet-head {
  position: relative;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  border-left: 3px solid var(--gold);
}

.clientroom-packet-head::after {
  width: 52px;
  height: 52px;
  content: "";
  background: url("assets/arasaka-mark-white.png") center / contain no-repeat;
  opacity: 0.2;
  filter: drop-shadow(0 0 16px rgba(209, 177, 107, 0.4));
}

.clientroom-packet-head span,
.clientroom-packets article > span,
.clientroom-packets dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.63rem;
  font-weight: 900;
  text-transform: uppercase;
}

.clientroom-packet-head span,
.clientroom-packets article > span {
  color: var(--gold);
}

.clientroom-packet-head strong {
  color: var(--paper);
  font-size: 1.2rem;
  line-height: 1.04;
}

.clientroom-packet-head p,
.clientroom-packets article p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.82rem;
  line-height: 1.42;
}

.clientroom-packets article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 238px;
  padding: 16px;
}

.clientroom-packets article::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(180deg, rgba(209, 177, 107, 0.12), transparent 48%),
    repeating-linear-gradient(90deg, transparent 0 24px, rgba(255, 255, 255, 0.035) 24px 25px);
}

.clientroom-packets article > * {
  position: relative;
  z-index: 1;
}

.clientroom-packets h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1rem;
  line-height: 1.08;
}

.clientroom-packets dl {
  display: grid;
  gap: 1px;
  align-self: end;
  margin: 4px 0 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.clientroom-packets dl div {
  display: grid;
  gap: 4px;
  padding: 9px;
  background: rgba(5, 5, 7, 0.74);
}

.clientroom-packets dt {
  color: rgba(209, 177, 107, 0.72);
}

.clientroom-packets dd {
  margin: 0;
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.74rem;
  font-weight: 900;
  line-height: 1.18;
  text-transform: uppercase;
}

.dossier-section {
  position: relative;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(270px, 0.42fr) minmax(0, 1fr);
  gap: 28px;
  align-items: stretch;
  background:
    radial-gradient(circle at 70% 42%, rgba(116, 199, 216, 0.14), transparent 32%),
    linear-gradient(135deg, rgba(225, 7, 20, 0.12), transparent 38%, rgba(182, 243, 91, 0.045)),
    #07080a;
}

.dossier-section::before,
.dossier-section::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.dossier-section::before {
  inset: 28px 32px;
  border: 1px solid rgba(116, 199, 216, 0.16);
  clip-path: polygon(0 0, 86% 0, 100% 18%, 100% 100%, 10% 100%, 0 88%);
}

.dossier-section::after {
  inset: 0;
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.1), transparent 28%, rgba(116, 199, 216, 0.08)),
    repeating-linear-gradient(0deg, transparent 0 32px, rgba(255, 255, 255, 0.026) 32px 33px);
  opacity: 0.78;
}

.dossier-copy,
.dossier-card {
  position: relative;
  z-index: 1;
}

.dossier-copy {
  display: grid;
  align-content: center;
}

.dossier-copy h2 {
  font-size: 3rem;
}

.dossier-copy p {
  color: var(--muted);
}

.dossier-card {
  overflow: hidden;
  display: grid;
  gap: 1px;
  border: 1px solid rgba(116, 199, 216, 0.24);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: var(--shadow);
}

.dossier-card::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, transparent, rgba(182, 243, 91, 0.13), transparent),
    repeating-linear-gradient(90deg, transparent 0 52px, rgba(255, 255, 255, 0.045) 52px 53px);
  transform: translateX(-100%);
  animation: consoleSweep 8s ease-in-out infinite;
}

.dossier-id,
.dossier-grid,
.dossier-rails,
.dossier-relay {
  position: relative;
  z-index: 1;
}

.dossier-id {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  min-height: 190px;
  padding: 24px;
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.14), transparent 42%),
    rgba(6, 8, 10, 0.92);
}

.id-mark {
  position: relative;
  display: grid;
  width: 120px;
  height: 120px;
  place-items: center;
  border: 1px solid rgba(225, 7, 20, 0.6);
  background:
    radial-gradient(circle, rgba(182, 243, 91, 0.14), transparent 48%),
    rgba(5, 5, 7, 0.72);
  clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
}

.id-mark::before,
.id-mark::after,
.id-mark span {
  position: absolute;
  content: "";
  border: 1px solid rgba(116, 199, 216, 0.42);
  clip-path: inherit;
}

.id-mark::before {
  inset: 14px;
  animation: coreSpin 11s linear infinite;
}

.id-mark::after {
  inset: 30px;
  border-color: rgba(182, 243, 91, 0.42);
  animation: coreSpin 7s linear infinite reverse;
}

.id-mark span {
  inset: 46px;
  border-color: rgba(225, 7, 20, 0.5);
}

.id-mark strong {
  position: relative;
  color: var(--ink);
  font-size: 1.35rem;
  letter-spacing: 0.02em;
}

.dossier-id span,
.dossier-grid span,
.dossier-rails span {
  color: var(--dim);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dossier-id h3 {
  margin: 6px 0 10px;
  font-size: 1.7rem;
  line-height: 1.02;
  overflow-wrap: anywhere;
}

.dossier-id p {
  max-width: 520px;
  margin: 0;
  color: var(--muted);
}

.dossier-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.dossier-grid article {
  min-height: 132px;
  display: grid;
  align-content: space-between;
  gap: 10px;
  padding: 16px;
  background: rgba(6, 8, 10, 0.88);
}

.dossier-grid strong {
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 1.02rem;
  overflow-wrap: anywhere;
}

.dossier-grid em {
  color: var(--acid);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

.dossier-rails {
  display: grid;
  gap: 10px;
  padding: 20px 24px 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
    rgba(7, 9, 11, 0.92);
}

.dossier-rails div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 12px;
  align-items: center;
}

.dossier-rails strong {
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  text-align: right;
}

.dossier-rails i {
  grid-column: 1 / -1;
  position: relative;
  display: block;
  height: 5px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}

.dossier-rails i::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--level);
  content: "";
  background: linear-gradient(90deg, var(--red), var(--gold), var(--acid));
  box-shadow: 0 0 18px rgba(182, 243, 91, 0.36);
}

.dossier-relay {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.52fr);
  gap: 1px;
  padding: 1px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.16), rgba(225, 7, 20, 0.12)),
    rgba(255, 255, 255, 0.08);
}

.dossier-relay > div,
.dossier-relay nav {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(6, 8, 10, 0.92);
}

.dossier-relay > div {
  display: grid;
  gap: 8px;
  padding: 18px;
}

.dossier-relay span {
  color: var(--dim);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dossier-relay > div > strong {
  color: var(--paper);
  font-size: 1.1rem;
  line-height: 1.08;
}

.dossier-relay p {
  max-width: 540px;
  margin: 0;
  color: rgba(243, 244, 242, 0.68);
  font-size: 0.84rem;
}

.dossier-relay nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
}

.dossier-relay a {
  position: relative;
  display: grid;
  align-content: center;
  gap: 6px;
  min-height: 102px;
  padding: 16px;
  color: var(--paper);
  background: rgba(255, 255, 255, 0.035);
}

.dossier-relay a::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: "";
  background: rgba(116, 199, 216, 0.38);
}

.dossier-relay a:hover,
.dossier-relay a:focus-visible {
  background: rgba(225, 7, 20, 0.12);
  transform: translateY(-1px);
}

.dossier-relay a:hover::before,
.dossier-relay a:focus-visible::before {
  background: var(--red);
}

.dossier-relay a span {
  color: var(--acid);
  font-size: 0.9rem;
}

.dossier-relay a strong {
  font-size: 0.76rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.operations-section {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(320px, 0.84fr);
  gap: 34px;
  align-items: center;
  background:
    linear-gradient(180deg, rgba(116, 199, 216, 0.045), transparent 38%),
    var(--black);
}

.operations-media {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 6px;
  box-shadow: var(--shadow);
}

.operations-media::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, transparent 0 52%, rgba(225, 7, 20, 0.18) 52% 53%, transparent 53%),
    repeating-linear-gradient(0deg, transparent 0 46px, rgba(116, 199, 216, 0.08) 46px 47px);
  mix-blend-mode: screen;
  z-index: 1;
}

.operations-media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.operations-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  align-content: space-between;
  gap: 16px;
  padding: 16px;
  pointer-events: none;
}

.operations-theaters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  pointer-events: auto;
}

.operations-theater {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 4px;
  background: rgba(5, 5, 7, 0.68);
  color: rgba(243, 244, 242, 0.78);
  font-size: 0.66rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  backdrop-filter: blur(14px);
  cursor: pointer;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

.operations-theater:hover,
.operations-theater:focus-visible,
.operations-theater.is-active {
  border-color: rgba(182, 243, 91, 0.62);
  background:
    linear-gradient(90deg, rgba(225, 7, 20, 0.24), rgba(182, 243, 91, 0.12)),
    rgba(5, 5, 7, 0.86);
  color: var(--ink);
}

.operations-status {
  justify-self: end;
  align-self: end;
  display: grid;
  gap: 8px;
  width: min(320px, 100%);
  padding: 12px;
  border: 1px solid rgba(182, 243, 91, 0.2);
  border-radius: 4px;
  background:
    linear-gradient(135deg, rgba(116, 199, 216, 0.14), transparent 44%),
    rgba(5, 5, 7, 0.78);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(18px);
  pointer-events: auto;
}

.operations-status > span {
  color: var(--acid);
  font-size: 0.65rem;
  font-weight: 900;
  text-transform: uppercase;
}

.operations-status strong {
  color: var(--ink);
  font-size: 1.18rem;
  line-height: 1.05;
}

.operations-status p {
  margin: 0;
  color: rgba(243, 244, 242, 0.74);
  font-size: 0.82rem;
  line-height: 1.45;
}

.operations-status dl {
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 2px 0 0;
  background: rgba(255, 255, 255, 0.09);
}

.operations-status dl div {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: rgba(5, 5, 7, 0.72);
}

.operations-status dt {
  color: var(--dim);
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.operations-status dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.92rem;
  font-weight: 900;
}

.operations-copy {
  padding: 8px 0;
}

.operations-copy h2 {
  font-size: 3rem;
}

.operations-copy p {
  color: var(--muted);
}

.operations-list {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 24px 0 0;
  list-style: none;
}

.operations-list li {
  position: relative;
  padding: 12px 12px 12px 34px;
  border-left: 2px solid rgba(225, 7, 20, 0.68);
  background: rgba(255, 255, 255, 0.04);
  color: #d5d7d4;
}

.operations-list li::before {
  position: absolute;
  left: 12px;
  top: 15px;
  width: 8px;
  height: 8px;
  content: "";
  background: var(--red);
  box-shadow: 0 0 18px rgba(225, 7, 20, 0.82);
}

.operations-watchfloor {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(260px, 0.88fr) repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.18);
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.24), rgba(225, 7, 20, 0.18)),
    rgba(255, 255, 255, 0.08);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.26);
}

.operations-watchfloor-head,
.operations-watchfloor article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: space-between;
  gap: 14px;
  min-height: 250px;
  padding: 18px;
  background:
    linear-gradient(150deg, rgba(255, 255, 255, 0.055), transparent 48%),
    rgba(6, 8, 10, 0.92);
}

.operations-watchfloor-head::after,
.operations-watchfloor article::after {
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--red), transparent 36%, rgba(182, 243, 91, 0.5));
  opacity: 0.72;
}

.operations-watchfloor-head span,
.operations-watchfloor article > span,
.operations-watchfloor dt {
  color: var(--dim);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.operations-watchfloor-head strong {
  color: var(--paper);
  font-size: 1.42rem;
  line-height: 1.04;
}

.operations-watchfloor-head p,
.operations-watchfloor article p {
  margin: 0;
  color: rgba(243, 244, 242, 0.68);
  font-size: 0.84rem;
  line-height: 1.52;
}

.operations-watchfloor article > span {
  color: var(--acid);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.operations-watchfloor h3 {
  margin: 0;
  color: var(--ink);
  font-size: 1.08rem;
  line-height: 1.08;
}

.operations-watchfloor dl {
  display: grid;
  gap: 1px;
  margin: 0;
  background: rgba(255, 255, 255, 0.08);
}

.operations-watchfloor dl div {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  gap: 10px;
  align-items: center;
  min-height: 38px;
  padding: 8px 10px;
  background: rgba(5, 5, 7, 0.72);
}

.operations-watchfloor dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.78rem;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.operations-watchfloor a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(182, 243, 91, 0.22);
  border-radius: 4px;
  color: var(--ink);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.operations-watchfloor a:hover,
.operations-watchfloor a:focus-visible {
  border-color: rgba(182, 243, 91, 0.58);
  background: rgba(182, 243, 91, 0.09);
  transform: translateY(-1px);
}

.regional-section {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 0.34fr) minmax(0, 0.66fr);
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.16), rgba(225, 7, 20, 0.12), rgba(209, 177, 107, 0.12)),
    rgba(255, 255, 255, 0.08);
}

.regional-copy,
.regional-grid article {
  min-width: 0;
  background:
    linear-gradient(150deg, rgba(116, 199, 216, 0.08), transparent 40%),
    rgba(5, 7, 9, 0.94);
}

.regional-copy {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 18px;
  padding: 28px;
  border-left: 3px solid var(--cyan);
}

.regional-copy::after {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 92px;
  height: 92px;
  content: "";
  border: 1px solid rgba(116, 199, 216, 0.18);
  background: url("assets/arasaka-mark-white.png") center / 56px 56px no-repeat;
  opacity: 0.11;
}

.regional-copy > * {
  position: relative;
  z-index: 1;
}

.regional-copy h2 {
  margin: 0;
  color: var(--paper);
  font-size: clamp(2rem, 4vw, 3.7rem);
  line-height: 0.92;
}

.regional-copy > p:not(.eyebrow) {
  max-width: 560px;
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
}

.regional-summary {
  display: grid;
  gap: 1px;
  margin: 8px 0 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.1);
}

.regional-summary div {
  display: grid;
  gap: 5px;
  min-height: 72px;
  align-content: center;
  padding: 12px;
  background: rgba(4, 6, 8, 0.82);
}

.regional-summary dt,
.regional-grid article > span,
.regional-grid dt {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.regional-summary dt,
.regional-grid dt {
  color: var(--dim);
  font-size: 0.62rem;
}

.regional-summary dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.24;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.regional-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
}

.regional-grid article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 11px;
  min-height: 338px;
  padding: 18px;
  background:
    linear-gradient(115deg, rgba(225, 7, 20, 0.08), transparent 34%),
    repeating-linear-gradient(0deg, transparent 0 28px, rgba(255, 255, 255, 0.028) 28px 29px),
    rgba(5, 7, 9, 0.9);
}

.regional-grid article:first-child {
  grid-row: span 2;
}

.regional-grid article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: "";
  background: linear-gradient(180deg, var(--cyan), rgba(225, 7, 20, 0.62), transparent);
}

.regional-grid article::after {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 38px;
  height: 38px;
  content: "";
  border: 1px solid rgba(116, 199, 216, 0.22);
  background: url("assets/arasaka-mark-white.png") center / 22px 22px no-repeat;
  opacity: 0.16;
}

.regional-grid article > * {
  position: relative;
  z-index: 1;
}

.regional-grid article > span {
  color: var(--cyan);
  font-size: 0.66rem;
}

.regional-grid h3 {
  max-width: 360px;
  margin: 0;
  color: var(--paper);
  font-size: 1.32rem;
  line-height: 1.04;
}

.regional-grid p {
  margin: 0;
  color: rgba(243, 244, 242, 0.68);
  font-size: 0.86rem;
  line-height: 1.48;
}

.regional-grid dl {
  display: grid;
  gap: 1px;
  margin: 4px 0 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.regional-grid dl div {
  display: grid;
  grid-template-columns: minmax(88px, 0.36fr) minmax(0, 0.64fr);
  gap: 10px;
  align-items: start;
  padding: 9px 10px;
  background: rgba(2, 4, 6, 0.76);
}

.regional-grid dd {
  margin: 0;
  color: rgba(243, 244, 242, 0.84);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.regional-grid a {
  align-self: end;
  justify-self: start;
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 12px;
  border: 1px solid rgba(116, 199, 216, 0.28);
  border-radius: 3px;
  color: var(--paper);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.regional-grid a:hover,
.regional-grid a:focus-visible {
  border-color: rgba(182, 243, 91, 0.66);
  background: rgba(182, 243, 91, 0.08);
  color: var(--acid);
}

.governance-section {
  background:
    linear-gradient(135deg, rgba(225, 7, 20, 0.09), transparent 38%),
    #f3f1ec;
  color: #101214;
}

.governance-section .eyebrow {
  color: var(--red-deep);
}

.governance-section .section-header p:last-child,
.governance-section .timeline p {
  color: #585c59;
}

.timeline {
  width: min(1020px, 100%);
  margin: 42px auto 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(0, 0, 0, 0.18);
}

.timeline article {
  position: relative;
  display: grid;
  gap: 12px;
  padding: 30px 26px 0 0;
}

.timeline article::before {
  position: absolute;
  top: -6px;
  left: 0;
  width: 11px;
  height: 11px;
  content: "";
  background: var(--red);
}

.timeline time {
  color: var(--red-deep);
  font-weight: 900;
}

.disclosure-section {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 0.36fr) minmax(0, 0.64fr);
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(209, 177, 107, 0.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(209, 177, 107, 0.18), rgba(116, 199, 216, 0.12), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.08);
}

.disclosure-copy,
.disclosure-ledger {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(209, 177, 107, 0.06), transparent 52%),
    rgba(6, 8, 10, 0.94);
}

.disclosure-copy {
  display: grid;
  align-content: start;
  gap: 18px;
  padding: 28px;
  border-left: 3px solid var(--gold);
}

.disclosure-copy h2 {
  margin: 0;
  color: var(--paper);
  font-size: clamp(2rem, 4vw, 3.9rem);
  line-height: 0.92;
}

.disclosure-copy > p:not(.eyebrow) {
  max-width: 560px;
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
}

.disclosure-status {
  display: grid;
  gap: 1px;
  margin: 8px 0 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.1);
}

.disclosure-status div {
  display: grid;
  gap: 5px;
  min-height: 72px;
  align-content: center;
  padding: 12px;
  background: rgba(4, 6, 8, 0.82);
}

.disclosure-status dt,
.disclosure-ledger small,
.disclosure-ledger article > span,
.disclosure-ledger dt,
.disclosure-ledger > p {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-weight: 900;
  text-transform: uppercase;
}

.disclosure-status dt,
.disclosure-ledger small,
.disclosure-ledger dt {
  color: var(--dim);
  font-size: 0.62rem;
}

.disclosure-status dd {
  margin: 0;
  color: var(--gold);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.8rem;
  font-weight: 900;
  line-height: 1.22;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.disclosure-ledger {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
}

.disclosure-ledger article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 292px;
  padding: 18px;
  background:
    repeating-linear-gradient(0deg, transparent 0 28px, rgba(255, 255, 255, 0.028) 28px 29px),
    rgba(5, 7, 9, 0.88);
}

.disclosure-ledger article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: "";
  background: linear-gradient(180deg, var(--gold), rgba(225, 7, 20, 0.6), transparent);
}

.disclosure-ledger article::after {
  position: absolute;
  right: 18px;
  top: 18px;
  width: 44px;
  height: 44px;
  content: "";
  border: 1px solid rgba(209, 177, 107, 0.28);
  background: url("assets/arasaka-mark-white.png") center / 24px 24px no-repeat;
  opacity: 0.14;
}

.disclosure-ledger article > * {
  position: relative;
  z-index: 1;
}

.disclosure-ledger article > span {
  color: var(--gold);
  font-size: 0.66rem;
}

.disclosure-ledger h3 {
  max-width: 360px;
  margin: 0;
  color: var(--paper);
  font-size: 1.28rem;
  line-height: 1.02;
}

.disclosure-ledger article p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.86rem;
  line-height: 1.42;
}

.disclosure-ledger dl {
  display: grid;
  gap: 1px;
  margin: 4px 0 0;
  background: rgba(255, 255, 255, 0.08);
}

.disclosure-ledger dl div {
  display: grid;
  grid-template-columns: minmax(82px, 0.32fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 9px 10px;
  background: rgba(2, 4, 6, 0.64);
}

.disclosure-ledger dd {
  margin: 0;
  color: rgba(243, 244, 242, 0.84);
  font-size: 0.76rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.disclosure-ledger > p {
  grid-column: 1 / -1;
  min-height: 62px;
  display: grid;
  align-content: center;
  margin: 0;
  padding: 14px 18px;
  border-left: 3px solid rgba(225, 7, 20, 0.62);
  background: rgba(5, 5, 7, 0.88);
  color: rgba(243, 244, 242, 0.68);
  font-size: 0.68rem;
  line-height: 1.38;
}

.source-section {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 0.34fr) minmax(0, 0.66fr);
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.2);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.18), rgba(182, 243, 91, 0.1), rgba(225, 7, 20, 0.1)),
    rgba(255, 255, 255, 0.08);
}

.source-copy,
.source-dossier article {
  min-width: 0;
  background:
    linear-gradient(145deg, rgba(116, 199, 216, 0.07), transparent 52%),
    rgba(6, 8, 10, 0.94);
}

.source-copy {
  display: grid;
  align-content: center;
  gap: 18px;
  padding: 28px;
  border-left: 3px solid var(--cyan);
}

.source-copy h2 {
  margin: 0;
  color: var(--paper);
  font-size: clamp(2rem, 4vw, 3.65rem);
  line-height: 0.94;
}

.source-copy > p:not(.eyebrow) {
  max-width: 560px;
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
}

.source-dossier {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
}

.source-dossier article {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: space-between;
  gap: 12px;
  min-height: 238px;
  padding: 18px;
}

.source-dossier article::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: "";
  background: linear-gradient(180deg, var(--cyan), rgba(182, 243, 91, 0.56), transparent);
}

.source-dossier article::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    repeating-linear-gradient(90deg, transparent 0 24px, rgba(116, 199, 216, 0.035) 24px 25px),
    linear-gradient(135deg, rgba(116, 199, 216, 0.08), transparent 54%);
}

.source-dossier article > * {
  position: relative;
  z-index: 1;
}

.source-dossier article > span {
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.source-dossier h3 {
  margin: 0;
  color: var(--paper);
  font-size: 1.24rem;
  line-height: 1.04;
}

.source-dossier p {
  margin: 0;
  color: rgba(243, 244, 242, 0.7);
  font-size: 0.86rem;
  line-height: 1.45;
}

.source-dossier a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(116, 199, 216, 0.22);
  border-radius: 4px;
  color: var(--cyan);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.source-dossier a:hover,
.source-dossier a:focus-visible {
  border-color: rgba(182, 243, 91, 0.56);
  color: var(--acid);
  background: rgba(182, 243, 91, 0.07);
}

.careers-section {
  background:
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 18px),
    #08090b;
}

.role-list {
  width: min(940px, 100%);
  margin: 42px auto 0;
  display: grid;
  border-top: 1px solid var(--line);
}

.role-list a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  min-height: 74px;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
}

.role-list a:hover,
.role-list a:focus-visible {
  color: var(--red);
}

.role-list span {
  font-size: 1.12rem;
  font-weight: 800;
}

.role-list strong {
  color: var(--muted);
  font-size: 0.9rem;
}

.contact-section {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 0.62fr) minmax(360px, 1fr);
  gap: 42px;
  align-items: start;
  background:
    radial-gradient(circle at 76% 28%, rgba(116, 199, 216, 0.08), transparent 32%),
    linear-gradient(135deg, rgba(225, 7, 20, 0.08), transparent 42%),
    var(--black);
}

.contact-copy {
  position: sticky;
  top: 112px;
}

.contact-copy h2 {
  font-size: 3rem;
}

.contact-copy p {
  color: var(--muted);
}

.access-console {
  display: grid;
  gap: 14px;
}

.terminal-panel {
  overflow: hidden;
  border: 1px solid rgba(182, 243, 91, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(182, 243, 91, 0.08), transparent 36%),
    rgba(9, 12, 13, 0.92);
  box-shadow: var(--shadow);
}

.terminal-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  min-height: 42px;
  padding: 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.terminal-header strong {
  color: var(--acid);
}

.terminal-screen {
  position: relative;
  display: grid;
  gap: 8px;
  min-height: 168px;
  padding: 16px;
  background:
    repeating-linear-gradient(0deg, transparent 0 21px, rgba(255, 255, 255, 0.035) 21px 22px),
    rgba(2, 4, 4, 0.58);
}

.terminal-screen::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--acid), transparent);
  animation: terminalScan 4.8s ease-in-out infinite;
  box-shadow: 0 0 18px rgba(182, 243, 91, 0.52);
}

.terminal-screen p {
  margin: 0;
  color: rgba(243, 244, 242, 0.78);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.78rem;
  line-height: 1.45;
}

.terminal-status {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.terminal-status div {
  display: grid;
  gap: 4px;
  min-height: 66px;
  align-content: center;
  padding: 10px 12px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.terminal-status div:last-child {
  border-right: 0;
}

.terminal-status span {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.terminal-status strong {
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.86rem;
}

.access-review {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  padding: 1px;
  border: 1px solid rgba(116, 199, 216, 0.18);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(116, 199, 216, 0.16), rgba(225, 7, 20, 0.12), rgba(182, 243, 91, 0.1)),
    rgba(255, 255, 255, 0.07);
}

.access-review-head,
.access-review dl,
.access-review a {
  min-width: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(6, 8, 10, 0.92);
}

.access-review-head {
  display: grid;
  gap: 8px;
  padding: 16px;
  border-left: 3px solid var(--cyan);
}

.access-review-head span,
.access-review dt {
  color: var(--dim);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.access-review-head strong {
  color: var(--paper);
  font-size: 1.1rem;
  line-height: 1.06;
}

.access-review-head p {
  margin: 0;
  color: rgba(243, 244, 242, 0.72);
  font-size: 0.84rem;
  line-height: 1.4;
}

.access-review dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.access-review dl div {
  display: grid;
  gap: 4px;
  min-height: 70px;
  align-content: center;
  padding: 10px 12px;
  background: rgba(5, 5, 7, 0.72);
}

.access-review dd {
  margin: 0;
  color: var(--cyan);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.22;
  text-transform: uppercase;
}

.access-review a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 0 14px;
  color: var(--cyan);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.access-review a:hover,
.access-review a:focus-visible {
  color: var(--acid);
  outline: 0;
}

.contact-form {
  display: grid;
  gap: 16px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--panel);
  box-shadow: var(--shadow);
}

.contact-form label {
  display: grid;
  gap: 8px;
}

.contact-form label span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.contact-form input,
.contact-form select {
  min-height: 48px;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: #07080a;
  color: var(--ink);
  padding: 0 12px;
}

.contact-form input:focus,
.contact-form select:focus {
  outline: 2px solid rgba(116, 199, 216, 0.78);
  outline-offset: 2px;
}

.form-button {
  width: 100%;
  margin-top: 8px;
}

.form-message {
  min-height: 24px;
  margin: 0;
  color: var(--cyan);
}

.site-footer {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  padding: 30px 32px;
  border-top: 1px solid var(--line);
  background: #050507;
  color: var(--muted);
  font-size: 0.86rem;
}

.footer-primary {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.site-footer strong {
  color: var(--ink);
}

.footer-meta {
  display: grid;
  justify-items: end;
  gap: 8px;
  text-align: right;
}

.footer-cameo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(169, 172, 168, 0.54);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.footer-cameo a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 3px;
  color: rgba(243, 244, 242, 0.58);
}

.footer-cameo a:hover,
.footer-cameo a:focus-visible {
  border-color: rgba(182, 243, 91, 0.42);
  color: var(--acid);
}

.site-footer p {
  margin: 0;
}

@media (max-width: 1040px) {
  body {
    padding-bottom: 188px;
  }

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

  .signal-spine {
    display: none;
  }

  .site-nav {
    display: none;
  }

  .menu-toggle {
    display: grid;
  }

  .mobile-nav.is-open {
    display: grid;
  }

  .public-node-dock {
    grid-template-columns: minmax(110px, 0.24fr) minmax(0, 1fr);
    grid-template-areas:
      "status copy"
      "modes readouts";
  }

  .node-dock-status {
    grid-area: status;
  }

  .node-dock-copy {
    grid-area: copy;
    padding-right: 48px;
  }

  .node-dock-modes {
    grid-area: modes;
  }

  .node-dock-readouts {
    grid-area: readouts;
  }

  .hero-shell,
  .status-tape,
  .corporate-scale,
  .mandate-exchange,
  .field-console,
  .section-header,
  .subsidiary-section,
  .operations-section,
  .regional-section,
  .disclosure-section,
  .source-section,
  .contact-section,
  .megacity-section,
  .lore-section,
  .product-page-body,
  .foundry-section,
  .tech-registry-section,
  .systems-section,
  .ice-section,
  .swarm-section,
  .vault-section,
  .stack-section,
  .archive-section,
  .mikoshi-section,
  .soulkiller-section,
  .custody-section,
  .capital-section,
  .exchange-section,
  .topology-section,
  .blackwall-section,
  .matrix-section,
  .simulation-section,
  .casefile-section,
  .doctrine-section,
  .dossier-section,
  .clientroom-section,
  .command-ribbon,
  .protocol-band {
    grid-template-columns: 1fr;
  }

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

  .subsidiary-registry {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .subsidiary-registry article:first-child {
    grid-row: auto;
  }

  .field-console {
    margin-top: -12px;
  }

  .status-tape {
    margin-top: -12px;
  }

  .status-tape-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .treasury-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .treasury-stack-head {
    grid-column: 1 / -1;
  }

  .operations-watchfloor {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operations-watchfloor-head {
    grid-column: 1 / -1;
    min-height: 0;
  }

  .clientroom-packets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .clientroom-packet-head {
    grid-column: 1 / -1;
  }

  .field-console-routes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mandate-ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .disclosure-ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-ribbon {
    gap: 1px;
  }

  .megacity-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "map"
      "readout"
      "feed";
    min-height: 0;
  }

  .lore-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "media"
      "nodes"
      "readout";
  }

  .lore-nodes {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lore-node {
    min-height: 74px;
  }

  .lore-briefings {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lore-chronology {
    grid-template-columns: 1fr;
  }

  .lore-chronology ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .counterparty-registry {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .counterparty-head {
    grid-column: 1 / -1;
  }

  .source-vault {
    grid-template-columns: 1fr 1fr;
  }

  .source-vault-copy {
    grid-column: 1 / -1;
  }

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

  .visual-evidence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .visual-evidence-head {
    grid-column: 1 / -1;
  }

  .research-archive {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .research-archive-head {
    grid-column: 1 / -1;
  }

  .signal-intel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .signal-intel-head {
    grid-column: 1 / -1;
  }

  .megacity-readout {
    grid-template-columns: minmax(140px, 0.28fr) minmax(0, 1fr);
  }

  .megacity-readout p,
  .megacity-readout dl {
    grid-column: 2 / -1;
  }

  .megacity-readout dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .command-ribbon-header,
  .command-readout,
  .command-telemetry {
    min-height: 0;
  }

  .command-ribbon-header {
    min-height: 72px;
  }

  .foundry-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "media"
      "controls"
      "readout";
  }

  .tech-registry {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tech-registry article {
    min-height: 0;
  }

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

  .foundry-platform {
    min-height: 76px;
  }

  .ice-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "core"
      "vectors"
      "readout";
    min-height: 0;
  }

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

  .ice-vector {
    min-height: 76px;
  }

  .swarm-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "sky"
      "modes"
      "readout";
    min-height: 0;
  }

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

  .swarm-mode {
    min-height: 76px;
  }

  .vault-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "orbit"
      "tiers"
      "readout";
    min-height: 0;
  }

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

  .vault-tier {
    min-height: 76px;
  }

  .mikoshi-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "core"
      "modes"
      "readout";
    min-height: 0;
  }

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

  .mikoshi-mode {
    min-height: 76px;
  }

  .soulkiller-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "array"
      "stages"
      "readout";
    min-height: 0;
  }

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

  .soulkiller-stage {
    min-height: 76px;
  }

  .blackwall-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "core"
      "protocols"
      "readout";
    min-height: 0;
  }

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

  .blackwall-protocol {
    min-height: 76px;
  }

  .capital-section {
    padding-inline: 24px;
  }

  .capital-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "graph"
      "controls"
      "readout";
  }

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

  .capital-mode {
    min-height: 76px;
  }

  .exchange-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "board"
      "markets"
      "readout";
    min-height: 0;
  }

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

  .exchange-market {
    min-height: 76px;
  }

  .hero h1 {
    font-size: 4.15rem;
  }

  .hero-ledger {
    width: min(440px, 100%);
  }

  .hero-intel {
    width: min(440px, 100%);
  }

  .core-mode {
    min-height: 32px;
  }

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

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

  .protocol-api {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .protocol-api-head {
    grid-column: 1 / -1;
  }

  .portfolio-matrix-head {
    grid-template-columns: 1fr;
  }

  .portfolio-matrix-labels {
    display: none;
  }

  .portfolio-matrix-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.86fr);
  }

  .portfolio-matrix-row > span:first-child,
  .portfolio-matrix-row em {
    grid-column: 1 / -1;
  }

  .solution-bundles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .solution-bundles-head {
    grid-column: 1 / -1;
  }

  .assurance-ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .assurance-data-room {
    grid-template-columns: 1fr;
  }

  .assurance-data-room dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .acquisition-matrix {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .acquisition-matrix-head {
    grid-column: 1 / -1;
  }

  .mandate-router {
    grid-template-columns: 1fr;
  }

  .mandate-router-controls {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .mandate-router-option {
    grid-template-columns: 1fr;
    align-content: center;
    justify-items: start;
    min-height: 76px;
  }

  .assurance-ledger-head {
    grid-column: 1 / -1;
  }

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

  .product-page-tabs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .product-page-tab {
    min-height: 48px;
    padding: 0 8px;
    text-align: center;
  }

  .product-page-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product-route-main {
    grid-template-columns: 1fr;
    grid-template-areas:
      "header"
      "hero"
      "field"
      "case"
      "provenance"
      "command"
      "meta"
      "proof"
      "brief"
      "qualification"
      "procurement"
      "certificate"
      "readiness"
      "control"
      "packet"
      "assurance"
      "bom"
      "sla"
      "topology"
      "adapters"
      "contract"
      "boundary"
      "telemetry"
      "risk"
      "failure"
      "escalation"
      "acceptance"
      "specsheet"
      "config"
      "timeline"
      "decision"
      "runbook"
      "private"
      "support"
      "transcript"
      "threat"
      "custody"
      "auth"
      "redteam"
      "forensic"
      "docket"
      "license"
      "corridor"
      "bond"
      "escrow"
      "monitor"
      "patch"
      "covenant"
      "switcher"
      "ops"
      "panels"
      "related";
  }

  .product-route-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product-route-meta div {
    min-height: 86px;
  }

  .product-route-field {
    grid-template-columns: minmax(0, 0.46fr) minmax(0, 0.54fr);
  }

  .product-route-case-file {
    grid-template-columns: 1fr;
  }

  .product-route-provenance {
    grid-template-columns: 1fr;
  }

  .product-route-command {
    grid-template-columns: 1fr;
  }

  .product-route-case-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-provenance-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-command-card dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-field dl {
    grid-template-columns: 1fr;
  }

  .product-route-brief,
  .product-route-command,
  .product-route-qualification,
  .product-route-procurement,
  .product-route-readiness,
  .product-route-control,
  .product-route-packet,
  .product-route-assurance,
  .product-route-bom,
  .product-route-sla,
  .product-route-adapters,
  .product-route-contract,
  .product-route-boundary,
  .product-route-telemetry,
  .product-route-risk,
  .product-route-failure,
  .product-route-escalation,
  .product-route-acceptance,
  .product-route-config,
  .product-route-timeline,
  .product-route-decision,
  .product-route-runbook,
  .product-route-private,
  .product-route-support,
  .product-route-transcript,
  .product-route-threat,
  .product-route-custody,
  .product-route-auth,
  .product-route-redteam,
  .product-route-forensic,
  .product-route-docket,
  .product-route-license,
  .product-route-corridor,
  .product-route-bond,
  .product-route-escrow,
  .product-route-monitor,
  .product-route-patch,
  .product-route-covenant,
  .product-route-ops,
  .product-route-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-brief-heading,
  .product-route-command-head,
  .product-route-qualification-head,
  .product-route-procurement-head,
  .product-route-readiness-head,
  .product-route-control-head,
  .product-route-control-foot,
  .product-route-packet-head,
  .product-route-packet-manifest,
  .product-route-packet-foot,
  .product-route-bom-head,
  .product-route-bom-foot,
  .product-route-sla-head,
  .product-route-adapters-head,
  .product-route-contract-head,
  .product-route-boundary-head,
  .product-route-telemetry-head,
  .product-route-risk-head,
  .product-route-failure-head,
  .product-route-escalation-head,
  .product-route-acceptance-head,
  .product-route-config-head,
  .product-route-timeline-head,
  .product-route-decision-head,
  .product-route-runbook-head,
  .product-route-private-head,
  .product-route-support-head,
  .product-route-transcript-head,
  .product-route-threat-head,
  .product-route-custody-head,
  .product-route-auth-head,
  .product-route-redteam-head,
  .product-route-forensic-head,
  .product-route-docket-head,
  .product-route-license-head,
  .product-route-corridor-head,
  .product-route-bond-head,
  .product-route-escrow-head,
  .product-route-monitor-head,
  .product-route-patch-head,
  .product-route-covenant-head,
  .product-route-procurement > p,
  .product-route-procurement-intake {
    grid-column: 1 / -1;
  }

  .product-route-procurement {
    grid-template-areas:
      "head head"
      "matrix matrix"
      "note intake";
  }

  .product-route-procurement-matrix {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-topology {
    grid-template-columns: 1fr;
  }

  .product-route-adapters {
    grid-template-columns: 1fr;
  }

  .product-route-contract {
    grid-template-columns: 1fr;
  }

  .product-route-boundary {
    grid-template-columns: 1fr;
  }

  .product-route-telemetry {
    grid-template-columns: 1fr;
  }

  .product-route-risk {
    grid-template-columns: 1fr;
  }

  .product-route-failure {
    grid-template-columns: 1fr;
  }

  .product-route-sla {
    grid-template-columns: 1fr;
  }

  .product-route-control {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "deck"
      "foot";
  }

  .product-route-control-deck {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-packet {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "head head"
      "manifest foot"
      "grid grid";
  }

  .product-route-packet-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-bom {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "grid"
      "foot";
  }

  .product-route-bom-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-sla-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-topology-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-adapters-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-contract-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-boundary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-telemetry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-risk-table {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-failure-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-escalation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-acceptance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-timeline-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-threat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-custody-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-auth-table {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-redteam-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-forensic-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-docket-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-license-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-bond-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-escrow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-monitor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-patch-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-covenant-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-specsheet {
    grid-template-columns: 1fr;
  }

  .product-route-config {
    grid-template-columns: 1fr;
  }

  .product-route-decision {
    grid-template-columns: 1fr;
  }

  .product-route-private {
    grid-template-columns: 1fr;
  }

  .product-route-transcript {
    grid-template-columns: 1fr;
  }

  .product-route-threat {
    grid-template-columns: 1fr;
  }

  .product-route-custody {
    grid-template-columns: 1fr;
  }

  .product-route-auth {
    grid-template-columns: 1fr;
  }

  .product-route-redteam,
  .product-route-forensic,
  .product-route-docket,
  .product-route-license,
  .product-route-corridor,
  .product-route-bond,
  .product-route-escrow,
  .product-route-monitor {
    grid-template-columns: 1fr;
  }

  .product-route-assurance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-patch {
    grid-template-columns: 1fr;
  }

  .product-route-covenant {
    grid-template-columns: 1fr;
  }

  .product-route-config-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product-route-decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-specsheet-grid,
  .product-route-runbook-rail,
  .product-route-private-grid,
  .product-route-custody-rail,
  .product-route-auth-table,
  .product-route-redteam-rail,
  .product-route-forensic-grid,
  .product-route-docket-rail,
  .product-route-license-grid,
  .product-route-bond-grid,
  .product-route-escrow-grid,
  .product-route-monitor-grid,
  .product-route-patch-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-covenant-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-transcript-log article {
    grid-template-columns: minmax(42px, 0.12fr) minmax(120px, 0.24fr) minmax(0, 1fr);
  }

  .product-route-transcript-log article dl {
    grid-column: 2 / -1;
  }

  .product-route-switcher div {
    grid-auto-columns: minmax(188px, 38vw);
  }

  .contact-copy {
    position: static;
  }

  .access-console {
    width: 100%;
  }
}

@media (max-width: 1400px) {
  .signal-spine {
    display: none;
  }
}

@media (max-width: 720px) {
  body {
    padding-bottom: 92px;
  }

  body.has-expanded-dock {
    padding-bottom: 268px;
  }

  .site-header {
    padding: 12px 16px;
    gap: 14px;
  }

  .brand-sub,
  .access-link {
    display: none;
  }

  .locale-button {
    min-width: 46px;
    min-height: 34px;
    padding: 0 8px;
  }

  .mobile-nav {
    left: 12px;
    right: 12px;
    top: 64px;
    max-height: calc(100svh - 82px - env(safe-area-inset-bottom));
    grid-template-columns: 1fr;
  }

  .public-node-dock {
    bottom: max(10px, env(safe-area-inset-bottom));
    width: calc(100vw - 24px);
    grid-template-columns: 1fr;
    grid-template-areas:
      "status"
      "copy"
      "modes"
      "readouts";
  }

  .public-node-dock.is-collapsed {
    width: min(244px, calc(100vw - 24px));
  }

  .node-dock-status,
  .node-dock-copy,
  .node-dock-mode,
  .node-dock-readouts div {
    min-height: 54px;
  }

  .node-dock-status {
    clip-path: none;
    padding: 10px 12px;
  }

  .node-dock-copy {
    padding: 10px 46px 10px 12px;
  }

  .node-dock-modes {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .node-dock-readouts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hero {
    min-height: 78svh;
    padding: 94px 18px 34px;
  }

  .hero-shell {
    gap: 24px;
  }

  .hero h1 {
    font-size: 2.8rem;
    line-height: 1;
  }

  .hero-text {
    font-size: 1rem;
  }

  .hero-metrics {
    margin-top: 20px;
  }

  .hero-metrics div {
    padding: 10px;
  }

  .hero-metrics span {
    font-size: 0.56rem;
  }

  .hero-metrics strong {
    font-size: 1.08rem;
  }

  .hero-actions,
  .button {
    width: 100%;
  }

  .button {
    min-height: 50px;
    padding-inline: 14px;
    text-align: center;
  }

  .corporate-scale {
    width: calc(100% - 24px);
    margin: -4px auto 18px;
  }

  .status-tape {
    width: calc(100% - 24px);
    margin: -4px auto 18px;
  }

  .status-tape-head {
    padding: 16px;
  }

  .status-tape-head h2 {
    font-size: 1.58rem;
  }

  .status-tape-grid {
    grid-auto-flow: column;
    grid-auto-columns: minmax(238px, 78vw);
    grid-template-columns: none;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .status-tape-card {
    min-height: 246px;
    padding: 16px;
    scroll-snap-align: start;
  }

  .mandate-exchange {
    width: calc(100% - 24px);
    margin: -4px auto 18px;
  }

  .scale-head {
    padding: 16px;
  }

  .scale-grid article {
    min-height: 150px;
    padding: 16px;
  }

  .field-console {
    width: calc(100% - 24px);
    margin: -4px auto 22px;
    padding: 12px;
  }

  .field-console::after {
    width: 58px;
    height: 58px;
  }

  .field-console-copy h2 {
    font-size: 1.7rem;
  }

  .field-console-routes {
    grid-auto-flow: column;
    grid-auto-columns: minmax(218px, 76vw);
    grid-template-columns: none;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .mandate-ledger {
    grid-auto-flow: column;
    grid-auto-columns: minmax(230px, 78vw);
    grid-template-columns: none;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .mandate-ledger article {
    min-height: 230px;
    scroll-snap-align: start;
  }

  .field-route {
    min-height: 226px;
    scroll-snap-align: start;
  }

  .status-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .treasury-stack {
    grid-template-columns: 1fr;
  }

  .treasury-stack article {
    min-height: 0;
    padding: 14px;
  }

  .treasury-stack-head {
    padding: 14px;
  }

  .operations-watchfloor {
    grid-template-columns: 1fr;
  }

  .operations-watchfloor-head,
  .operations-watchfloor article {
    min-height: 0;
    padding: 14px;
  }

  .operations-watchfloor dl div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .status-rail div {
    min-height: 76px;
    padding: 12px 16px;
  }

  .protocol-band {
    padding: 20px 18px;
  }

  .command-nodes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-node {
    min-height: 92px;
  }

  .protocol-copy h2 {
    font-size: 1.2rem;
  }

  .protocol-stack {
    min-height: 78px;
    border-inline: 0;
    border-block: 1px solid rgba(255, 255, 255, 0.1);
    padding-block: 10px;
  }

  .protocol-console {
    grid-template-columns: 1fr;
  }

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

  .protocol-mode {
    justify-content: center;
    padding: 0 6px;
    text-align: center;
  }

  .section {
    padding: 68px 18px;
  }

  .section h2,
  .subsidiary-copy h2,
  .operations-copy h2,
  .regional-copy h2,
  .disclosure-copy h2,
  .contact-copy h2,
  .megacity-copy h2,
  .lore-copy h2,
  .foundry-copy h2,
  .systems-copy h2,
  .ice-copy h2,
  .swarm-copy h2,
  .vault-copy h2,
  .stack-copy h2,
  .archive-copy h2,
  .mikoshi-copy h2,
  .soulkiller-copy h2,
  .custody-copy h2,
  .capital-copy h2,
  .exchange-copy h2,
  .topology-copy h2,
  .blackwall-copy h2,
  .matrix-copy h2,
  .simulation-copy h2,
  .casefile-copy h2,
  .dossier-copy h2,
  .clientroom-copy h2,
  .doctrine-header h2 {
    font-size: 2.35rem;
  }

  .division-grid,
  .subsidiary-registry,
  .product-grid,
  .portfolio-matrix-row,
  .solution-bundles,
  .timeline,
  .megacity-readout,
  .foundry-readout,
  .ice-readout,
  .swarm-readout,
  .vault-readout,
  .mikoshi-readout,
  .soulkiller-readout,
  .blackwall-readout,
  .simulation-readout,
  .casefile-console,
  .casefile-readout,
  .clientroom-console,
  .clientroom-readout,
  .clientroom-packets,
  .systems-console,
  .archive-console,
  .dossier-grid,
  .regional-grid,
  .material-ledger,
  .disclosure-ledger,
  .capital-readout,
  .exchange-readout,
  .doctrine-grid {
    grid-template-columns: 1fr;
  }

  .megacity-map {
    min-height: 420px;
  }

  .subsidiary-section {
    padding: 1px;
  }

  .subsidiary-copy {
    padding: 18px;
  }

  .subsidiary-registry article {
    min-height: 0;
    padding: 16px;
  }

  .subsidiary-registry dl div {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .regional-section {
    width: calc(100% - 24px);
    padding: 1px;
  }

  .regional-copy {
    padding: 18px;
  }

  .regional-summary {
    grid-template-columns: 1fr;
  }

  .regional-grid article {
    min-height: 0;
    padding: 16px;
  }

  .regional-grid article:first-child {
    grid-row: auto;
  }

  .regional-grid dl div {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .material-ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .material-ledger-head {
    grid-column: 1 / -1;
  }

  .material-ledger article {
    min-height: 0;
  }

  .disclosure-section {
    width: calc(100% - 24px);
    padding: 1px;
  }

  .source-section {
    width: calc(100% - 24px);
    padding: 1px;
  }

  .source-copy {
    padding: 18px;
  }

  .source-dossier {
    grid-template-columns: 1fr;
  }

  .source-dossier article {
    min-height: 0;
    padding: 16px;
  }

  .disclosure-copy {
    padding: 18px;
  }

  .disclosure-status {
    grid-template-columns: 1fr;
  }

  .disclosure-ledger article {
    min-height: 0;
    padding: 16px;
  }

  .disclosure-ledger dl div {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .megacity-readout p,
  .megacity-readout dl {
    grid-column: 1;
  }

  .megacity-feed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lore-media {
    min-height: 320px;
  }

  .lore-nodes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lore-readout {
    grid-template-columns: 1fr;
  }

  .lore-readout p,
  .lore-readout dl {
    grid-column: 1;
  }

  .lore-briefings article {
    min-height: 210px;
  }

  .lore-chronology ol {
    grid-template-columns: 1fr;
  }

  .lore-chronology li {
    min-height: 0;
  }

  .counterparty-registry {
    grid-template-columns: 1fr;
  }

  .counterparty-registry article {
    min-height: 0;
  }

  .source-vault figure,
  .source-vault img {
    min-height: 190px;
  }

  .evidence-wall img {
    min-height: 260px;
  }

  .visual-evidence article {
    min-height: 0;
  }

  .research-archive article {
    min-height: 0;
  }

  .signal-intel article {
    min-height: 218px;
  }

  .city-district:hover,
  .city-district:focus-visible,
  .city-district.is-active {
    transform: none;
  }

  .systems-console article:hover,
  .systems-console article:focus-visible,
  .systems-console article.is-active {
    transform: none;
  }

  .foundry-media {
    min-height: 300px;
  }

  .foundry-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .foundry-platform:hover,
  .foundry-platform:focus-visible,
  .foundry-platform.is-active {
    transform: none;
  }

  .foundry-readout p,
  .foundry-readout dl {
    grid-column: 1;
  }

  .ice-core {
    min-height: 320px;
  }

  .ice-vectors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ice-vector:hover,
  .ice-vector:focus-visible,
  .ice-vector.is-active {
    transform: none;
  }

  .ice-readout p,
  .ice-readout dl {
    grid-column: 1;
  }

  .swarm-sky {
    min-height: 320px;
  }

  .swarm-formations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .swarm-mode:hover,
  .swarm-mode:focus-visible,
  .swarm-mode.is-active {
    transform: none;
  }

  .swarm-readout p,
  .swarm-readout dl {
    grid-column: 1;
  }

  .vault-orbit {
    min-height: 320px;
  }

  .vault-tiers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vault-tier:hover,
  .vault-tier:focus-visible,
  .vault-tier.is-active {
    transform: none;
  }

  .vault-readout p,
  .vault-readout dl {
    grid-column: 1;
  }

  .mikoshi-core {
    min-height: 320px;
  }

  .mikoshi-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mikoshi-mode:hover,
  .mikoshi-mode:focus-visible,
  .mikoshi-mode.is-active {
    transform: none;
  }

  .mikoshi-readout p,
  .mikoshi-readout dl {
    grid-column: 1;
  }

  .soulkiller-array {
    min-height: 320px;
  }

  .soulkiller-stages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .soulkiller-stage:hover,
  .soulkiller-stage:focus-visible,
  .soulkiller-stage.is-active {
    transform: none;
  }

  .soulkiller-readout p,
  .soulkiller-readout dl {
    grid-column: 1;
  }

  .blackwall-core {
    min-height: 320px;
  }

  .blackwall-protocols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blackwall-protocol:hover,
  .blackwall-protocol:focus-visible,
  .blackwall-protocol.is-active {
    transform: none;
  }

  .blackwall-readout p,
  .blackwall-readout dl {
    grid-column: 1;
  }

  .capital-graph {
    min-height: 300px;
  }

  .capital-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .capital-mode:hover,
  .capital-mode:focus-visible,
  .capital-mode.is-active {
    transform: none;
  }

  .capital-readout p,
  .capital-readout dl {
    grid-column: 1;
  }

  .exchange-board {
    min-height: 320px;
  }

  .exchange-markets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .exchange-market:hover,
  .exchange-market:focus-visible,
  .exchange-market.is-active {
    transform: none;
  }

  .exchange-readout p,
  .exchange-readout dl {
    grid-column: 1;
  }

  .systems-orchestrator {
    grid-template-columns: 1fr;
  }

  .systems-orchestrator p,
  .systems-orchestrator dl {
    grid-column: 1;
  }

  .archive-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .archive-tab {
    min-height: 82px;
  }

  .archive-display {
    grid-template-columns: 1fr;
  }

  .archive-core {
    width: min(220px, 76vw);
  }

  .matrix-display {
    grid-template-columns: 1fr;
  }

  .matrix-signal {
    width: min(220px, 76vw);
  }

  .division-card {
    min-height: 220px;
  }

  .product-card {
    min-height: 232px;
  }

  .product-page-shell {
    padding: 12px;
  }

  .product-page {
    max-height: calc(100svh - 24px);
  }

  .product-page-hero {
    padding: 28px 52px 24px 20px;
  }

  .product-page-hero h2 {
    font-size: 2.35rem;
  }

  .product-page-panel {
    min-height: 0;
    padding: 20px;
  }

  .product-page-copy h3 {
    font-size: 1.6rem;
  }

  .product-route-main {
    width: min(100% - 24px, 1180px);
    padding-top: 12px;
  }

  .product-route-header {
    padding-top: 8px;
  }

  .product-route-hero {
    min-height: 420px;
    padding: 22px;
  }

  .product-route-hero h1 {
    font-size: 2.9rem;
    line-height: 0.94;
  }

  .product-route-actions,
  .product-route-actions .button {
    width: 100%;
  }

  .service-route-link {
    min-height: 44px;
    padding-inline: 14px;
  }

  .product-route-field {
    grid-template-columns: 1fr;
  }

  .product-route-field figure,
  .product-route-field img {
    min-height: 230px;
  }

  .product-route-field > div {
    padding: 16px;
  }

  .product-route-field h2 {
    font-size: 1.7rem;
    line-height: 1;
  }

  .product-route-case-rail {
    grid-template-columns: 1fr;
  }

  .product-route-provenance-rail {
    grid-template-columns: 1fr;
  }

  .product-route-command {
    grid-template-columns: 1fr;
  }

  .product-route-command-card dl {
    grid-template-columns: 1fr;
  }

  .product-route-case-rail article {
    min-height: 0;
  }

  .product-route-assurance {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "stamp"
      "grid"
      "foot";
  }

  .product-route-assurance-grid {
    grid-template-columns: 1fr;
  }

  .product-route-assurance-stamp,
  .product-route-assurance-grid article {
    min-height: 0;
  }

  .product-route-provenance-rail article,
  .product-route-command-card dl div {
    min-height: 0;
  }

  .material-ledger {
    grid-template-columns: 1fr;
  }

  .material-ledger article,
  .material-ledger-head {
    padding: 14px;
  }

  .product-route-switcher {
    margin-inline: -1px;
    padding: 12px;
  }

  .product-route-switcher div {
    grid-auto-columns: minmax(172px, 72vw);
  }

  .product-route-brief {
    grid-template-columns: 1fr;
  }

  .product-route-qualification {
    grid-template-columns: 1fr;
  }

  .product-route-procurement {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "matrix"
      "note"
      "intake";
  }

  .product-route-certificate {
    grid-template-columns: 1fr;
  }

  .product-route-readiness {
    grid-template-columns: 1fr;
  }

  .product-route-control {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "deck"
      "foot";
  }

  .product-route-packet {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "manifest"
      "grid"
      "foot";
  }

  .product-route-bom {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "grid"
      "foot";
  }

  .product-route-readiness-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-route-sla {
    grid-template-columns: 1fr;
  }

  .product-route-sla-grid {
    grid-template-columns: 1fr;
  }

  .product-route-control-deck {
    grid-template-columns: 1fr;
  }

  .product-route-packet-grid {
    grid-template-columns: 1fr;
  }

  .product-route-bom-grid {
    grid-template-columns: 1fr;
  }

  .product-route-procurement-matrix {
    grid-template-columns: 1fr;
  }

  .product-route-topology-map {
    grid-template-columns: 1fr;
  }

  .product-route-topology-map::before {
    display: none;
  }

  .product-route-specsheet-grid,
  .product-route-adapters-grid,
  .product-route-contract-grid,
  .product-route-boundary-grid,
  .product-route-telemetry-grid,
  .product-route-risk-table,
  .product-route-failure-grid,
  .product-route-escalation-grid,
  .product-route-acceptance-grid,
  .product-route-config-grid,
  .product-route-decision-grid,
  .product-route-runbook-rail,
  .product-route-private-grid,
  .product-route-threat-grid,
  .product-route-custody-rail,
  .product-route-auth-table,
  .product-route-redteam-rail,
  .product-route-forensic-grid,
  .product-route-docket-rail,
  .product-route-license-grid,
  .product-route-bond-grid,
  .product-route-escrow-grid,
  .product-route-monitor-grid,
  .product-route-patch-grid,
  .product-route-covenant-grid {
    grid-template-columns: 1fr;
  }

  .product-route-transcript-log article {
    grid-template-columns: 1fr;
  }

  .product-route-transcript-log article dl {
    grid-column: auto;
  }

  .product-route-specsheet figure {
    min-height: 260px;
  }

  .product-route-brief article {
    min-height: 0;
  }

  .product-route-qualification article,
  .product-route-procurement-matrix article,
  .product-route-sla-grid article,
  .product-route-topology-map article,
  .product-route-specsheet-grid article,
  .product-route-telemetry-grid article,
  .product-route-risk-table article,
  .product-route-runbook-rail article,
  .product-route-private-grid article,
  .product-route-threat-grid article,
  .product-route-custody-rail article,
  .product-route-auth-table article,
  .product-route-redteam-rail article,
  .product-route-forensic-grid article,
  .product-route-docket-rail article,
  .product-route-license-grid article,
  .product-route-corridor-grid article,
  .product-route-bond-grid article,
  .product-route-escrow-grid article,
  .product-route-monitor-grid article,
  .product-route-patch-grid article,
  .product-route-covenant-grid article {
    min-height: 0;
  }

  .dossier-relay {
    grid-template-columns: 1fr;
  }

  .timeline article {
    padding-right: 0;
  }

  .role-list a {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 16px 0;
  }

  .site-footer {
    display: grid;
    padding: 24px 18px;
  }

  .topology-copy {
    min-height: auto;
  }

  .topology-frame {
    min-height: 480px;
  }

  .operations-overlay {
    position: relative;
    inset: auto;
    background:
      linear-gradient(135deg, rgba(225, 7, 20, 0.12), transparent 44%),
      rgba(5, 5, 7, 0.94);
  }

  .operations-status {
    justify-self: stretch;
    width: auto;
  }

  .topology-insight {
    top: 58px;
    left: 16px;
    right: 16px;
    width: auto;
  }

  .stack-layer,
  .layer-memory,
  .layer-network,
  .layer-capital {
    margin-left: 0;
  }

  .stack-core {
    min-height: 360px;
  }

  .custody-orb {
    min-height: 280px;
  }
}

@media (max-width: 420px) {
  body {
    padding-bottom: 88px;
  }

  body.has-expanded-dock {
    padding-bottom: 314px;
  }

  .brand-wordmark {
    width: 136px;
  }

  .site-header {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding-inline: 12px;
  }

  .brand {
    gap: 9px;
  }

  .brand-mark {
    width: 32px;
    height: 32px;
  }

  .header-actions {
    gap: 8px;
  }

  .locale-button {
    min-width: 42px;
    font-size: 0.76rem;
  }

  .hero h1 {
    font-size: 2.18rem;
  }

  .section h2,
  .operations-copy h2,
  .contact-copy h2,
  .megacity-copy h2,
  .lore-copy h2,
  .foundry-copy h2,
  .systems-copy h2,
  .ice-copy h2,
  .swarm-copy h2,
  .vault-copy h2,
  .stack-copy h2,
  .archive-copy h2,
  .mikoshi-copy h2,
  .soulkiller-copy h2,
  .custody-copy h2,
  .capital-copy h2,
  .exchange-copy h2,
  .topology-copy h2,
  .blackwall-copy h2,
  .matrix-copy h2,
  .simulation-copy h2,
  .casefile-copy h2,
  .dossier-copy h2,
  .clientroom-copy h2,
  .doctrine-header h2 {
    font-size: 2rem;
  }

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

  .corporate-scale {
    width: calc(100% - 18px);
    border-radius: 4px;
  }

  .mandate-exchange {
    width: calc(100% - 18px);
    border-radius: 4px;
  }

  .scale-head {
    padding: 14px;
  }

  .scale-head h2 {
    font-size: 1.62rem;
  }

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

  .scale-grid article {
    min-height: 0;
    padding: 14px;
  }

  .mandate-exchange-head {
    padding: 14px;
  }

  .mandate-exchange-head h2 {
    font-size: 1.55rem;
  }

  .mandate-ledger {
    grid-auto-columns: minmax(214px, 82vw);
  }

  .mandate-ledger article {
    min-height: 220px;
    padding: 14px;
  }

  .field-console {
    width: calc(100% - 18px);
    border-radius: 4px;
  }

  .field-console-copy p:last-child {
    font-size: 0.86rem;
  }

  .field-console-routes {
    grid-auto-columns: minmax(206px, 82vw);
  }

  .field-route {
    min-height: 218px;
    padding: 12px;
  }

  .neural-core {
    grid-template-columns: 1fr;
  }

  .core-rings {
    width: 96px;
    height: 96px;
  }

  .core-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .protocol-metrics {
    grid-template-columns: 1fr;
  }

  .product-page-tabs,
  .product-page-meta {
    grid-template-columns: 1fr;
  }

  .product-page-tab {
    min-height: 40px;
    text-align: left;
  }

  .product-page-meta div {
    min-height: 70px;
  }

  .protocol-api {
    grid-template-columns: 1fr;
  }

  .protocol-api article {
    min-height: 0;
    padding: 14px;
  }

  .protocol-api dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .assurance-ledger {
    grid-template-columns: 1fr;
  }

  .assurance-data-room dl {
    grid-template-columns: 1fr;
  }

  .assurance-data-room dl div {
    padding: 11px;
  }

  .acquisition-matrix {
    grid-template-columns: 1fr;
  }

  .mandate-router {
    grid-template-columns: 1fr;
  }

  .mandate-router-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mandate-router-readout dl {
    grid-template-columns: 1fr;
  }

  .mandate-router-readout a {
    width: 100%;
  }

  .acquisition-matrix-head,
  .acquisition-matrix article {
    padding: 14px;
  }

  .acquisition-matrix article {
    min-height: 0;
  }

  .acquisition-matrix dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .acquisition-matrix dl div {
    min-height: 44px;
  }

  .acquisition-matrix dl div:nth-child(4) {
    grid-column: 1 / -1;
  }

  .assurance-ledger-head,
  .assurance-ledger article {
    padding: 14px;
  }

  .assurance-ledger-seal {
    justify-content: flex-start;
  }

  .product-route-header {
    align-items: start;
  }

  .product-route-main::before {
    inset: 12px;
  }

  .product-route-hero {
    min-height: 360px;
    padding: 18px;
  }

  .product-route-hero::after {
    width: 130px;
    right: 18px;
    top: 18px;
  }

  .product-route-hero h1 {
    font-size: 2.25rem;
  }

  .product-route-meta,
  .product-route-case-file,
  .product-route-provenance,
  .product-route-brief,
  .product-route-qualification,
  .product-route-procurement,
  .product-route-certificate,
  .product-route-readiness,
  .product-route-control,
  .product-route-packet,
  .product-route-bom,
  .product-route-sla,
  .product-route-topology,
  .product-route-adapters,
  .product-route-contract,
  .product-route-boundary,
  .product-route-telemetry,
  .product-route-risk,
  .product-route-failure,
  .product-route-escalation,
  .product-route-acceptance,
  .product-route-specsheet,
  .product-route-config,
  .product-route-timeline,
  .product-route-decision,
  .product-route-runbook,
  .product-route-private,
  .product-route-support,
  .product-route-transcript,
  .product-route-threat,
  .product-route-custody,
  .product-route-auth,
  .product-route-redteam,
  .product-route-forensic,
  .product-route-docket,
  .product-route-license,
  .product-route-bond,
  .product-route-escrow,
  .product-route-monitor,
  .product-route-patch,
  .product-route-covenant,
  .product-route-ops,
  .product-route-panels {
    grid-template-columns: 1fr;
  }

  .product-route-ops article,
  .product-route-panels article,
  .product-route-case-rail article,
  .product-route-provenance-rail article,
  .product-route-command-head,
  .product-route-command-card,
  .product-route-procurement-matrix article,
  .product-route-readiness-grid article,
  .product-route-control-deck article,
  .product-route-packet-grid article,
  .product-route-bom-grid article,
  .product-route-sla-grid article,
  .product-route-config-grid article,
  .product-route-decision-grid article,
  .product-route-runbook-rail article,
  .product-route-private-grid article,
  .product-route-threat-grid article,
  .product-route-custody-rail article,
  .product-route-auth-table article,
  .product-route-redteam-rail article,
  .product-route-forensic-grid article,
  .product-route-docket-rail article,
  .product-route-license-grid article,
  .product-route-bond-grid article,
  .product-route-escrow-grid article,
  .product-route-monitor-grid article,
  .product-route-patch-grid article,
  .product-route-covenant-grid article,
  .product-route-failure-grid article,
  .product-route-escalation-grid article,
  .product-route-acceptance-grid article,
  .product-route-timeline-rail article,
  .product-route-support-grid article {
    min-height: 0;
  }

  .product-route-transcript-log article {
    min-height: 0;
  }

  .product-route-topology-map article,
  .product-route-adapters-grid article,
  .product-route-contract-grid article,
  .product-route-boundary-grid article,
  .product-route-telemetry-grid article,
  .product-route-risk-table article,
  .product-route-transcript-log article,
  .product-route-specsheet-grid article,
  .product-route-threat-grid article,
  .product-route-custody-rail article,
  .product-route-auth-table article,
  .product-route-redteam-rail article,
  .product-route-forensic-grid article,
  .product-route-docket-rail article,
  .product-route-license-grid article,
  .product-route-bond-grid article,
  .product-route-escrow-grid article,
  .product-route-monitor-grid article,
  .product-route-patch-grid article,
  .product-route-covenant-grid article {
    min-height: 0;
  }

  .product-route-readiness-grid {
    grid-template-columns: 1fr;
  }

  .product-route-control-deck {
    grid-template-columns: 1fr;
  }

  .product-route-packet-grid {
    grid-template-columns: 1fr;
  }

  .product-route-bom-grid {
    grid-template-columns: 1fr;
  }

  .product-route-config-grid {
    grid-template-columns: 1fr;
  }

  .product-route-decision-grid {
    grid-template-columns: 1fr;
  }

  .product-route-adapters-grid {
    grid-template-columns: 1fr;
  }

  .product-route-contract-grid {
    grid-template-columns: 1fr;
  }

  .product-route-boundary-grid {
    grid-template-columns: 1fr;
  }

  .product-route-telemetry-grid {
    grid-template-columns: 1fr;
  }

  .product-route-risk-table {
    grid-template-columns: 1fr;
  }

  .product-route-failure-grid {
    grid-template-columns: 1fr;
  }

  .product-route-escalation-grid {
    grid-template-columns: 1fr;
  }

  .product-route-acceptance-grid {
    grid-template-columns: 1fr;
  }

  .product-route-timeline-rail {
    grid-template-columns: 1fr;
  }

  .product-route-support-grid {
    grid-template-columns: 1fr;
  }

  .product-route-threat-grid {
    grid-template-columns: 1fr;
  }

  .product-route-custody-rail {
    grid-template-columns: 1fr;
  }

  .product-route-auth-table {
    grid-template-columns: 1fr;
  }

  .product-route-redteam-rail,
  .product-route-forensic-grid,
  .product-route-docket-rail,
  .product-route-license-grid,
  .product-route-corridor-grid,
  .product-route-bond-grid,
  .product-route-escrow-grid,
  .product-route-monitor-grid,
  .product-route-patch-grid,
  .product-route-covenant-grid {
    grid-template-columns: 1fr;
  }

  .dossier-relay nav {
    grid-template-columns: 1fr;
  }

  .dossier-relay a {
    min-height: 76px;
  }

  .command-nodes,
  .command-telemetry {
    grid-template-columns: 1fr;
  }

  .command-node {
    min-height: 74px;
  }

  .node-dock-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .foundry-controls,
  .tech-registry,
  .megacity-feed,
  .lore-nodes,
  .lore-briefings,
  .lore-chronology,
  .lore-chronology ol,
  .counterparty-registry,
  .source-vault,
  .evidence-wall,
  .visual-evidence,
  .research-archive,
  .signal-intel,
  .lore-readout dl,
  .product-grid,
  .protocol-api,
  .protocol-api dl,
  .node-dock-readouts,
  .megacity-readout dl,
  .foundry-readout dl,
  .ice-vectors,
  .ice-readout dl,
  .swarm-formations,
  .swarm-readout dl,
  .vault-tiers,
  .vault-readout dl,
  .mikoshi-modes,
  .mikoshi-readout dl,
  .soulkiller-stages,
  .soulkiller-readout dl,
  .blackwall-protocols,
  .blackwall-readout dl,
  .capital-controls,
  .capital-readout dl,
  .exchange-markets,
  .exchange-readout dl {
    grid-template-columns: 1fr;
  }

  .megacity-map {
    min-height: 360px;
  }

  .mikoshi-core {
    min-height: 280px;
  }

  .soulkiller-array {
    min-height: 280px;
  }

  .city-district {
    min-width: 118px;
    min-height: 50px;
    padding: 8px 10px;
  }

  .district-plaza {
    left: 7%;
    top: 12%;
  }

  .district-bay {
    right: 6%;
    top: 18%;
  }

  .district-underrail {
    left: 8%;
    bottom: 14%;
  }

  .district-orbit {
    right: 7%;
    bottom: 12%;
  }

  .city-sigil {
    width: 122px;
    height: 122px;
  }

  .foundry-media {
    min-height: 260px;
  }

  .ice-core {
    min-height: 260px;
  }

  .swarm-sky {
    min-height: 260px;
  }

  .vault-orbit {
    min-height: 260px;
  }

  .blackwall-core {
    min-height: 260px;
  }

  .capital-section {
    padding: 68px 18px;
  }

  .capital-graph {
    min-height: 260px;
  }

  .exchange-board {
    min-height: 260px;
  }

  .systems-orchestrator dl {
    grid-template-columns: 1fr;
  }

  .protocol-modes {
    grid-template-columns: 1fr;
  }

  .protocol-mode {
    justify-content: start;
    min-height: 34px;
    padding: 0 10px;
    text-align: left;
  }

  .operations-theaters,
  .operations-status dl,
  .service-grid {
    grid-template-columns: 1fr;
  }

  .service-card {
    min-height: 0;
  }

  .portfolio-matrix-row > span,
  .portfolio-matrix-row em {
    padding: 11px;
  }

  .solution-bundles article {
    min-height: 0;
  }

  .assurance-ledger article {
    min-height: 0;
  }

  .operations-theaters {
    display: grid;
  }

  .operations-theater {
    justify-content: start;
    min-height: 34px;
  }

  .contact-form {
    padding: 18px;
  }

  .terminal-status {
    grid-template-columns: 1fr;
  }

  .access-review dl {
    grid-template-columns: 1fr;
  }

  .terminal-status div {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .terminal-status div:last-child {
    border-bottom: 0;
  }

  .stack-layer {
    grid-template-columns: 1fr;
    gap: 8px;
    transform: none;
  }

  .stack-layer:hover,
  .stack-layer:focus-visible,
  .stack-layer.is-active {
    transform: none;
  }

  .stack-readout dl {
    grid-template-columns: 1fr;
  }

  .archive-tabs,
  .archive-stats {
    grid-template-columns: 1fr;
  }

  .archive-display {
    padding: 18px;
  }

  .archive-readout h3 {
    font-size: 1.5rem;
  }

  .custody-header {
    display: none;
  }

  .custody-board article {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .topology-frame {
    min-height: 620px;
  }

  .topology-readouts {
    grid-template-columns: 1fr;
  }

  .topology-tag {
    font-size: 0.62rem;
  }

  .topology-lenses {
    left: 12px;
    right: 12px;
    top: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topology-lens {
    padding: 0 6px;
  }

  .topology-insight {
    top: 92px;
    left: 12px;
    right: 12px;
  }

  .matrix-toolbar,
  .matrix-bars {
    grid-template-columns: 1fr;
  }

  .mobile-nav {
    left: 8px;
    right: 8px;
    top: 60px;
    max-height: calc(100svh - 76px - env(safe-area-inset-bottom));
    grid-template-columns: 1fr;
  }

  .mobile-nav a {
    min-height: 40px;
    padding-inline: 10px;
    font-size: 0.68rem;
  }

  .mobile-nav-priority a {
    min-height: 76px;
  }

  .mobile-nav-group div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .matrix-mode {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .matrix-mode:last-child {
    border-bottom: 0;
  }

  .matrix-display {
    padding: 18px;
  }

  .matrix-readout h3 {
    font-size: 1.45rem;
  }

  .simulation-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .simulation-scenario {
    min-height: 72px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .simulation-scenario:nth-child(2n) {
    border-right: 0;
  }

  .simulation-scenario:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .simulation-readout {
    padding: 18px;
  }

  .simulation-seal {
    width: min(144px, 72vw);
  }

  .simulation-brief h3 {
    font-size: 1.5rem;
  }

  .simulation-metrics {
    grid-template-columns: 1fr;
  }

  .simulation-metrics div {
    min-height: 72px;
  }

  .simulation-link {
    width: 100%;
    justify-content: center;
  }

  .casefile-console {
    grid-template-rows: auto minmax(260px, auto) auto;
  }

  .casefile-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .casefile-tab {
    min-height: 70px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .casefile-tab:nth-child(2n) {
    border-right: 0;
  }

  .casefile-tab:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .casefile-visual {
    min-height: 300px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .casefile-readout {
    padding: 18px;
  }

  .casefile-readout h3 {
    font-size: 1.5rem;
  }

  .casefile-readout dl {
    grid-template-columns: 1fr;
  }

  .casefile-readout dl div {
    min-height: 72px;
  }

  .casefile-link {
    width: 100%;
    justify-content: center;
  }

  .clientroom-console {
    grid-template-rows: auto minmax(280px, auto) auto;
    min-height: 0;
  }

  .clientroom-packets article {
    min-height: 0;
  }

  .clientroom-switcher {
    grid-template-rows: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .clientroom-option {
    min-height: 72px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }

  .clientroom-option:nth-child(2n) {
    border-right: 0;
  }

  .clientroom-option:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .clientroom-visual {
    min-height: 300px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .clientroom-readout {
    padding: 18px;
  }

  .clientroom-readout h3 {
    font-size: 1.5rem;
  }

  .clientroom-link {
    width: 100%;
    justify-content: center;
  }

  .dossier-id {
    grid-template-columns: 1fr;
    justify-items: start;
    padding: 18px;
  }

  .dossier-rails {
    padding: 18px;
  }
}

@media (pointer: coarse), (max-width: 720px) {
  .cursor-reticle {
    display: none;
  }

  .signal-spine {
    display: none;
  }

  .signal-weather,
  .hero-signal-canvas {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }

  .cursor-reticle {
    display: none;
  }

  .signal-weather {
    opacity: 0.18;
  }

  .spine-track i {
    transition: none;
  }
}

@keyframes gridDrift {
  from {
    background-position: 0 0, 0 0;
  }
  to {
    background-position: 72px 72px, 72px 72px;
  }
}

@keyframes scanSweep {
  0%,
  100% {
    transform: translateY(-70px);
    opacity: 0;
  }
  35%,
  65% {
    opacity: 1;
  }
  50% {
    transform: translateY(360px);
  }
}

@keyframes statusTapeSweep {
  from {
    transform: translateX(-52%);
  }

  to {
    transform: translateX(52%);
  }
}

@keyframes scanLine {
  0%,
  100% {
    transform: translateY(-86px);
    opacity: 0.18;
  }
  42%,
  58% {
    opacity: 1;
  }
  50% {
    transform: translateY(86px);
  }
}

@keyframes coreSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes consoleSweep {
  0%,
  24% {
    transform: translateX(-100%);
  }
  58%,
  100% {
    transform: translateX(100%);
  }
}

@keyframes protocolScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-33.333%);
  }
}

@keyframes stackPulse {
  0%,
  100% {
    transform: translateX(-48%);
    opacity: 0.25;
  }
  50% {
    transform: translateX(18%);
    opacity: 0.85;
  }
}

@keyframes terminalScan {
  0%,
  100% {
    transform: translateY(0);
    opacity: 0;
  }
  35%,
  65% {
    opacity: 1;
  }
  50% {
    transform: translateY(168px);
  }
}

@media (max-width: 1040px) {
  .tech-section-shell,
  .tech-network-panel {
    grid-template-columns: 1fr;
  }

  .tech-network-links {
    justify-content: start;
  }

  .deep-tech-hero,
  .deep-tech-system,
  .deep-tech-schematic,
  .deep-tech-specs,
  .deep-tech-network-panel {
    grid-template-columns: 1fr;
  }

  .deep-tech-visual {
    min-height: 360px;
    border-top: 1px solid rgba(116, 199, 216, 0.18);
    border-left: 0;
  }

  .deep-tech-signal {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .deep-tech-signal article:not(:last-child)::after {
    display: none;
  }

  .archive-route-hero,
  .archive-route-incidents,
  .archive-route-map,
  .archive-route-credit {
    grid-template-columns: 1fr;
  }

  .archive-route-visual {
    min-height: 360px;
    border-top: 1px solid rgba(116, 199, 216, 0.18);
    border-left: 0;
  }

  .archive-route-map .tech-network-links {
    justify-content: start;
  }

  .divisions-route-page .archive-incident-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .subsidiaries-route-page .archive-incident-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .regional-route-page .archive-incident-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .spec-route-page .archive-incident-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .tech-route-main {
    width: min(100% - 22px, 1180px);
    padding-top: 12px;
  }

  .tech-route-main::before {
    inset: 12px;
  }

  .tech-library-page .tech-route-main .tech-route-hero {
    min-height: 360px;
    padding: 18px;
    background:
      linear-gradient(180deg, rgba(4, 5, 7, 0.82) 0%, rgba(4, 5, 7, 0.94) 64%, rgba(4, 5, 7, 1) 100%),
      url("assets/cyberware-foundry.png") center / cover no-repeat;
  }

  .tech-section-shell,
  .tech-spec-panel,
  .tech-network-panel {
    padding: 10px;
  }

  .tech-section-intro {
    padding: 8px;
  }

  .tech-dossier-grid {
    grid-template-columns: 1fr;
  }

  .tech-dossier-card {
    gap: 12px;
    padding: 13px;
  }

  .tech-dossier-card dl div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .tech-spec-row,
  .tech-spec-head {
    grid-template-columns: 1fr;
  }

  .tech-spec-head {
    display: none;
  }

  .tech-spec-row > * {
    padding: 10px;
  }

  .deep-tech-hero {
    min-height: 0;
  }

  .deep-tech-hero-copy {
    padding: 18px;
  }

  .deep-tech-hero-copy h1 {
    font-size: 2.75rem;
  }

  .deep-tech-hero-copy p {
    font-size: 0.98rem;
  }

  .deep-tech-visual {
    min-height: 270px;
  }

  .deep-tech-visual img {
    min-height: 270px;
  }

  .deep-tech-readout,
  .deep-tech-layer-grid,
  .deep-tech-spec-grid,
  .deep-tech-signal {
    grid-template-columns: 1fr;
  }

  .deep-tech-system,
  .deep-tech-schematic,
  .deep-tech-specs,
  .deep-tech-network-panel {
    padding: 10px;
  }

  .deep-tech-readout article,
  .deep-tech-layer-grid article,
  .deep-tech-signal article,
  .deep-tech-spec-grid article {
    padding: 13px;
  }

  .deep-tech-readout strong {
    font-size: 2.4rem;
  }

  .archive-route-copy {
    padding: 18px;
  }

  .archive-route-copy h1 {
    font-size: 2.75rem;
  }

  .archive-route-copy p {
    font-size: 0.98rem;
  }

  .archive-route-visual {
    min-height: 280px;
  }

  .archive-route-visual img {
    min-height: 280px;
  }

  .archive-route-readout,
  .archive-incident-grid {
    grid-template-columns: 1fr;
  }

  .divisions-route-page .archive-incident-grid {
    grid-template-columns: 1fr;
  }

  .subsidiaries-route-page .archive-incident-grid {
    grid-template-columns: 1fr;
  }

  .regional-route-page .archive-incident-grid {
    grid-template-columns: 1fr;
  }

  .spec-route-page .archive-incident-grid,
  .spec-route-matrix div {
    grid-template-columns: 1fr;
  }

  .archive-route-incidents,
  .archive-route-map,
  .archive-route-credit {
    padding: 10px;
  }

  .archive-route-readout article {
    padding: 13px;
  }

  .archive-route-readout strong {
    font-size: 2.4rem;
  }
}