:root {
  color-scheme: dark;
  --black: #080a0d;
  --charcoal: #10151a;
  --navy: #0d1721;
  --line: #30353a;
  --gold: #b99a58;
  --gold-light: #dec487;
  --gold-deep: #736039;
  --ink: #ecebe5;
  --muted: #a6a8a9;
  --faint: #858d90;
  --pad: clamp(1.25rem, 4.4vw, 5.5rem);
  --max: 1440px;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  background: var(--black);
}
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  color: var(--ink);
  background: var(--black);
  font-size: 16px;
  line-height: 1.55;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 8%, #1b2730 0, transparent 34rem),
    radial-gradient(circle at 10% 72%, #141b22 0, transparent 35rem),
    var(--black);
}
a {
  color: inherit;
  text-decoration: none;
}
a,
summary {
  touch-action: manipulation;
}
button,
input,
summary {
  font: inherit;
}
:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: 5px;
}
.skip-link {
  position: fixed;
  z-index: 100;
  left: 1rem;
  top: 1rem;
  padding: 0.7rem 1rem;
  background: var(--gold-light);
  color: var(--black);
  transform: translateY(-180%);
}
.skip-link:focus {
  transform: none;
}
.site-header {
  position: relative;
  z-index: 20;
  border-bottom: 1px solid #d7bb7b24;
  background: #080b0ed9;
  backdrop-filter: blur(18px);
}
.header-inner {
  max-width: var(--max);
  min-height: 86px;
  margin: auto;
  padding: 0 var(--pad);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2rem;
}
.wordmark {
  display: inline-flex;
  flex-direction: column;
  width: max-content;
  line-height: 1;
  letter-spacing: 0.17em;
}
.wordmark span {
  font-weight: 760;
  font-size: 1.17rem;
  letter-spacing: 0.25em;
  color: var(--ink);
}
.wordmark small {
  margin-top: 0.47rem;
  font-size: 0.53rem;
  font-weight: 700;
  letter-spacing: 0.51em;
  color: var(--gold);
}
.desktop-nav {
  display: flex;
  gap: clamp(1rem, 2vw, 2.4rem);
}
.desktop-nav a,
.header-contact,
.mobile-nav {
  font-size: 0.68rem;
  font-weight: 680;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.desktop-nav a {
  color: #a7abae;
}
.desktop-nav a:hover,
.mobile-nav a:hover,
.site-footer a:hover {
  color: var(--gold-light);
}
.header-contact {
  justify-self: end;
  display: inline-flex;
  gap: 1rem;
  align-items: center;
  color: var(--gold-light);
}
.header-contact span {
  font-size: 1rem;
  font-weight: 400;
}
.mobile-nav {
  display: none;
}
.hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(700px, 88svh, 1000px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border-bottom: 1px solid #a9946238;
  background: linear-gradient(112deg, #080a0d 0%, #090d12 48%, #0b141c 100%);
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, #d1b4730d 1px, transparent 1px),
    linear-gradient(#d1b4730a 1px, transparent 1px);
  background-size: 82px 82px;
  mask-image: linear-gradient(
    90deg,
    transparent 8%,
    #000 55%,
    transparent 100%
  );
}
.hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -14%;
  top: -35%;
  width: min(75vw, 1050px);
  aspect-ratio: 1;
  border: 1px solid #a88e572d;
  border-radius: 50%;
  box-shadow:
    0 0 0 90px #a88e5709,
    0 0 0 220px #a88e5705,
    inset 0 0 130px #b7994a16;
  transform: rotate(-20deg);
}
.hero-field {
  position: absolute;
  z-index: -1;
  right: -18%;
  top: 6%;
  width: 80%;
  height: 100%;
  opacity: 0.8;
  background:
    radial-gradient(ellipse at 64% 36%, #9e824c22 0, transparent 23%),
    radial-gradient(ellipse at 58% 62%, #162a34 0, transparent 43%);
  pointer-events: none;
}
.hero-inner {
  width: min(100%, var(--max));
  margin: auto;
  padding: clamp(7rem, 12vw, 12rem) var(--pad) 5rem;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: clamp(1rem, 3vw, 3.5rem);
}
.hero-copy {
  position: relative;
  z-index: 2;
  max-width: 740px;
}
.eyebrow,
.section-label,
.graph-panel-head,
.graph-caption,
.hero-bottom,
.hero-side {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-weight: 600;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0 0 2.6rem;
  color: var(--gold-light);
  font-size: 0.66rem;
}
.eyebrow-line {
  width: 2rem;
  height: 1px;
  background: var(--gold);
}
.eyebrow-tail {
  color: var(--faint);
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
.hero h1 {
  max-width: 950px;
  margin: 0;
  font-size: clamp(4rem, 6.5vw, 7.1rem);
  line-height: 0.94;
  letter-spacing: -0.075em;
  font-weight: 520;
}
.hero h1 em,
.section-intro h2 em,
.about-section h2 em {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: var(--gold-light);
}
.gold-period {
  color: var(--gold);
}
.hero-lede {
  max-width: 625px;
  margin: 2.7rem 0 0;
  color: #b9bec0;
  font-size: clamp(1.03rem, 1.3vw, 1.22rem);
  line-height: 1.75;
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 2.5rem;
}
.button {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 0.9rem 1.2rem;
  font-size: 0.69rem;
  font-weight: 750;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  transition:
    background 0.2s,
    border-color 0.2s,
    transform 0.2s;
}
.button:hover {
  transform: translateY(-2px);
}
.button span {
  font-size: 1rem;
  font-weight: 400;
}
.button-primary {
  color: #13100a;
  border: 1px solid #c6a965;
  background: linear-gradient(110deg, #947640 0%, #e0c382 44%, #aa894c 100%);
  box-shadow: 0 12px 40px #b99a581b;
}
.button-primary:hover {
  background: linear-gradient(110deg, #b29151, #f0d99e, #b89758);
}
.button-secondary {
  border: 1px solid #b89b604d;
  color: var(--ink);
  background: #12181da6;
}
.button-secondary:hover {
  border-color: var(--gold);
}
.hero-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.4rem;
  writing-mode: vertical-rl;
  color: #9c8760;
  font-size: 0.58rem;
}
.hero-graph {
  min-width: 0;
}
.hero-graph .graph-panel {
  margin: 0;
  box-shadow:
    0 30px 110px #000a,
    0 0 90px #b99a580c;
}
.hero-graph .graph-panel-head {
  padding: 0.85rem 1rem;
}
.hero-graph .graph-caption {
  padding: 0.85rem 1rem;
  text-align: left;
}
.hero-graph .graph-state-readout {
  padding: 0.9rem 1rem;
}
.motion-intro:not(.motion-resolved) .hero-copy {
  opacity: 0.72;
  transform: translateY(10px);
}
.hero-copy {
  transition:
    opacity 850ms ease,
    transform 850ms ease;
}
.motion-resolved .hero-copy {
  opacity: 1;
  transform: none;
}
.hero-side-rule {
  width: 1px;
  height: 150px;
  background: linear-gradient(var(--gold), transparent);
}
.hero-bottom {
  width: min(100%, var(--max));
  margin: 0 auto;
  padding: 1.6rem var(--pad);
  display: flex;
  gap: 3rem;
  color: #a5a4a0;
  border-top: 1px solid #d8c08730;
  font-size: 0.61rem;
}
.hero-bottom span:not(:last-child)::after {
  content: "/";
  margin-left: 3rem;
  color: var(--gold-deep);
}
.system-section,
.technology-section,
.about-section {
  max-width: var(--max);
  margin: auto;
  padding: clamp(6rem, 10vw, 11rem) var(--pad);
}
.section-intro {
  display: grid;
  grid-template-columns: minmax(150px, 0.33fr) 1fr;
  gap: 2rem 4rem;
  align-items: start;
}
.section-label {
  margin: 0.65rem 0 0;
  color: var(--gold);
  font-size: 0.64rem;
}
.section-intro h2,
.about-section h2 {
  max-width: 900px;
  margin: 0;
  font-size: clamp(2.8rem, 5.5vw, 6rem);
  line-height: 1.04;
  letter-spacing: -0.06em;
  font-weight: 500;
}
.section-intro > div > p,
.about-section > div > p {
  max-width: 650px;
  margin: 1.7rem 0 0;
  color: var(--muted);
  font-size: 1.04rem;
  line-height: 1.75;
}
.graph-panel {
  position: relative;
  margin-top: 4.5rem;
  overflow: hidden;
  border: 1px solid #ae95583d;
  background:
    radial-gradient(circle at 80% 20%, #25303960, transparent 50%),
    linear-gradient(145deg, #11181f, #0a0e12 60%, #11171e);
  box-shadow:
    0 30px 90px #0008,
    inset 0 1px #f5dea80d;
}
.graph-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, #bba66d0b 1px, transparent 1px),
    linear-gradient(#bba66d0b 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(180deg, #000, transparent 90%);
}
.graph-panel-head {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.2rem 1.5rem;
  color: #a6946b;
  border-bottom: 1px solid #ae95582e;
  font-size: 0.57rem;
}
.graph-diagram {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.graph-grid path {
  stroke: #89795125;
  stroke-width: 1;
  fill: none;
}
.graph-edge {
  stroke: #b99a58;
  stroke-width: 1.5;
  fill: none;
  opacity: 0.62;
  transition:
    opacity 450ms ease,
    stroke-width 450ms ease;
}
.graph-edge[data-state="waiting"] {
  opacity: 0.22;
}
.graph-edge[data-state="complete"] {
  opacity: 0.7;
}
.graph-edge[data-state="active"] {
  opacity: 1;
  stroke-width: 3;
  filter: drop-shadow(0 0 5px #d0ad68a8);
}
.graph-feedback {
  stroke-dasharray: 5 8;
  opacity: 0.55;
}
.graph-node rect {
  fill: #10171d;
  stroke: #8d784c;
  stroke-width: 1;
}
.graph-node {
  transition: opacity 500ms ease;
}
.graph-node rect,
.graph-node text {
  transition:
    fill 500ms ease,
    stroke 500ms ease;
}
.graph-node[data-state="waiting"] {
  opacity: 0.56;
}
.graph-node[data-state="complete"] {
  opacity: 0.9;
}
.graph-node[data-state="active"] rect {
  fill: #29271d;
  stroke: #e0c382;
  stroke-width: 2;
  filter: drop-shadow(0 0 9px #c3a26076);
}
.graph-node[data-state="active"] .graph-label {
  fill: #fff0c7;
}
.graph-pulse {
  fill: #f3d795;
  filter: drop-shadow(0 0 7px #e4b967);
  pointer-events: none;
}
.graph-node:nth-child(3) rect,
.graph-node:nth-child(6) rect,
.graph-node:nth-child(9) rect {
  fill: #1b2021;
  stroke: #c7a866;
}
.graph-index {
  fill: #947e4d;
  font:
    600 11px ui-monospace,
    monospace;
  letter-spacing: 0.1em;
}
.graph-label {
  fill: #e0dfd6;
  font:
    600 13px Inter,
    Arial,
    sans-serif;
  letter-spacing: 0.1em;
}
.graph-feedback-label {
  fill: #877b5e;
  font:
    600 9px ui-monospace,
    monospace;
  letter-spacing: 0.13em;
  writing-mode: vertical-rl;
}
.graph-steps {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.graph-caption {
  position: relative;
  margin: 0;
  padding: 1rem 1.5rem;
  border-top: 1px solid #ae95582e;
  text-align: right;
  color: #b8ab86;
  font-size: 0.61rem;
}
.graph-state-readout {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.3rem 1rem;
  padding: 1.1rem 1.5rem;
  border-top: 1px solid #ae95582e;
  font-size: 0.77rem;
  color: #b6bbb9;
}
.graph-state-readout > span:first-child {
  grid-row: span 2;
  color: var(--gold);
  font:
    600 0.56rem ui-monospace,
    monospace;
  letter-spacing: 0.13em;
}
.graph-state-readout strong {
  color: var(--gold-light);
  text-transform: uppercase;
  font-size: 0.67rem;
  letter-spacing: 0.12em;
}
.graph-state-readout > span:last-child {
  line-height: 1.45;
}
.step-description {
  display: block;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
.company-identity,
.footer-location {
  color: var(--gold-light) !important;
}
.about-section {
  display: grid;
  grid-template-columns: minmax(150px, 0.33fr) 1fr;
  gap: 2rem 4rem;
  border-top: 1px solid #ae95583d;
}
.about-section > div > p {
  font-size: 1.12rem;
}
.site-footer {
  max-width: var(--max);
  margin: auto;
  padding: 3.5rem var(--pad) 2rem;
  border-top: 1px solid #ae95583d;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2rem;
  color: var(--muted);
}
.site-footer p {
  margin: 1.4rem 0 0;
  font-size: 0.82rem;
}
.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
  align-content: start;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.site-footer > small {
  grid-column: 1/-1;
  color: var(--faint);
}
@media (max-width: 900px) {
  .header-inner {
    grid-template-columns: 1fr auto;
  }
  .desktop-nav,
  .header-contact {
    display: none;
  }
  .mobile-nav {
    display: block;
    justify-self: end;
    position: relative;
  }
  .mobile-nav summary {
    list-style: none;
    cursor: pointer;
    min-width: 82px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    color: var(--gold-light);
  }
  .mobile-nav summary::-webkit-details-marker {
    display: none;
  }
  .mobile-nav[open] summary span {
    transform: rotate(45deg);
  }
  .mobile-nav nav {
    position: absolute;
    right: 0;
    top: 100%;
    width: min(82vw, 300px);
    padding: 1rem;
    border: 1px solid #a88e576e;
    background: #0d1319;
    box-shadow: 0 20px 40px #000b;
    display: grid;
    gap: 0.3rem;
  }
  .mobile-nav nav a {
    display: block;
    padding: 0.85rem 0.6rem;
    min-height: 44px;
  }
  .hero {
    min-height: 760px;
  }
  .hero-inner {
    padding-top: 5rem;
    padding-bottom: 4rem;
    grid-template-columns: 1fr;
  }
  .hero-graph {
    width: min(100%, 680px);
  }
  .hero h1 {
    font-size: clamp(4.5rem, 9vw, 7rem);
  }
  .section-intro,
  .about-section {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
@media (max-width: 650px) {
  .header-inner {
    min-height: 74px;
  }
  .wordmark span {
    font-size: 1rem;
  }
  .wordmark small {
    font-size: 0.47rem;
  }
  .hero {
    min-height: 690px;
  }
  .hero::after {
    width: 95vw;
    right: -43%;
    top: -12%;
  }
  .hero-inner {
    padding-top: 4rem;
    padding-bottom: 3rem;
    gap: 2.5rem;
  }
  .hero h1 {
    font-size: clamp(3.2rem, 11.6vw, 5rem);
  }
  .eyebrow {
    font-size: 0.56rem;
    flex-wrap: wrap;
  }
  .eyebrow-tail {
    display: none;
  }
  .hero-side {
    display: none;
  }
  .hero-lede {
    margin-top: 2rem;
  }
  .hero-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .button {
    width: 100%;
  }
  .hero-bottom {
    flex-wrap: wrap;
    gap: 0.6rem 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 0.53rem;
  }
  .hero-bottom span:not(:last-child)::after {
    display: none;
  }
  .system-section,
  .technology-section,
  .about-section {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .graph-panel {
    margin-top: 2.5rem;
  }
  .graph-panel-head span:last-child {
    display: none;
  }
  .graph-diagram {
    display: none;
  }
  .graph-steps {
    position: relative;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    margin: 0;
    padding: 1.4rem 1.6rem;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1rem;
    counter-reset: step;
  }
  .graph-steps li {
    counter-increment: step;
    padding: 1rem 0;
    border-bottom: 1px solid #a68f5b38;
    font-size: 0.78rem;
    font-weight: 680;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .graph-steps li[data-state="active"] {
    color: var(--gold-light);
    border-color: var(--gold);
  }
  .graph-steps li[data-state="waiting"] {
    color: #aaa9a3;
  }
  .graph-steps .step-description {
    display: none;
  }
  .hero-graph .graph-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0.6rem 1rem;
    gap: 0 0.55rem;
  }
  .hero-graph .graph-steps li {
    font-size: 0.62rem;
    padding: 0.65rem 0;
    overflow-wrap: anywhere;
  }
  .hero-graph .graph-panel-head {
    font-size: 0.45rem;
  }
  .hero-graph .graph-state-readout {
    grid-template-columns: 1fr;
    gap: 0.15rem;
  }
  .hero-graph .graph-state-readout > span:first-child {
    grid-row: auto;
  }
  .hero-graph .graph-caption {
    font-size: 0.5rem;
  }
  .graph-steps li::before {
    content: counter(step, decimal-leading-zero);
    display: block;
    margin-bottom: 0.35rem;
    color: var(--gold);
    font:
      600 0.6rem ui-monospace,
      monospace;
  }
  .graph-caption {
    text-align: left;
  }
  .site-footer {
    grid-template-columns: 1fr;
  }
  .site-footer > small {
    grid-column: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.not-found {
  min-height: 100svh;
  max-width: var(--max);
  margin: auto;
  padding: clamp(5rem, 10vw, 10rem) var(--pad);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.not-found h1 {
  margin: 1rem 0;
  font-size: clamp(3rem, 7vw, 7rem);
  line-height: 1;
  letter-spacing: -0.06em;
  font-weight: 520;
}
.not-found > p:not(.section-label) {
  color: var(--muted);
}
.not-found .button {
  margin-top: 2rem;
}
.graph-feedback-label {
  fill: #9b8b67;
}

/* The Living Graph resolves into three authored system behaviors. */
.system-handoff {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.2rem 2rem;
  width: max-content;
  max-width: 100%;
  margin: 2.5rem auto 0;
  padding: 1rem 0;
  color: var(--gold-light);
  border-bottom: 1px solid #b99a5855;
}
.system-handoff span:first-child {
  grid-column: 1;
  color: var(--gold);
  font:
    600 0.6rem ui-monospace,
    monospace;
  letter-spacing: 0.15em;
}
.system-handoff strong {
  grid-column: 1;
  font-size: 0.85rem;
  font-weight: 600;
}
.system-handoff span:last-child {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  font-size: 1.5rem;
}
.builds-section {
  position: relative;
  max-width: var(--max);
  margin: auto;
  padding: 0 var(--pad) clamp(6rem, 10vw, 10rem);
}
.builds-continuity {
  position: relative;
  height: clamp(5rem, 9vw, 9rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.builds-continuity span {
  width: 1px;
  height: 75%;
  background: linear-gradient(#b99a58a0, #b99a5820);
}
.builds-continuity i {
  width: 8px;
  height: 8px;
  border: 1px solid var(--gold-light);
  border-radius: 50%;
  box-shadow: 0 0 16px #b99a5866;
}
.capability-list {
  margin-top: clamp(3.5rem, 7vw, 7rem);
}
.capability-track {
  position: relative;
  padding: clamp(3rem, 6vw, 6rem) 0;
  border-top: 1px solid #a68f5b55;
}
.capability-track:last-child {
  border-bottom: 1px solid #a68f5b55;
}
.capability-track::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: clamp(5rem, 15vw, 14rem);
  height: 2px;
  background: linear-gradient(90deg, #e0c382, transparent);
}
.capability-heading {
  display: grid;
  grid-template-columns: minmax(150px, 0.33fr) 1fr;
  gap: 2rem 4rem;
  align-items: start;
  margin-bottom: 2.7rem;
}
.capability-number {
  color: var(--gold);
  font:
    600 0.62rem ui-monospace,
    monospace;
  letter-spacing: 0.15em;
}
.capability-heading h3 {
  margin: -0.4rem 0 0;
  font-size: clamp(2.8rem, 5vw, 5.3rem);
  line-height: 1.05;
  letter-spacing: -0.06em;
  font-weight: 520;
}
.capability-heading p {
  max-width: 690px;
  margin: 1.2rem 0 0;
  color: var(--muted);
  font-size: 1.04rem;
  line-height: 1.7;
}
.capability-surface {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #ac925750;
  border-bottom: 1px solid #ac925750;
  background:
    linear-gradient(90deg, #bba66d0b 1px, transparent 1px),
    linear-gradient(#bba66d0b 1px, transparent 1px),
    radial-gradient(ellipse at 72% 36%, #21303b6b, transparent 59%),
    linear-gradient(135deg, #0b1015, #101922 48%, #0b1015);
  background-size:
    48px 48px,
    48px 48px,
    auto,
    auto;
  box-shadow:
    inset 0 1px #e0c3820a,
    0 24px 70px #0005;
}
.capability-surface-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1.2rem;
  color: #c7b279;
  border-bottom: 1px solid #a68f5b30;
  font:
    600 0.57rem ui-monospace,
    monospace;
  letter-spacing: 0.14em;
}
.capability-diagram {
  max-height: 380px;
}
.capability-zone {
  fill: #b99a5808;
  stroke: #b99a5832;
  stroke-width: 1;
}
.capability-zone--ai {
  fill: #1a27321a;
}
.capability-zone--governed {
  fill: #a58d4010;
}
.capability-zone-label {
  fill: #bda66f;
  font:
    600 11px ui-monospace,
    monospace;
  letter-spacing: 0.13em;
}
.capability-zone-label--dim {
  fill: #8f8d81;
}
.capability-node rect {
  fill: #10171d;
  stroke: #8d784c;
}
.capability-node .graph-label {
  font-size: 11px;
}
.capability-node[data-role="intelligence"] rect {
  fill: #17232b;
  stroke: #8e9a9a;
}
.capability-node[data-role="gate"] rect {
  stroke: #d7bc78;
  stroke-dasharray: 6 4;
}
.capability-node[data-role="manual"] {
  opacity: 0.52;
}
.capability-node[data-role="manual"] rect {
  fill: #11171c;
  stroke: #697176;
}
.capability-edge[data-role="manual"] {
  stroke: #687277;
  stroke-dasharray: 5 8;
  opacity: 0.3;
}
.capability-edge[data-role="exception"] {
  stroke-dasharray: 5 6;
}
.capability-edge[data-role="recovery"] {
  stroke: #bda373;
}
.capability-node[data-state="failed"] rect {
  stroke: #d5a97a;
  stroke-width: 2;
  stroke-dasharray: 5 4;
}
.capability-node[data-state="failed"] .graph-label {
  fill: #f1c69b;
}
.capability-node[data-state="resolved"] {
  opacity: 0.5;
}
.capability-edge[data-state="isolated"] {
  opacity: 0.13;
  stroke-dasharray: 3 8;
}
.capability-node[data-state="gate"] rect {
  stroke: #e8cd8a;
  stroke-width: 2;
  filter: drop-shadow(0 0 10px #c3a26080);
}
.capability-node[data-state="gate"] .graph-label {
  fill: #ffedbd;
}
.capability-steps {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0 1.2rem;
  list-style: none;
  border-top: 1px solid #a68f5b30;
}
.capability-track[data-capability="ai"] .capability-steps {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.capability-track[data-capability="automation"] .capability-steps {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.capability-steps li {
  min-width: 0;
  padding: 0.75rem 0.5rem;
  border-right: 1px solid #a68f5b20;
  color: #aaa9a1;
  font:
    600 0.56rem ui-monospace,
    monospace;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.capability-steps li:last-child {
  border-right: 0;
}
.capability-steps li[data-state="active"] {
  color: var(--gold-light);
  background: #b99a5815;
}
.capability-steps li[data-state="complete"] {
  color: #d7d0ba;
}
.capability-steps li[data-state="failed"] {
  color: #f1c69b;
}
.capability-track[data-capability="ai"] .capability-steps li:nth-child(-n + 3) {
  background: #1b2a3340;
}
.capability-track[data-capability="ai"] .capability-steps li:nth-child(n + 4) {
  background: #b99a580b;
}
.capability-track[data-capability="automation"]
  .capability-steps
  li:nth-child(5) {
  outline: 1px dashed #c5aa6a88;
  outline-offset: -2px;
}
.capability-track[data-capability="autonomous"]
  .capability-steps
  li:nth-child(4) {
  outline: 1px dashed #d5a97a88;
  outline-offset: -2px;
}
.capability-steps li span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.capability-console {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2rem;
  min-height: 90px;
  padding: 1.1rem 1.2rem;
  border-top: 1px solid #a68f5b30;
}
.capability-readout {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.15rem 1rem;
  color: #c2c4c0;
  font-size: 0.82rem;
}
.capability-readout > span:first-child {
  grid-row: span 2;
  color: var(--gold);
  font:
    600 0.56rem ui-monospace,
    monospace;
  letter-spacing: 0.13em;
}
.capability-readout strong {
  color: var(--gold-light);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.capability-controls {
  display: none;
  gap: 0.7rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.capability-track[data-enhanced="true"] .capability-controls {
  display: flex;
}
.capability-controls button {
  min-height: 44px;
  padding: 0.6rem 0.8rem;
  color: var(--gold-light);
  border: 1px solid #b99a5866;
  background: #0b1218;
  cursor: pointer;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.capability-controls button:hover {
  border-color: var(--gold-light);
  background: #18212a;
}
.capability-controls button[data-approve] {
  background: linear-gradient(110deg, #947640, #d6bc7a);
  color: #14110a;
}
.capability-controls button[hidden] {
  display: none !important;
}
.capability-principle {
  max-width: 800px;
  margin: 1.2rem 0 0 auto;
  color: #c5c2b7;
  font-size: 0.9rem;
  line-height: 1.6;
}
@media (max-width: 900px) {
  .capability-heading {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .capability-diagram {
    display: none;
  }
  .capability-track .capability-steps,
  .capability-track[data-capability="ai"] .capability-steps,
  .capability-track[data-capability="automation"] .capability-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .capability-steps li {
    border-bottom: 1px solid #a68f5b20;
    font-size: 0.7rem;
  }
  .capability-steps li span {
    position: static;
    display: block;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    margin-top: 0.45rem;
    color: #b7b5ad;
    font:
      400 0.76rem/1.45 Inter,
      Arial,
      sans-serif;
    letter-spacing: 0;
    text-transform: none;
  }
  .capability-console {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 650px) {
  .builds-section {
    padding-bottom: 6rem;
  }
  .capability-list {
    margin-top: 3.5rem;
  }
  .capability-track {
    padding: 3.5rem 0;
  }
  .capability-heading h3 {
    font-size: clamp(2.5rem, 10.5vw, 3.7rem);
  }
  .capability-surface-head {
    font-size: 0.5rem;
  }
  .capability-surface-head span:last-child {
    display: none;
  }
  .capability-diagram {
    display: none;
  }
  .capability-track .capability-steps,
  .capability-track[data-capability="ai"] .capability-steps,
  .capability-track[data-capability="automation"] .capability-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.6rem 0.8rem;
  }
  .capability-steps li {
    padding: 0.75rem 0.55rem;
    font-size: 0.72rem;
  }
  .capability-steps li span {
    margin-top: 0.45rem;
    font-size: 0.76rem;
    line-height: 1.45;
  }
  .capability-readout {
    grid-template-columns: 1fr;
  }
  .capability-readout > span:first-child {
    grid-row: auto;
  }
  .capability-controls {
    width: 100%;
    justify-content: stretch;
  }
  .capability-controls button {
    flex: 1;
  }
  .capability-principle {
    margin-left: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .capability-track[data-enhanced="true"] .capability-controls {
    display: none;
  }
}

/* Slice 4: the authored graph resolves into two real technology narratives. */
.technology-section {
  position: relative;
  padding-top: 0;
}
.technology-continuity {
  height: clamp(5rem, 9vw, 9rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.technology-continuity span {
  width: 1px;
  height: 75%;
  background: linear-gradient(#b99a5866, #b99a58b0);
}
.technology-continuity i {
  width: 8px;
  height: 8px;
  border: 1px solid var(--gold-light);
  border-radius: 50%;
  box-shadow: 0 0 15px #b99a5866;
}
.product-stories {
  margin-top: clamp(3.5rem, 7vw, 7rem);
}
.product-story {
  position: relative;
  padding: clamp(4rem, 7vw, 7.5rem) 0;
  border-top: 1px solid #bba36955;
}
.product-story::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: min(18vw, 190px);
  height: 2px;
  background: linear-gradient(90deg, #e0c382, transparent);
}
.product-story:last-child {
  border-bottom: 1px solid #bba36955;
}
.product-copy {
  display: grid;
  grid-template-columns: minmax(170px, .34fr) minmax(0, 1fr);
  gap: 0 4rem;
  align-items: start;
}
.product-kicker {
  grid-column: 1;
  grid-row: 1 / 5;
  margin: .45rem 0 0;
  color: var(--gold);
  font: 600 .64rem ui-monospace, monospace;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.product-copy h3 {
  grid-column: 2;
  margin: 0;
  font-size: clamp(3.6rem, 7vw, 7rem);
  font-weight: 520;
  letter-spacing: -.075em;
  line-height: .98;
}
.product-headline {
  grid-column: 2;
  max-width: 800px;
  margin: 1.4rem 0 0;
  color: var(--gold-light);
  font-size: clamp(1.35rem, 2.2vw, 2.25rem);
  line-height: 1.3;
  letter-spacing: -.025em;
}
.product-description {
  grid-column: 2;
  max-width: 690px;
  margin: 1.3rem 0 0;
  color: var(--muted);
  font-size: 1.02rem;
  line-height: 1.75;
}
.product-callout {
  grid-column: 2;
  max-width: 700px;
  margin: 1.6rem 0 0;
  padding-left: 1.2rem;
  border-left: 2px solid #d9bc79;
  color: #d2d0c8;
  font-size: 1.08rem;
  line-height: 1.5;
}
.product-callout em {
  color: var(--gold-light);
  font-style: normal;
}
.product-link {
  grid-column: 2;
  width: max-content;
  max-width: 100%;
  margin-top: 1.8rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #d5b776aa;
  color: var(--gold-light);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.product-link:hover { color: #f5dfa6; border-color: #f5dfa6; }
.product-link span { margin-left: 1rem; }
.product-surface {
  position: relative;
  overflow: hidden;
  margin-top: 3.2rem;
  border: 1px solid #bba36955;
  background: radial-gradient(ellipse at 70% 25%, #1d2d385e, transparent 53%), linear-gradient(130deg, #0b1117, #101a22 55%, #0b1015);
  box-shadow: 0 34px 80px #0008, inset 0 1px #e9ce890d;
}
.product-story--excel .product-surface {
  background: linear-gradient(90deg, #bba66d0b 1px, transparent 1px), linear-gradient(#bba66d0b 1px, transparent 1px), radial-gradient(ellipse at 72% 25%, #1b283251, transparent 55%), linear-gradient(130deg, #0a0e13, #121a20 52%, #090d11);
  background-size: 32px 32px, 32px 32px, auto, auto;
}
.product-surface-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .9rem 1.2rem;
  border-bottom: 1px solid #bba3693b;
  color: #c6ae72;
  font: 600 .58rem ui-monospace, monospace;
  letter-spacing: .14em;
}
.product-diagram { max-height: 420px; }
.product-grid path { fill: none; stroke: #bba66d18; stroke-width: 1; }
.product-node .graph-label { font-size: 10.5px; letter-spacing: .035em; }
.product-node-index { fill: #ac9460; font: 600 10px ui-monospace, monospace; }
.product-story--excel .product-node rect { rx: 0; }
.product-story--excel .product-node[data-node="pass"] rect { stroke: #d2b87c; stroke-width: 2; }
.product-feedback { stroke-dasharray: 5 7; }
.product-steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 0;
  padding: 0 1.2rem;
  list-style: none;
  border-top: 1px solid #bba36930;
}
.product-story--excel .product-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.product-steps li {
  min-width: 0;
  padding: .85rem .65rem;
  border-bottom: 1px solid #bba3692b;
  border-right: 1px solid #bba3691c;
  color: #aead9f;
}
.product-steps li strong {
  display: block;
  font: 600 .68rem/1.35 ui-monospace, monospace;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.product-steps li span {
  display: block;
  margin-top: .4rem;
  color: #aeb2af;
  font-size: .74rem;
  line-height: 1.4;
}
.product-steps li[data-state="active"] { background: #b99a581b; }
.product-steps li[data-state="active"] strong { color: var(--gold-light); }
.product-steps li[data-state="complete"] strong { color: #e1d7bc; }
.product-story--ccos .product-steps li:nth-child(6) { border-left: 1px dashed #d2b87c; }
.product-story--excel .product-steps li:last-child { background: #b99a5814; }
.product-story--excel .product-steps li:last-child strong { color: var(--gold-light); }
.product-console {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem 2rem;
  min-height: 86px;
  padding: 1rem 1.2rem;
}
.product-readout { display: grid; grid-template-columns: auto 1fr; gap: .1rem 1rem; color: #c3c5be; font-size: .8rem; }
.product-readout > span:first-child { grid-row: span 2; color: var(--gold); font: 600 .57rem ui-monospace, monospace; letter-spacing: .1em; }
.product-readout strong { color: var(--gold-light); font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; }
.product-console button {
  display: none;
  min-height: 44px;
  padding: .6rem .9rem;
  border: 1px solid #b99a5877;
  background: #0c1319;
  color: var(--gold-light);
  cursor: pointer;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.product-story[data-enhanced="true"] .product-console button { display: block; }
.product-console button:hover { border-color: var(--gold-light); background: #18222b; }
.product-flow-note { margin: 1rem 0 0; color: #bcb8ab; font-size: .82rem; }
.ccos-preview { margin: clamp(3rem, 5vw, 5rem) 0 0; }
.ccos-preview-frame {
  overflow: hidden;
  padding: clamp(.4rem, 1.1vw, .9rem);
  border: 1px solid #bda56a70;
  background: linear-gradient(135deg, #8c7649, #1a1d20 12%, #080b0f 90%, #ad955d);
  box-shadow: 0 30px 80px #0009, 0 0 45px #b99a5810;
}
.ccos-preview img { display: block; width: 100%; height: auto; background: #0b1421; }
.ccos-preview figcaption { margin-top: 1rem; color: #b9bbb6; font-size: .78rem; line-height: 1.5; }
.ccos-preview figcaption strong { color: var(--gold-light); }
@media (max-width: 900px) {
  .product-copy { grid-template-columns: 1fr; }
  .product-kicker, .product-copy h3, .product-headline, .product-description, .product-callout, .product-link { grid-column: 1; grid-row: auto; }
  .product-kicker { margin-bottom: 1rem; }
  .product-diagram { display: none; }
  .product-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product-story--excel .product-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .product-story { padding: 4rem 0; }
  .product-copy h3 { font-size: clamp(3.4rem, 14vw, 5rem); }
  .product-surface { margin-top: 2.3rem; }
  .product-surface-head span:last-child { display: none; }
  .product-steps, .product-story--excel .product-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 .5rem; }
  .product-steps li { padding: .85rem .55rem; }
  .product-steps li strong { font-size: .73rem; }
  .product-steps li span { font-size: .75rem; }
  .product-console { flex-direction: column; align-items: flex-start; }
  .product-readout { grid-template-columns: 1fr; }
  .product-readout > span:first-child { grid-row: auto; }
  .product-console button { width: 100%; }
  .ccos-preview-frame { padding: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  .product-story[data-enhanced="true"] .product-console button { display: none; }
}
@media (max-width: 650px) {
  .technology-section .section-intro { grid-template-columns: minmax(0, 1fr); }
  .technology-section .section-intro > div { min-width: 0; }
  .technology-section .section-intro h2 { font-size: clamp(2.25rem, 10.5vw, 3.4rem); }
}

/* Slice 5: four doctrines share one operating-system surface and scene owner. */
.difference-section {
  max-width: var(--max);
  margin: auto;
  padding: 0 var(--pad) clamp(6rem, 10vw, 10rem);
}
.difference-continuity {
  height: clamp(5rem, 9vw, 9rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.difference-continuity span {
  width: 1px;
  height: 75%;
  background: linear-gradient(#b99a5860, #b99a58b8);
}
.difference-continuity i {
  width: 8px;
  height: 8px;
  border: 1px solid var(--gold-light);
  border-radius: 50%;
  box-shadow: 0 0 15px #b99a5866;
}
.difference-section .section-intro h2 { max-width: 980px; }
.doctrine-system {
  position: relative;
  margin-top: clamp(3.5rem, 7vw, 7rem);
  overflow: hidden;
  border: 1px solid #bba36955;
  background: radial-gradient(ellipse at 78% 5%, #1e2d3755, transparent 42%), linear-gradient(140deg, #0b1015, #10171d 54%, #0a0e12);
  box-shadow: 0 34px 90px #0008, inset 0 1px #e0c3820d;
}
.doctrine-system::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #bba66d08 1px, transparent 1px), linear-gradient(#bba66d08 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(180deg, #000, transparent 92%);
}
.doctrine-system-head {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.35rem;
  border-bottom: 1px solid #bba36940;
  color: #c7b277;
  font: 600 .58rem ui-monospace, monospace;
  letter-spacing: .14em;
}
.doctrine {
  position: relative;
  padding: clamp(2.4rem, 4vw, 4.2rem) clamp(1.2rem, 3vw, 3rem);
  border-bottom: 1px solid #bba3693c;
}
.doctrine:last-child { border-bottom: 0; }
.doctrine::before {
  position: absolute;
  left: 0;
  top: -1px;
  width: min(13rem, 20vw);
  height: 1px;
  content: "";
  background: linear-gradient(90deg, #e0c382b0, transparent);
}
.doctrine-heading {
  display: grid;
  grid-template-columns: minmax(170px, .32fr) minmax(0, 1fr);
  gap: 1rem 3rem;
  align-items: start;
}
.doctrine-heading > span {
  margin-top: .4rem;
  color: var(--gold);
  font: 600 .6rem ui-monospace, monospace;
  letter-spacing: .14em;
}
.doctrine-heading h3 {
  margin: 0;
  color: #e8e6de;
  font-size: clamp(1.65rem, 3vw, 2.8rem);
  font-weight: 520;
  letter-spacing: -.04em;
  line-height: 1.08;
}
.doctrine-heading p {
  max-width: 700px;
  margin: .8rem 0 0;
  color: #b8bbb7;
  font-size: .96rem;
  line-height: 1.65;
}
.doctrine-visual {
  margin-top: 1.6rem;
  border-top: 1px solid #bba36932;
  border-bottom: 1px solid #bba36932;
  background: linear-gradient(180deg, #080d11ad, #0a1015ad);
}
.doctrine-diagram { max-height: 360px; }
.doctrine-zone rect {
  fill: #b99a5806;
  stroke: #b99a5860;
  stroke-width: 1;
  stroke-dasharray: 5 5;
}
.doctrine-zone text {
  fill: #b99a58;
  font: 600 9px ui-monospace, monospace;
  letter-spacing: .13em;
}
.doctrine-zone--intelligence rect { fill: #24313a35; stroke: #a7986e65; }
.doctrine-zone--deterministic rect { fill: #b99a580b; }
.doctrine-node rect { fill: #10171c; stroke: #8d784c; stroke-width: 1; }
.doctrine-node .graph-label { font-size: 10px; letter-spacing: .035em; }
.doctrine-node[data-role="peripheral"] { opacity: .55; }
.doctrine-node[data-role="peripheral"] rect { fill: #12171a; stroke: #78786e; stroke-dasharray: 4 5; }
.doctrine-node[data-role="gate"] rect { stroke: #d8bc78; stroke-dasharray: 6 4; }
.doctrine-node[data-role="checkpoint"] rect { fill: #211e16; stroke: #c0a766; }
.doctrine-node[data-role="qualified"] rect { fill: #242116; stroke: #dfc47f; stroke-width: 2; }
.doctrine-node[data-role="intelligence"] rect { fill: #17222a; stroke: #a99a6c; }
.doctrine-node[data-role="deterministic"] rect { fill: #151a1a; stroke: #c0a766; }
.doctrine-node[data-role="outcome"] rect { fill: #242116; stroke: #dfc47f; stroke-width: 2; }
.doctrine-node[data-state="active"] rect,
.doctrine-node[data-state="gate"] rect {
  stroke: #e5cd92;
  stroke-width: 2;
  filter: drop-shadow(0 0 8px #c5a45d65);
}
.doctrine-node[data-state="gate"] .graph-label { fill: #f5dfa6; }
.doctrine-node[data-state="complete"] { opacity: .88; }
.doctrine-edge[data-role="peripheral"] { stroke: #aaa185; stroke-dasharray: 4 6; opacity: .35; }
.doctrine-edge[data-role="intelligence"] { stroke: #b9a678; }
.doctrine-edge[data-role="deterministic"] { stroke: #c6aa68; }
.doctrine-edge[data-role="handoff"] { stroke: #d2b97b; stroke-dasharray: 5 5; }
.doctrine-edge[data-state="waiting"] { opacity: .2; }
.doctrine-edge[data-state="active"] { opacity: 1; stroke-width: 3; filter: drop-shadow(0 0 5px #d0ad6888); }
.doctrine-edge[data-state="complete"] { opacity: .75; }
.doctrine-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: .2rem 1rem;
  list-style: none;
  border-top: 1px solid #bba36928;
}
.doctrine[data-sequence="native-ownership"] .doctrine-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.doctrine[data-sequence="qualification"] .doctrine-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.doctrine[data-sequence="intelligence-structure"] .doctrine-steps { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.doctrine-steps li {
  min-width: 0;
  padding: .75rem .6rem;
  border-right: 1px solid #bba36920;
  border-bottom: 1px solid #bba36920;
  color: #b1b0a8;
}
.doctrine-steps li strong {
  display: block;
  color: #c9c4b4;
  font: 600 .62rem/1.4 ui-monospace, monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.doctrine-steps li span {
  display: block;
  margin-top: .35rem;
  color: #aeb2af;
  font-size: .72rem;
  line-height: 1.42;
}
.doctrine-steps li[data-state="active"] { background: #b99a5819; }
.doctrine-steps li[data-state="active"] strong,
.doctrine-steps li[data-state="gate"] strong { color: var(--gold-light); }
.doctrine-steps li[data-state="gate"] { outline: 1px dashed #d9be7b88; outline-offset: -3px; }
.doctrine[data-sequence="qualification"] .doctrine-steps li:nth-child(3) { border-left: 1px dashed #d3b875; }
.doctrine[data-sequence="qualification"] .doctrine-steps li:last-child strong { color: var(--gold-light); }
.doctrine-readout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2rem;
  min-height: 78px;
  padding: .9rem 1rem;
}
.doctrine-readout > div:first-child { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .15rem 1rem; color: #c1c2bb; font-size: .8rem; }
.doctrine-readout > div:first-child > span:first-child { grid-row: span 2; color: var(--gold); font: 600 .56rem ui-monospace, monospace; letter-spacing: .1em; }
.doctrine-readout strong { color: var(--gold-light); font-size: .74rem; letter-spacing: .07em; text-transform: uppercase; }
.doctrine-readout > div:first-child > span:last-child { max-width: 700px; color: #b5b6b0; line-height: 1.45; }
.doctrine-controls { display: none; gap: .6rem; flex-wrap: wrap; justify-content: flex-end; }
.doctrine[data-enhanced="true"] .doctrine-controls { display: flex; }
.doctrine-controls button {
  min-height: 44px;
  padding: .55rem .8rem;
  border: 1px solid #b99a5870;
  background: #0b1218;
  color: var(--gold-light);
  cursor: pointer;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.doctrine-controls button:hover { border-color: var(--gold-light); background: #18212a; }
.doctrine-controls button[data-sequence-approve] { color: #15120b; background: linear-gradient(110deg, #967a43, #d8bd7c); }
.doctrine-controls button[hidden],
.product-console button[hidden] { display: none !important; }
.doctrine-note { margin: .9rem 0 0 auto; max-width: 780px; color: #bcb8ab; font-size: .8rem; line-height: 1.55; }
@media (max-width: 900px) {
  .difference-section .section-intro { grid-template-columns: minmax(0, 1fr); }
  .difference-section .section-intro > div { min-width: 0; }
  .doctrine-heading { grid-template-columns: minmax(0, 1fr); gap: .7rem; }
  .doctrine-diagram { display: none; }
  .doctrine-steps,
  .doctrine[data-sequence="native-ownership"] .doctrine-steps,
  .doctrine[data-sequence="qualification"] .doctrine-steps,
  .doctrine[data-sequence="intelligence-structure"] .doctrine-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .doctrine-steps li span { font-size: .75rem; }
}
@media (max-width: 650px) {
  .difference-section { padding-bottom: 6rem; }
  .difference-section .section-intro h2 { font-size: clamp(2.25rem, 10vw, 3.5rem); }
  .doctrine-system-head span:last-child { display: none; }
  .doctrine { padding: 2.5rem .85rem; }
  .doctrine-heading h3 { font-size: clamp(1.6rem, 7vw, 2.2rem); }
  .doctrine-steps,
  .doctrine[data-sequence="native-ownership"] .doctrine-steps,
  .doctrine[data-sequence="governed-automation"] .doctrine-steps,
  .doctrine[data-sequence="qualification"] .doctrine-steps,
  .doctrine[data-sequence="intelligence-structure"] .doctrine-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .2rem .5rem; }
  .doctrine-steps li { padding: .72rem .45rem; }
  .doctrine-steps li strong { font-size: .65rem; }
  .doctrine-steps li span { font-size: .73rem; }
  .doctrine-readout { align-items: stretch; flex-direction: column; }
  .doctrine-readout > div:first-child { grid-template-columns: minmax(0, 1fr); }
  .doctrine-readout > div:first-child > span:first-child { grid-row: auto; }
  .doctrine-controls { width: 100%; justify-content: stretch; }
  .doctrine-controls button { flex: 1; }
  .doctrine-note { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .doctrine[data-enhanced="true"] .doctrine-controls { display: none; }
}

/* Slice 6: deterministic operational flow, controlled by the shared SceneDirector. */
.action-section {
  max-width: var(--max);
  margin: auto;
  padding: 0 var(--pad) clamp(6rem, 10vw, 10rem);
}
.action-continuity {
  height: clamp(5rem, 9vw, 9rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.action-continuity span {
  width: 1px;
  height: 75%;
  background: linear-gradient(#b99a5860, #b99a58b8);
}
.action-continuity i {
  width: 8px;
  height: 8px;
  border: 1px solid var(--gold-light);
  border-radius: 50%;
  box-shadow: 0 0 15px #b99a5866;
}
.action-section .section-intro h2 { max-width: 920px; }
.action-mantra {
  margin: 1.35rem 0 0;
  color: var(--gold-light) !important;
  font: 600 .69rem ui-monospace, monospace !important;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.action-demo {
  position: relative;
  overflow: hidden;
  margin-top: clamp(3rem, 6vw, 6rem);
  border: 1px solid #bba36960;
  background: radial-gradient(ellipse at 68% 28%, #1b2a3455, transparent 45%), linear-gradient(137deg, #090e13, #10171d 48%, #090d11);
  box-shadow: 0 36px 95px #0009, inset 0 1px #e0c38212;
}
.action-demo::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #bba66d08 1px, transparent 1px), linear-gradient(#bba66d08 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(180deg, #000, transparent 96%);
}
.action-demo-head {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.35rem;
  border-bottom: 1px solid #bba36940;
  color: #c7b277;
  font: 600 .58rem ui-monospace, monospace;
  letter-spacing: .13em;
}
.action-graph-wrap {
  position: relative;
  margin: 1.5rem 1rem .5rem;
  overflow: hidden;
  border: 1px solid #bba36925;
  background: linear-gradient(180deg, #080d11b8, #0b1116ad);
}
.action-diagram { display: block; width: 100%; }
.action-grid path { fill: none; stroke: #bba66d14; stroke-width: 1; }
.action-node rect { fill: #10171c; stroke: #897649; stroke-width: 1.2; }
.action-node .action-index { fill: #a68e5a; font: 600 9px ui-monospace, monospace; }
.action-node .action-label { fill: #c9c7be; font-size: 9px; letter-spacing: .025em; }
.action-node[data-kind="intelligence"] rect,
.action-node[data-kind="decision"] rect { fill: #17222a; stroke: #b7a16a; }
.action-node[data-kind="qa-initial"] rect,
.action-node[data-kind="qa-approved"] rect { stroke-dasharray: 4 3; }
.action-node[data-kind="revision-required"] rect { fill: #211c14; stroke: #b49356; stroke-dasharray: 4 3; }
.action-node[data-kind="approved"] rect { fill: #211f16; stroke: #d5bc7b; stroke-width: 1.6; }
.action-node[data-state="active"] rect,
.action-node[data-state="feedback"] rect { stroke: #f0d79b; stroke-width: 2; filter: drop-shadow(0 0 8px #c5a45d66); }
.action-node[data-state="revision-required"] rect { stroke: #c49b58; stroke-width: 2; }
.action-node[data-state="approved"] rect { stroke: #e1cd98; stroke-width: 2; filter: drop-shadow(0 0 7px #c5a45d55); }
.action-node[data-state="complete"] { opacity: .78; }
.action-edge { stroke: #b9a678; stroke-width: 1.4; }
.action-edge[data-state="waiting"] { opacity: .18; }
.action-edge[data-state="active"] { opacity: 1; stroke: #e0c382; stroke-width: 3; filter: drop-shadow(0 0 5px #d0ad6888); }
.action-edge[data-state="complete"] { opacity: .67; }
.action-edge[data-edge="qa-initial-fail"] { stroke-dasharray: 5 5; }
.action-edge[data-edge="learning-research"] { stroke-dasharray: 5 5; }
.action-node[data-kind="revision-required"] .action-label { fill: #dfc389; }
.action-node[data-kind="approved"] .action-label { fill: #e9d6a4; }
.action-steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: .35rem 1rem;
  list-style: none;
  border-top: 1px solid #bba36935;
  border-bottom: 1px solid #bba36935;
}
.action-steps li {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-content: start;
  gap: .28rem .65rem;
  padding: .9rem .65rem;
  border-right: 1px solid #bba36920;
  border-bottom: 1px solid #bba36920;
  color: #b4b4ab;
}
.action-step-number { color: #a68e5a; font: 600 .58rem ui-monospace, monospace; }
.action-steps strong { color: #d1cec3; font: 600 .64rem/1.4 ui-monospace, monospace; letter-spacing: .025em; }
.action-steps li > span:last-child { grid-column: 2; color: #aeb2af; font-size: .72rem; line-height: 1.4; }
.action-steps li[data-state="active"] { background: #b99a5819; }
.action-steps li[data-state="active"] strong { color: var(--gold-light); }
.action-steps li[data-state="complete"] strong { color: #e1d7bc; }
.action-steps li[data-state="revision-required"] { background: #b99a580c; }
.action-steps li[data-state="revision-required"] strong { color: #dec58f; }
.action-steps li[data-state="approved"] strong { color: #f0dfa9; }
.action-steps li[aria-current="step"] { outline: 1px solid #d4b97480; outline-offset: -2px; }
.action-console {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem 2rem;
  min-height: 92px;
  padding: 1rem 1.25rem;
}
.action-readout { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .15rem 1rem; color: #c1c2bb; font-size: .82rem; }
.action-readout > span:first-child { grid-row: span 2; color: var(--gold); font: 600 .56rem ui-monospace, monospace; letter-spacing: .1em; }
.action-readout strong { color: var(--gold-light); font-size: .74rem; letter-spacing: .07em; text-transform: uppercase; }
.action-readout > span:last-child { max-width: 700px; color: #b5b6b0; line-height: 1.45; }
.action-controls { display: none; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.action-demo[data-enhanced="true"] .action-controls { display: flex; }
.action-controls button {
  min-width: 4.25rem;
  min-height: 44px;
  padding: .55rem .7rem;
  border: 1px solid #b99a5870;
  background: #0b1218;
  color: var(--gold-light);
  cursor: pointer;
  font-size: .61rem;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.action-controls button:hover:not(:disabled) { border-color: var(--gold-light); background: #18212a; }
.action-controls button:disabled { opacity: .42; cursor: not-allowed; }
.action-controls button:focus-visible { outline: 2px solid #f1d995; outline-offset: 3px; }
.action-truth-note { max-width: 780px; margin: .9rem 0 0 auto; color: #bcb8ab; font-size: .78rem; line-height: 1.55; text-align: right; }
.action-control-note { max-width: 780px; margin: .45rem 0 0 auto; color: #9ea19d; font-size: .72rem; line-height: 1.5; text-align: right; }
@media (max-width: 900px) {
  .action-section .section-intro { grid-template-columns: 1fr; }
  .action-section .section-intro > div { min-width: 0; }
  .action-graph-wrap { display: none; }
  .action-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .action-demo-head span:last-child { text-align: right; }
}
@media (max-width: 650px) {
  .action-section { padding-bottom: 6rem; }
  .action-section .section-intro h2 { font-size: clamp(2.25rem, 10vw, 3.5rem); }
  .action-demo-head { padding: .9rem; font-size: .51rem; }
  .action-demo-head span:last-child { max-width: 46%; }
  .action-steps { padding: .25rem .45rem; }
  .action-steps li { grid-template-columns: 1.55rem minmax(0, 1fr); gap: .25rem .35rem; padding: .75rem .35rem; }
  .action-step-number { font-size: .53rem; }
  .action-steps strong { font-size: .61rem; overflow-wrap: anywhere; }
  .action-steps li > span:last-child { font-size: .7rem; }
  .action-console { align-items: stretch; flex-direction: column; padding: 1rem .85rem; }
  .action-readout { grid-template-columns: 1fr; }
  .action-readout > span:first-child { grid-row: auto; }
  .action-demo[data-enhanced="true"] .action-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .action-controls button { min-width: 0; padding-inline: .35rem; }
  .action-truth-note { margin-left: 0; text-align: left; }
  .action-control-note { margin-left: 0; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .action-diagram *, .action-steps *, .action-controls button { scroll-behavior: auto; transition: none !important; animation: none !important; }
}

/* Slice 7: a restrained authored globe inside the shared sequence system. */
.global-environment-section {
  max-width: var(--max);
  margin: auto;
  padding: 0 var(--pad) clamp(6rem, 10vw, 10rem);
}
.global-environment-continuity {
  height: clamp(5rem, 9vw, 9rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.global-environment-continuity span {
  width: 1px;
  height: 75%;
  background: linear-gradient(#b99a5860, #b99a58b8);
}
.global-environment-continuity i {
  width: 8px;
  height: 8px;
  border: 1px solid var(--gold-light);
  border-radius: 50%;
  box-shadow: 0 0 15px #b99a5866;
}
.global-environment-section .section-intro h2 { max-width: 1020px; }
.global-systems-scene {
  position: relative;
  overflow: hidden;
  margin-top: clamp(3rem, 6vw, 6rem);
  border: 1px solid #bba36958;
  background: radial-gradient(ellipse at 51% 45%, #17232d7a, transparent 46%), linear-gradient(145deg, #090d12, #0e151b 52%, #080b0f);
  box-shadow: 0 36px 95px #0009, inset 0 1px #e0c38212;
}
.global-systems-scene::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #bba66d08 1px, transparent 1px), linear-gradient(#bba66d08 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(180deg, #000, transparent 94%);
}
.global-systems-head {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.35rem;
  border-bottom: 1px solid #bba3693b;
  color: #c7b277;
  font: 600 .58rem ui-monospace, monospace;
  letter-spacing: .13em;
}
.global-systems-diagram { display: block; width: 100%; max-height: 640px; }
.global-sphere { fill: url(#global-sphere-material); }
.global-sphere-rim { fill: none; stroke: url(#global-rim-material); stroke-width: 1.2; }
.global-geography ellipse,
.global-geography path {
  fill: none;
  stroke: #c1ab7135;
  stroke-width: 1;
}
.global-geography path { stroke: #c1ab7124; }
.global-edge {
  fill: none;
  stroke: #a994625c;
  stroke-width: 1.5;
  marker-end: url(#global-arrow);
  transition: stroke .3s ease, opacity .3s ease, stroke-width .3s ease;
}
.global-edge[data-state="waiting"] { opacity: .14; }
.global-edge[data-state="complete"] { opacity: .52; stroke: #bca66f; }
.global-edge[data-state="active"] { opacity: 1; stroke: #e3cb8e; stroke-width: 2.6; filter: drop-shadow(0 0 5px #c8a95987); }
.global-node { opacity: .46; transition: opacity .3s ease; }
.global-node[data-state="active"],
.global-node[data-state="complete"] { opacity: 1; }
.global-node[data-state="active"] .global-marker { fill: #eed797; filter: drop-shadow(0 0 6px #c8a959); }
.global-node[data-state="complete"] .global-marker { fill: #c2a766; }
.global-node-halo { fill: #c6a9540b; stroke: #b99a585b; stroke-width: 1; }
.global-marker { fill: #554a32; stroke: #dfc27d; stroke-width: 1.5; }
.global-region-nodes .global-marker { fill: #b99a58; }
.global-node-label,
.global-orbit-label {
  fill: #d2c18f;
  font: 600 11px ui-monospace, monospace;
  letter-spacing: .14em;
}
.global-orbit-label { fill: #aa986a; font-size: 9px; letter-spacing: .18em; }
.global-system-steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: .35rem 1rem;
  list-style: none;
  border-top: 1px solid #bba36935;
}
.global-system-steps li {
  min-width: 0;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .28rem .65rem;
  padding: .9rem .65rem;
  border-right: 1px solid #bba36920;
  border-bottom: 1px solid #bba36920;
  color: #b4b4ab;
}
.global-step-index { color: #a68e5a; font: 600 .58rem ui-monospace, monospace; }
.global-system-steps strong { color: #d1cec3; font: 600 .64rem/1.4 ui-monospace, monospace; letter-spacing: .025em; }
.global-system-steps li > span:last-child { grid-column: 2; color: #aeb2af; font-size: .72rem; line-height: 1.45; }
.global-system-steps li[data-state="active"] { background: #b99a5819; outline: 1px solid #d4b97480; outline-offset: -2px; }
.global-system-steps li[data-state="active"] strong { color: var(--gold-light); }
.global-system-steps li[data-state="complete"] strong { color: #e1d7bc; }
.global-systems-console {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem 2rem;
  min-height: 82px;
  padding: 1rem 1.25rem;
}
.global-systems-readout { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .15rem 1rem; color: #c1c2bb; font-size: .82rem; }
.global-systems-readout > span:first-child { grid-row: span 2; color: var(--gold); font: 600 .56rem ui-monospace, monospace; letter-spacing: .1em; }
.global-systems-readout strong { color: var(--gold-light); font-size: .74rem; letter-spacing: .07em; text-transform: uppercase; }
.global-systems-readout > span:last-child { max-width: 700px; color: #b5b6b0; line-height: 1.45; }
.global-systems-console button {
  display: none;
  min-height: 44px;
  padding: .6rem .9rem;
  border: 1px solid #b99a5877;
  background: #0c1319;
  color: var(--gold-light);
  cursor: pointer;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.global-systems-scene[data-enhanced="true"] .global-systems-console button { display: block; }
.global-systems-console button:hover { border-color: var(--gold-light); background: #18222b; }
.global-systems-console button:focus-visible { outline: 2px solid #f1d995; outline-offset: 3px; }
.global-systems-note { max-width: 780px; margin: .9rem 0 0 auto; color: #bcb8ab; font-size: .78rem; line-height: 1.55; text-align: right; }
@media (max-width: 900px) {
  .global-environment-section .section-intro { grid-template-columns: minmax(0, 1fr); }
  .global-environment-section .section-intro > div { min-width: 0; }
  .global-systems-diagram { display: none; }
  .global-system-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .global-environment-section { padding-bottom: 6rem; }
  .global-environment-section .section-intro h2 { font-size: clamp(2.25rem, 10vw, 3.5rem); }
  .global-systems-head { padding: .9rem; font-size: .5rem; }
  .global-systems-head span:last-child { text-align: right; }
  .global-system-steps { padding: .25rem .45rem; }
  .global-system-steps li { grid-template-columns: 1.55rem minmax(0, 1fr); gap: .25rem .35rem; padding: .75rem .35rem; }
  .global-step-index { font-size: .53rem; }
  .global-system-steps strong { font-size: .61rem; overflow-wrap: anywhere; }
  .global-system-steps li > span:last-child { font-size: .7rem; }
  .global-systems-console { align-items: stretch; flex-direction: column; padding: 1rem .85rem; }
  .global-systems-readout { grid-template-columns: 1fr; }
  .global-systems-readout > span:first-child { grid-row: auto; }
  .global-systems-scene[data-enhanced="true"] .global-systems-console button { width: 100%; }
  .global-systems-note { margin-left: 0; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .global-systems-scene[data-enhanced="true"] .global-systems-console button { display: none; }
  .global-systems-diagram *, .global-system-steps * { scroll-behavior: auto; transition: none !important; animation: none !important; }
}

/* Slice 8: distributed paths converge into an authored process and quiet core. */
.labs-section { max-width: var(--max); margin: auto; padding: 0 var(--pad) clamp(6rem, 10vw, 10rem); }
.closing-continuity { height: clamp(5rem, 9vw, 9rem); display: flex; flex-direction: column; align-items: center; }
.closing-continuity span { width: 1px; height: 75%; background: linear-gradient(#b99a5860, #b99a58b8); }
.closing-continuity i { width: 8px; height: 8px; border: 1px solid var(--gold-light); border-radius: 50%; }
.labs-scene { position: relative; margin-top: clamp(3rem, 6vw, 6rem); overflow: hidden; border: 1px solid #bba36958; background: radial-gradient(ellipse at 50% 25%, #1925308c, transparent 65%), linear-gradient(140deg, #080b0f, #101820 55%, #080a0d); box-shadow: 0 35px 90px #0009; }
.labs-scene-head { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 1.35rem; border-bottom: 1px solid #bba3693b; color: #c7b277; font: 600 .58rem ui-monospace, monospace; letter-spacing: .13em; }
.labs-diagram { display: block; width: 100%; max-height: 260px; }
.labs-node { opacity: .42; transition: opacity .3s ease; }
.labs-node circle:first-child { fill: #111b24; stroke: #977e4b; stroke-width: 1.3; }
.labs-node-core { fill: #6e5b38; }
.labs-node text { fill: #d3c08f; font: 600 12px ui-monospace, monospace; letter-spacing: .12em; }
.labs-node[data-state="active"], .labs-node[data-state="complete"] { opacity: 1; }
.labs-node[data-state="active"] circle:first-child { stroke: #dec487; stroke-width: 2; filter: drop-shadow(0 0 8px #b99a5866); }
.labs-node[data-state="active"] .labs-node-core { fill: #ead092; }
.labs-edge { fill: none; stroke: #a9946266; stroke-width: 1.4; transition: opacity .3s ease, stroke .3s ease; }
.labs-edge[data-state="waiting"] { opacity: .16; }
.labs-edge[data-state="complete"] { opacity: .6; }
.labs-edge[data-state="active"] { opacity: 1; stroke: #e3cb8e; stroke-width: 2.5; }
.labs-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: .35rem 1rem; list-style: none; border-top: 1px solid #bba36935; }
.labs-steps li { min-width: 0; display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: .25rem .5rem; padding: 1rem .65rem; border-right: 1px solid #bba36920; color: #acb0ad; }
.labs-steps li > span:first-child { color: #ac905a; font: 600 .6rem ui-monospace, monospace; }
.labs-steps strong { color: #d9d0b7; font: 600 .65rem ui-monospace, monospace; letter-spacing: .06em; }
.labs-steps li > span:last-child { grid-column: 2; font-size: .75rem; line-height: 1.5; }
.labs-steps li[data-state="active"] { background: #b99a581a; outline: 1px solid #d4b97480; outline-offset: -2px; }
.labs-steps li[data-state="active"] strong { color: var(--gold-light); }
.labs-console { display: flex; justify-content: space-between; align-items: center; gap: 1rem 2rem; padding: 1rem 1.25rem; }
.labs-readout { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .15rem 1rem; color: #b5b6b0; font-size: .82rem; }
.labs-readout > span:first-child { grid-row: span 2; color: var(--gold); font: 600 .56rem ui-monospace, monospace; letter-spacing: .1em; }
.labs-readout strong { color: var(--gold-light); font-size: .74rem; letter-spacing: .07em; }
.labs-scene [data-sequence-replay] { display: none; min-height: 44px; padding: .6rem .9rem; border: 1px solid #b99a5877; background: #0c1319; color: var(--gold-light); cursor: pointer; font-size: .65rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.labs-scene[data-enhanced="true"] [data-sequence-replay] { display: block; }
.labs-scene [data-sequence-replay]:hover { border-color: var(--gold-light); }
.labs-note { max-width: 780px; margin: .9rem 0 0 auto; color: #bcb8ab; font-size: .78rem; text-align: right; }
.about-section { border-top: 0; padding-top: clamp(5rem, 9vw, 9rem); padding-bottom: clamp(6rem, 10vw, 10rem); background: linear-gradient(180deg, #0c121700, #11192344 50%, #090d1100); }
.about-copy { position: relative; border-left: 1px solid #b99a5865; padding-left: clamp(1.5rem, 3vw, 3.5rem); }
.about-copy::before { content: ""; position: absolute; left: -4px; top: 0; width: 7px; height: 7px; border: 1px solid #dec487; border-radius: 50%; background: #141b22; }
.about-copy > p { max-width: 720px !important; }
.closing-section { position: relative; isolation: isolate; overflow: hidden; border-top: 1px solid #bba36932; background: radial-gradient(ellipse at 50% 36%, #202c3480, transparent 48%), linear-gradient(#090c10, #06080b); text-align: center; }
.closing-core { position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: .55; }
.closing-core span { position: absolute; left: 50%; top: 15%; width: min(78vw, 850px); aspect-ratio: 1; border: 1px solid #b99a5838; border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 0 75px #b99a5807, inset 0 0 110px #b99a580e; }
.closing-core i, .closing-core b { position: absolute; left: 50%; width: min(96vw, 1000px); height: 1px; background: linear-gradient(90deg, transparent, #b99a584b, transparent); transform: translateX(-50%); }
.closing-core i { top: 34%; }.closing-core b { top: 71%; }
.closing-content { max-width: 1000px; margin: auto; padding: clamp(6rem, 10vw, 11rem) var(--pad) clamp(7rem, 11vw, 12rem); }
.closing-brand { width: min(100%, 480px); margin: 1.5rem auto 2.5rem; }
.closing-emblem { display: block; width: 100%; height: auto; box-shadow: 0 25px 75px #0009; }
.closing-wordmark { display: grid; gap: .2rem; color: var(--gold-light); font-size: clamp(1.4rem, 6vw, 2.8rem); font-weight: 700; letter-spacing: .32em; }
.closing-wordmark span { font-size: .45em; font-weight: 500; letter-spacing: .5em; }
.closing-section h2 { margin: 0; font-size: clamp(3rem, 7vw, 6.5rem); font-weight: 500; letter-spacing: -.06em; line-height: 1.05; }
.closing-section h2 em { color: var(--gold-light); font-style: normal; }
.closing-section .closing-content > p:not(.section-label) { max-width: 650px; margin: 1.5rem auto 0; color: var(--muted); font-size: 1.05rem; }
.closing-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-top: 2.5rem; }
@media (max-width: 900px) { .labs-section .section-intro { grid-template-columns: 1fr; }.labs-diagram { display: none; }.labs-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .labs-scene-head { font-size: .5rem; padding: .9rem; }.labs-scene-head span:last-child { max-width: 48%; text-align: right; }.labs-steps { padding: .25rem .45rem; }.labs-steps li { padding: .8rem .35rem; grid-template-columns: 1.3rem minmax(0, 1fr); }.labs-steps strong { font-size: .58rem; overflow-wrap: anywhere; }.labs-steps li > span:last-child { font-size: .7rem; }.labs-console { flex-direction: column; align-items: stretch; padding: 1rem .85rem; }.labs-readout { grid-template-columns: 1fr; }.labs-readout > span:first-child { grid-row: auto; }.labs-scene[data-enhanced="true"] [data-sequence-replay] { width: 100%; }.labs-note { text-align: left; }.closing-content { padding-inline: var(--pad); }.closing-actions { flex-direction: column; }.about-copy { padding-left: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { .labs-scene[data-enhanced="true"] [data-sequence-replay] { display: none; }.labs-node, .labs-edge { transition: none !important; } }