:root {
  color-scheme: dark;
  --ink: #050505;
  --ink-2: #0a0a0a;
  --panel: #121212;
  --panel-2: #181818;
  --line: #2d2d2d;
  --line-strong: #404040;
  --text: #f7f7f7;
  --muted: #b6b6b6;
  --soft: #8c8c8c;
  --teal: #ffffff;
  --amber: #d6d6d6;
  --red: #c6c6c6;
  --lime: #d4d4d4;
  --blue: #e6e6e6;
  --paper: #101010;
  --paper-ink: #f7f7f7;
  --shadow: 0 30px 100px rgba(0, 0, 0, 0.48);
  --max: 1180px;
  --header: 64px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
  letter-spacing: 0;
}

html {
  scroll-behavior: smooth;
  background: var(--ink);
}

body {
  margin: 0;
  background: var(--ink);
  color: var(--text);
  font-size: 16px;
  line-height: 1.5;
  overflow-x: hidden;
}

body[data-nav-open="true"] {
  overflow: hidden;
}

img {
  max-width: 100%;
}

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

p,
h1,
h2,
h3,
ul,
dl,
dd {
  margin: 0;
}

button,
input,
select,
textarea {
  font: inherit;
}

.skip-link {
  position: fixed;
  left: 12px;
  top: 12px;
  z-index: 100;
  transform: translateY(-140%);
  border-radius: 6px;
  background: var(--paper);
  color: var(--paper-ink);
  padding: 10px 12px;
  transition: transform 160ms ease;
}

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

.container {
  width: min(100% - 32px, var(--max));
  margin-inline: auto;
}

.promo {
  position: sticky;
  top: 0;
  z-index: 60;
  min-height: 44px;
  border-bottom: 1px solid var(--line);
  background: #0a0c0b;
}

.promo a {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 16px;
  color: var(--muted);
  font-size: 14px;
  text-align: center;
}

.promo a span:not(.promo__tag) {
  min-width: 0;
}

.promo__tag {
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--teal);
  padding: 3px 7px;
  white-space: nowrap;
}

.promo__arrow {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--teal);
  transition: transform 180ms ease, color 180ms ease;
}

.promo__arrow svg {
  width: 100%;
  height: 100%;
  transition: transform 180ms ease;
}

.promo a:hover .promo__arrow {
  transform: translate(2px, -2px);
}

.site-header {
  position: sticky;
  top: 44px;
  z-index: 80;
  height: var(--header);
  border-bottom: 1px solid rgba(40, 40, 40, 0.8);
  background: rgba(5, 6, 6, 0.82);
  backdrop-filter: blur(14px);
}

.nav-shell {
  display: flex;
  width: min(100% - 32px, var(--max));
  height: 100%;
  align-items: center;
  justify-content: space-between;
  margin-inline: auto;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-weight: 720;
}

.brand__mark {
  width: 26px;
  height: 26px;
  border: 2px solid var(--teal);
  border-radius: 7px;
  background:
    linear-gradient(135deg, transparent 31%, rgba(255, 255, 255, 0.95) 32%, rgba(255, 255, 255, 0.95) 48%, transparent 49%),
    linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08));
  transform: rotate(45deg);
  box-shadow: 0 0 28px rgba(255, 255, 255, 0.22);
}

.brand__text {
  font-size: 18px;
}

.nav {
  display: flex;
  align-items: center;
  gap: 4px;
}

.nav > a,
.nav__group > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  border-radius: 8px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 620;
  padding: 0 11px;
  transition: color 160ms ease, background 160ms ease;
}

.nav > a:hover,
.nav__group > a:hover,
.nav a[aria-current="page"] {
  background: #141817;
  color: var(--text);
}

.nav__group {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 48px;
}

.nav__group::after {
  position: absolute;
  right: 0;
  bottom: -18px;
  left: 0;
  display: block;
  height: 22px;
  content: "";
}

.nav__caret {
  display: inline-flex;
  width: 13px;
  height: 13px;
  align-items: center;
  justify-content: center;
  color: var(--soft);
  transition: transform 180ms var(--ease-out, ease), color 180ms ease;
}

.nav__caret svg {
  width: 100%;
  height: 100%;
}

.nav__group:hover .nav__caret,
.nav__group:focus-within .nav__caret,
.nav__group[data-menu-open="true"] .nav__caret {
  color: var(--text);
  transform: rotate(180deg);
}

.nav__menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 120;
  visibility: hidden;
  display: grid;
  width: 300px;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(11, 13, 12, 0.98);
  padding: 8px;
  box-shadow: var(--shadow);
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity 160ms ease, transform 180ms var(--ease-out, ease), visibility 0s linear 160ms;
}

.nav__group:hover .nav__menu,
.nav__group:focus-within .nav__menu,
.nav__group[data-menu-open="true"] .nav__menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}

.nav__menu a {
  display: grid;
  gap: 2px;
  border-radius: 7px;
  padding: 10px;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.nav__menu a:hover {
  background: #151a18;
  transform: translateX(2px);
}

.nav__menu span {
  color: var(--text);
  font-size: 14px;
  font-weight: 680;
}

.nav__menu small {
  color: var(--soft);
  font-size: 12px;
}

.nav__menu--mega {
  width: min(720px, calc(100vw - 32px));
  gap: 18px;
  border-radius: 8px;
  padding: 24px;
}

.nav__menu--platform {
  left: -220px;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
}

.nav__menu--resources {
  left: -240px;
}

.nav__menu--solutions {
  left: -250px;
  width: min(640px, calc(100vw - 32px));
}

.nav-mega__content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  min-width: 0;
}

.nav-mega__content--two {
  grid-column: 1 / -1;
  gap: 8px;
}

.nav-mega__section {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
}

.nav-mega__eyebrow {
  color: var(--soft);
  font-size: 12px;
  font-weight: 680;
}

.nav-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 10px;
}

.nav-card__icon {
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
}

.nav-card__icon--teal {
  background: rgba(255, 255, 255, 0.14);
  color: var(--teal);
}

.nav-card__icon--blue {
  background: rgba(255, 255, 255, 0.14);
  color: var(--blue);
}

.nav-card__icon--amber {
  background: rgba(255, 255, 255, 0.14);
  color: var(--amber);
}

.nav-card__icon--red {
  background: rgba(255, 255, 255, 0.14);
  color: var(--red);
}

.nav-card__icon--purple {
  background: rgba(255, 255, 255, 0.16);
  color: #d4d4d4;
}

.nav__menu .nav-card__icon--teal {
  color: var(--teal);
}

.nav__menu .nav-card__icon--blue {
  color: var(--blue);
}

.nav__menu .nav-card__icon--amber {
  color: var(--amber);
}

.nav__menu .nav-card__icon--red {
  color: var(--red);
}

.nav__menu .nav-card__icon--purple {
  color: #d4d4d4;
}

.nav-card__body {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.nav-card strong {
  color: var(--text);
  font-size: 15px;
  line-height: 1.16;
}

.nav-card small,
.nav-card em {
  color: var(--soft);
  font-size: 13px;
  font-style: normal;
  line-height: 1.28;
}

.nav-card em {
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
}

.nav-mega__preview,
.nav-mega__index {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.12);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
}

.nav-mega__preview {
  gap: 10px;
  overflow: hidden;
  padding: 12px;
}

.nav-mega__preview-top,
.nav-mega__preview-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.nav-mega__preview-top strong,
.nav-mega__preview-row b,
.nav-mega__index strong {
  color: var(--text);
  font-size: 13px;
}

.nav-mega__preview-top small,
.nav-mega__preview-row em,
.nav-mega__index span {
  color: var(--soft);
  font-size: 12px;
  font-style: normal;
}

.nav-mega__preview-canvas {
  position: relative;
  display: grid;
  gap: 8px;
  min-height: 118px;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.12), transparent 30%),
    linear-gradient(rgba(244, 247, 242, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 247, 242, 0.035) 1px, transparent 1px),
    #050606;
  background-size: auto, 16px 16px, 16px 16px, auto;
  padding: 16px 42px;
}

.nav-mega__preview-canvas i {
  display: block;
  min-height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025));
}

.nav-mega__preview-canvas i:nth-child(2) {
  margin-inline: 22px;
  border-color: rgba(255, 255, 255, 0.22);
}

.nav-mega__index {
  grid-column: 1 / -1;
  gap: 8px;
  padding: 14px;
}

.nav__login {
  margin-left: 6px;
}

.nav-toggle {
  display: none;
  width: 40px;
  height: 40px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0e1110;
  color: var(--text);
}

.nav-toggle span {
  display: block;
  width: 18px;
  height: 1px;
  margin: 6px auto;
  background: currentColor;
  transition: transform 180ms ease, opacity 180ms ease;
}

.nav-toggle[aria-expanded="true"] span:first-child {
  transform: translateY(3.5px) rotate(45deg);
}

.nav-toggle[aria-expanded="true"] span:last-child {
  transform: translateY(-3.5px) rotate(-45deg);
}

.button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 720;
  text-align: center;
  white-space: nowrap;
  isolation: isolate;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

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

.button:focus-visible,
.nav a:focus-visible,
.promo a:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.86);
  outline-offset: 3px;
}

.action-icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: currentColor;
  transition: transform 180ms var(--ease-out, ease), border-color 180ms ease, background 180ms ease, opacity 180ms ease;
}

.action-icon svg {
  width: 100%;
  height: 100%;
  transition: transform 180ms var(--ease-out, ease);
}

.button .action-icon {
  width: 22px;
  height: 22px;
  margin-right: -5px;
  border: 1px solid rgba(244, 247, 242, 0.18);
  border-radius: 999px;
  background: rgba(244, 247, 242, 0.07);
  padding: 4px;
}

.button--primary .action-icon,
.nav > a.button .action-icon {
  border-color: rgba(8, 8, 8, 0.18);
  background: rgba(8, 8, 8, 0.1);
}

.button--light .action-icon {
  border-color: rgba(5, 6, 6, 0.16);
  background: rgba(5, 6, 6, 0.08);
}

.button:hover .action-icon,
.button:focus-visible .action-icon,
a:hover > .action-icon,
a:focus-visible > .action-icon {
  transform: translate(1px, -1px);
}

.button:hover .action-icon,
.button:focus-visible .action-icon {
  border-color: rgba(244, 247, 242, 0.28);
  background: rgba(244, 247, 242, 0.1);
}

.button--primary:hover .action-icon,
.button--primary:focus-visible .action-icon,
.nav > a.button:hover .action-icon,
.nav > a.button:focus-visible .action-icon,
.button--light:hover .action-icon,
.button--light:focus-visible .action-icon {
  border-color: rgba(8, 8, 8, 0.28);
  background: rgba(8, 8, 8, 0.14);
}

.button:hover .action-icon svg,
.button:focus-visible .action-icon svg,
a:hover > .action-icon svg,
a:focus-visible > .action-icon svg {
  transform: translate(1.5px, -1.5px);
}

.button--small {
  min-height: 36px;
  padding-inline: 12px;
}

.button--primary {
  background: var(--teal);
  color: #0a0a0a;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

.button--primary:hover {
  background: #ffffff;
  box-shadow: 0 12px 34px rgba(255, 255, 255, 0.18);
}

.button--ghost {
  border-color: rgba(244, 247, 242, 0.22);
  background: rgba(244, 247, 242, 0.06);
  color: var(--text);
}

.button--ghost:hover {
  border-color: rgba(244, 247, 242, 0.34);
  background: rgba(244, 247, 242, 0.1);
}

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

.button--line:hover {
  border-color: rgba(244, 247, 242, 0.38);
  background: rgba(244, 247, 242, 0.055);
}

.ui-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.96), rgba(3, 4, 4, 1) 58%),
    #030404;
}

.hero::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(244, 247, 242, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 247, 242, 0.035) 1px, transparent 1px);
  background-size: 44px 44px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.88), transparent 78%);
}

.hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(460px, 1fr);
  min-height: calc(100svh - 108px);
  align-items: center;
  gap: 42px;
  padding: 72px 0 56px;
}

.hero__copy {
  max-width: 700px;
}

.eyebrow {
  color: var(--teal);
  font-size: 13px;
  font-weight: 760;
  text-transform: uppercase;
}

.hero h1,
.page-hero h1 {
  max-width: 850px;
  margin-top: 14px;
  color: var(--text);
  font-size: 72px;
  line-height: 0.95;
  font-weight: 760;
}

.hero h1 span {
  display: block;
}

.hero p:not(.eyebrow),
.page-hero p:not(.eyebrow) {
  max-width: 650px;
  margin-top: 22px;
  color: var(--muted);
  font-size: 20px;
}

.hero-provider-rail {
  display: grid;
  gap: 10px;
  max-width: 610px;
  margin-top: 26px;
  border: 1px solid rgba(244, 247, 242, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(48, 220, 178, 0.08), transparent 42%),
    rgba(244, 247, 242, 0.04);
  padding: 12px;
}

.hero-provider-rail > span {
  color: var(--soft);
  font-size: 11px;
  font-weight: 760;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero-provider-rail__logos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hero-provider-rail__logos strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  border: 1px solid rgba(244, 247, 242, 0.11);
  border-radius: 999px;
  background: rgba(4, 5, 5, 0.72);
  color: var(--text);
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 760;
}

.hero-provider-rail__logos em {
  font-style: normal;
}

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.hero__engines {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 560px;
  margin-top: 34px;
}

.hero__engines span {
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.05);
  color: var(--muted);
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 680;
}

.hero__visual {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.agent-shell {
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background: rgba(11, 13, 12, 0.9);
  box-shadow: 0 36px 120px rgba(0, 0, 0, 0.55);
}

.agent-shell__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--line);
  padding: 0 16px;
  color: var(--muted);
  font-size: 13px;
}

.agent-shell__top span {
  color: var(--text);
  font-weight: 760;
}

.agent-shell__top strong {
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--teal);
  padding: 4px 8px;
  font-size: 12px;
}

.agent-shell__top small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 700;
}

.agent-shell__body {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  min-height: 430px;
}

.agent-sidebar {
  display: grid;
  align-content: start;
  gap: 10px;
  border-right: 1px solid var(--line);
  background: rgba(244, 247, 242, 0.035);
  padding: 16px;
}

.agent-sidebar span,
.agent-output span,
.suite-card span,
.customer-stories span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.agent-sidebar strong {
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 7px;
  background: rgba(244, 247, 242, 0.055);
  color: var(--muted);
  padding: 9px;
  font-size: 12px;
}

.agent-sidebar img {
  aspect-ratio: 1 / 0.72;
  width: 100%;
  margin-top: 8px;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  object-fit: cover;
}

.agent-canvas {
  display: grid;
  align-content: center;
  gap: 14px;
  padding: 22px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 28px 28px;
}

.agent-node,
.agent-output {
  display: grid;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 12px;
  max-width: 390px;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background: rgba(5, 6, 6, 0.86);
  padding: 12px;
}

.agent-node:nth-child(2) {
  margin-left: 42px;
}

.agent-node:nth-child(3) {
  margin-left: 84px;
}

.agent-node > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.12);
  color: var(--teal);
  font-weight: 760;
}

.agent-node strong,
.agent-output strong {
  display: block;
  color: var(--text);
  font-size: 14px;
}

.agent-node small,
.agent-output p {
  color: var(--soft);
  font-size: 12px;
}

.agent-output {
  grid-template-columns: 1fr;
  margin-left: 126px;
  border-color: rgba(255, 255, 255, 0.34);
}

.hero__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.hero__stats div {
  display: grid;
  min-width: 150px;
  gap: 2px;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background: rgba(5, 6, 6, 0.62);
  padding: 14px;
}

.hero__stats strong {
  color: var(--text);
  font-size: 28px;
}

.hero__stats span {
  color: var(--muted);
  font-size: 13px;
}

.proof-strip {
  border-bottom: 1px solid var(--line);
  background: #050606;
  padding: 26px 0;
}

.proof-strip .container {
  display: grid;
  grid-template-columns: 0.54fr 1fr;
  align-items: center;
  gap: 26px;
}

.proof-strip p {
  color: var(--soft);
  font-size: 14px;
}

.proof-strip .container > div {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}

.proof-strip span {
  display: grid;
  min-height: 42px;
  place-items: center;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  color: var(--muted);
  font-size: 13px;
  font-weight: 720;
}

.engine-strip {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(120% 90% at 78% 50%, rgba(255, 255, 255, 0.07), transparent 60%),
    #070908;
  padding: 84px 0;
}

.engine-strip__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 48px;
}

.engine-strip__copy .eyebrow {
  color: var(--teal);
}

.engine-strip__copy h2 {
  margin: 12px 0 14px;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.08;
  letter-spacing: 0;
}

.engine-strip__copy > p {
  max-width: 440px;
  color: var(--muted);
  font-size: 16px;
}

.engine-strip__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.engine-strip__row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 70%),
    #101312;
  color: var(--muted);
  padding: 7px 12px 7px 8px;
  font-size: 12.5px;
  font-weight: 650;
}

.engine-strip__row strong {
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1;
}

.provider-logo {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.provider-logo--chip {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  padding: 3px;
}

.provider-logo--mini {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  padding: 2px;
}

.integration-grid span {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #101312;
  color: var(--muted);
  padding: 7px 13px;
  font-size: 12.5px;
  font-weight: 650;
}

.integration-grid span {
  border-radius: 8px;
}

/* ---- Orbiting answer engines ---- */
.orbit {
  position: relative;
  width: 100%;
  max-width: 460px;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  justify-self: center;
}

.orbit__path,
.orbit__core,
.orbit__item {
  position: absolute;
  top: 50%;
  left: 50%;
}

.orbit__path {
  border-radius: 50%;
  border: 1px solid rgba(244, 247, 242, 0.08);
  transform: translate(-50%, -50%);
}

.orbit__path--inner {
  width: 208px;
  height: 208px;
}

.orbit__path--outer {
  width: 396px;
  height: 396px;
}

.orbit__core {
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  margin: -37px 0 0 -37px;
  border-radius: 18px;
  border: 1px solid var(--line-strong);
  background: radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.16), rgba(9, 11, 10, 0.9));
  box-shadow: 0 0 60px rgba(255, 255, 255, 0.25);
}

.orbit__mark {
  width: 26px;
  height: 26px;
  border: 2px solid var(--teal);
  border-radius: 7px;
  background:
    linear-gradient(135deg, transparent 31%, rgba(255, 255, 255, 0.95) 32%, rgba(255, 255, 255, 0.95) 48%, transparent 49%),
    linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08));
  transform: rotate(45deg);
}

.orbit__item {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin: -23px 0 0 -23px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: #0d100f;
  color: var(--brand, var(--text));
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45);
  animation: orbit calc(var(--duration) * 1s) linear infinite;
}

.orbit__item--reverse {
  animation-direction: reverse;
  width: 42px;
  height: 42px;
  margin: -21px 0 0 -21px;
}

.orbit__item img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.provider-logo--orbit {
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.35));
}

.orbit__item:hover {
  border-color: color-mix(in srgb, var(--brand) 60%, var(--line));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand) 45%, transparent), 0 8px 26px rgba(0, 0, 0, 0.5);
}

@keyframes orbit {
  0% {
    transform: rotate(calc(var(--angle) * 1deg)) translateY(calc(var(--radius) * 1px))
      rotate(calc(var(--angle) * -1deg));
  }
  100% {
    transform: rotate(calc(var(--angle) * 1deg + 360deg)) translateY(calc(var(--radius) * 1px))
      rotate(calc(var(--angle) * -1deg - 360deg));
  }
}

@media (prefers-reduced-motion: reduce) {
  .orbit__item {
    animation: none;
  }
  .orbit__item--reverse {
    transform: rotate(calc(var(--angle) * 1deg)) translateY(calc(var(--radius) * 1px))
      rotate(calc(var(--angle) * -1deg));
  }
  .orbit__item:not(.orbit__item--reverse) {
    transform: rotate(calc(var(--angle) * 1deg)) translateY(calc(var(--radius) * 1px))
      rotate(calc(var(--angle) * -1deg));
  }
}

.section {
  padding: 96px 0;
  background: var(--paper);
  color: var(--paper-ink);
}

.section--black {
  background: var(--ink);
  color: var(--text);
}

.section--tool {
  background: #0a0c0b;
  color: var(--text);
}

.section--suite {
  border-bottom: 1px solid var(--line);
  background: #050606;
  color: var(--text);
}

.section__heading {
  display: grid;
  gap: 16px;
  margin-bottom: 34px;
}

.section__heading h2,
.tool-layout h2,
.final-cta h2,
.index-band h2,
.enterprise-strip h2,
.status-panel h2,
.page-hero h1 {
  font-size: 48px;
  line-height: 1.02;
  font-weight: 760;
}

.section__heading p:not(.eyebrow),
.tool-layout__copy p,
.index-band p,
.enterprise-strip p,
.status-panel p {
  max-width: 720px;
  color: var(--soft);
  font-size: 18px;
}

.section--black .section__heading p:not(.eyebrow),
.section--tool .tool-layout__copy p,
.index-band p,
.enterprise-strip p,
.status-panel p {
  color: var(--muted);
}

.section__heading--row {
  grid-template-columns: 1fr auto;
  align-items: end;
}

.suite-intro {
  display: grid;
  max-width: 820px;
  gap: 16px;
  margin-bottom: 34px;
}

.suite-intro h2 {
  color: var(--text);
  font-size: 52px;
  line-height: 1.02;
}

.suite-intro p:not(.eyebrow) {
  color: var(--muted);
  font-size: 18px;
}

.suite-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.suite-card {
  position: relative;
  display: grid;
  min-height: 390px;
  align-content: space-between;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0c0f0e;
  padding: 20px;
}

.suite-card::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 42%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 54%);
  content: "";
  pointer-events: none;
}

.suite-card--2::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 42%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.14), transparent 54%);
}

.suite-card--3::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 42%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.14), transparent 54%);
}

.suite-card--4::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 42%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.13), transparent 54%);
}

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

.suite-card > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

.suite-card strong {
  color: var(--text);
  font-size: 13px;
}

.suite-card h3 {
  margin-top: auto;
  color: var(--text);
  font-size: 28px;
  line-height: 1.04;
}

.suite-card p {
  margin-top: 12px;
  color: var(--muted);
}

.mini-console {
  display: grid;
  gap: 8px;
  margin-top: 28px;
}

.mini-console span {
  display: block;
  height: 9px;
  border-radius: 6px;
  background: rgba(244, 247, 242, 0.12);
}

.mini-console span:nth-child(1) {
  width: 92%;
  background: linear-gradient(90deg, var(--teal), rgba(255, 255, 255, 0.08));
}

.mini-console span:nth-child(2) {
  width: 78%;
}

.mini-console span:nth-child(3) {
  width: 64%;
}

.mini-console span:nth-child(4) {
  width: 86%;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}

.feature-card {
  display: flex;
  min-height: 310px;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0d100f;
  padding: 18px;
}

.feature-card__top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.feature-card__top span,
.feature-card a,
.resource-grid span,
.solution-detail span,
.workflow span,
.price-card > p:first-child {
  font-size: 13px;
  font-weight: 760;
  text-transform: uppercase;
}

.feature-card__top strong {
  font-size: 30px;
  line-height: 1;
}

.feature-card h3 {
  margin-top: auto;
  font-size: 24px;
  line-height: 1.06;
}

.feature-card p {
  margin-top: 12px;
  color: var(--muted);
  font-size: 15px;
}

.feature-card a {
  margin-top: 18px;
}

.feature-card--teal strong,
.feature-card--teal a,
.feature-detail--teal h2 {
  color: var(--teal);
}

.feature-card--amber strong,
.feature-card--amber a,
.feature-detail--amber h2 {
  color: var(--amber);
}

.feature-card--lime strong,
.feature-card--lime a,
.feature-detail--lime h2 {
  color: var(--lime);
}

.feature-card--red strong,
.feature-card--red a,
.feature-detail--red h2 {
  color: var(--red);
}

.feature-card--blue strong,
.feature-card--blue a,
.feature-detail--blue h2 {
  color: var(--blue);
}

.tool-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
  gap: 34px;
  align-items: center;
}

.tool-layout__copy {
  display: grid;
  gap: 18px;
}

.check-list {
  display: grid;
  gap: 12px;
  padding: 0;
  list-style: none;
}

.check-list li {
  position: relative;
  color: var(--muted);
  padding-left: 24px;
}

.check-list li::before {
  position: absolute;
  left: 0;
  color: var(--teal);
  content: "✓";
}

.product-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(18, 21, 20, 0.96), rgba(5, 6, 6, 0.98));
  box-shadow: var(--shadow);
  overflow: hidden;
}

.product-panel__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--line);
  padding: 14px 16px;
  color: var(--muted);
  font-size: 13px;
}

.product-panel__bar span:first-child {
  color: var(--text);
  font-weight: 760;
}

.product-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--line);
}

.product-metrics div {
  display: grid;
  gap: 4px;
  min-height: 104px;
  border-right: 1px solid var(--line);
  padding: 16px;
}

.product-metrics div:last-child {
  border-right: 0;
}

.product-metrics span,
.product-metrics small,
.product-bottom p {
  color: var(--soft);
  font-size: 13px;
}

.product-metrics strong {
  font-size: 28px;
  line-height: 1;
}

.product-metrics small {
  color: var(--teal);
}

.answer-map {
  position: relative;
  height: 320px;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    radial-gradient(circle at 52% 44%, rgba(255, 255, 255, 0.18), transparent 26%);
  background-size: 32px 32px, 32px 32px, auto;
}

.answer-map::before,
.answer-map::after {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 92px;
  height: 92px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  content: "";
  transform: translate(-50%, -50%) rotate(45deg);
}

.answer-map::after {
  width: 46px;
  height: 46px;
  border-color: rgba(255, 255, 255, 0.85);
}

.answer-map span {
  position: absolute;
  left: calc(var(--x) * 1%);
  top: calc(var(--y) * 1%);
  width: calc(var(--s) * 1px);
  height: calc(var(--s) * 1px);
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  opacity: calc(0.42 + (var(--d) * 0.18));
}

.answer-map span:nth-child(3n) {
  background: var(--amber);
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.42);
}

.answer-map span:nth-child(5n) {
  background: var(--red);
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.42);
}

.product-bottom {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 0;
}

.product-bottom > div {
  display: grid;
  gap: 10px;
  border-right: 1px solid var(--line);
  padding: 16px;
}

.product-bottom > div:last-child {
  border-right: 0;
}

.product-bottom h3 {
  font-size: 15px;
}

.coverage-bars {
  display: grid;
  gap: 10px;
}

.coverage-bars span {
  display: block;
  height: 8px;
  border-radius: 5px;
  background: linear-gradient(90deg, var(--teal), var(--amber));
  width: var(--w);
}

.workflow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.workflow article,
.team-grid article,
.resource-grid article,
.index-grid article,
.enterprise-grid article,
.solution-detail article,
.stacked-list article,
.price-card,
.contact-card,
.contact-form,
.status-panel {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 22px;
}

.workflow article {
  min-height: 230px;
}

.workflow span,
.solution-detail span {
  color: var(--soft);
}

.workflow h3 {
  margin-top: 50px;
  font-size: 28px;
}

.workflow p,
.team-grid p,
.resource-grid p,
.index-grid p,
.enterprise-grid p,
.solution-detail p,
.stacked-list p,
.price-card p,
.contact-card p,
.contact-card dd {
  margin-top: 10px;
  color: #adadad;
}

.team-grid,
.resource-grid,
.index-grid,
.enterprise-grid,
.solution-detail,
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.team-grid article,
.section--black .stacked-list article,
.resource-grid article,
.index-grid article,
.enterprise-grid article {
  background: #0d100f;
  border-color: var(--line);
  color: var(--text);
}

.team-grid h3,
.resource-grid h2,
.index-grid h2,
.enterprise-grid h2,
.solution-detail h2,
.stacked-list h3 {
  font-size: 24px;
  line-height: 1.12;
}

.team-grid p,
.team-grid li,
.section--black .stacked-list p,
.resource-grid p,
.index-grid p,
.enterprise-grid p {
  color: var(--muted);
}

.team-grid ul,
.price-card ul {
  display: grid;
  gap: 8px;
  margin: 18px 0 0;
  padding-left: 18px;
}

.team-grid a,
.resource-grid a {
  display: inline-flex;
  margin-top: 18px;
  color: var(--teal);
  font-weight: 720;
}

.agent-grid,
.conversion-grid,
.manifesto-grid,
.customer-stories {
  display: grid;
  gap: 12px;
}

.agent-grid {
  grid-template-columns: repeat(4, 1fr);
}

.agent-grid article,
.customer-stories article {
  display: grid;
  min-height: 330px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0d100f;
  padding: 20px;
}

.agent-card__icon {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1)),
    #0b0d0c;
}

.agent-grid h3 {
  align-self: end;
  color: var(--text);
  font-size: 25px;
  line-height: 1.08;
}

.agent-grid p {
  color: var(--muted);
}

.agent-grid ul {
  display: grid;
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.agent-grid li {
  border-top: 1px solid var(--line);
  color: var(--soft);
  padding-top: 8px;
  font-size: 14px;
}

.section--platform-primitives {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(245, 245, 245, 0.94)),
    #eeeeeb;
  color: #111613;
}

.section--platform-primitives .eyebrow {
  color: #18715f;
}

.section--platform-primitives .section__heading h2,
.section--platform-primitives .primitive-card__top strong {
  color: #111613;
}

.section--platform-primitives .section__heading p:not(.eyebrow),
.section--platform-primitives .primitive-card p {
  color: #4e5751;
}

.section--platform-primitives .button--line {
  border-color: rgba(5, 6, 6, 0.16);
  background: rgba(5, 6, 6, 0.055);
  color: #111613;
}

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

.primitive-card {
  display: grid;
  align-content: space-between;
  gap: 22px;
  min-height: 300px;
  border: 1px solid rgba(5, 6, 6, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.54), rgba(255, 255, 255, 0.18)),
    rgba(5, 6, 6, 0.025);
  padding: 18px;
}

.primitive-card__top {
  display: grid;
  gap: 12px;
}

.primitive-card__top span {
  display: inline-flex;
  width: max-content;
  border: 1px solid rgba(5, 6, 6, 0.12);
  border-radius: 999px;
  background: rgba(5, 6, 6, 0.035);
  color: #5b625d;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 760;
}

.primitive-card__top strong {
  color: var(--paper-ink);
  font-size: 26px;
  line-height: 1.02;
}

.primitive-card p {
  color: #555d57;
}

.primitive-card > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.primitive-card small {
  border: 1px solid rgba(5, 6, 6, 0.1);
  border-radius: 999px;
  background: rgba(5, 6, 6, 0.04);
  color: #626b64;
  padding: 5px 7px;
  font-size: 12px;
  font-weight: 680;
}

.primitive-ledger {
  display: grid;
  grid-template-columns: 0.85fr 1.4fr;
  gap: 12px;
  margin-top: 12px;
}

.primitive-ledger > div {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(10, 12, 11, 0.92);
  color: var(--text);
  padding: 20px;
}

.primitive-ledger h3 {
  max-width: 360px;
  margin-top: 12px;
  font-size: 36px;
  line-height: 0.98;
}

.primitive-ledger > div:last-child {
  display: grid;
  gap: 8px;
}

.primitive-ledger article {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 14px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.04);
  padding: 12px;
}

.primitive-ledger span {
  color: var(--teal);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.primitive-ledger p {
  color: var(--muted);
}

.page-hero--platform-product {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.11), transparent 30%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1));
  padding: 86px 0 58px;
}

.page-hero--platform-product::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(244, 247, 242, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 247, 242, 0.018) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.82), transparent 90%);
  pointer-events: none;
}

.page-hero--platform-product > .container {
  position: relative;
  z-index: 1;
}

.platform-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(520px, 0.95fr);
  align-items: center;
  gap: 28px;
}

.platform-hero-copy {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.platform-hero-state-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.platform-hero-state-strip span {
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 999px;
  background: rgba(244, 247, 242, 0.05);
  color: var(--soft);
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.platform-ops-room {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background: rgba(3, 4, 4, 0.96);
  box-shadow: 0 40px 140px rgba(0, 0, 0, 0.48);
}

.ops-room__chrome {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  background: rgba(255, 255, 255, 0.025);
  padding: 0 14px;
}

.ops-room__chrome > span,
.ops-room__queue-top span,
.ops-room__rail > strong,
.ops-room__decision span,
.ops-room__footer span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 720;
}

.ops-room__chrome div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ops-room__chrome strong,
.ops-room__chrome em {
  border-radius: 6px;
  padding: 4px 7px;
  font-size: 11px;
  font-style: normal;
  font-weight: 720;
}

.ops-room__chrome strong {
  background: var(--text);
  color: #050606;
}

.ops-room__chrome em {
  background: rgba(244, 247, 242, 0.09);
  color: var(--muted);
}

.ops-room__body {
  display: grid;
  grid-template-columns: minmax(136px, 0.26fr) minmax(230px, 0.44fr) minmax(172px, 0.3fr);
  min-height: 520px;
}

.ops-room__rail,
.ops-room__queue {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 14px 12px;
}

.ops-room__rail {
  border-right: 1px solid rgba(244, 247, 242, 0.1);
}

.ops-room__tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  border: 1px solid rgba(244, 247, 242, 0.08);
  border-radius: 7px;
  background: rgba(244, 247, 242, 0.045);
  padding: 3px;
}

.ops-room__tabs span {
  border-radius: 5px;
  color: var(--soft);
  padding: 6px 8px;
  font-size: 11px;
  text-align: center;
}

.ops-room__tabs span:first-child {
  background: rgba(244, 247, 242, 0.12);
  color: var(--text);
}

.ops-room__template,
.ops-room__owner {
  display: block;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.08);
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
  color: var(--muted);
  padding: 8px 9px;
  font-size: 12px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ops-room__template:nth-of-type(2) {
  border-color: rgba(255, 255, 255, 0.18);
  color: var(--text);
}

.ops-room__canvas {
  position: relative;
  display: grid;
  align-content: start;
  gap: 16px;
  min-width: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.12), transparent 30%),
    linear-gradient(rgba(244, 247, 242, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 247, 242, 0.028) 1px, transparent 1px),
    #020303;
  background-size: auto, 18px 18px, 18px 18px, auto;
  padding: 28px 34px 30px;
}

.ops-room__canvas::before {
  position: absolute;
  top: 86px;
  bottom: 56px;
  left: 50%;
  width: 1px;
  background: linear-gradient(180deg, rgba(244, 247, 242, 0.18), rgba(255, 255, 255, 0.4), rgba(244, 247, 242, 0.12));
  content: "";
}

.ops-room__start,
.ops-room__node {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(100%, 350px);
  margin-inline: auto;
  gap: 7px;
  border: 1px solid rgba(244, 247, 242, 0.12);
  border-radius: 8px;
  background: rgba(14, 16, 15, 0.96);
  padding: 12px 14px;
}

.ops-room__start {
  border-color: rgba(255, 255, 255, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(14, 16, 15, 0.96)),
    rgba(14, 16, 15, 0.96);
}

.ops-room__start span,
.ops-room__node span {
  color: var(--soft);
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.ops-room__start strong,
.ops-room__node strong,
.ops-room__queue-top strong,
.ops-room__decision strong {
  color: var(--text);
  font-size: 14px;
  line-height: 1.18;
}

.ops-room__node p {
  margin-top: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.28;
}

.ops-room__node--teal {
  border-color: rgba(255, 255, 255, 0.62);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.ops-room__node--blue {
  border-color: rgba(255, 255, 255, 0.44);
}

.ops-room__node--amber {
  border-color: rgba(255, 255, 255, 0.42);
}

.ops-room__node--lime {
  border-color: rgba(255, 255, 255, 0.42);
}

.ops-room__queue {
  border-left: 1px solid rgba(244, 247, 242, 0.1);
}

.ops-room__queue-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
}

.ops-room__queue-top strong {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: var(--teal);
  padding: 3px 7px;
  font-size: 11px;
}

.ops-room__decision {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.08);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 10px;
}

.ops-room__decision em {
  width: fit-content;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--blue);
  padding: 3px 7px;
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
}

.ops-room__footer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  background: rgba(244, 247, 242, 0.07);
}

.ops-room__footer span {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  background: #050606;
  color: var(--muted);
  text-align: center;
}

.platform-hero-console {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
}

.platform-hero-console__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.platform-hero-console__top span,
.platform-hero-console__top strong,
.platform-hero-scope span,
.platform-hero-flow span,
.platform-hero-object-ledger span,
.platform-hero-handoff span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.platform-hero-console__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 4px 8px;
  text-align: right;
}

.platform-hero-scope,
.platform-hero-handoff {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.platform-hero-scope div,
.platform-hero-handoff div {
  display: grid;
  min-width: 0;
  gap: 7px;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 10px;
}

.platform-hero-scope strong,
.platform-hero-flow span,
.platform-hero-object-ledger strong,
.platform-hero-handoff strong {
  color: var(--text);
  line-height: 1.16;
}

.platform-hero-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 22px 14px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 28px 28px;
}

.platform-hero-flow::before {
  position: absolute;
  right: 9%;
  left: 9%;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.44), transparent);
  content: "";
}

.platform-hero-flow div {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: 0;
  min-height: 126px;
  align-content: space-between;
  gap: 16px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(5, 6, 6, 0.88);
  padding: 11px;
  transform: translateY(calc((var(--i) - 2) * 8px));
}

.platform-hero-flow div::after {
  position: absolute;
  top: 50%;
  right: -13px;
  width: 16px;
  height: 1px;
  background: rgba(255, 255, 255, 0.36);
  content: "";
}

.platform-hero-flow div:last-child::after {
  display: none;
}

.platform-hero-flow p,
.platform-hero-object-ledger p {
  margin-top: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.platform-hero-object-ledger {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.platform-hero-object-ledger div {
  display: grid;
  min-width: 0;
  gap: 7px;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.platform-hero-object-ledger [data-platform-object="capture"] span {
  color: var(--amber);
}

.platform-hero-object-ledger [data-platform-object="normalize"] span {
  color: var(--teal);
}

.platform-hero-object-ledger [data-platform-object="route"] span {
  color: var(--blue);
}

.platform-hero-object-ledger [data-platform-object="prove"] span {
  color: var(--lime);
}

.platform-hero-handoff {
  border-bottom: 0;
}

.platform-hero-console__top span,
.platform-hero-console__top strong,
.platform-hero-scope span,
.platform-hero-scope strong,
.platform-hero-flow span,
.platform-hero-flow p,
.platform-hero-object-ledger span,
.platform-hero-object-ledger strong,
.platform-hero-object-ledger p,
.platform-hero-handoff span,
.platform-hero-handoff strong {
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 1120px) {
  .platform-hero-grid {
    grid-template-columns: 1fr;
  }

  .platform-hero-copy {
    max-width: 820px;
  }

  .ops-room__body {
    grid-template-columns: minmax(136px, 0.26fr) minmax(230px, 0.44fr) minmax(172px, 0.3fr);
  }
}

@media (max-width: 760px) {
  .page-hero--platform-product {
    padding: 64px 0 48px;
  }

  .platform-hero-scope,
  .platform-hero-flow,
  .platform-hero-object-ledger,
  .platform-hero-handoff {
    grid-template-columns: 1fr;
  }

  .platform-hero-flow {
    padding: 14px;
  }

  .platform-hero-flow::before,
  .platform-hero-flow div::after {
    display: none;
  }

  .platform-hero-flow div {
    min-height: 92px;
    transform: none;
  }

  .platform-hero-console__top {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px 14px;
  }

  .platform-hero-console__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .ops-room__chrome,
  .ops-room__chrome div {
    align-items: flex-start;
    flex-direction: column;
  }

  .ops-room__chrome {
    padding: 12px 14px;
  }

  .ops-room__body {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .ops-room__rail,
  .ops-room__queue {
    border: 0;
    border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  }

  .ops-room__canvas {
    min-height: 430px;
    padding: 22px 18px;
  }

  .ops-room__start,
  .ops-room__node {
    width: 100%;
  }

  .ops-room__footer {
    grid-template-columns: 1fr;
  }
}

.section--operating-model {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 124px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--operating-model::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(244, 247, 242, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 247, 242, 0.026) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 86%);
  pointer-events: none;
}

.section--operating-model > .container {
  position: relative;
  z-index: 1;
}

.section--operating-model .button--line {
  background: rgba(244, 247, 242, 0.04);
}

.section--operating-model .section__heading h2 {
  color: var(--text);
}

.section--operating-model .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.operating-console {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(520px, 1.36fr) minmax(0, 0.9fr);
  gap: 12px;
}

.operating-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 40%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.28);
}

.operating-panel--graph {
  grid-row: span 2;
}

.operating-panel__top {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.operating-panel__top span,
.operating-panel__top strong {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.operating-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  white-space: nowrap;
}

.operating-streams,
.operating-controls,
.operating-output-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.operating-streams div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 4px 10px;
  min-height: 86px;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.operating-streams span {
  grid-row: span 2;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.09);
  color: var(--blue);
  font-size: 12px;
  font-weight: 760;
}

.operating-streams strong,
.operating-controls strong,
.operating-output-list strong {
  min-width: 0;
  color: var(--text);
  font-size: 14px;
  line-height: 1.22;
}

.operating-streams strong,
.operating-streams p,
.operating-streams small {
  grid-column: 2;
}

.operating-streams p,
.operating-controls p,
.operating-output-list span {
  min-width: 0;
  color: var(--soft);
  font-size: 12px;
  line-height: 1.35;
}

.operating-streams small {
  align-self: start;
  width: max-content;
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
  padding: 3px 6px;
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.operating-graph {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  min-height: 360px;
  align-items: center;
  padding: 28px 20px 18px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 28px 28px;
}

.operating-graph::before {
  position: absolute;
  right: 8%;
  left: 8%;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  content: "";
}

.operating-graph div {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: 142px;
  align-content: space-between;
  gap: 18px;
  border: 1px solid rgba(244, 247, 242, 0.12);
  border-radius: 8px;
  background: rgba(5, 6, 6, 0.88);
  padding: 12px;
  transform: translateY(calc((var(--i) - 2) * 13px));
}

.operating-graph div::after {
  position: absolute;
  top: 50%;
  right: -16px;
  width: 22px;
  height: 1px;
  background: rgba(255, 255, 255, 0.36);
  content: "";
}

.operating-graph div:last-child::after {
  display: none;
}

.operating-graph span {
  color: var(--text);
  font-size: 15px;
  font-weight: 760;
}

.operating-graph small {
  color: var(--soft);
  font-size: 12px;
  line-height: 1.28;
}

.operating-scores {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.operating-scores div {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 10px;
}

.operating-scores span {
  color: var(--teal);
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.operating-scores strong {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.25;
}

.operating-controls div,
.operating-output-list div {
  display: grid;
  gap: 7px;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.operating-output-list div {
  grid-template-columns: minmax(130px, 0.7fr) minmax(0, 1fr);
  align-items: start;
}

.section--evidence {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #030404;
}

.section--answer-ops-room {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 34%),
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(8, 10, 9, 1));
}

.section--answer-ops-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(244, 247, 242, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 247, 242, 0.018) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--answer-ops-room > .container {
  position: relative;
  z-index: 1;
}

.answer-ops-room {
  display: block;
}

.answer-ops-board {
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    radial-gradient(90% 80% at 22% 12%, rgba(48, 220, 178, 0.08), transparent 52%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 44%),
    rgba(7, 9, 8, 0.96);
  box-shadow: 0 38px 120px rgba(0, 0, 0, 0.34);
}

.answer-ops-board__bar {
  display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px 18px;
}

.answer-ops-board__bar > div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.answer-ops-board__bar span,
.answer-ops-question span,
.answer-ops-answer-card span,
.answer-ops-signal-strip span,
.answer-ops-decision > span,
.answer-ops-decision__meta span,
.answer-ops-source-path span,
.answer-ops-decisions span,
.answer-ops-decisions small,
.answer-ops-proof span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.answer-ops-board__bar strong {
  color: var(--text);
  font-size: 18px;
  line-height: 1.12;
}

.answer-ops-scope {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.answer-ops-scope span {
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 999px;
  background: rgba(244, 247, 242, 0.055);
  color: var(--muted);
  padding: 6px 9px;
}

.answer-ops-board__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.46fr);
  gap: 12px;
  padding: 16px;
}

.answer-ops-primary,
.answer-ops-decision,
.answer-ops-source-path div,
.answer-ops-decisions div,
.answer-ops-proof div {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.11);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), transparent 48%),
    rgba(244, 247, 242, 0.035);
}

.answer-ops-primary {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.72fr);
  gap: 12px;
  padding: 14px;
}

.answer-ops-question {
  display: grid;
  align-content: center;
  gap: 12px;
  min-height: 230px;
  border-radius: 8px;
  background:
    radial-gradient(80% 70% at 22% 26%, rgba(255, 255, 255, 0.08), transparent 66%),
    rgba(0, 0, 0, 0.22);
  padding: 20px;
}

.answer-ops-question h3,
.answer-ops-decision h3 {
  color: var(--text);
  font-size: clamp(28px, 3.2vw, 48px);
  line-height: 1.02;
  font-weight: 760;
}

.answer-ops-answer-card {
  display: grid;
  align-content: space-between;
  gap: 16px;
  border: 1px solid rgba(48, 220, 178, 0.22);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(48, 220, 178, 0.12), transparent 60%),
    rgba(48, 220, 178, 0.04);
  padding: 16px;
}

.answer-ops-answer-card p {
  color: var(--text);
  font-size: 22px;
  line-height: 1.24;
}

.answer-ops-engine-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.answer-ops-engine-row span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(244, 247, 242, 0.12);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.18);
  color: var(--muted);
  padding: 5px 8px 5px 5px;
}

.answer-ops-engine-row strong {
  color: var(--muted);
  font-size: 12px;
  line-height: 1;
}

.answer-ops-engine-row [data-engine-state="drift"] {
  border-color: rgba(255, 103, 103, 0.24);
}

.answer-ops-signal-strip {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.answer-ops-signal-strip div,
.answer-ops-decision__meta div {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.18);
  padding: 12px;
}

.answer-ops-signal-strip strong,
.answer-ops-decision__meta strong,
.answer-ops-source-path strong,
.answer-ops-decisions strong,
.answer-ops-proof strong {
  min-width: 0;
  color: var(--text);
  line-height: 1.12;
}

.answer-ops-decision {
  display: grid;
  align-content: space-between;
  gap: 18px;
  padding: 18px;
}

.answer-ops-decision p {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.38;
}

.answer-ops-decision__meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.answer-ops-source-path {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0 16px 16px;
}

.answer-ops-source-path::before {
  position: absolute;
  top: 38px;
  right: 42px;
  left: 42px;
  height: 1px;
  background: linear-gradient(90deg, rgba(48, 220, 178, 0.36), rgba(116, 184, 255, 0.28), rgba(255, 103, 103, 0.32));
  content: "";
}

.answer-ops-source-path div {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 14px;
}

.answer-ops-source-path div::before {
  width: 11px;
  height: 11px;
  border: 2px solid var(--ink);
  border-radius: 50%;
  background: var(--teal);
  content: "";
}

.answer-ops-source-path [data-source-state="watch"]::before {
  background: var(--blue);
}

.answer-ops-source-path [data-source-state="risk"]::before {
  background: var(--red);
}

.answer-ops-source-path meter {
  width: 100%;
}

.answer-ops-source-path p,
.answer-ops-proof p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.answer-ops-lower {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.3fr);
  gap: 12px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding: 16px;
}

.answer-ops-decisions,
.answer-ops-proof {
  display: grid;
  gap: 8px;
}

.answer-ops-decisions div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px auto;
  align-items: center;
  gap: 8px;
  padding: 12px;
}

.answer-ops-decisions small {
  justify-self: end;
  border: 1px solid rgba(244, 247, 242, 0.16);
  border-radius: 999px;
  background: rgba(244, 247, 242, 0.07);
  color: var(--teal);
  padding: 4px 8px;
}

.answer-ops-proof {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.answer-ops-proof div {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 118px;
  padding: 13px;
}

.answer-ops-board__bar span,
.answer-ops-board__bar strong,
.answer-ops-scope span,
.answer-ops-question h3,
.answer-ops-answer-card p,
.answer-ops-decision h3,
.answer-ops-decision p,
.answer-ops-source-path strong,
.answer-ops-source-path p,
.answer-ops-decisions strong,
.answer-ops-proof strong,
.answer-ops-proof p {
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .answer-ops-board__grid,
  .answer-ops-lower {
    grid-template-columns: 1fr;
  }

  .answer-ops-primary {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
  }

  .answer-ops-proof {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .section--answer-ops-room .section__heading h2,
  .section--answer-ops-room .section__heading p:not(.eyebrow) {
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .answer-ops-question h3,
  .answer-ops-decision h3 {
    font-size: 27px;
    line-height: 1.06;
  }

  .answer-ops-board__bar {
    align-items: flex-start;
    flex-direction: column;
  }

  .answer-ops-scope {
    justify-content: flex-start;
  }

  .answer-ops-board__grid,
  .answer-ops-primary,
  .answer-ops-signal-strip,
  .answer-ops-decision__meta,
  .answer-ops-source-path,
  .answer-ops-decisions div,
  .answer-ops-proof {
    grid-template-columns: 1fr;
  }

  .answer-ops-question {
    min-height: 176px;
  }

  .answer-ops-answer-card p {
    font-size: 18px;
  }

  .answer-ops-source-path::before {
    display: none;
  }

  .answer-ops-decisions small {
    justify-self: start;
  }
}

.evidence-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.85fr 0.95fr;
  gap: 12px;
}

.evidence-card {
  display: grid;
  align-content: start;
  gap: 18px;
  min-height: 430px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 36%),
    #0b0e0d;
  padding: 18px;
}

.evidence-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.evidence-card__top span,
.evidence-card__top strong {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.evidence-card__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
}

.evidence-card h3 {
  max-width: 520px;
  color: var(--text);
  font-size: 24px;
  line-height: 1.08;
}

.answer-table,
.source-list,
.action-list {
  display: grid;
  gap: 8px;
}

.answer-table div {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) 92px 82px 112px;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.32);
  padding: 10px 12px;
}

.answer-table strong,
.action-list strong {
  color: var(--text);
  font-size: 13px;
  line-height: 1.2;
}

.answer-table span,
.answer-table small,
.source-list span,
.source-list small,
.action-list span,
.action-list small,
.action-list em {
  color: var(--soft);
  font-size: 12px;
  font-style: normal;
}

.answer-table span[data-sentiment] {
  width: fit-content;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 3px 7px;
}

.answer-table span[data-sentiment="mixed"] {
  background: rgba(255, 255, 255, 0.1);
  color: var(--amber);
}

.answer-table span[data-sentiment="at risk"],
.answer-table span[data-sentiment="missing"] {
  background: rgba(255, 255, 255, 0.1);
  color: var(--red);
}

.source-list div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 12px;
}

.source-list div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.source-list span {
  color: var(--text);
  font-weight: 680;
}

.source-list small {
  width: fit-content;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 999px;
  padding: 3px 8px;
}

.action-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 70px 48px;
  gap: 8px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.28);
  padding: 10px;
}

.action-list em {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(244, 247, 242, 0.08);
  padding-top: 7px;
}

.section--proof-console {
  border-top: 1px solid rgba(244, 247, 242, 0.08);
  border-bottom: 1px solid rgba(244, 247, 242, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 38%),
    #070908;
  color: var(--text);
}

.proof-console {
  display: grid;
  grid-template-columns: 0.48fr minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.proof-console__copy {
  position: sticky;
  top: calc(var(--header) + 68px);
  display: grid;
  gap: 18px;
  padding-top: 8px;
}

.proof-console__copy h2 {
  max-width: 460px;
  font-size: 48px;
  line-height: 0.98;
}

.proof-console__copy p:not(.eyebrow) {
  max-width: 430px;
  color: var(--muted);
  font-size: 18px;
}

.proof-console__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.proof-console__tags span {
  border: 1px solid rgba(244, 247, 242, 0.12);
  border-radius: 999px;
  background: rgba(244, 247, 242, 0.04);
  color: var(--muted);
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 700;
}

.proof-console__panel {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 42%),
    #0b0e0d;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.32);
}

.proof-console__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 50px;
  border-bottom: 1px solid var(--line);
  padding: 0 16px;
}

.proof-console__bar span,
.proof-console__bar strong {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.proof-console__bar strong {
  color: var(--teal);
}

.proof-console__grid {
  display: grid;
  grid-template-columns: 1.08fr 0.88fr;
  gap: 10px;
  padding: 12px;
}

.proof-console__grid article {
  display: grid;
  align-content: start;
  gap: 14px;
  min-height: 292px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.25);
  padding: 14px;
}

.proof-console__main {
  grid-row: span 2;
}

.proof-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.proof-card__top span,
.proof-card__top strong {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.proof-card__top strong {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
}

.proof-timeline,
.freshness-list,
.proof-ledger-list {
  display: grid;
  gap: 8px;
}

.proof-timeline div {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 88px;
  align-items: center;
  gap: 10px;
  min-height: 66px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 10px;
}

.proof-timeline span,
.freshness-list small,
.proof-ledger-list small {
  color: var(--teal);
  font-size: 12px;
  font-weight: 760;
}

.proof-timeline strong,
.freshness-list span,
.proof-ledger-list strong {
  color: var(--text);
  font-size: 13px;
  line-height: 1.2;
}

.proof-timeline small,
.proof-timeline em,
.freshness-list em,
.proof-ledger-list span {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.proof-timeline em {
  grid-column: 2 / -1;
  border-top: 1px solid rgba(244, 247, 242, 0.08);
  padding-top: 6px;
}

.freshness-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px;
  gap: 7px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding-bottom: 10px;
}

.freshness-list div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.freshness-list meter,
.freshness-list em {
  grid-column: 1 / -1;
}

.proof-ledger-list div {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 10px;
}

.section--shopping-shelf {
  border-top: 1px solid rgba(244, 247, 242, 0.08);
  border-bottom: 1px solid rgba(244, 247, 242, 0.08);
  background:
    radial-gradient(circle at 72% 18%, rgba(255, 255, 255, 0.08), transparent 26%),
    linear-gradient(180deg, rgba(244, 247, 242, 0.035), transparent 34%),
    #050706;
  color: var(--text);
}

.shopping-console {
  display: grid;
  grid-template-columns: 1.34fr 0.9fr 0.82fr;
  gap: 12px;
}

.shopping-console article {
  display: grid;
  align-content: start;
  gap: 16px;
  min-height: 390px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 38%),
    #0b0e0d;
  padding: 16px;
}

.shopping-console__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.shopping-console__top span,
.shopping-console__top strong {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.shopping-console__top strong {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 4px 8px;
}

.sku-table,
.retailer-list,
.shopping-signal-list {
  display: grid;
  gap: 8px;
}

.sku-table div {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 88px 94px;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.28);
  padding: 10px;
}

.sku-table span,
.sku-table em,
.retailer-list small,
.retailer-list em,
.shopping-signal-list span,
.shopping-signal-list small {
  color: var(--soft);
  font-size: 12px;
  font-style: normal;
  font-weight: 680;
}

.sku-table strong,
.retailer-list span,
.shopping-signal-list strong {
  color: var(--text);
  font-size: 13px;
  line-height: 1.18;
}

.sku-table small {
  width: fit-content;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 760;
}

.sku-table div[data-inclusion="competing"] small {
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.sku-table div[data-inclusion="missing"] small {
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.08);
  color: var(--red);
}

.sku-table p {
  grid-column: 2 / -1;
  border-top: 1px solid rgba(244, 247, 242, 0.08);
  color: var(--muted);
  margin: 0;
  padding-top: 7px;
  font-size: 12px;
}

.retailer-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 62px;
  gap: 7px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding-bottom: 10px;
}

.retailer-list div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.retailer-list meter,
.retailer-list em {
  grid-column: 1 / -1;
}

.retailer-list small {
  width: fit-content;
  justify-self: end;
  border-radius: 999px;
  color: var(--teal);
}

.retailer-list div[data-retailer-state="mixed"] small {
  color: var(--amber);
}

.retailer-list div[data-retailer-state="risk"] small {
  color: var(--red);
}

.shopping-signal-list div {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.24);
  padding: 10px;
}

.shopping-signal-list span {
  color: var(--blue);
  text-transform: uppercase;
}

.shopping-signal-list small {
  width: fit-content;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 999px;
  padding: 3px 7px;
}

.section--black-friday-index {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--black-friday-index::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--black-friday-index > .container {
  position: relative;
  z-index: 1;
}

.section--black-friday-index .section__heading h2 {
  color: var(--text);
}

.section--black-friday-index .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--black-friday-index .button--line {
  border-color: rgba(244, 247, 242, 0.2);
  color: var(--text);
}

.black-friday-console {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
  gap: 12px;
}

.black-friday-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.black-friday-panel--scope {
  grid-row: span 2;
}

.black-friday-panel--boundaries {
  grid-column: 1 / -1;
}

.black-friday-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.black-friday-panel__top span,
.black-friday-panel__top strong,
.black-friday-scope-list small,
.black-friday-prompt-list span,
.black-friday-prompt-list small,
.black-friday-runbook-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.black-friday-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 4px 8px;
  text-align: right;
}

.black-friday-scope-list,
.black-friday-prompt-list,
.black-friday-runbook-list,
.black-friday-output-list,
.black-friday-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.black-friday-scope-list div,
.black-friday-prompt-list div,
.black-friday-runbook-list div,
.black-friday-output-list div,
.black-friday-boundary-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.black-friday-scope-list div {
  grid-template-columns: minmax(118px, 0.32fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.black-friday-prompt-list div {
  grid-template-columns: minmax(0, 1fr) 96px;
  align-items: center;
  gap: 9px;
}

.black-friday-prompt-list p,
.black-friday-prompt-list small {
  grid-column: 1 / -1;
}

.black-friday-runbook-list div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.black-friday-runbook-list p {
  grid-column: 2 / -1;
}

.black-friday-output-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.black-friday-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.black-friday-scope-list strong,
.black-friday-prompt-list strong,
.black-friday-runbook-list strong,
.black-friday-output-list strong,
.black-friday-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.black-friday-scope-list p,
.black-friday-prompt-list p,
.black-friday-runbook-list p,
.black-friday-output-list p,
.black-friday-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.black-friday-scope-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 3px 6px;
}

.black-friday-prompt-list span {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
  padding: 3px 6px;
}

.black-friday-prompt-list small {
  justify-self: start;
  color: var(--blue);
}

@media (max-width: 1180px) {
  .black-friday-console {
    grid-template-columns: 1fr;
  }

  .black-friday-panel--scope {
    grid-row: auto;
  }

  .black-friday-panel--boundaries {
    grid-column: auto;
  }
}

@media (max-width: 880px) {
  .black-friday-scope-list div {
    grid-template-columns: minmax(118px, 0.34fr) minmax(0, 1fr);
  }

  .black-friday-scope-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .black-friday-output-list,
  .black-friday-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.section--split-cta {
  background: #090b0a;
  color: var(--text);
}

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

.conversion-grid article,
.manifesto-grid article {
  display: grid;
  min-height: 390px;
  align-content: space-between;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0d100f;
  padding: 26px;
}

.conversion-grid h2,
.manifesto-grid h2,
.customer-stories h2 {
  color: var(--text);
  font-size: 34px;
  line-height: 1.06;
}

.conversion-grid p:not(.eyebrow),
.manifesto-grid p:not(.eyebrow),
.customer-stories p {
  color: var(--muted);
}

.agent-tabs {
  display: grid;
  gap: 8px;
  margin: 24px 0;
}

.agent-tabs span {
  border: 1px solid rgba(244, 247, 242, 0.12);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.04);
  color: var(--text);
  padding: 14px;
  font-weight: 720;
}

.manifesto-event {
  background: var(--paper);
  color: var(--paper-ink);
}

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

.manifesto-grid article {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.16);
}

.manifesto-grid h2 {
  color: var(--paper-ink);
}

.manifesto-grid a {
  color: #d4d4d4;
  font-weight: 760;
}

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

.customer-stories article {
  min-height: 280px;
}

.scenario-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 18px;
}

.scenario-mini small {
  border: 1px solid rgba(244, 247, 242, 0.12);
  border-radius: 999px;
  background: rgba(244, 247, 242, 0.04);
  color: var(--muted);
  padding: 5px 7px;
  font-size: 12px;
  font-weight: 680;
}

.customer-proof-story-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.customer-proof-story-card {
  display: grid;
  align-content: start;
  gap: 15px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 42%),
    #0d100f;
  color: var(--text);
  padding: 20px;
}

.customer-proof-story-card__top {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.customer-proof-story-card__top span,
.customer-proof-story-card__top strong,
.customer-proof-story-card__result span,
.customer-proof-story-card__body span,
.customer-proof-story-card__boundary span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.customer-proof-story-card__top strong {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.customer-proof-story-card h2 {
  color: var(--text);
  font-size: 30px;
  line-height: 1.04;
}

.customer-proof-story-card > p,
.customer-proof-story-card__result p,
.customer-proof-story-card__boundary p {
  color: var(--muted);
  line-height: 1.48;
}

.customer-proof-story-card__result {
  display: grid;
  gap: 7px;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 66%),
    rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.customer-proof-story-card__result strong {
  color: var(--text);
  font-size: 18px;
  line-height: 1.12;
}

.customer-proof-story-card__body {
  display: grid;
  gap: 12px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding-top: 13px;
}

.customer-proof-story-card__body div {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.customer-proof-story-card__body small {
  display: grid;
  gap: 4px;
  border-top: 1px solid rgba(244, 247, 242, 0.08);
  color: var(--muted);
  padding-top: 8px;
  font-size: 13px;
  line-height: 1.38;
}

.customer-proof-story-card__body small strong {
  color: var(--text);
  font-size: 13px;
}

.customer-proof-story-card__body small em {
  width: max-content;
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 2px 6px;
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
  text-transform: uppercase;
}

.customer-proof-story-card__boundary {
  display: grid;
  gap: 7px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding-top: 13px;
}

.customer-proof-story-card__boundary span {
  color: var(--amber);
}

.customer-proof-story-card a {
  display: inline-flex;
  margin-top: 2px;
  color: var(--teal);
  font-weight: 720;
}

.page-hero--customers {
  overflow: hidden;
  padding: 86px 0 58px;
}

.customer-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(380px, 0.7fr);
  align-items: center;
  gap: 28px;
}

.customer-hero-copy {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.customer-hero-console {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
}

.customer-hero-console__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.customer-hero-console__top span,
.customer-hero-console__top strong,
.customer-hero-proof-list span,
.customer-hero-boundary span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.customer-hero-console__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.customer-hero-proof-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.customer-hero-proof-list div {
  display: grid;
  grid-template-columns: 82px minmax(128px, 0.42fr) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.customer-hero-proof-list strong,
.customer-hero-boundary strong {
  color: var(--text);
  line-height: 1.16;
}

.customer-hero-proof-list p,
.customer-hero-boundary p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.customer-hero-proof-list [data-customer-hero="sample"] span {
  color: var(--amber);
}

.customer-hero-proof-list [data-customer-hero="pilot"] span,
.customer-hero-proof-list [data-customer-hero="publish"] span {
  color: var(--teal);
}

.customer-hero-proof-list [data-customer-hero="review"] span {
  color: var(--blue);
}

.customer-hero-boundary {
  display: grid;
  gap: 7px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.09), transparent 72%),
    rgba(244, 247, 242, 0.025);
}

@media (max-width: 1040px) {
  .customer-hero-grid {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .customer-hero-console {
    max-width: 720px;
  }
}

@media (max-width: 640px) {
  .page-hero--customers {
    padding: 64px 0 44px;
  }

  .customer-hero-grid {
    gap: 20px;
  }

  .customer-hero-console__top {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .customer-hero-proof-list div {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

.section--customer-proof-system {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(12, 15, 14, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--customer-proof-system::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 247, 242, 0.018) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 86%);
  pointer-events: none;
}

.section--customer-proof-system > .container {
  position: relative;
  z-index: 1;
}

.section--customer-proof-system .section__heading h2 {
  color: var(--text);
}

.section--customer-proof-system .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--customer-proof-system .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  color: var(--text);
}

.customer-proof-console {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 12px;
}

.customer-proof-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 46%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.customer-proof-panel--ladder,
.customer-proof-panel--boundaries {
  grid-column: 1 / -1;
}

.customer-proof-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.customer-proof-panel__top span,
.customer-proof-panel__top strong,
.customer-proof-status-list small,
.customer-evidence-packet span,
.customer-proof-ladder span,
.customer-proof-ladder small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.customer-proof-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.customer-proof-status-list,
.customer-evidence-packet,
.customer-proof-ladder,
.customer-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.customer-proof-status-list div,
.customer-evidence-packet div,
.customer-proof-ladder div,
.customer-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.customer-proof-status-list div {
  grid-template-columns: minmax(142px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.customer-evidence-packet div {
  grid-template-columns: 58px minmax(124px, 0.3fr) minmax(0, 1fr);
  gap: 10px;
}

.customer-proof-ladder,
.customer-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.customer-proof-ladder div {
  align-content: start;
  gap: 7px;
}

.customer-boundary-list div {
  align-content: start;
  gap: 8px;
}

.customer-proof-status-list strong,
.customer-evidence-packet strong,
.customer-proof-ladder strong,
.customer-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.customer-proof-status-list p,
.customer-evidence-packet p,
.customer-proof-ladder p,
.customer-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.customer-proof-status-list small,
.customer-proof-ladder small {
  width: max-content;
  max-width: 100%;
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 3px 6px;
}

.customer-proof-status-list [data-proof-status="live"] small {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
}

.customer-proof-status-list [data-proof-status="pilot"] small {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.customer-proof-status-list [data-proof-status="gated"] small {
  border-color: rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.customer-proof-status-list [data-proof-status="review"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.customer-evidence-packet span,
.customer-proof-ladder span {
  color: var(--blue);
}

.index-band {
  background: #10130f;
  color: var(--text);
  padding: 76px 0;
}

.index-band__inner {
  display: grid;
  grid-template-columns: 0.78fr 1fr;
  gap: 36px;
  align-items: center;
}

.leaderboard {
  display: grid;
  gap: 10px;
}

.leaderboard div {
  display: grid;
  grid-template-columns: 34px 1fr 170px;
  align-items: center;
  gap: 14px;
  min-height: 54px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0a0c0b;
  padding: 10px 14px;
}

.leaderboard span {
  color: var(--soft);
  font-size: 13px;
}

meter {
  width: 100%;
  height: 10px;
}

meter::-webkit-meter-bar {
  border: 0;
  border-radius: 6px;
  background: #222824;
}

meter::-webkit-meter-optimum-value {
  border-radius: 6px;
  background: linear-gradient(90deg, var(--teal), var(--amber));
}

.page-hero--index-product {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1));
  padding: 86px 0 58px;
}

.page-hero--index-product::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.021) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.82), transparent 90%);
  pointer-events: none;
}

.page-hero--index-product > .container {
  position: relative;
  z-index: 1;
}

.index-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(430px, 0.76fr);
  align-items: center;
  gap: 28px;
}

.index-hero-copy {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.index-hero-state-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.index-hero-state-strip span {
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 999px;
  background: rgba(244, 247, 242, 0.05);
  color: var(--soft);
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.index-hero-console {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
}

.index-hero-console__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.index-hero-console__top span,
.index-hero-console__top strong,
.index-hero-scope span,
.index-hero-leaderboard span,
.index-hero-leaderboard small,
.index-hero-proof span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.index-hero-console__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.index-hero-scope {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.index-hero-scope div {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.index-hero-scope strong,
.index-hero-leaderboard strong,
.index-hero-proof strong {
  color: var(--text);
  line-height: 1.16;
}

.index-hero-leaderboard {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.index-hero-leaderboard div {
  display: grid;
  grid-template-columns: 34px minmax(130px, 0.72fr) minmax(110px, 0.46fr) 44px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.index-hero-leaderboard small {
  color: var(--teal);
  font-size: 14px;
}

.index-hero-leaderboard p {
  grid-column: 2 / -1;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.36;
  overflow-wrap: normal;
  word-break: normal;
}

.index-hero-leaderboard [data-index-state="drift"] small {
  color: var(--amber);
}

.index-hero-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.index-hero-proof div {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.index-hero-proof strong {
  font-size: 13px;
  line-height: 1.38;
}

.index-hero-console__top span,
.index-hero-console__top strong,
.index-hero-scope span,
.index-hero-scope strong,
.index-hero-leaderboard span,
.index-hero-leaderboard strong,
.index-hero-leaderboard small,
.index-hero-leaderboard p,
.index-hero-proof span,
.index-hero-proof strong {
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
  .index-hero-grid {
    grid-template-columns: 1fr;
  }

  .index-hero-copy {
    max-width: 820px;
  }
}

@media (max-width: 680px) {
  .page-hero--index-product {
    padding: 64px 0 48px;
  }

  .index-hero-scope,
  .index-hero-proof {
    grid-template-columns: 1fr;
  }

  .index-hero-leaderboard div {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .index-hero-leaderboard p {
    grid-column: auto;
  }

  .index-hero-leaderboard meter {
    width: 100%;
  }
}

.section--index-lab {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #030404;
  color: var(--text);
}

.index-lab-grid {
  display: grid;
  grid-template-columns: 1.16fr 0.92fr 0.92fr;
  gap: 12px;
}

.index-lab-card {
  display: grid;
  align-content: start;
  gap: 18px;
  min-height: 460px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(244, 247, 242, 0.035), transparent 38%),
    #0b0e0d;
  padding: 18px;
}

.index-lab-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.index-lab-card__top span,
.index-lab-card__top strong {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.index-lab-card__top strong {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
}

.index-lab-card h3 {
  color: var(--text);
  font-size: 25px;
  line-height: 1.08;
}

.index-cluster-table,
.engine-score-list,
.source-opportunity-list {
  display: grid;
  gap: 8px;
}

.index-cluster-table div {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) 92px 62px 108px;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.3);
  padding: 10px 12px;
}

.engine-score-list div,
.source-opportunity-list div {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.28);
  padding: 12px;
}

.index-cluster-table strong,
.engine-score-list strong,
.source-opportunity-list strong {
  color: var(--text);
  font-size: 13px;
  line-height: 1.2;
}

.index-cluster-table span,
.index-cluster-table small,
.index-cluster-table em,
.engine-score-list span,
.engine-score-list small,
.engine-score-list em,
.source-opportunity-list span,
.source-opportunity-list p {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.index-cluster-table small,
.engine-score-list span,
.source-opportunity-list span {
  color: var(--teal);
  font-weight: 760;
}

.page-hero--reports {
  overflow: hidden;
  padding: 86px 0 58px;
}

.reports-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(520px, 0.94fr);
  align-items: start;
  gap: 30px;
}

.reports-hero-copy {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.reports-hero-copy > p:not(.eyebrow) {
  margin-top: 0;
}

.reports-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}

.reports-hero-console {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
}

.reports-hero-console__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.reports-hero-console__top span,
.reports-hero-console__top strong,
.reports-hero-sheet__top span,
.reports-hero-sheet__top strong,
.reports-hero-steps span,
.reports-hero-readout span,
.reports-hero-boundary span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.reports-hero-console__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.reports-hero-body {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(220px, 0.62fr);
  gap: 10px;
  min-width: 0;
  padding: 14px;
}

.reports-hero-sheet {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  min-height: 320px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(244, 247, 242, 0.07), rgba(244, 247, 242, 0.02)),
    rgba(244, 247, 242, 0.035);
  padding: 14px;
}

.reports-hero-sheet__top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding-bottom: 12px;
}

.reports-hero-sheet__top strong {
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  color: var(--amber);
  padding: 4px 8px;
  text-align: right;
}

.reports-hero-signal-list {
  display: grid;
  gap: 8px;
}

.reports-hero-signal-list div {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(244, 247, 242, 0.08);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.24);
  padding: 11px;
}

.reports-hero-signal-list strong,
.reports-hero-steps strong,
.reports-hero-readout strong,
.reports-hero-boundary strong {
  color: var(--text);
  line-height: 1.16;
}

.page-hero--reports .reports-hero-signal-list p,
.page-hero--reports .reports-hero-steps p,
.page-hero--reports .reports-hero-boundary p {
  max-width: none;
  margin-top: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.reports-hero-readout {
  display: grid;
  gap: 8px;
  margin-top: auto;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding-top: 12px;
}

.reports-hero-readout span {
  color: var(--teal);
}

.reports-hero-steps {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.reports-hero-steps div {
  display: grid;
  gap: 5px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.reports-hero-steps [data-report-hero="scope"] span {
  color: var(--amber);
}

.reports-hero-steps [data-report-hero="capture"] span,
.reports-hero-steps [data-report-hero="operate"] span {
  color: var(--teal);
}

.reports-hero-steps [data-report-hero="interpret"] span {
  color: var(--blue);
}

.reports-hero-boundary {
  display: grid;
  gap: 7px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.09), transparent 72%),
    rgba(244, 247, 242, 0.025);
}

@media (max-width: 1040px) {
  .reports-hero-grid {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .reports-hero-console {
    max-width: 760px;
  }
}

@media (max-width: 640px) {
  .page-hero--reports {
    padding: 64px 0 44px;
  }

  .reports-hero-grid {
    gap: 20px;
  }

  .reports-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .reports-hero-actions .button {
    width: 100%;
  }

  .reports-hero-console__top,
  .reports-hero-sheet__top {
    min-height: 0;
    align-items: flex-start;
    grid-template-columns: 1fr;
  }

  .reports-hero-console__top {
    flex-direction: column;
    padding: 12px;
  }

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

  .reports-hero-sheet {
    min-height: 0;
  }
}

.report-artifact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.report-artifact-card {
  display: grid;
  align-content: start;
  gap: 16px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    #0d100f;
  color: var(--text);
  padding: 20px;
}

.report-artifact-card__top {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.report-artifact-card__top span,
.report-artifact-card__top strong,
.report-artifact-card__body span,
.report-artifact-card__boundary span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.report-artifact-card__top strong {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.report-artifact-card h2 {
  font-size: 28px;
  line-height: 1.04;
}

.report-artifact-card > p,
.report-artifact-card__boundary p {
  color: var(--muted);
  line-height: 1.48;
}

.report-artifact-card__body {
  display: grid;
  gap: 14px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding-top: 14px;
}

.report-artifact-card__body div {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.report-artifact-card__body small {
  display: grid;
  gap: 4px;
  border-top: 1px solid rgba(244, 247, 242, 0.08);
  color: var(--muted);
  padding-top: 8px;
  font-size: 13px;
  line-height: 1.38;
}

.report-artifact-card__body small strong {
  color: var(--text);
  font-size: 13px;
}

.report-artifact-card__boundary {
  display: grid;
  gap: 7px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding-top: 14px;
}

.report-artifact-card__boundary span {
  color: var(--amber);
}

.report-artifact-card a {
  display: inline-flex;
  margin-top: 2px;
  color: var(--teal);
  font-weight: 720;
}

.artifact-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.artifact-preview-card {
  display: grid;
  align-content: start;
  gap: 15px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 42%),
    #0d100f;
  color: var(--text);
  padding: 20px;
}

.artifact-preview-card__top {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.artifact-preview-card__top span,
.artifact-preview-card__top strong,
.artifact-preview-card__body span,
.artifact-preview-card__boundary span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.artifact-preview-card__top strong {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 4px 8px;
  text-align: right;
}

.artifact-preview-card h2 {
  color: var(--text);
  font-size: 26px;
  line-height: 1.05;
}

.artifact-preview-card > p,
.artifact-preview-card__boundary p {
  color: var(--muted);
  line-height: 1.48;
}

.artifact-preview-card__body {
  display: grid;
  gap: 12px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding-top: 13px;
}

.artifact-preview-card__body div {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.artifact-preview-card__body small {
  display: grid;
  gap: 4px;
  border-top: 1px solid rgba(244, 247, 242, 0.08);
  color: var(--muted);
  padding-top: 8px;
  font-size: 13px;
  line-height: 1.38;
}

.artifact-preview-card__body small strong {
  color: var(--text);
  font-size: 13px;
}

.artifact-preview-card__boundary {
  display: grid;
  gap: 7px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding-top: 13px;
}

.artifact-preview-card__boundary span {
  color: var(--amber);
}

.artifact-preview-card a {
  display: inline-flex;
  margin-top: 2px;
  color: var(--teal);
  font-weight: 720;
}

.page-hero--report-artifact,
.page-hero--comparison-artifact,
.page-hero--field-artifact {
  overflow: hidden;
  padding: 86px 0 58px;
}

.report-detail-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(520px, 0.92fr);
  align-items: start;
  gap: 30px;
}

.report-detail-hero-copy {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.report-detail-hero-copy > p:not(.eyebrow) {
  margin-top: 0;
}

.report-detail-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}

.report-detail-hero-console {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
}

.report-detail-hero-console__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.report-detail-hero-console__top span,
.report-detail-hero-console__top strong,
.report-detail-hero-state span,
.report-detail-hero-workflow span,
.report-detail-hero-boundary span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.report-detail-hero-console__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.report-detail-hero-state {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 14px;
}

.report-detail-hero-state div {
  display: grid;
  gap: 8px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.report-detail-hero-state strong,
.report-detail-hero-workflow strong,
.report-detail-hero-boundary strong {
  color: var(--text);
  line-height: 1.16;
}

.report-detail-hero-workflow {
  display: grid;
  gap: 8px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.report-detail-hero-workflow div {
  display: grid;
  grid-template-columns: 42px minmax(118px, 0.34fr) minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.page-hero--report-artifact .report-detail-hero-workflow p,
.page-hero--report-artifact .report-detail-hero-boundary p,
.page-hero--comparison-artifact .report-detail-hero-workflow p,
.page-hero--comparison-artifact .report-detail-hero-boundary p,
.page-hero--field-artifact .report-detail-hero-workflow p,
.page-hero--field-artifact .report-detail-hero-boundary p {
  max-width: none;
  margin-top: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.report-detail-hero-workflow span {
  color: var(--blue);
}

.report-detail-hero-boundary {
  display: grid;
  gap: 7px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.09), transparent 72%),
    rgba(244, 247, 242, 0.025);
}

.report-detail-hero-boundary span {
  color: var(--amber);
}

.section--report-packet-room {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--report-packet-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
  z-index: 0;
}

.section--report-packet-room > .container {
  position: relative;
  z-index: 1;
}

.section--report-packet-room .section__heading h2 {
  color: var(--text);
}

.section--report-packet-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--report-packet-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  color: var(--text);
}

.report-packet-console {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
  gap: 12px;
}

.report-packet-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 46%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.report-packet-panel--method {
  grid-row: span 2;
}

.report-packet-panel--workflow,
.report-packet-panel--boundaries {
  grid-column: 1 / -1;
}

.report-packet-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.report-packet-panel__top span,
.report-packet-panel__top strong,
.report-packet-workflow span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.report-packet-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.report-packet-signal-list,
.report-packet-output-list,
.report-packet-workflow,
.report-packet-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.report-packet-signal-list div,
.report-packet-output-list div,
.report-packet-workflow div,
.report-packet-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.report-packet-output-list,
.report-packet-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.report-packet-workflow div {
  grid-template-columns: 42px minmax(132px, 0.28fr) minmax(0, 1fr);
  gap: 10px;
}

.report-packet-signal-list strong,
.report-packet-output-list strong,
.report-packet-workflow strong,
.report-packet-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.report-packet-signal-list p,
.report-packet-output-list p,
.report-packet-workflow p,
.report-packet-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.report-packet-workflow span {
  color: var(--blue);
}

@media (max-width: 1180px) {
  .report-artifact-grid,
  .artifact-preview-grid {
    grid-template-columns: 1fr;
  }

  .report-detail-hero-grid,
  .report-packet-console {
    grid-template-columns: 1fr;
  }

  .report-detail-hero-console {
    max-width: 760px;
  }

  .report-packet-panel--method {
    grid-row: auto;
  }

  .report-packet-panel--workflow,
  .report-packet-panel--boundaries {
    grid-column: auto;
  }
}

@media (max-width: 880px) {
  .report-detail-hero-state,
  .report-packet-output-list,
  .report-packet-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .report-detail-hero-workflow div,
  .report-packet-workflow div {
    grid-template-columns: 42px minmax(132px, 0.34fr) minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .page-hero--report-artifact,
  .page-hero--comparison-artifact,
  .page-hero--field-artifact {
    padding: 64px 0 44px;
  }

  .report-detail-hero-grid {
    gap: 20px;
  }

  .report-detail-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .report-detail-hero-actions .button {
    width: 100%;
  }

  .report-detail-hero-console__top,
  .report-packet-panel__top {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .report-artifact-card,
  .artifact-preview-card,
  .report-detail-hero-console,
  .report-detail-hero-state div,
  .report-detail-hero-workflow div,
  .report-packet-console,
  .report-packet-panel,
  .report-packet-signal-list div,
  .report-packet-output-list,
  .report-packet-output-list div,
  .report-packet-workflow div,
  .report-packet-boundary-list,
  .report-packet-boundary-list div {
    min-width: 0;
  }

  .report-artifact-card__top,
  .artifact-preview-card__top,
  .report-detail-hero-state,
  .report-detail-hero-workflow div,
  .report-packet-output-list,
  .report-packet-workflow div,
  .report-packet-boundary-list {
    grid-template-columns: 1fr;
  }

  .report-artifact-card__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .artifact-preview-card__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .report-artifact-card h2,
  .artifact-preview-card h2,
  .section--report-packet-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .report-artifact-card__top strong,
  .artifact-preview-card__top strong,
  .report-detail-hero-console__top strong,
  .report-packet-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .report-artifact-card__top span,
  .report-artifact-card__top strong,
  .report-artifact-card h2,
  .report-artifact-card p,
  .report-artifact-card small,
  .artifact-preview-card__top span,
  .artifact-preview-card__top strong,
  .artifact-preview-card h2,
  .artifact-preview-card p,
  .artifact-preview-card small,
  .report-detail-hero-state strong,
  .report-detail-hero-workflow strong,
  .report-detail-hero-workflow p,
  .report-detail-hero-boundary strong,
  .report-detail-hero-boundary p,
  .section--report-packet-room .section__heading p:not(.eyebrow),
  .report-packet-panel__top span,
  .report-packet-panel__top strong,
  .report-packet-signal-list strong,
  .report-packet-signal-list p,
  .report-packet-output-list strong,
  .report-packet-output-list p,
  .report-packet-workflow span,
  .report-packet-workflow strong,
  .report-packet-workflow p,
  .report-packet-boundary-list strong,
  .report-packet-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

.section--report-workflow {
  background: var(--paper);
  color: var(--paper-ink);
}

.report-workflow {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 18px;
  align-items: start;
}

.report-workflow > div:first-child {
  position: sticky;
  top: calc(var(--header) + 68px);
  display: grid;
  gap: 14px;
}

.report-workflow h2 {
  font-size: 46px;
  line-height: 1.02;
}

.report-workflow > div:first-child p:not(.eyebrow) {
  color: #adadad;
  font-size: 18px;
}

.report-workflow__steps {
  display: grid;
  gap: 10px;
}

.report-workflow__steps article {
  display: grid;
  grid-template-columns: 54px minmax(0, 0.38fr) minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-height: 96px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 16px;
}

.report-workflow__steps span {
  display: inline-grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  color: #68716b;
  font-size: 12px;
  font-weight: 760;
}

.report-workflow__steps h3 {
  font-size: 24px;
  line-height: 1.05;
}

.report-workflow__steps p {
  color: #adadad;
}

.section--research-methodology {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 124px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--research-methodology::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.74), transparent 86%);
  pointer-events: none;
}

.section--research-methodology > .container {
  position: relative;
  z-index: 1;
}

.section--research-methodology .section__heading h2 {
  color: var(--text);
}

.section--research-methodology .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--research-methodology .button--line {
  background: rgba(244, 247, 242, 0.04);
}

.research-methodology-console {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
  gap: 12px;
}

.research-protocol-panel,
.research-score-panel,
.research-gates-panel,
.research-artifacts-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.24);
}

.research-protocol-panel {
  grid-row: span 2;
}

.research-artifacts-panel {
  grid-column: 1 / -1;
}

.research-panel__top {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.research-panel__top span,
.research-panel__top strong {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.research-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 4px 8px;
  white-space: nowrap;
}

.research-protocol-table,
.research-score-grid,
.research-gate-list,
.research-artifact-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.research-protocol-table div,
.research-score-grid div,
.research-gate-list div,
.research-artifact-list div {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.research-protocol-table div {
  display: grid;
  grid-template-columns: 34px minmax(0, 0.52fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 78px;
}

.research-protocol-table span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.09);
  color: var(--blue);
  font-size: 12px;
  font-weight: 760;
}

.research-protocol-table strong,
.research-score-grid strong,
.research-gate-list strong,
.research-artifact-list strong {
  color: var(--text);
  font-size: 14px;
  line-height: 1.22;
}

.research-protocol-table p,
.research-score-grid p,
.research-gate-list p,
.research-artifact-list p {
  color: var(--soft);
  font-size: 12px;
  line-height: 1.38;
}

.research-protocol-table small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
  padding: 3px 6px;
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.research-score-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.research-artifact-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.section--research-evidence-room {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(13, 16, 15, 0.99)),
    #030404;
  color: var(--text);
}

.section--research-evidence-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.78) 16%, transparent 92%);
  pointer-events: none;
}

.section--research-evidence-room > .container {
  position: relative;
  z-index: 1;
}

.section--research-evidence-room .section__heading h2 {
  color: var(--text);
}

.section--research-evidence-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--research-evidence-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  background: rgba(244, 247, 242, 0.04);
  color: var(--text);
}

.research-evidence-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.research-evidence-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.research-evidence-panel--packets {
  grid-row: span 2;
}

.research-evidence-panel--reviewers,
.research-evidence-panel--boundaries {
  grid-column: 1 / -1;
}

.research-evidence-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.research-evidence-panel__top span,
.research-evidence-panel__top strong,
.research-evidence-list small,
.research-readout-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.research-evidence-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 4px 8px;
  text-align: right;
}

.research-evidence-list,
.research-calibration-list,
.research-readout-list,
.research-reviewer-list,
.research-evidence-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.research-evidence-list div,
.research-calibration-list div,
.research-readout-list div,
.research-reviewer-list div,
.research-evidence-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.research-evidence-list div {
  grid-template-columns: minmax(138px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.research-calibration-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.research-readout-list div {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}

.research-readout-list p {
  grid-column: 2 / -1;
}

.research-reviewer-list,
.research-evidence-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.research-evidence-list strong,
.research-calibration-list strong,
.research-readout-list strong,
.research-reviewer-list strong,
.research-evidence-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.research-evidence-list p,
.research-calibration-list p,
.research-readout-list p,
.research-reviewer-list p,
.research-evidence-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.research-evidence-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.research-evidence-list [data-research-evidence="evidence"] small,
.research-evidence-list [data-research-evidence="trace"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
}

.research-evidence-list [data-research-evidence="caveat"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.research-readout-list span {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

@media (max-width: 1180px) {
  .research-evidence-console {
    grid-template-columns: 1fr;
  }

  .research-evidence-panel--packets,
  .research-evidence-panel--reviewers,
  .research-evidence-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .research-evidence-list div {
    grid-template-columns: minmax(122px, 0.36fr) minmax(0, 1fr);
  }

  .research-evidence-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .research-calibration-list,
  .research-reviewer-list,
  .research-evidence-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--research-evidence-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--research-evidence-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .research-evidence-console,
  .research-evidence-panel,
  .research-evidence-list div,
  .research-calibration-list,
  .research-calibration-list div,
  .research-readout-list div,
  .research-reviewer-list,
  .research-reviewer-list div,
  .research-evidence-boundary-list,
  .research-evidence-boundary-list div {
    min-width: 0;
  }

  .research-evidence-list div,
  .research-calibration-list,
  .research-readout-list div,
  .research-reviewer-list,
  .research-evidence-boundary-list {
    grid-template-columns: 1fr;
  }

  .research-evidence-list small,
  .research-readout-list p {
    grid-column: auto;
  }

  .research-evidence-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .research-evidence-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--research-evidence-room .section__heading p:not(.eyebrow),
  .research-evidence-panel__top span,
  .research-evidence-panel__top strong,
  .research-evidence-list strong,
  .research-evidence-list p,
  .research-evidence-list small,
  .research-calibration-list strong,
  .research-calibration-list p,
  .research-readout-list span,
  .research-readout-list strong,
  .research-readout-list p,
  .research-reviewer-list strong,
  .research-reviewer-list p,
  .research-evidence-boundary-list strong,
  .research-evidence-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

.research-evidence-list small {
  justify-self: start;
  width: max-content;
  max-width: 100%;
}
}

.page-hero--engineering-product {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1));
  padding: 86px 0 58px;
}

.page-hero--engineering-product::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(244, 247, 242, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 247, 242, 0.018) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.82), transparent 90%);
  pointer-events: none;
}

.page-hero--engineering-product > .container {
  position: relative;
  z-index: 1;
}

.engineering-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(520px, 0.98fr);
  align-items: center;
  gap: 28px;
}

.engineering-hero-copy {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.engineering-hero-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.engineering-hero-card-grid div {
  display: grid;
  min-width: 0;
  min-height: 118px;
  align-content: space-between;
  gap: 10px;
  border: 1px solid rgba(244, 247, 242, 0.12);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.045);
  padding: 12px;
}

.engineering-hero-card-grid .ui-icon {
  color: var(--teal);
}

.engineering-hero-card-grid span,
.engineering-hero-console__top span,
.engineering-hero-console__top strong,
.engineering-hero-layer-list small,
.engineering-hero-object-grid span,
.engineering-hero-boundary span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.engineering-hero-card-grid strong,
.engineering-hero-layer-list strong,
.engineering-hero-object-grid strong,
.engineering-hero-boundary strong {
  color: var(--text);
  line-height: 1.16;
}

.engineering-hero-console {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
}

.engineering-hero-console__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.engineering-hero-console__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.engineering-hero-layer-list,
.engineering-hero-object-grid {
  display: grid;
  gap: 8px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.engineering-hero-layer-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.engineering-hero-layer-list div,
.engineering-hero-object-grid div,
.engineering-hero-boundary {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.engineering-hero-layer-list div {
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 7px 10px;
}

.engineering-hero-layer-list .ui-icon,
.engineering-hero-object-grid .ui-icon,
.engineering-hero-boundary .ui-icon {
  color: var(--blue);
}

.engineering-hero-layer-list p {
  grid-column: 2 / -1;
  margin-top: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.34;
}

.engineering-hero-layer-list small {
  grid-column: 2 / -1;
  justify-self: end;
  width: max-content;
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
  padding: 3px 6px;
  white-space: nowrap;
}

.engineering-hero-object-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.engineering-hero-object-grid div {
  gap: 8px;
}

.engineering-hero-object-grid strong {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.34;
}

.engineering-hero-boundary {
  grid-template-columns: 28px minmax(0, 0.22fr) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 14px;
}

.engineering-hero-console__top span,
.engineering-hero-console__top strong,
.engineering-hero-card-grid span,
.engineering-hero-card-grid strong,
.engineering-hero-layer-list strong,
.engineering-hero-layer-list p,
.engineering-hero-layer-list small,
.engineering-hero-object-grid span,
.engineering-hero-object-grid strong,
.engineering-hero-boundary span,
.engineering-hero-boundary strong {
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 1120px) {
  .engineering-hero-grid {
    grid-template-columns: 1fr;
  }

  .engineering-hero-copy {
    max-width: 820px;
  }
}

@media (max-width: 760px) {
  .page-hero--engineering-product {
    padding: 64px 0 48px;
  }

  .engineering-hero-card-grid,
  .engineering-hero-layer-list,
  .engineering-hero-object-grid,
  .engineering-hero-boundary {
    grid-template-columns: 1fr;
  }

  .engineering-hero-card-grid div {
    min-height: 92px;
  }

  .engineering-hero-layer-list div {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .engineering-hero-layer-list small {
    justify-self: start;
  }

  .engineering-hero-console__top {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px 14px;
  }

  .engineering-hero-console__top strong {
    align-self: flex-start;
    text-align: left;
  }
}

.section--engineering-proof-room {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(11, 14, 13, 0.99)),
    #030404;
  color: var(--text);
}

.section--engineering-proof-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8) 14%, transparent 92%);
  pointer-events: none;
}

.section--engineering-proof-room > .container {
  position: relative;
  z-index: 1;
}

.section--engineering-proof-room .section__heading h2 {
  color: var(--text);
}

.section--engineering-proof-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--engineering-proof-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  background: rgba(244, 247, 242, 0.04);
  color: var(--text);
}

.engineering-proof-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.engineering-proof-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.engineering-proof-panel--stack {
  grid-row: span 2;
}

.engineering-proof-panel--reviewers,
.engineering-proof-panel--boundaries {
  grid-column: 1 / -1;
}

.engineering-proof-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.engineering-proof-panel__top span,
.engineering-proof-panel__top strong,
.engineering-stack-list small,
.engineering-validation-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.engineering-proof-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.engineering-stack-list,
.engineering-primitive-list,
.engineering-validation-list,
.engineering-reviewer-list,
.engineering-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.engineering-stack-list div,
.engineering-primitive-list div,
.engineering-validation-list div,
.engineering-reviewer-list div,
.engineering-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.engineering-stack-list div {
  grid-template-columns: 28px minmax(118px, 0.3fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.engineering-primitive-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.engineering-primitive-list div,
.engineering-reviewer-list div,
.engineering-boundary-list div {
  align-content: start;
  gap: 9px;
}

.engineering-stack-list .ui-icon,
.engineering-primitive-list .ui-icon,
.engineering-validation-list .ui-icon,
.engineering-reviewer-list .ui-icon,
.engineering-boundary-list .ui-icon {
  color: var(--blue);
}

.engineering-validation-list div {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
}

.engineering-validation-list p {
  grid-column: 2 / -1;
}

.engineering-reviewer-list,
.engineering-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.engineering-stack-list strong,
.engineering-primitive-list strong,
.engineering-validation-list strong,
.engineering-reviewer-list strong,
.engineering-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.engineering-stack-list p,
.engineering-primitive-list p,
.engineering-validation-list p,
.engineering-reviewer-list p,
.engineering-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.engineering-stack-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
  font-size: 11px;
}

.engineering-stack-list [data-engineering-state="live"] small,
.engineering-stack-list [data-engineering-state="edge-ready"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.engineering-stack-list [data-engineering-state="planned"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.engineering-stack-list [data-engineering-state="app boundary"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.engineering-validation-list span {
  display: grid;
  width: 38px;
  min-height: 38px;
  place-items: center;
  gap: 2px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.engineering-validation-list span .ui-icon {
  width: 15px;
  height: 15px;
}

.engineering-validation-list span small {
  color: var(--blue);
  font-size: 9px;
  font-weight: 760;
  line-height: 1;
}

@media (max-width: 1180px) {
  .engineering-proof-console {
    grid-template-columns: 1fr;
  }

  .engineering-proof-panel--stack,
  .engineering-proof-panel--reviewers,
  .engineering-proof-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .engineering-stack-list div {
    grid-template-columns: 28px minmax(122px, 0.36fr) minmax(0, 1fr);
  }

  .engineering-stack-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .engineering-primitive-list,
  .engineering-reviewer-list,
  .engineering-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--engineering-proof-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--engineering-proof-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .engineering-proof-console,
  .engineering-proof-panel,
  .engineering-stack-list div,
  .engineering-primitive-list,
  .engineering-primitive-list div,
  .engineering-validation-list div,
  .engineering-reviewer-list,
  .engineering-reviewer-list div,
  .engineering-boundary-list,
  .engineering-boundary-list div {
    min-width: 0;
  }

  .engineering-stack-list div,
  .engineering-primitive-list,
  .engineering-validation-list div,
  .engineering-reviewer-list,
  .engineering-boundary-list {
    grid-template-columns: 1fr;
  }

  .engineering-stack-list small,
  .engineering-validation-list p {
    grid-column: auto;
  }

  .engineering-validation-list span {
    width: max-content;
    min-height: 0;
    grid-template-columns: auto auto;
    padding: 6px 8px;
  }

  .engineering-proof-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .engineering-proof-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--engineering-proof-room .section__heading p:not(.eyebrow),
  .engineering-proof-panel__top span,
  .engineering-proof-panel__top strong,
  .engineering-stack-list strong,
  .engineering-stack-list p,
  .engineering-stack-list small,
  .engineering-primitive-list strong,
  .engineering-primitive-list p,
  .engineering-validation-list span,
  .engineering-validation-list strong,
  .engineering-validation-list p,
  .engineering-reviewer-list strong,
  .engineering-reviewer-list p,
  .engineering-boundary-list strong,
  .engineering-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .engineering-stack-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--library-system {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--library-system::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--library-system > .container {
  position: relative;
  z-index: 1;
}

.section--library-system .section__heading h2 {
  color: var(--text);
}

.section--library-system .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--library-system .button--line {
  border-color: rgba(244, 247, 242, 0.2);
  color: var(--text);
}

.library-system-console {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  gap: 12px;
}

.library-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.library-panel--pipeline {
  grid-row: span 2;
}

.library-panel--boundaries {
  grid-column: 1 / -1;
}

.library-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.library-panel__top span,
.library-panel__top strong,
.library-pipeline-list span,
.library-artifact-list small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.library-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 4px 8px;
  text-align: right;
}

.library-pipeline-list,
.library-artifact-list,
.library-signal-list,
.library-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.library-pipeline-list div,
.library-artifact-list div,
.library-signal-list div,
.library-boundary-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.library-pipeline-list div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.library-pipeline-list p {
  grid-column: 2 / -1;
}

.library-artifact-list div {
  grid-template-columns: minmax(112px, 0.36fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.library-signal-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.library-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.library-pipeline-list strong,
.library-artifact-list strong,
.library-signal-list strong,
.library-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.library-pipeline-list p,
.library-artifact-list p,
.library-signal-list p,
.library-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.library-artifact-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
  padding: 3px 6px;
}

.library-artifact-list [data-library-state="blog"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.library-artifact-list [data-library-state="report"] small,
.library-artifact-list [data-library-state="session"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.section--resource-evidence-room {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(13, 16, 15, 0.99)),
    #030404;
  color: var(--text);
}

.section--resource-evidence-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8) 14%, transparent 92%);
  pointer-events: none;
}

.section--resource-evidence-room > .container {
  position: relative;
  z-index: 1;
}

.section--resource-evidence-room .section__heading h2 {
  color: var(--text);
}

.section--resource-evidence-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--resource-evidence-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  background: rgba(244, 247, 242, 0.04);
  color: var(--text);
}

.resource-evidence-console {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

.resource-evidence-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.resource-evidence-panel--packets {
  grid-row: span 2;
}

.resource-evidence-panel--handoff,
.resource-evidence-panel--boundaries {
  grid-column: 1 / -1;
}

.resource-evidence-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.resource-evidence-panel__top span,
.resource-evidence-panel__top strong,
.resource-evidence-list small,
.resource-workflow-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.resource-evidence-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.resource-evidence-list,
.resource-primitive-list,
.resource-workflow-list,
.resource-handoff-list,
.resource-evidence-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.resource-evidence-list div,
.resource-primitive-list div,
.resource-workflow-list div,
.resource-handoff-list div,
.resource-evidence-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.resource-evidence-list div {
  grid-template-columns: minmax(122px, 0.32fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.resource-primitive-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.resource-workflow-list div {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}

.resource-workflow-list p {
  grid-column: 2 / -1;
}

.resource-handoff-list,
.resource-evidence-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.resource-evidence-list strong,
.resource-primitive-list strong,
.resource-workflow-list strong,
.resource-handoff-list strong,
.resource-evidence-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.resource-evidence-list p,
.resource-primitive-list p,
.resource-workflow-list p,
.resource-handoff-list p,
.resource-evidence-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.resource-evidence-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
  padding: 3px 6px;
}

.resource-evidence-list [data-resource-evidence="report"] small,
.resource-evidence-list [data-resource-evidence="session"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.resource-evidence-list [data-resource-evidence="technical"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.resource-workflow-list span {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

@media (max-width: 1180px) {
  .resource-evidence-console {
    grid-template-columns: 1fr;
  }

  .resource-evidence-panel--packets,
  .resource-evidence-panel--handoff,
  .resource-evidence-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .resource-evidence-list div {
    grid-template-columns: minmax(118px, 0.36fr) minmax(0, 1fr);
  }

  .resource-evidence-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .resource-primitive-list,
  .resource-handoff-list,
  .resource-evidence-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--resource-evidence-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--resource-evidence-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .resource-evidence-console,
  .resource-evidence-panel,
  .resource-evidence-list div,
  .resource-primitive-list,
  .resource-primitive-list div,
  .resource-workflow-list div,
  .resource-handoff-list,
  .resource-handoff-list div,
  .resource-evidence-boundary-list,
  .resource-evidence-boundary-list div {
    min-width: 0;
  }

  .resource-evidence-list div,
  .resource-primitive-list,
  .resource-workflow-list div,
  .resource-handoff-list,
  .resource-evidence-boundary-list {
    grid-template-columns: 1fr;
  }

  .resource-evidence-list small,
  .resource-workflow-list p {
    grid-column: auto;
  }

  .resource-evidence-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .resource-evidence-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--resource-evidence-room .section__heading p:not(.eyebrow),
  .resource-evidence-panel__top span,
  .resource-evidence-panel__top strong,
  .resource-evidence-list strong,
  .resource-evidence-list p,
  .resource-evidence-list small,
  .resource-primitive-list strong,
  .resource-primitive-list p,
  .resource-workflow-list span,
  .resource-workflow-list strong,
  .resource-workflow-list p,
  .resource-handoff-list strong,
  .resource-handoff-list p,
  .resource-evidence-boundary-list strong,
  .resource-evidence-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

.resource-evidence-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--blog-editorial-room {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--blog-editorial-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--blog-editorial-room > .container {
  position: relative;
  z-index: 1;
}

.section--blog-editorial-room .section__heading h2 {
  color: var(--text);
}

.section--blog-editorial-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--blog-editorial-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  background: rgba(244, 247, 242, 0.04);
  color: var(--text);
}

.blog-editorial-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.blog-editorial-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.blog-editorial-panel--thesis {
  grid-row: span 2;
}

.blog-editorial-panel--handoff,
.blog-editorial-panel--boundaries {
  grid-column: 1 / -1;
}

.blog-editorial-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.blog-editorial-panel__top span,
.blog-editorial-panel__top strong,
.blog-editorial-list small,
.blog-review-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.blog-editorial-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.blog-editorial-list,
.blog-primitive-list,
.blog-review-list,
.blog-handoff-list,
.blog-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.blog-editorial-list div,
.blog-primitive-list div,
.blog-review-list div,
.blog-handoff-list div,
.blog-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.blog-editorial-list div {
  grid-template-columns: minmax(138px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.blog-primitive-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.blog-review-list div {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}

.blog-review-list p {
  grid-column: 2 / -1;
}

.blog-handoff-list,
.blog-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.blog-editorial-list strong,
.blog-primitive-list strong,
.blog-review-list strong,
.blog-handoff-list strong,
.blog-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.blog-editorial-list p,
.blog-primitive-list p,
.blog-review-list p,
.blog-handoff-list p,
.blog-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.blog-editorial-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.blog-editorial-list [data-blog-editorial="analytics"] small,
.blog-editorial-list [data-blog-editorial="prompts"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.blog-editorial-list [data-blog-editorial="thesis"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.blog-review-list span {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

@media (max-width: 1180px) {
  .blog-editorial-console {
    grid-template-columns: 1fr;
  }

  .blog-editorial-panel--thesis,
  .blog-editorial-panel--handoff,
  .blog-editorial-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .blog-editorial-list div {
    grid-template-columns: minmax(122px, 0.36fr) minmax(0, 1fr);
  }

  .blog-editorial-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .blog-primitive-list,
  .blog-handoff-list,
  .blog-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--blog-editorial-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--blog-editorial-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .blog-editorial-console,
  .blog-editorial-panel,
  .blog-editorial-list div,
  .blog-primitive-list,
  .blog-primitive-list div,
  .blog-review-list div,
  .blog-handoff-list,
  .blog-handoff-list div,
  .blog-boundary-list,
  .blog-boundary-list div {
    min-width: 0;
  }

  .blog-editorial-list div,
  .blog-primitive-list,
  .blog-review-list div,
  .blog-handoff-list,
  .blog-boundary-list {
    grid-template-columns: 1fr;
  }

  .blog-editorial-list small,
  .blog-review-list p {
    grid-column: auto;
  }

  .blog-editorial-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .blog-editorial-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--blog-editorial-room .section__heading p:not(.eyebrow),
  .blog-editorial-panel__top span,
  .blog-editorial-panel__top strong,
  .blog-editorial-list strong,
  .blog-editorial-list p,
  .blog-editorial-list small,
  .blog-primitive-list strong,
  .blog-primitive-list p,
  .blog-review-list span,
  .blog-review-list strong,
  .blog-review-list p,
  .blog-handoff-list strong,
  .blog-handoff-list p,
  .blog-boundary-list strong,
  .blog-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .blog-editorial-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--marketing-operator {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--marketing-operator::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.023) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--marketing-operator > .container {
  position: relative;
  z-index: 1;
}

.section--marketing-operator .section__heading h2 {
  color: var(--text);
}

.section--marketing-operator .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--marketing-operator .button--line {
  border-color: rgba(244, 247, 242, 0.2);
  color: var(--text);
}

.marketing-operator-console {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 12px;
}

.operator-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.operator-panel--roles {
  grid-row: span 2;
}

.operator-panel--boundaries {
  grid-column: 1 / -1;
}

.operator-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.operator-panel__top span,
.operator-panel__top strong,
.operator-role-list span,
.operator-role-list small,
.operator-runbook-list span,
.operator-toolchain-list small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.operator-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.operator-role-list,
.operator-runbook-list,
.operator-toolchain-list,
.operator-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.operator-role-list div,
.operator-runbook-list div,
.operator-toolchain-list div,
.operator-boundary-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.operator-role-list div {
  grid-template-columns: minmax(142px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.operator-role-list p {
  grid-column: 1 / -1;
}

.operator-role-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 3px 6px;
}

.operator-runbook-list div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.operator-runbook-list p {
  grid-column: 2 / -1;
}

.operator-toolchain-list div {
  grid-template-columns: minmax(124px, 0.36fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.operator-toolchain-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
  padding: 3px 6px;
}

.operator-toolchain-list [data-toolchain-state="evidence"] small,
.operator-toolchain-list [data-toolchain-state="measurement"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.operator-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.operator-role-list strong,
.operator-runbook-list strong,
.operator-toolchain-list strong,
.operator-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.operator-role-list p,
.operator-runbook-list p,
.operator-toolchain-list p,
.operator-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.pilot-snapshot {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(85% 120% at 82% 12%, rgba(116, 184, 255, 0.08), transparent 54%),
    #050606;
  color: var(--text);
  padding: 84px 0;
}

.pilot-snapshot__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.46fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 16px;
}

.pilot-snapshot__copy {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 16px;
  min-width: 0;
}

.pilot-snapshot__copy h2 {
  max-width: 470px;
  color: var(--text);
  font-size: clamp(30px, 3.2vw, 48px);
  line-height: 1.02;
  font-weight: 760;
}

.pilot-snapshot__copy p:not(.eyebrow) {
  max-width: 410px;
  color: var(--muted);
  font-size: 16px;
}

.pilot-snapshot__console {
  overflow: hidden;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
}

.pilot-snapshot__top {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.pilot-snapshot__top span,
.pilot-snapshot__top strong,
.pilot-snapshot__timeline span,
.pilot-snapshot__outputs span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.pilot-snapshot__top strong {
  border: 1px solid rgba(48, 220, 178, 0.34);
  border-radius: 999px;
  background: rgba(48, 220, 178, 0.1);
  color: var(--teal);
  padding: 4px 9px;
}

.pilot-snapshot__timeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  background: rgba(244, 247, 242, 0.08);
}

.pilot-snapshot__timeline div {
  display: grid;
  gap: 12px;
  min-height: 128px;
  align-content: space-between;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 58%),
    #0a0c0b;
  padding: 14px;
}

.pilot-snapshot__timeline strong {
  color: var(--text);
  font-size: 19px;
  line-height: 1.08;
}

.pilot-snapshot__outputs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 14px;
}

.pilot-snapshot__outputs div {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.04);
  padding: 12px;
}

.pilot-snapshot__outputs strong {
  display: block;
  margin-top: 8px;
  color: var(--text);
  font-size: 18px;
  line-height: 1.14;
}

.final-cta {
  border-top: 1px solid var(--line);
  background: var(--ink);
  color: var(--text);
  padding: 88px 0;
}

.final-cta__inner {
  display: grid;
  gap: 22px;
  justify-items: start;
}

.page-hero {
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 32%),
    linear-gradient(180deg, #0b0d0c, #050606);
  padding: 112px 0 76px;
}

.page-hero .container {
  display: grid;
  gap: 16px;
}

.page-hero--design-product {
  overflow: hidden;
  padding: 86px 0 58px;
}

.design-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(380px, 0.7fr);
  align-items: center;
  gap: 28px;
}

.design-hero-copy {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.design-hero-console {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
}

.design-hero-console__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.design-hero-console__top span,
.design-hero-console__top strong,
.design-hero-progress span,
.design-hero-proof span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.design-hero-console__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.design-hero-progress {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.design-hero-workspace {
  display: grid;
  gap: 10px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.design-hero-answer {
  display: grid;
  gap: 8px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.09), transparent 58%),
    rgba(244, 247, 242, 0.04);
  padding: 13px;
}

.design-hero-answer span,
.design-hero-signals span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.design-hero-answer strong {
  max-width: 520px;
  color: var(--text);
  font-size: 18px;
  line-height: 1.14;
}

.design-hero-answer p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

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

.design-hero-signals div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.design-hero-signals strong {
  color: var(--text);
  font-size: 20px;
  line-height: 1;
}

.design-hero-signals p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.34;
}

.design-hero-progress div {
  display: grid;
  grid-template-columns: 86px minmax(116px, 0.42fr) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.design-hero-progress strong,
.design-hero-proof strong {
  color: var(--text);
  line-height: 1.16;
}

.design-hero-progress p,
.design-hero-proof p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.design-hero-progress [data-design-hero-state="capture"] span {
  color: var(--amber);
}

.design-hero-progress [data-design-hero-state="map"] span,
.design-hero-progress [data-design-hero-state="proof"] span {
  color: var(--teal);
}

.design-hero-progress [data-design-hero-state="workflow"] span {
  color: var(--blue);
}

.design-hero-proof {
  display: grid;
  gap: 7px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.09), transparent 72%),
    rgba(244, 247, 242, 0.025);
}

@media (max-width: 1040px) {
  .design-hero-grid {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .design-hero-console {
    max-width: 720px;
  }
}

@media (max-width: 640px) {
  .page-hero--design-product {
    padding: 64px 0 44px;
  }

  .design-hero-grid {
    gap: 20px;
  }

  .design-hero-console__top {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .design-hero-workspace,
  .design-hero-progress,
  .design-hero-proof {
    padding: 12px;
  }

  .design-hero-signals {
    grid-template-columns: 1fr;
  }

  .design-hero-progress div {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .design-hero-answer strong,
  .design-hero-answer p,
  .design-hero-signals span,
  .design-hero-signals strong,
  .design-hero-signals p,
  .design-hero-progress span,
  .design-hero-progress strong,
  .design-hero-progress p,
  .design-hero-proof span,
  .design-hero-proof strong,
  .design-hero-proof p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

.split-list,
.feature-detail,
.contact-layout {
  display: grid;
  grid-template-columns: 0.72fr 1fr;
  gap: 24px;
}

.stacked-list {
  display: grid;
  gap: 12px;
}

.feature-detail > div:first-child {
  display: grid;
  align-content: start;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 24px;
}

.feature-detail h2 {
  font-size: 72px;
  line-height: 0.95;
}

.feature-detail p {
  color: #adadad;
}

.pricing-grid {
  align-items: stretch;
}

.page-hero--pricing {
  overflow: hidden;
  padding: 86px 0 58px;
}

.pricing-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(380px, 0.7fr);
  align-items: center;
  gap: 28px;
}

.pricing-hero-copy {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.pricing-hero-console {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
}

.pricing-hero-console__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.pricing-hero-console__top span,
.pricing-hero-console__top strong,
.pricing-hero-path span,
.pricing-hero-boundary span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.pricing-hero-console__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.pricing-hero-path {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.pricing-hero-path div {
  display: grid;
  grid-template-columns: 86px minmax(120px, 0.42fr) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.pricing-hero-path strong,
.pricing-hero-boundary strong {
  color: var(--text);
  line-height: 1.16;
}

.pricing-hero-path p,
.pricing-hero-boundary p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.pricing-hero-path [data-pricing-hero="scope"] span {
  color: var(--amber);
}

.pricing-hero-path [data-pricing-hero="evidence"] span,
.pricing-hero-path [data-pricing-hero="expand"] span {
  color: var(--teal);
}

.pricing-hero-path [data-pricing-hero="decision"] span {
  color: var(--blue);
}

.pricing-hero-boundary {
  display: grid;
  gap: 7px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.09), transparent 72%),
    rgba(244, 247, 242, 0.025);
}

@media (max-width: 1040px) {
  .pricing-hero-grid {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .pricing-hero-console {
    max-width: 720px;
  }
}

@media (max-width: 640px) {
  .page-hero--pricing {
    padding: 64px 0 44px;
  }

  .pricing-hero-grid {
    gap: 20px;
  }

  .pricing-hero-console__top {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .pricing-hero-path div {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

.section--sales-kit {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(70% 120% at 12% 10%, rgba(255, 255, 255, 0.08), transparent 48%),
    linear-gradient(180deg, #050606, #090b0a);
  color: var(--text);
}

.section--sales-kit::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(244, 247, 242, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 247, 242, 0.02) 1px, transparent 1px);
  background-size: 30px 30px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.82), transparent 86%);
  pointer-events: none;
}

.sales-kit-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(420px, 1fr);
  align-items: center;
  gap: 26px;
}

.sales-kit-copy {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.sales-kit-copy h2 {
  max-width: 560px;
  color: var(--text);
  font-size: clamp(38px, 4.6vw, 64px);
  line-height: 0.96;
}

.sales-kit-copy p:not(.eyebrow) {
  max-width: 520px;
  color: var(--muted);
  font-size: 18px;
}

.sales-kit-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-width: 520px;
}

.sales-kit-stats div {
  display: grid;
  gap: 6px;
  min-height: 76px;
  border: 1px solid rgba(244, 247, 242, 0.11);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.04);
  padding: 12px;
}

.sales-kit-stats span,
.sales-kit-board__top span,
.sales-kit-artifacts strong,
.sales-kit-talk-track span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.sales-kit-stats strong {
  color: var(--text);
  font-size: 18px;
  line-height: 1.1;
}

.sales-kit-board {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 46%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 120px rgba(0, 0, 0, 0.34);
}

.sales-kit-board__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.sales-kit-board__top strong {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--text);
  padding: 4px 8px;
  font-size: 12px;
  text-transform: uppercase;
}

.sales-kit-provider-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.sales-kit-provider-row span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 32px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.28);
  color: var(--text);
  padding: 5px 9px;
}

.sales-kit-provider-row strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 12px;
}

.sales-kit-artifacts {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.sales-kit-artifacts div {
  display: grid;
  grid-template-columns: 138px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px 12px;
}

.sales-kit-artifacts [data-sales-artifact="evidence"] strong,
.sales-kit-artifacts [data-sales-artifact="proof"] strong {
  color: var(--text);
}

.sales-kit-artifacts p,
.sales-kit-talk-track p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.36;
}

.sales-kit-talk-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.sales-kit-talk-track div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 76%),
    rgba(244, 247, 242, 0.035);
  padding: 12px;
}

@media (max-width: 1040px) {
  .sales-kit-grid {
    grid-template-columns: 1fr;
  }

  .sales-kit-board {
    max-width: 760px;
  }
}

@media (max-width: 640px) {
  .sales-kit-copy h2 {
    max-width: 340px;
    font-size: 30px;
    line-height: 1.02;
  }

  .sales-kit-copy p:not(.eyebrow) {
    font-size: 16px;
  }

  .sales-kit-board__top {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .sales-kit-provider-row span {
    gap: 6px;
    min-height: 30px;
    padding: 4px 8px;
  }

  .sales-kit-stats,
  .sales-kit-artifacts div,
  .sales-kit-talk-track {
    grid-template-columns: 1fr;
  }
}

.price-card {
  display: flex;
  flex-direction: column;
  min-height: 560px;
  border-color: var(--line);
  background:
    linear-gradient(180deg, rgba(244, 247, 242, 0.035), transparent 42%),
    #0b0e0d;
  color: var(--text);
}

.price-card--featured {
  border-color: rgba(255, 255, 255, 0.52);
  background: #101711;
  color: var(--text);
}

.price-card > p:first-child {
  color: var(--teal);
}

.price-card h2 {
  margin-top: 16px;
  color: var(--text);
  font-size: 48px;
  line-height: 1;
}

.price-card > span {
  color: var(--muted);
}

.price-card p,
.price-card li {
  color: var(--muted);
}

.price-card .button--line {
  border-color: rgba(244, 247, 242, 0.22);
  color: var(--text);
}

.price-card .button {
  margin-top: auto;
}

.price-card--featured p,
.price-card--featured li {
  color: var(--muted);
}

.section--pricing-decision-room {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--pricing-decision-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--pricing-decision-room > .container {
  position: relative;
  z-index: 1;
}

.section--pricing-decision-room .section__heading h2 {
  color: var(--text);
}

.section--pricing-decision-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--pricing-decision-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  background: rgba(244, 247, 242, 0.04);
  color: var(--text);
}

.pricing-decision-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.pricing-decision-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.24);
}

.pricing-decision-panel--packages {
  grid-row: span 2;
}

.pricing-decision-panel--reviewers,
.pricing-decision-panel--boundaries {
  grid-column: 1 / -1;
}

.pricing-decision-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.pricing-decision-panel__top span,
.pricing-decision-panel__top strong,
.pricing-decision-list small,
.pricing-evidence-list small,
.pricing-upgrade-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.pricing-decision-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.pricing-decision-list,
.pricing-evidence-list,
.pricing-upgrade-list,
.pricing-reviewer-list,
.pricing-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.pricing-decision-list div,
.pricing-evidence-list div,
.pricing-upgrade-list div,
.pricing-reviewer-list div,
.pricing-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.pricing-decision-list div,
.pricing-evidence-list div {
  grid-template-columns: minmax(132px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.pricing-upgrade-list div {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}

.pricing-upgrade-list p {
  grid-column: 2 / -1;
}

.pricing-reviewer-list,
.pricing-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pricing-decision-list strong,
.pricing-evidence-list strong,
.pricing-upgrade-list strong,
.pricing-reviewer-list strong,
.pricing-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.pricing-decision-list p,
.pricing-evidence-list p,
.pricing-upgrade-list p,
.pricing-reviewer-list p,
.pricing-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.pricing-decision-list small,
.pricing-evidence-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.pricing-decision-list [data-pricing-decision="program"] small,
.pricing-evidence-list [data-pricing-evidence="included"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.pricing-decision-list [data-pricing-decision="enterprise"] small,
.pricing-evidence-list [data-pricing-evidence="scoped"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.pricing-upgrade-list span {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

@media (max-width: 1180px) {
  .pricing-decision-console {
    grid-template-columns: 1fr;
  }

  .pricing-decision-panel--packages,
  .pricing-decision-panel--reviewers,
  .pricing-decision-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .pricing-decision-list div,
  .pricing-evidence-list div {
    grid-template-columns: minmax(122px, 0.36fr) minmax(0, 1fr);
  }

  .pricing-decision-list small,
  .pricing-evidence-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .pricing-reviewer-list,
  .pricing-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--pricing-decision-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--pricing-decision-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .pricing-decision-console,
  .pricing-decision-panel,
  .pricing-decision-list div,
  .pricing-evidence-list div,
  .pricing-upgrade-list div,
  .pricing-reviewer-list,
  .pricing-reviewer-list div,
  .pricing-boundary-list,
  .pricing-boundary-list div {
    min-width: 0;
  }

  .pricing-decision-list div,
  .pricing-evidence-list div,
  .pricing-upgrade-list div,
  .pricing-reviewer-list,
  .pricing-boundary-list {
    grid-template-columns: 1fr;
  }

  .pricing-decision-list small,
  .pricing-evidence-list small,
  .pricing-upgrade-list p {
    grid-column: auto;
  }

  .pricing-decision-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .pricing-decision-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--pricing-decision-room .section__heading p:not(.eyebrow),
  .pricing-decision-panel__top span,
  .pricing-decision-panel__top strong,
  .pricing-decision-list strong,
  .pricing-decision-list p,
  .pricing-decision-list small,
  .pricing-evidence-list strong,
  .pricing-evidence-list p,
  .pricing-evidence-list small,
  .pricing-upgrade-list span,
  .pricing-upgrade-list strong,
  .pricing-upgrade-list p,
  .pricing-reviewer-list strong,
  .pricing-reviewer-list p,
  .pricing-boundary-list strong,
  .pricing-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .pricing-decision-list small,
  .pricing-evidence-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--pilot-offer {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 124px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--pilot-offer::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 86%);
  pointer-events: none;
}

.section--pilot-offer > .container {
  position: relative;
  z-index: 1;
}

.section--pilot-offer .section__heading h2 {
  color: var(--text);
}

.section--pilot-offer .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--pilot-offer .button--line {
  background: rgba(244, 247, 242, 0.04);
}

.pilot-offer-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 12px;
}

.pilot-contract,
.pilot-timeline-panel,
.pilot-output-panel,
.pilot-boundary-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.24);
}

.pilot-timeline-panel {
  grid-row: span 2;
}

.pilot-output-panel,
.pilot-boundary-panel {
  grid-column: 1 / -1;
}

.pilot-panel__top {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.pilot-panel__top span,
.pilot-panel__top strong {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.pilot-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  white-space: nowrap;
}

.pilot-scope-list,
.pilot-workplan,
.pilot-output-matrix {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.pilot-scope-list div,
.pilot-workplan div,
.pilot-output-matrix div,
.pilot-boundary-panel li {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.pilot-scope-list strong,
.pilot-workplan strong,
.pilot-output-matrix strong {
  display: block;
  color: var(--text);
  font-size: 14px;
  line-height: 1.22;
}

.pilot-scope-list p,
.pilot-workplan p,
.pilot-output-matrix p,
.pilot-boundary-panel li {
  color: var(--soft);
  font-size: 12px;
  line-height: 1.38;
}

.pilot-workplan div {
  display: grid;
  grid-template-columns: 66px minmax(0, 0.62fr) minmax(0, 1.25fr);
  gap: 10px;
  align-items: start;
}

.pilot-workplan span {
  display: inline-grid;
  width: max-content;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  color: var(--blue);
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.pilot-output-matrix {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pilot-boundary-panel ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 14px;
  list-style: none;
}

.pilot-boundary-panel li::before {
  color: var(--teal);
  content: "Proof boundary";
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.integration-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.integration-grid span {
  min-height: 64px;
  display: grid;
  place-items: center;
  color: var(--text);
}

.enterprise-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0d100f;
  padding: 28px;
}

.contact-form {
  position: relative;
  display: grid;
  gap: 14px;
}

.contact-form label {
  display: grid;
  gap: 7px;
  color: #9a9a9a;
  font-size: 14px;
  font-weight: 720;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  color: var(--paper-ink);
  padding: 12px;
}

.contact-form textarea {
  resize: vertical;
}

.contact-form .button {
  justify-self: start;
}

.form-note {
  color: #adadad;
  font-size: 13px;
}

.contact-card {
  align-self: start;
}

.contact-card h2 {
  font-size: 36px;
}

.contact-card dl {
  display: grid;
  gap: 16px;
  margin-top: 28px;
}

.contact-card dt {
  color: #9a9a9a;
  font-weight: 760;
}

.section--contact-pilot {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(245, 245, 245, 0.96)),
    var(--paper);
}

.section--contact-pilot .contact-layout {
  grid-template-columns: 1.08fr 0.92fr;
  align-items: start;
}

.section--contact-pilot .contact-form,
.section--contact-pilot .contact-card {
  border-color: var(--line);
  background:
    linear-gradient(180deg, rgba(244, 247, 242, 0.035), transparent 42%),
    #0b0e0d;
  color: var(--text);
  padding: 24px;
}

.contact-form__intro {
  display: grid;
  gap: 10px;
  max-width: 640px;
}

.contact-form__intro h2 {
  color: var(--text);
  font-size: 34px;
  line-height: 1.04;
}

.contact-form__intro p:not(.eyebrow) {
  color: var(--muted);
}

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

.section--contact-pilot .contact-form label {
  min-width: 0;
  color: var(--muted);
}

.section--contact-pilot .form-hp {
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

.section--contact-pilot .contact-form input,
.section--contact-pilot .contact-form select,
.section--contact-pilot .contact-form textarea {
  border-color: rgba(244, 247, 242, 0.14);
  background: rgba(0, 0, 0, 0.28);
  color: var(--text);
}

.section--contact-pilot .contact-form input:focus-visible,
.section--contact-pilot .contact-form select:focus-visible,
.section--contact-pilot .contact-form textarea:focus-visible,
.agent-sidebar .agent-tabs button:focus-visible {
  outline: 2px solid rgba(244, 247, 242, 0.84);
  outline-offset: 3px;
  border-color: rgba(244, 247, 242, 0.52);
}

.section--contact-pilot .contact-form input::placeholder,
.section--contact-pilot .contact-form textarea::placeholder {
  color: #68736d;
}

.section--contact-pilot .contact-form button[disabled] {
  cursor: wait;
  opacity: 0.72;
  transform: none;
}

.section--contact-pilot .form-note {
  color: var(--muted);
}

.contact-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.contact-card__top span {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 760;
}

.section--contact-pilot .contact-card h2 {
  margin-top: 18px;
  color: var(--text);
  font-size: 38px;
  line-height: 1.02;
}

.section--contact-pilot .contact-card p {
  color: var(--muted);
}

.pilot-brief {
  display: grid;
  gap: 8px;
  margin-top: 22px;
}

.pilot-brief article {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.3);
  padding: 12px;
}

.pilot-brief span,
.pilot-timeline span {
  color: var(--teal);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.pilot-brief strong {
  color: var(--text);
  line-height: 1.2;
}

.pilot-brief small {
  color: var(--soft);
  font-size: 12px;
}

.pilot-review-gates {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.pilot-review-gates div {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 64%),
    rgba(0, 0, 0, 0.24);
  padding: 10px 12px;
}

.pilot-review-gates span {
  color: var(--teal);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.15;
  text-transform: uppercase;
}

.pilot-review-gates [data-review-gate="map"] span {
  color: var(--blue);
}

.pilot-review-gates [data-review-gate="prove"] span {
  color: var(--lime);
}

.pilot-review-gates p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.pilot-timeline {
  display: grid;
  gap: 0;
  margin-top: 22px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
}

.pilot-timeline div {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 12px 0;
}

.pilot-timeline p {
  margin-top: 0;
  color: var(--muted);
  font-size: 13px;
}

.pilot-timeline p strong {
  display: block;
  color: var(--text);
  font-size: 12px;
}

.footer {
  border-top: 1px solid var(--line);
  background: #050606;
  color: var(--muted);
  padding: 64px 0 28px;
}

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

.footer__brand p {
  max-width: 320px;
  margin-top: 18px;
}

.footer h2 {
  margin-bottom: 12px;
  color: var(--text);
  font-size: 14px;
}

.footer a:not(.brand) {
  display: flex;
  width: fit-content;
  margin-top: 9px;
  color: var(--muted);
  font-size: 14px;
}

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

.status {
  align-items: center;
  gap: 8px;
}

.status span {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: var(--teal);
  box-shadow: 0 0 16px rgba(255, 255, 255, 0.8);
}

.footer__bottom {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-top: 50px;
  border-top: 1px solid var(--line);
  padding-top: 22px;
  color: var(--soft);
  font-size: 13px;
}

@media (max-width: 1100px) {
  .hero h1,
  .page-hero h1,
  .feature-detail h2 {
    font-size: 56px;
  }

  .section__heading h2,
  .tool-layout h2,
  .final-cta h2,
  .index-band h2,
  .enterprise-strip h2,
  .status-panel h2 {
    font-size: 40px;
  }

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

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

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

  .hero__copy {
    max-width: 820px;
  }

  .proof-strip .container,
  .tool-layout,
  .index-band__inner,
  .split-list,
  .feature-detail,
  .contact-layout {
    grid-template-columns: 1fr;
  }

  .proof-strip .container > div,
  .suite-grid,
  .agent-grid,
  .conversion-grid,
  .manifesto-grid,
  .workflow,
  .team-grid,
  .resource-grid,
  .index-grid,
  .enterprise-grid,
  .solution-detail,
  .customer-stories,
  .customer-proof-story-grid,
  .pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .integration-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 880px) {
  .site-header {
    top: 44px;
  }

  .nav-toggle {
    display: block;
  }

  .nav {
    position: fixed;
    inset: calc(44px + var(--header)) 0 auto 0;
    display: none;
    max-height: calc(100svh - 108px);
    overflow: auto;
    border-bottom: 1px solid var(--line);
    background: #050606;
    padding: 12px 16px 24px;
  }

  .nav[data-open="true"] {
    display: grid;
    gap: 6px;
  }

  .nav > a,
  .nav__group > a,
  .nav .button {
    width: 100%;
    justify-content: flex-start;
  }

  .nav__group {
    display: grid;
  }

  .nav__group::after {
    display: none;
  }

  .nav__menu {
    position: static;
    visibility: visible;
    width: 100%;
    max-width: 100%;
    margin-top: 4px;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    box-shadow: none;
  }

  .nav__menu--mega,
  .nav__menu--platform,
  .nav__menu--resources,
  .nav__menu--solutions {
    left: auto;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 12px;
  }

  .nav-mega__content,
  .nav-mega__content--two {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .nav-card {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .nav-card__icon {
    width: 36px;
    height: 36px;
  }

  .engine-strip .container,
  .pilot-snapshot__inner,
  .section__heading--row,
  .enterprise-strip,
  .footer__bottom {
    align-items: start;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .engine-strip__row {
    justify-content: flex-start;
  }

  .pilot-snapshot__outputs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero__inner {
    min-height: auto;
    padding-top: 54px;
  }
}

@media (max-width: 680px) {
  .container,
  .nav-shell {
    width: min(100% - 24px, var(--max));
  }

  .engine-strip {
    padding: 56px 0;
  }

  .pilot-snapshot {
    padding: 52px 0;
  }

  .pilot-snapshot__timeline,
  .pilot-snapshot__outputs {
    grid-template-columns: 1fr;
  }

  .pilot-snapshot__timeline div {
    min-height: 92px;
  }

  .orbit {
    max-width: 360px;
    transform: scale(0.86);
    transform-origin: top center;
    margin-top: -10px;
    margin-bottom: -30px;
  }

  .promo a {
    justify-content: flex-start;
    overflow: hidden;
    text-align: left;
  }

  .promo__arrow {
    display: none;
  }

  .hero h1,
  .page-hero h1 {
    font-size: 38px;
    line-height: 1;
  }

  .hero p:not(.eyebrow),
  .page-hero p:not(.eyebrow) {
    font-size: 17px;
  }

  .hero__inner {
    padding-top: 44px;
  }

  .hero__actions,
  .final-cta__inner {
    align-items: stretch;
  }

  .hero__actions,
  .hero__actions .button,
  .final-cta .button,
  .contact-form .button {
    width: 100%;
  }

  .hero__stats {
    width: 100%;
  }

  .hero__stats div {
    flex: 1 1 140px;
  }

  .platform-primitive-grid {
    grid-template-columns: 1fr;
  }

  .primitive-card {
    min-height: 240px;
  }

  .primitive-ledger article {
    grid-template-columns: 1fr;
  }

  .section,
  .final-cta,
  .index-band {
    padding: 64px 0;
  }

  .section__heading h2,
  .tool-layout h2,
  .final-cta h2,
  .index-band h2,
  .enterprise-strip h2,
  .status-panel h2,
  .contact-card h2 {
    font-size: 32px;
  }

  .feature-grid,
  .suite-grid,
  .agent-grid,
  .conversion-grid,
  .manifesto-grid,
  .workflow,
  .team-grid,
  .resource-grid,
  .index-grid,
  .enterprise-grid,
  .solution-detail,
  .customer-stories,
  .customer-proof-story-grid,
  .pricing-grid,
  .integration-grid,
  .proof-strip .container > div,
  .agent-shell__body,
  .product-metrics,
  .product-bottom,
  .footer__grid {
    grid-template-columns: 1fr;
  }

  .primitive-ledger {
    grid-template-columns: 1fr;
  }

  .suite-intro h2 {
    font-size: 32px;
  }

  .suite-card,
  .agent-grid article,
  .conversion-grid article,
  .manifesto-grid article {
    min-height: auto;
  }

  .agent-shell__body {
    min-height: auto;
  }

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

  .agent-node:nth-child(2),
  .agent-node:nth-child(3),
  .agent-output {
    margin-left: 0;
  }

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

  .feature-card {
    min-height: 250px;
  }

  .product-metrics div,
  .product-bottom > div {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .product-bottom > div:last-child {
    border-bottom: 0;
  }

  .answer-map {
    height: 250px;
  }

  .leaderboard div {
    grid-template-columns: 28px 1fr;
  }

  .leaderboard meter {
    grid-column: 1 / -1;
  }

  .page-hero {
    padding: 78px 0 56px;
  }

  .feature-detail h2 {
    font-size: 48px;
  }

  .price-card {
    min-height: auto;
  }
}

/* Premium product-site refresh */

:root {
  --glass: rgba(10, 12, 11, 0.78);
  --glass-strong: rgba(13, 15, 14, 0.94);
  --hairline: rgba(244, 247, 242, 0.11);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

.site-header {
  top: 0;
  background: rgba(0, 0, 0, 0.86);
}

.site-header .brand__mark {
  border-color: var(--text);
  background: transparent;
  box-shadow: none;
}

.site-header .brand__text {
  color: var(--text);
}

.nav-shell {
  width: min(100% - 104px, 1014px);
}

.promo {
  top: var(--header);
  background: #040505;
}

.promo a {
  min-height: 48px;
}

.promo__tag {
  color: #d4d4d4;
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.14);
}

.nav {
  gap: 14px;
}

.nav > a,
.nav__group > a {
  padding-inline: 0;
  background: transparent;
}

.nav > a:hover,
.nav__group > a:hover,
.nav a[aria-current="page"] {
  background: transparent;
}

.nav__group:hover > a,
.nav__group:focus-within > a,
.nav__group[data-menu-open="true"] > a {
  color: var(--text);
}

.nav > a.button {
  min-height: 36px;
  border-radius: 8px;
  background: var(--text);
  color: #050606;
  padding: 0 14px;
  box-shadow: 0 0 0 rgba(244, 247, 242, 0);
}

.nav > a.button:hover {
  background: #ffffff;
  color: #050606;
  box-shadow: 0 14px 36px rgba(244, 247, 242, 0.14);
}

.nav__menu {
  top: calc(100% + 8px);
  width: 340px;
  border-color: var(--hairline);
  background: rgba(6, 7, 7, 0.98);
  backdrop-filter: blur(18px);
}

.nav__menu.nav__menu--mega {
  width: min(720px, calc(100vw - 32px));
}

.nav__menu.nav__menu--platform {
  left: -220px;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
}

.nav__menu.nav__menu--resources {
  left: -240px;
}

.nav__menu.nav__menu--solutions {
  left: -250px;
  width: min(640px, calc(100vw - 32px));
}

.nav__menu a {
  border: 1px solid transparent;
}

.nav__menu a:hover,
.nav__menu a:focus-visible {
  border-color: rgba(244, 247, 242, 0.1);
  background: rgba(244, 247, 242, 0.055);
}

@media (max-width: 880px) {
  .nav__menu.nav__menu--mega,
  .nav__menu.nav__menu--platform,
  .nav__menu.nav__menu--resources,
  .nav__menu.nav__menu--solutions {
    left: auto;
    width: 100%;
    grid-template-columns: 1fr;
  }
}

.button--light {
  background: var(--text);
  color: #050606;
}

.button--light:hover {
  background: #ffffff;
  box-shadow: 0 14px 36px rgba(244, 247, 242, 0.13);
}

.hero {
  background:
    radial-gradient(circle at 50% 0%, rgba(244, 247, 242, 0.035), transparent 30%),
    linear-gradient(180deg, #010202 0%, #030404 62%, #050606 100%);
}

.hero::before {
  opacity: 0.85;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.72) 50%, transparent 88%);
}

.hero .container {
  width: min(100% - 58px, 1056px);
}

.hero__inner {
  grid-template-columns: 1fr;
  min-height: auto;
  gap: 0;
  padding: 28px 0 0;
}

.hero__copy {
  display: grid;
  min-height: 320px;
  max-width: none;
  place-items: center;
  justify-items: center;
  border: 1px solid var(--hairline);
  background: rgba(0, 0, 0, 0.32);
  padding: 38px 24px;
  text-align: center;
}

.hero__logo-pulse {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  margin-bottom: 24px;
}

.hero__logo-pulse span {
  width: 28px;
  height: 28px;
  border: 2px solid var(--text);
  border-radius: 6px;
  transform: rotate(45deg);
  animation: logoPulse 2.8s var(--ease-out) infinite;
}

.hero h1 {
  width: 100%;
  max-width: 820px;
  margin-top: 0;
  font-size: 50px;
  line-height: 1.04;
  font-weight: 470;
  letter-spacing: 0;
}

.hero__headline-top,
.hero__engine-line {
  display: block;
}

.hero__headline-mobile {
  display: none;
}

.hero__engine-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.engine-mark {
  position: relative;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
}

.engine-mark::before,
.engine-mark::after {
  position: absolute;
  inset: 6px 12px;
  border: 2px solid currentColor;
  border-radius: 2px;
  content: "";
}

.engine-mark::before {
  transform: rotate(0deg);
}

.engine-mark::after {
  transform: rotate(90deg);
}

.hero h1 [data-rotating-engine] {
  display: inline-flex;
  align-items: center;
  color: var(--text);
  transition: opacity 220ms ease, transform 220ms ease, filter 220ms ease;
}

.hero h1 [data-rotating-engine][data-state="out"] {
  opacity: 0;
  filter: blur(8px);
  transform: translateY(8px);
}

.hero p:not(.eyebrow) {
  max-width: 440px;
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.35;
}

.hero-provider-rail {
  margin-top: 24px;
}

.hero-provider-rail__logos strong {
  min-height: 32px;
}

.hero__actions {
  justify-content: center;
  margin-top: 24px;
}

.hero__actions .button {
  min-height: 36px;
  border-radius: 8px;
  padding-inline: 14px;
  font-size: 14px;
  font-weight: 620;
}

.hero__actions .button--ghost {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.14);
  color: var(--text);
}

.hero__visual {
  margin-top: 0;
  border-inline: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  padding: 24px 0 42px;
}

.agent-shell--wide {
  border: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.58);
  box-shadow: none;
}

.agent-shell--wide .agent-shell__top {
  min-height: 46px;
  background: rgba(4, 5, 5, 0.96);
}

.agent-shell__top > div {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.agent-shell__top button {
  min-height: 28px;
  border: 1px solid rgba(244, 247, 242, 0.18);
  border-radius: 6px;
  background: var(--text);
  color: #050606;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 680;
}

.agent-shell--wide .agent-shell__body {
  grid-template-columns: 240px minmax(360px, 1fr) 280px;
  min-height: 560px;
}

.agent-shell--wide .agent-sidebar {
  gap: 9px;
  background: rgba(0, 0, 0, 0.58);
}

.agent-sidebar .agent-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 0 0 10px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0d0f0e;
}

.agent-sidebar .agent-tabs span,
.agent-sidebar .agent-tabs button {
  min-height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: var(--text);
  font-size: 12px;
  font-weight: 760;
  text-transform: none;
  cursor: pointer;
}

.agent-sidebar .agent-tabs span:first-child,
.agent-sidebar .agent-tabs button[aria-selected="true"] {
  background: rgba(255, 255, 255, 0.08);
}

.agent-sidebar strong[data-dot] {
  position: relative;
  min-height: 30px;
  padding-left: 34px;
}

.agent-sidebar strong[data-dot]::before,
.node-icon {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 4px;
  background: var(--teal);
  content: "";
}

.agent-sidebar strong[data-dot]::before {
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.agent-sidebar strong[data-dot="red"]::before {
  background: var(--red);
}

.agent-sidebar strong[data-dot="blue"]::before {
  background: var(--blue);
}

.agent-sidebar strong[data-dot="amber"]::before {
  background: var(--amber);
}

.agent-sidebar strong[data-dot="lime"]::before {
  background: var(--lime);
}

.agent-sidebar strong[data-dot="purple"]::before {
  background: #d4d4d4;
}

.agent-sidebar small {
  color: var(--soft);
  font-size: 12px;
}

.agent-shell--wide .agent-canvas {
  position: relative;
  align-content: start;
  justify-items: center;
  gap: 20px;
  padding: 28px 42px 46px;
  border-right: 1px solid var(--line);
  background:
    linear-gradient(rgba(244, 247, 242, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 247, 242, 0.025) 1px, transparent 1px);
  background-size: 32px 32px;
}

.agent-canvas__toolbar {
  display: flex;
  width: min(100%, 420px);
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.34);
  padding: 9px 10px;
}

.agent-canvas__toolbar span,
.agent-canvas__toolbar small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.agent-canvas__toolbar div {
  display: inline-flex;
  gap: 6px;
}

.agent-canvas__toolbar small {
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 999px;
  padding: 4px 7px;
  text-transform: none;
}

.agent-contract-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  width: min(100%, 560px);
}

.agent-contract-strip div {
  display: grid;
  min-height: 74px;
  gap: 3px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(244, 247, 242, 0.045), transparent 58%),
    rgba(0, 0, 0, 0.34);
  padding: 10px;
}

.agent-contract-strip span,
.agent-contract-strip small {
  color: var(--soft);
  font-size: 10px;
  font-weight: 760;
  line-height: 1.1;
  text-transform: uppercase;
}

.agent-contract-strip strong {
  align-self: end;
  min-width: 0;
  color: var(--text);
  font-size: 13px;
  line-height: 1.05;
}

.agent-contract-strip small {
  color: var(--teal);
}

.agent-contract-strip [data-contract-state="scoped"] small {
  color: var(--blue);
}

.agent-contract-strip [data-contract-state="assigned"] small {
  color: var(--amber);
}

.agent-contract-strip [data-contract-state="caveated"] small {
  color: var(--lime);
}

.agent-mode-panel {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 28px;
  width: 100%;
}

.agent-mode-panel[hidden],
.agent-run-panel[hidden] {
  display: none !important;
}

.agent-stage-rail {
  position: absolute;
  top: 24px;
  bottom: 24px;
  left: 50%;
  display: grid;
  align-content: space-between;
  width: 1px;
  background: linear-gradient(transparent, rgba(255, 255, 255, 0.26), transparent);
  transform: translateX(-50%);
}

.agent-stage-rail span {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--teal);
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.34);
  transform: translateX(-3px);
}

.agent-flow-node {
  position: relative;
  width: min(100%, 322px);
  border: 1px solid rgba(244, 247, 242, 0.12);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(24, 26, 25, 0.98), rgba(12, 13, 13, 0.96));
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.agent-flow-node--start {
  width: 194px;
}

.agent-flow-node:not(:last-child)::after {
  position: absolute;
  left: 50%;
  top: calc(100% + 2px);
  width: 1px;
  height: 26px;
  background: linear-gradient(var(--line-strong), transparent);
  content: "";
}

.agent-flow-node div {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--line);
  padding: 10px 12px;
}

.agent-flow-node strong {
  color: var(--text);
  font-size: 12px;
}

.agent-flow-node small {
  margin-left: auto;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  color: var(--teal);
  padding: 2px 7px;
  font-size: 10px;
}

.agent-flow-node[data-node-state="drafting"] small,
.agent-flow-node[data-node-state="running"] small,
.agent-flow-node[data-node-state="queued"] small,
.agent-flow-node[data-node-state="scheduled"] small,
.agent-flow-node[data-node-state="open"] small {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.agent-flow-node[data-node-state="open"] small {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: var(--red);
}

.agent-flow-node p {
  color: var(--muted);
  min-height: 34px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1.25;
}

.node-icon {
  position: static;
  flex: 0 0 auto;
}

.agent-flow-node--query {
  transform: translateX(30px);
}

.agent-flow-node--scrape,
.agent-flow-node--research {
  transform: translateX(-30px);
}

.agent-run {
  display: grid;
  align-content: start;
  gap: 12px;
  background: rgba(0, 0, 0, 0.5);
  padding: 20px;
}

.agent-run__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding-bottom: 12px;
}

.agent-run__header strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  font-size: 11px;
}

.agent-run-panel {
  display: grid;
  gap: 12px;
}

.agent-run article {
  display: grid;
  gap: 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.34);
  padding-left: 14px;
}

.agent-run-panel article {
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.agent-run span {
  color: var(--text);
  font-size: 12px;
  font-weight: 720;
}

.agent-run article > div {
  min-height: 30px;
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 6px;
  background: rgba(244, 247, 242, 0.045);
  padding: 6px 8px;
}

.agent-run-panel article > div {
  display: grid;
  gap: 2px;
}

.agent-approval-card p {
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 6px;
  color: var(--muted);
  margin: 0;
  padding: 7px 8px;
  font-size: 12px;
}

.agent-run small {
  color: var(--soft);
}

.agent-run article strong {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.16);
  color: #d4d4d4;
  padding: 1px 5px;
  font-size: 11px;
}

.agent-output-card strong {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--text);
  padding: 9px;
  line-height: 1.25;
}

.content-grid,
.role-grid,
.partner-grid,
.brand-system,
.primitive-grid,
.docs-layout,
.architecture-grid {
  display: grid;
  gap: 12px;
}

.content-grid--three,
.role-grid,
.partner-grid,
.brand-system,
.docs-layout,
.architecture-grid {
  grid-template-columns: repeat(3, 1fr);
}

.primitive-grid {
  grid-template-columns: repeat(4, 1fr);
}

.content-card,
.role-grid article,
.partner-grid article,
.brand-system article,
.primitive-grid article,
.docs-layout article,
.architecture-grid article,
.case-layout aside,
.case-layout article,
.event-layout article,
.event-agenda,
.legal-article,
.article-body,
.app-handoff aside {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 24px;
}

.section--black .content-card,
.section--black .partner-grid article,
.section--black .docs-layout article,
.section--black .architecture-grid article,
.section--black .case-layout aside,
.section--black .case-layout article {
  border-color: var(--line);
  background: #0d100f;
  color: var(--text);
}

.content-card span,
.primitive-grid span,
.architecture-grid span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.content-card h2,
.role-grid h2,
.partner-grid h2,
.brand-system h2,
.primitive-grid h2,
.docs-layout h2,
.architecture-grid h2,
.article-body h2,
.legal-article h2,
.event-layout h2 {
  margin-top: 14px;
  font-size: 26px;
  line-height: 1.08;
}

.content-card p,
.role-grid p,
.partner-grid p,
.brand-system p,
.primitive-grid p,
.docs-layout p,
.architecture-grid p,
.article-body p,
.legal-article p,
.event-layout p,
.app-handoff p {
  margin-top: 12px;
  color: #adadad;
}

.section--black .content-card p,
.section--black .partner-grid p,
.section--black .docs-layout p,
.section--black .architecture-grid p,
.section--black .case-layout p {
  color: var(--muted);
}

.content-card a,
.partner-grid a,
.customer-stories a,
.stacked-list a {
  display: inline-flex;
  margin-top: 20px;
  color: var(--teal);
  font-weight: 720;
}

.newsletter-band {
  background: #070908;
  color: var(--text);
}

.newsletter-band__inner,
.enterprise-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.newsletter-band h2 {
  font-size: 42px;
  line-height: 1.04;
}

.metric-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 26px;
}

.metric-strip div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.04);
  padding: 16px;
}

.metric-strip strong {
  display: block;
  color: var(--text);
  font-size: 28px;
}

.metric-strip span {
  color: var(--muted);
  font-size: 13px;
}

.benchmark-layout,
.case-layout,
.event-layout,
.app-handoff {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 24px;
  align-items: start;
}

.benchmark-layout {
  grid-template-columns: 0.58fr 1fr;
  align-items: center;
}

.page-hero--benchmarking-product {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.11), transparent 32%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1));
  padding: 86px 0 58px;
}

.page-hero--benchmarking-product::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.021) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.82), transparent 90%);
  pointer-events: none;
}

.page-hero--benchmarking-product > .container {
  position: relative;
  z-index: 1;
}

.benchmarking-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(390px, 0.72fr);
  align-items: center;
  gap: 28px;
}

.benchmarking-hero-copy {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.benchmarking-hero-states {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.benchmarking-hero-states span {
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 999px;
  background: rgba(244, 247, 242, 0.05);
  color: var(--soft);
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.benchmarking-hero-console {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
}

.benchmarking-hero-console__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.benchmarking-hero-console__top span,
.benchmarking-hero-console__top strong,
.benchmarking-scope-strip span,
.benchmarking-engine-list span,
.benchmarking-engine-list small,
.benchmarking-hero-proof span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.benchmarking-hero-console__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.benchmarking-scope-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.benchmarking-scope-strip div {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.benchmarking-scope-strip strong {
  color: var(--text);
  line-height: 1.1;
}

.benchmarking-engine-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.benchmarking-engine-list div {
  display: grid;
  grid-template-columns: minmax(88px, 0.36fr) 58px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.benchmarking-engine-list strong {
  color: var(--text);
  font-size: 22px;
  line-height: 1;
}

.benchmarking-engine-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.36;
}

.benchmarking-engine-list small {
  justify-self: end;
  width: max-content;
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
  padding: 3px 6px;
}

.benchmarking-engine-list [data-benchmark-state="drift"] small {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.benchmarking-hero-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.benchmarking-hero-proof div {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.benchmarking-hero-proof strong {
  color: var(--text);
  font-size: 13px;
  line-height: 1.38;
}

.section--benchmark-room {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.96), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--benchmark-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 32px 32px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 88%);
  pointer-events: none;
}

.section--benchmark-room > .container {
  position: relative;
  z-index: 1;
}

.section--benchmark-room .section__heading h2 {
  color: var(--text);
}

.section--benchmark-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--benchmark-room .button--line {
  border-color: rgba(244, 247, 242, 0.2);
  color: var(--text);
}

.benchmark-room-console {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 12px;
}

.benchmark-room-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.benchmark-room-panel--inputs {
  grid-row: span 2;
}

.benchmark-room-panel--boundaries {
  grid-column: 1 / -1;
}

.benchmark-room-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.benchmark-room-panel__top span,
.benchmark-room-panel__top strong,
.benchmark-input-list small,
.benchmark-movement-list span,
.benchmark-movement-list small,
.benchmark-action-list small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.benchmark-room-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.benchmark-input-list,
.benchmark-movement-list,
.benchmark-action-list,
.benchmark-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.benchmark-input-list div,
.benchmark-movement-list div,
.benchmark-action-list div,
.benchmark-boundary-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.benchmark-input-list div {
  grid-template-columns: minmax(128px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.benchmark-movement-list div {
  grid-template-columns: minmax(122px, 0.35fr) 78px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.benchmark-action-list div {
  grid-template-columns: minmax(150px, 0.56fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.benchmark-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.benchmark-input-list strong,
.benchmark-movement-list strong,
.benchmark-action-list strong,
.benchmark-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.benchmark-movement-list strong {
  color: var(--blue);
  font-size: 22px;
}

.benchmark-input-list p,
.benchmark-movement-list p,
.benchmark-action-list p,
.benchmark-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.benchmark-input-list small,
.benchmark-movement-list small,
.benchmark-action-list small {
  justify-self: end;
  width: max-content;
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 3px 6px;
}

.benchmark-input-list [data-benchmark-input="joined"] small,
.benchmark-input-list [data-benchmark-input="dated"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.benchmark-agent-layout {
  display: grid;
  grid-template-columns: 0.58fr 1fr;
  align-items: center;
  gap: 24px;
}

.benchmark-agent-copy {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.benchmark-agent-copy p:not(.eyebrow) {
  color: var(--muted);
}

.benchmarking-hero-console__top span,
.benchmarking-hero-console__top strong,
.benchmarking-scope-strip span,
.benchmarking-scope-strip strong,
.benchmarking-engine-list span,
.benchmarking-engine-list strong,
.benchmarking-engine-list p,
.benchmarking-engine-list small,
.benchmarking-hero-proof span,
.benchmarking-hero-proof strong,
.benchmark-room-panel__top span,
.benchmark-room-panel__top strong,
.benchmark-input-list strong,
.benchmark-input-list p,
.benchmark-input-list small,
.benchmark-movement-list span,
.benchmark-movement-list strong,
.benchmark-movement-list p,
.benchmark-movement-list small,
.benchmark-action-list strong,
.benchmark-action-list p,
.benchmark-action-list small,
.benchmark-boundary-list strong,
.benchmark-boundary-list p {
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
  .benchmarking-hero-grid,
  .benchmark-agent-layout {
    grid-template-columns: 1fr;
  }

  .benchmarking-hero-copy {
    max-width: 820px;
  }

  .benchmark-room-console {
    grid-template-columns: 1fr;
  }

  .benchmark-room-panel--inputs,
  .benchmark-room-panel--boundaries {
    grid-row: auto;
    grid-column: auto;
  }

  .benchmark-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .page-hero--benchmarking-product {
    padding: 64px 0 48px;
  }

  .benchmarking-scope-strip,
  .benchmarking-hero-proof,
  .benchmark-boundary-list {
    grid-template-columns: 1fr;
  }

  .benchmarking-engine-list div,
  .benchmark-input-list div,
  .benchmark-movement-list div,
  .benchmark-action-list div {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .benchmarking-engine-list small,
  .benchmark-input-list small,
  .benchmark-movement-list small,
  .benchmark-action-list small {
    justify-self: start;
  }
}

.case-layout aside {
  display: grid;
  gap: 8px;
}

.case-layout aside strong {
  color: var(--teal);
  font-size: 74px;
  line-height: 0.95;
}

.scenario-facts {
  display: grid;
  gap: 8px;
  margin-top: 18px;
}

.scenario-facts div {
  border: 1px solid rgba(244, 247, 242, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.28);
  padding: 12px;
}

.scenario-facts span {
  color: var(--teal);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.scenario-facts p {
  margin-top: 6px;
}

.section--scenario-board {
  background: var(--paper);
  color: var(--paper-ink);
}

.scenario-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.scenario-column {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 430px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 18px;
}

.scenario-column__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.scenario-column__top span,
.scenario-column__top strong {
  color: #68716b;
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.scenario-column__top strong {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 4px 8px;
}

.scenario-row {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 12px;
}

.scenario-row strong {
  color: var(--paper-ink);
  line-height: 1.15;
}

.scenario-row p {
  color: #adadad;
}

.scenario-row small {
  color: #d4d4d4;
  font-size: 12px;
  font-weight: 760;
}

.section--scenario-pilot-room {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--scenario-pilot-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--scenario-pilot-room > .container {
  position: relative;
  z-index: 1;
}

.section--scenario-pilot-room .section__heading h2 {
  color: var(--text);
}

.section--scenario-pilot-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--scenario-pilot-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  color: var(--text);
}

.scenario-pilot-console {
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
  gap: 12px;
}

.scenario-pilot-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 46%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.scenario-pilot-panel--scope {
  grid-row: span 2;
}

.scenario-pilot-panel--boundaries {
  grid-column: 1 / -1;
}

.scenario-pilot-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.scenario-pilot-panel__top span,
.scenario-pilot-panel__top strong,
.scenario-pilot-scope-list small,
.scenario-pilot-cadence span,
.scenario-pilot-object-list small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.scenario-pilot-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.scenario-pilot-scope-list,
.scenario-pilot-cadence,
.scenario-pilot-object-list,
.scenario-pilot-proof-list,
.scenario-pilot-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.scenario-pilot-scope-list div,
.scenario-pilot-cadence div,
.scenario-pilot-object-list div,
.scenario-pilot-proof-list div,
.scenario-pilot-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.scenario-pilot-scope-list div {
  grid-template-columns: minmax(132px, 0.32fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.scenario-pilot-cadence div {
  grid-template-columns: 58px minmax(132px, 0.32fr) minmax(0, 1fr);
  gap: 10px;
}

.scenario-pilot-object-list div {
  grid-template-columns: minmax(136px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.scenario-pilot-proof-list,
.scenario-pilot-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.scenario-pilot-scope-list strong,
.scenario-pilot-cadence strong,
.scenario-pilot-object-list strong,
.scenario-pilot-proof-list strong,
.scenario-pilot-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.scenario-pilot-scope-list p,
.scenario-pilot-cadence p,
.scenario-pilot-object-list p,
.scenario-pilot-proof-list p,
.scenario-pilot-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.scenario-pilot-scope-list small,
.scenario-pilot-object-list small {
  width: max-content;
  max-width: 100%;
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 3px 6px;
}

.scenario-pilot-scope-list [data-scenario-scope="risk"] small,
.scenario-pilot-object-list [data-scenario-object="workflow"] small {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.scenario-pilot-object-list [data-scenario-object="signal"] small {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
}

.scenario-pilot-object-list [data-scenario-object="proof"] small,
.scenario-pilot-scope-list [data-scenario-scope="sample"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.scenario-pilot-cadence span {
  color: var(--blue);
}

.case-layout article,
.article-body,
.legal-article {
  display: grid;
  gap: 10px;
}

.section--article {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: var(--paper);
}

.article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 18px;
  align-items: start;
}

.article-body--deep {
  max-width: none;
  border: 0;
  background: transparent;
  padding: 0;
}

.article-kicker {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.article-kicker span,
.article-meta-grid span,
.article-workflow span,
.article-panel span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.article-body--deep > h2 {
  max-width: 860px;
  margin-top: 18px;
  color: var(--paper-ink);
  font-size: 42px;
  line-height: 1.04;
}

.article-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.article-meta-grid div {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 14px;
}

.article-meta-grid strong {
  display: block;
  margin-top: 8px;
  color: var(--paper-ink);
  line-height: 1.16;
}

.article-section {
  display: grid;
  gap: 10px;
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding-top: 24px;
}

.article-section h3 {
  color: var(--paper-ink);
  font-size: 26px;
  line-height: 1.08;
}

.article-section p {
  max-width: 780px;
  margin-top: 0;
  color: #adadad;
  font-size: 17px;
  line-height: 1.65;
}

.article-workflow {
  display: grid;
  gap: 10px;
}

.article-workflow article {
  display: grid;
  grid-template-columns: 48px minmax(132px, 0.3fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 14px;
}

.article-workflow strong {
  color: var(--paper-ink);
  line-height: 1.14;
}

.article-workflow p {
  font-size: 14px;
  line-height: 1.45;
}

.article-aside {
  position: sticky;
  top: 118px;
  display: grid;
  gap: 12px;
}

.article-panel {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 18px;
}

.article-panel--dark {
  border-color: var(--line);
  background: #0d100f;
  color: var(--text);
}

.article-panel div {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding-top: 12px;
}

.article-panel--dark div {
  border-color: var(--line);
}

.article-panel p {
  margin-top: 4px;
  color: #adadad;
  font-size: 14px;
  line-height: 1.45;
}

.article-panel--dark p {
  color: var(--muted);
}

.article-panel ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding-left: 18px;
}

.article-panel li {
  color: #adadad;
  font-size: 14px;
  line-height: 1.42;
}

.article-panel--dark .eyebrow,
.article-panel--dark span,
.article-panel--dark li {
  color: var(--text);
}

.section--report-readout {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(244, 247, 242, 1), rgba(235, 239, 232, 0.98)),
    var(--paper);
  color: var(--paper-ink);
}

.report-readout-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(360px, 0.58fr);
  gap: 18px;
  align-items: start;
}

.report-readout-brief,
.report-readout-panel,
.report-readout-cycle {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
}

.report-readout-brief {
  display: grid;
  gap: 18px;
  padding: 22px;
}

.report-readout-kicker {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.report-readout-kicker span,
.report-readout-meta span,
.report-readout-interpretation span,
.report-readout-next span,
.report-readout-panel__top span,
.report-readout-panel__top strong,
.report-readout-cycle__top span,
.report-readout-cycle__top strong,
.report-readout-cycle__steps span {
  color: #69726c;
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.report-readout-brief h2 {
  max-width: 850px;
  color: var(--paper-ink);
  font-size: 42px;
  line-height: 1.04;
}

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

.report-readout-meta div {
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.74);
  padding: 13px;
}

.report-readout-meta strong {
  display: block;
  margin-top: 7px;
  color: var(--paper-ink);
  line-height: 1.16;
}

.report-readout-interpretation {
  display: grid;
  gap: 10px;
}

.report-readout-interpretation article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.7);
  padding: 14px;
}

.report-readout-interpretation span {
  color: var(--teal-dark);
}

.report-readout-interpretation h3 {
  color: var(--paper-ink);
  font-size: 24px;
  line-height: 1.08;
}

.report-readout-interpretation p {
  grid-column: 2 / -1;
  color: #adadad;
  font-size: 15px;
  line-height: 1.56;
}

.report-readout-next {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.13), transparent 72%),
    rgba(11, 16, 14, 0.94);
  color: var(--text);
  padding: 16px;
}

.report-readout-next > span {
  color: var(--teal);
}

.report-readout-next strong {
  max-width: 780px;
  color: var(--text);
  font-size: 18px;
  line-height: 1.24;
}

.report-readout-next .button {
  justify-self: start;
  margin-top: 2px;
  color: #0a0a0a;
}

.report-readout-next .button span {
  color: currentColor;
}

.report-readout-rail {
  position: sticky;
  top: 118px;
  display: grid;
  gap: 12px;
  min-width: 0;
}

.report-readout-panel {
  overflow: hidden;
}

.report-readout-panel--signals {
  border-color: var(--line);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 45%),
    #0d100f;
  color: var(--text);
}

.report-readout-panel__top {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding: 0 14px;
}

.report-readout-panel--signals .report-readout-panel__top {
  border-color: rgba(244, 247, 242, 0.1);
}

.report-readout-panel__top strong {
  width: max-content;
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.report-readout-signal-list,
.report-readout-output-list,
.report-readout-check-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.report-readout-signal-list div,
.report-readout-output-list div,
.report-readout-check-list div {
  display: grid;
  gap: 5px;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.64);
  padding: 11px;
}

.report-readout-panel--signals .report-readout-signal-list div {
  border-color: rgba(244, 247, 242, 0.09);
  background: rgba(244, 247, 242, 0.035);
}

.report-readout-signal-list strong,
.report-readout-output-list strong {
  color: var(--paper-ink);
  line-height: 1.16;
}

.report-readout-panel--signals .report-readout-signal-list strong {
  color: var(--text);
}

.report-readout-signal-list p,
.report-readout-output-list p,
.report-readout-check-list p {
  color: #adadad;
  font-size: 13px;
  line-height: 1.42;
}

.report-readout-panel--signals .report-readout-signal-list p {
  color: var(--muted);
}

.report-readout-cycle {
  display: grid;
  gap: 0;
  margin-top: 14px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 46%),
    #0d100f;
  color: var(--text);
}

.report-readout-cycle__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.report-readout-cycle__top span {
  color: var(--soft);
}

.report-readout-cycle__top strong {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
}

.report-readout-cycle__steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(184px, 1fr));
  gap: 8px;
  padding: 14px;
}

.report-readout-cycle__steps article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.report-readout-cycle__steps span {
  color: var(--blue);
}

.report-readout-cycle__steps strong {
  color: var(--text);
  line-height: 1.16;
}

.report-readout-cycle__steps p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.comparison-matrix {
  display: grid;
  gap: 8px;
}

.comparison-matrix__head,
.comparison-matrix div:not(.comparison-matrix__head) {
  display: grid;
  grid-template-columns: minmax(130px, 0.34fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 12px;
}

.comparison-matrix__head {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent 72%),
    rgba(11, 16, 14, 0.94);
}

.comparison-matrix__head span,
.comparison-matrix__head strong,
.comparison-matrix div:not(.comparison-matrix__head) span {
  color: #69726c;
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.comparison-matrix__head span,
.comparison-matrix__head strong {
  color: var(--text);
}

.comparison-matrix__head strong:last-child {
  color: var(--teal);
}

.comparison-matrix div:not(.comparison-matrix__head) span {
  color: var(--teal-dark);
}

.comparison-matrix p {
  color: #adadad;
  font-size: 14px;
  line-height: 1.44;
}

.comparison-decision .report-readout-next {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.07) 58%, transparent),
    rgba(11, 16, 14, 0.94);
}

.section--article-field-memo {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--article-field-memo::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--article-field-memo > .container {
  position: relative;
  z-index: 1;
}

.section--article-field-memo .section__heading h2 {
  color: var(--text);
}

.section--article-field-memo .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--article-field-memo .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  color: var(--text);
}

.article-memo-console {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
  gap: 12px;
}

.article-memo-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 46%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.article-memo-panel--state {
  grid-row: span 2;
}

.article-memo-panel--workflow,
.article-memo-panel--boundaries {
  grid-column: 1 / -1;
}

.article-memo-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.article-memo-panel__top span,
.article-memo-panel__top strong,
.article-memo-state-list small,
.article-memo-workflow span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.article-memo-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.article-memo-state-list,
.article-memo-signal-list,
.article-memo-workflow,
.article-memo-output-list,
.article-memo-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.article-memo-state-list div,
.article-memo-signal-list div,
.article-memo-workflow div,
.article-memo-output-list div,
.article-memo-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.article-memo-state-list div {
  grid-template-columns: minmax(128px, 0.32fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.article-memo-workflow div {
  grid-template-columns: 42px minmax(138px, 0.28fr) minmax(0, 1fr);
  gap: 10px;
}

.article-memo-output-list,
.article-memo-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.article-memo-state-list strong,
.article-memo-signal-list strong,
.article-memo-workflow strong,
.article-memo-output-list strong,
.article-memo-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.article-memo-state-list p,
.article-memo-signal-list p,
.article-memo-workflow p,
.article-memo-output-list p,
.article-memo-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.article-memo-state-list small {
  width: max-content;
  max-width: 100%;
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 3px 6px;
}

.article-memo-workflow span {
  color: var(--blue);
}

.workspace-readiness {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.workspace-readiness article {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 12px;
}

.workspace-readiness span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.workspace-readiness p {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.42;
}

.page-hero--workspace {
  overflow: hidden;
  padding: 86px 0 58px;
}

.workspace-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(380px, 0.7fr);
  align-items: center;
  gap: 28px;
}

.workspace-hero-copy {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.workspace-hero-console {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
}

.workspace-hero-console__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.workspace-hero-console__top span,
.workspace-hero-console__top strong,
.workspace-hero-progress span,
.workspace-hero-proof span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.workspace-hero-console__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.workspace-hero-progress {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.workspace-hero-progress div {
  display: grid;
  grid-template-columns: 86px minmax(132px, 0.42fr) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.workspace-hero-progress strong,
.workspace-hero-proof strong {
  color: var(--text);
  line-height: 1.16;
}

.workspace-hero-progress p,
.workspace-hero-proof p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.workspace-hero-progress [data-workspace-hero="capture"] span {
  color: var(--amber);
}

.workspace-hero-progress [data-workspace-hero="normalize"] span,
.workspace-hero-progress [data-workspace-hero="prove"] span {
  color: var(--teal);
}

.workspace-hero-progress [data-workspace-hero="route"] span {
  color: var(--blue);
}

.workspace-hero-proof {
  display: grid;
  gap: 7px;
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.09), transparent 72%),
    rgba(244, 247, 242, 0.025);
}

@media (max-width: 1040px) {
  .workspace-hero-grid {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .workspace-hero-console {
    max-width: 720px;
  }
}

@media (max-width: 640px) {
  .page-hero--workspace {
    padding: 64px 0 44px;
  }

  .workspace-hero-grid {
    gap: 20px;
  }

  .workspace-hero-console__top {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .workspace-hero-progress div {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

.section--workspace-room {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--workspace-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(244, 247, 242, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.78), transparent 88%);
  pointer-events: none;
}

.section--workspace-room > .container {
  position: relative;
  z-index: 1;
}

.section--workspace-room .section__heading h2 {
  color: var(--text);
}

.section--workspace-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--workspace-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  background: rgba(244, 247, 242, 0.04);
  color: var(--text);
}

.workspace-preview-console {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

.workspace-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.workspace-panel--agent,
.workspace-panel--boundaries {
  grid-column: 1 / -1;
}

.workspace-panel--agent .agent-shell--wide {
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  background: transparent;
}

.workspace-panel--agent .agent-shell__body {
  min-height: 500px;
}

.workspace-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.workspace-panel__top span,
.workspace-panel__top strong,
.workspace-scope-list small,
.workspace-evidence-table small,
.workspace-backlog-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.workspace-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.workspace-scope-list,
.workspace-evidence-table,
.workspace-backlog-list,
.workspace-readout-list,
.workspace-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.workspace-scope-list div,
.workspace-evidence-table div,
.workspace-backlog-list div,
.workspace-readout-list div,
.workspace-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.workspace-scope-list div,
.workspace-evidence-table div {
  grid-template-columns: minmax(132px, 0.32fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.workspace-backlog-list div {
  grid-template-columns: 36px minmax(128px, 0.34fr) minmax(0, 1fr);
  gap: 10px;
}

.workspace-readout-list,
.workspace-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.workspace-readout-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-scope-list strong,
.workspace-evidence-table strong,
.workspace-backlog-list strong,
.workspace-readout-list strong,
.workspace-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.workspace-scope-list p,
.workspace-evidence-table p,
.workspace-backlog-list p,
.workspace-readout-list p,
.workspace-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.workspace-backlog-list p {
  grid-column: 3 / -1;
}

.workspace-scope-list small,
.workspace-evidence-table small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.workspace-scope-list [data-workspace-state="map"] small,
.workspace-scope-list [data-workspace-state="prove"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
}

.workspace-scope-list [data-workspace-state="evidence"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

@media (max-width: 1180px) {
  .workspace-preview-console {
    grid-template-columns: 1fr;
  }

  .workspace-readout-list,
  .workspace-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--workspace-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .workspace-preview-console,
  .workspace-panel,
  .workspace-scope-list div,
  .workspace-evidence-table div,
  .workspace-backlog-list div,
  .workspace-readout-list,
  .workspace-readout-list div,
  .workspace-boundary-list,
  .workspace-boundary-list div {
    min-width: 0;
  }

  .section--workspace-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .workspace-scope-list div,
  .workspace-evidence-table div,
  .workspace-backlog-list div,
  .workspace-readout-list,
  .workspace-boundary-list {
    grid-template-columns: 1fr;
  }

  .workspace-backlog-list p,
  .workspace-scope-list small,
  .workspace-evidence-table small {
    grid-column: auto;
    justify-self: start;
  }

  .workspace-panel__top {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .workspace-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }
}

.section--architecture-console {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--architecture-console::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent 88%);
  pointer-events: none;
}

.section--architecture-console > .container {
  position: relative;
  z-index: 1;
}

.architecture-console {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: 12px;
}

.architecture-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.architecture-panel--layers {
  grid-row: span 2;
}

.architecture-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.architecture-panel__top span,
.architecture-panel__top strong,
.architecture-layer-list span,
.architecture-layer-list small,
.architecture-object-table small,
.architecture-stack-list span,
.readiness-gates span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.architecture-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 4px 8px;
  white-space: nowrap;
}

.architecture-layer-list,
.architecture-object-table,
.architecture-stack-list,
.readiness-gates {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.architecture-layer-list div,
.architecture-object-table div,
.architecture-stack-list div,
.readiness-gates article {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.architecture-layer-list div {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: start;
}

.architecture-layer-list p {
  grid-column: 2 / -1;
}

.architecture-layer-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: var(--teal);
  padding: 3px 6px;
}

.architecture-object-table div {
  grid-template-columns: minmax(118px, 0.36fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.architecture-object-table small,
.architecture-stack-list span,
.readiness-gates span {
  justify-self: start;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.architecture-stack-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.architecture-layer-list strong,
.architecture-object-table strong,
.architecture-stack-list strong,
.readiness-gates strong,
.docs-readiness h2 {
  color: var(--text);
  line-height: 1.16;
}

.architecture-layer-list p,
.architecture-object-table p,
.architecture-stack-list p,
.docs-readiness p,
.readiness-gates p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.architecture-stack-list [data-stack-state="implemented"] span,
.readiness-gates [data-readiness-state="implemented"] span {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.architecture-stack-list [data-stack-state="future app"] span,
.readiness-gates [data-readiness-state="future app"] span,
.readiness-gates [data-readiness-state="designed"] span {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.docs-readiness {
  display: grid;
  grid-template-columns: minmax(0, 0.62fr) minmax(0, 1.38fr);
  gap: 24px;
  align-items: start;
}

.docs-readiness h2 {
  margin-top: 12px;
  font-size: 40px;
  line-height: 1.04;
}

.docs-readiness p:not(.eyebrow) {
  margin-top: 14px;
}

.readiness-gates {
  padding: 0;
}

.section--design-system {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--design-system::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(244, 247, 242, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--design-system > .container {
  position: relative;
  z-index: 1;
}

.design-system-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.design-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.design-panel--ledger {
  grid-row: span 2;
}

.design-panel--states {
  grid-column: 1 / -1;
}

.design-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.design-panel__top span,
.design-panel__top strong,
.design-primitive-ledger small,
.design-gate-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.design-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.design-primitive-ledger,
.design-gate-list,
.design-tone-list,
.design-state-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.design-primitive-ledger div,
.design-gate-list div,
.design-tone-list div,
.design-state-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.design-primitive-ledger div {
  grid-template-columns: minmax(124px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.design-gate-list div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.design-gate-list p {
  grid-column: 2 / -1;
}

.design-state-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.design-primitive-ledger strong,
.design-gate-list strong,
.design-tone-list strong,
.design-state-list strong {
  color: var(--text);
  line-height: 1.16;
}

.design-primitive-ledger p,
.design-gate-list p,
.design-tone-list p,
.design-state-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.design-primitive-ledger small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.design-primitive-ledger [data-design-state="map"] small,
.design-primitive-ledger [data-design-state="proof"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
}

.design-primitive-ledger [data-design-state="source"] small,
.design-primitive-ledger [data-design-state="workflow"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.design-primitive-ledger [data-design-state="readout"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.section--design-surface-inspection {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(13, 16, 15, 0.99)),
    #030404;
  color: var(--text);
}

.section--design-surface-inspection::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.78) 16%, transparent 92%);
  pointer-events: none;
}

.section--design-surface-inspection > .container {
  position: relative;
  z-index: 1;
}

.section--design-surface-inspection .section__heading h2 {
  color: var(--text);
}

.section--design-surface-inspection .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--design-surface-inspection .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  background: rgba(244, 247, 242, 0.04);
  color: var(--text);
}

.design-inspection-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.design-inspection-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.design-inspection-panel--surface {
  grid-row: span 2;
}

.design-inspection-panel--reviewers,
.design-inspection-panel--boundaries {
  grid-column: 1 / -1;
}

.design-inspection-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.design-inspection-panel__top span,
.design-inspection-panel__top strong,
.design-surface-list small,
.design-inspection-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.design-inspection-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.design-surface-list,
.design-detail-list,
.design-inspection-list,
.design-reviewer-list,
.design-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.design-surface-list div,
.design-detail-list div,
.design-inspection-list div,
.design-reviewer-list div,
.design-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.design-surface-list div {
  grid-template-columns: minmax(126px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.design-detail-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.design-inspection-list div {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}

.design-inspection-list p {
  grid-column: 2 / -1;
}

.design-reviewer-list,
.design-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.design-surface-list strong,
.design-detail-list strong,
.design-inspection-list strong,
.design-reviewer-list strong,
.design-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.design-surface-list p,
.design-detail-list p,
.design-inspection-list p,
.design-reviewer-list p,
.design-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.design-surface-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.design-surface-list [data-design-surface="map"] small,
.design-surface-list [data-design-surface="proof"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
}

.design-surface-list [data-design-surface="source"] small,
.design-surface-list [data-design-surface="workflow"] small,
.design-surface-list [data-design-surface="mobile"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.design-inspection-list span {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

@media (max-width: 1180px) {
  .design-inspection-console {
    grid-template-columns: 1fr;
  }

  .design-inspection-panel--surface,
  .design-inspection-panel--reviewers,
  .design-inspection-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .design-surface-list div {
    grid-template-columns: minmax(118px, 0.36fr) minmax(0, 1fr);
  }

  .design-surface-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .design-detail-list,
  .design-reviewer-list,
  .design-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--design-surface-inspection .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--design-surface-inspection .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .design-inspection-console,
  .design-inspection-panel,
  .design-surface-list div,
  .design-detail-list,
  .design-detail-list div,
  .design-inspection-list div,
  .design-reviewer-list,
  .design-reviewer-list div,
  .design-boundary-list,
  .design-boundary-list div {
    min-width: 0;
  }

  .design-surface-list div,
  .design-detail-list,
  .design-inspection-list div,
  .design-reviewer-list,
  .design-boundary-list {
    grid-template-columns: 1fr;
  }

  .design-surface-list small,
  .design-inspection-list p {
    grid-column: auto;
  }

  .design-inspection-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .design-inspection-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--design-surface-inspection .section__heading p:not(.eyebrow),
  .design-inspection-panel__top span,
  .design-inspection-panel__top strong,
  .design-surface-list strong,
  .design-surface-list p,
  .design-surface-list small,
  .design-detail-list strong,
  .design-detail-list p,
  .design-inspection-list span,
  .design-inspection-list strong,
  .design-inspection-list p,
  .design-reviewer-list strong,
  .design-reviewer-list p,
  .design-boundary-list strong,
  .design-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .design-surface-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--brand-system {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--brand-system::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--brand-system > .container {
  position: relative;
  z-index: 1;
}

.brand-system-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.brand-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.brand-panel--signal {
  grid-row: span 2;
}

.brand-panel--boundaries {
  grid-column: 1 / -1;
}

.brand-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.brand-panel__top span,
.brand-panel__top strong,
.brand-signal-list small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.brand-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.brand-mark-spec {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 22px;
}

.brand-mark-spec .brand__mark {
  width: 58px;
  height: 58px;
  border-width: 2px;
  border-color: var(--text);
  background:
    linear-gradient(135deg, transparent 31%, rgba(255, 255, 255, 0.92) 32%, rgba(255, 255, 255, 0.92) 48%, transparent 49%),
    linear-gradient(45deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08));
  box-shadow: 0 0 34px rgba(255, 255, 255, 0.18);
}

.brand-mark-spec strong {
  display: block;
  color: var(--text);
  font-size: 24px;
  line-height: 1;
}

.brand-mark-spec p {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.brand-signal-list,
.brand-visual-list,
.brand-voice-list,
.brand-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.brand-signal-list div,
.brand-visual-list div,
.brand-voice-list div,
.brand-boundary-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.brand-signal-list div {
  grid-template-columns: minmax(126px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.brand-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.brand-signal-list strong,
.brand-visual-list strong,
.brand-voice-list strong,
.brand-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.brand-signal-list p,
.brand-visual-list p,
.brand-voice-list p,
.brand-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.brand-signal-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.brand-signal-list [data-brand-state="loop"] small,
.brand-signal-list [data-brand-state="language"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.brand-signal-list [data-brand-state="trust"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.brand-swatch-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.brand-swatch-strip span {
  min-height: 34px;
  border: 1px solid rgba(244, 247, 242, 0.12);
  border-radius: 7px;
  background: var(--teal);
}

.brand-swatch-strip span:nth-child(2) {
  background: var(--amber);
}

.brand-swatch-strip span:nth-child(3) {
  background: var(--blue);
}

.brand-swatch-strip span:nth-child(4) {
  background: var(--lime);
}

.brand-swatch-strip span:nth-child(5) {
  background: var(--red);
}

.section--brand-quality-room {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(13, 16, 15, 0.99)),
    #030404;
  color: var(--text);
}

.section--brand-quality-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8) 14%, transparent 92%);
  pointer-events: none;
}

.section--brand-quality-room > .container {
  position: relative;
  z-index: 1;
}

.section--brand-quality-room .section__heading h2 {
  color: var(--text);
}

.section--brand-quality-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--brand-quality-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  color: var(--text);
}

.brand-quality-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.brand-quality-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.brand-quality-panel--gates {
  grid-row: span 2;
}

.brand-quality-panel--review {
  grid-column: 1 / -1;
}

.brand-quality-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.brand-quality-panel__top span,
.brand-quality-panel__top strong,
.brand-quality-gate-list span,
.brand-quality-gate-list small,
.brand-surface-spec-list small,
.brand-copy-audit-list small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.brand-quality-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.brand-quality-gate-list,
.brand-surface-spec-list,
.brand-copy-audit-list,
.brand-buyer-review-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.brand-quality-gate-list div,
.brand-surface-spec-list div,
.brand-copy-audit-list div,
.brand-buyer-review-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.brand-quality-gate-list div {
  grid-template-columns: 34px minmax(126px, 0.3fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.brand-surface-spec-list div,
.brand-copy-audit-list div {
  grid-template-columns: minmax(130px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.brand-buyer-review-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.brand-quality-gate-list strong,
.brand-surface-spec-list strong,
.brand-copy-audit-list strong,
.brand-buyer-review-list strong {
  color: var(--text);
  line-height: 1.16;
}

.brand-quality-gate-list p,
.brand-surface-spec-list p,
.brand-copy-audit-list p,
.brand-buyer-review-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.brand-quality-gate-list small,
.brand-surface-spec-list small,
.brand-copy-audit-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.brand-quality-gate-list [data-brand-quality="objects"] small,
.brand-quality-gate-list [data-brand-quality="fit"] small,
.brand-copy-audit-list [data-brand-copy="verify"] small,
.brand-copy-audit-list [data-brand-copy="surface"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.brand-quality-gate-list [data-brand-quality="state"] small,
.brand-copy-audit-list [data-brand-copy="bound"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.brand-surface-spec-list small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
}

@media (max-width: 1180px) {
  .brand-quality-console {
    grid-template-columns: 1fr;
  }

  .brand-quality-panel--gates,
  .brand-quality-panel--review {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .brand-quality-gate-list div {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .brand-quality-gate-list p,
  .brand-quality-gate-list small {
    grid-column: 2 / -1;
  }

  .brand-surface-spec-list div,
  .brand-copy-audit-list div {
    grid-template-columns: minmax(122px, 0.36fr) minmax(0, 1fr);
  }

  .brand-surface-spec-list small,
  .brand-copy-audit-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .brand-buyer-review-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--brand-quality-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--brand-quality-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .brand-quality-console,
  .brand-quality-panel,
  .brand-quality-gate-list div,
  .brand-surface-spec-list div,
  .brand-copy-audit-list div,
  .brand-buyer-review-list,
  .brand-buyer-review-list div {
    min-width: 0;
  }

  .brand-quality-gate-list div,
  .brand-surface-spec-list div,
  .brand-copy-audit-list div,
  .brand-buyer-review-list {
    grid-template-columns: 1fr;
  }

  .brand-quality-gate-list p,
  .brand-quality-gate-list small,
  .brand-surface-spec-list small,
  .brand-copy-audit-list small {
    grid-column: auto;
  }

  .brand-quality-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .brand-quality-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--brand-quality-room .section__heading p:not(.eyebrow),
  .brand-quality-panel__top span,
  .brand-quality-panel__top strong,
  .brand-quality-gate-list span,
  .brand-quality-gate-list strong,
  .brand-quality-gate-list p,
  .brand-quality-gate-list small,
  .brand-surface-spec-list strong,
  .brand-surface-spec-list p,
  .brand-surface-spec-list small,
  .brand-copy-audit-list strong,
  .brand-copy-audit-list p,
  .brand-copy-audit-list small,
  .brand-buyer-review-list strong,
  .brand-buyer-review-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .brand-quality-gate-list small,
  .brand-surface-spec-list small,
  .brand-copy-audit-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--briefing-system,
.section--event-briefing {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--briefing-system::before,
.section--event-briefing::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--event-briefing::before {
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 34px 34px;
}

.section--briefing-system > .container,
.section--event-briefing > .container {
  position: relative;
  z-index: 1;
}

.briefing-system-console,
.event-briefing-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.briefing-panel,
.event-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.briefing-panel--loop,
.event-panel--scope {
  grid-row: span 2;
}

.briefing-panel--outputs,
.briefing-panel--objects,
.briefing-panel--boundaries,
.event-panel--objects,
.event-panel--guardrails {
  grid-column: 1 / -1;
}

.briefing-panel__top,
.event-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.briefing-panel__top span,
.briefing-panel__top strong,
.briefing-loop-list small,
.briefing-city-list span,
.briefing-readiness-list small,
.briefing-protocol-list span,
.briefing-object-list small,
.event-panel__top span,
.event-panel__top strong,
.event-agenda-list span,
.event-readiness-list small,
.event-protocol-list span,
.event-object-list small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.briefing-panel__top strong,
.event-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.event-panel__top strong {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.briefing-loop-list,
.briefing-city-list,
.briefing-audience-list,
.briefing-output-list,
.briefing-readiness-list,
.briefing-protocol-list,
.briefing-object-list,
.briefing-boundary-list,
.event-evidence-list,
.event-agenda-list,
.event-output-list,
.event-readiness-list,
.event-protocol-list,
.event-object-list,
.event-guardrail-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.briefing-loop-list div,
.briefing-city-list a,
.briefing-audience-list div,
.briefing-output-list div,
.briefing-readiness-list div,
.briefing-protocol-list div,
.briefing-object-list div,
.briefing-boundary-list div,
.event-scope-card,
.event-evidence-list div,
.event-agenda-list div,
.event-output-list div,
.event-readiness-list div,
.event-protocol-list div,
.event-object-list div,
.event-guardrail-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.briefing-loop-list div {
  grid-template-columns: minmax(92px, 0.24fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.briefing-city-list a {
  grid-template-columns: minmax(104px, 0.34fr) minmax(0, 0.46fr) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.briefing-readiness-list div,
.briefing-object-list div {
  grid-template-columns: minmax(132px, 0.32fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.briefing-protocol-list div {
  grid-template-columns: 42px minmax(128px, 0.32fr) minmax(0, 1fr);
  gap: 10px;
}

.briefing-protocol-list p {
  grid-column: 3 / -1;
}

.event-agenda-list div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.event-agenda-list p,
.event-protocol-list p {
  grid-column: 2 / -1;
}

.event-protocol-list div {
  grid-template-columns: 42px minmax(128px, 0.32fr) minmax(0, 1fr);
  gap: 10px;
}

.event-readiness-list div,
.event-object-list div {
  grid-template-columns: minmax(132px, 0.32fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.event-scope-card {
  margin: 14px 14px 0;
}

.briefing-output-list,
.briefing-boundary-list,
.event-output-list,
.event-guardrail-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.briefing-loop-list strong,
.briefing-city-list strong,
.briefing-audience-list strong,
.briefing-output-list strong,
.briefing-readiness-list strong,
.briefing-protocol-list strong,
.briefing-object-list strong,
.briefing-boundary-list strong,
.event-scope-card strong,
.event-evidence-list strong,
.event-agenda-list strong,
.event-output-list strong,
.event-readiness-list strong,
.event-protocol-list strong,
.event-object-list strong,
.event-guardrail-list strong {
  color: var(--text);
  line-height: 1.16;
}

.briefing-loop-list p,
.briefing-city-list p,
.briefing-audience-list p,
.briefing-output-list p,
.briefing-readiness-list p,
.briefing-protocol-list p,
.briefing-object-list p,
.briefing-boundary-list p,
.event-scope-card p,
.event-evidence-list p,
.event-agenda-list p,
.event-output-list p,
.event-readiness-list p,
.event-protocol-list p,
.event-object-list p,
.event-guardrail-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.briefing-loop-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.briefing-loop-list [data-briefing-state="workflow"] small,
.briefing-loop-list [data-briefing-state="measurement"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.briefing-loop-list [data-briefing-state="trust"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.briefing-readiness-list small,
.briefing-object-list small {
  width: max-content;
  max-width: 100%;
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 3px 6px;
}

.briefing-readiness-list [data-briefing-readiness="fit"] small,
.briefing-object-list [data-briefing-object="signal"] small {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
}

.briefing-readiness-list [data-briefing-readiness="governed"] small,
.briefing-object-list [data-briefing-object="workflow"] small {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.briefing-readiness-list [data-briefing-readiness="pilot"] small,
.briefing-object-list [data-briefing-object="proof"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.briefing-protocol-list span {
  color: var(--blue);
}

.event-readiness-list small,
.event-object-list small {
  width: max-content;
  max-width: 100%;
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 3px 6px;
}

.event-readiness-list [data-event-readiness="governed"] small,
.event-object-list [data-event-object="risk"] small {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.event-readiness-list [data-event-readiness="fit"] small,
.event-object-list [data-event-object="signal"] small {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
}

.event-readiness-list [data-event-readiness="pilot"] small,
.event-object-list [data-event-object="pilot"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.event-protocol-list span {
  color: var(--blue);
}

@media (max-width: 1180px) {
  .briefing-system-console,
  .event-briefing-console {
    grid-template-columns: 1fr;
  }

  .briefing-panel--loop,
  .event-panel--scope {
    grid-row: auto;
  }

  .briefing-panel--outputs,
  .briefing-panel--objects,
  .briefing-panel--boundaries,
  .event-panel--objects,
  .event-panel--guardrails {
    grid-column: auto;
  }
}

@media (max-width: 880px) {
  .briefing-loop-list div,
  .briefing-city-list a {
    grid-template-columns: minmax(104px, 0.34fr) minmax(0, 1fr);
  }

  .briefing-loop-list small,
  .briefing-city-list p {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .briefing-output-list,
  .briefing-boundary-list,
  .event-output-list,
  .event-guardrail-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .briefing-readiness-list div,
  .briefing-object-list div {
    grid-template-columns: minmax(128px, 0.36fr) minmax(0, 1fr);
  }

  .briefing-readiness-list small,
  .briefing-object-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .briefing-protocol-list div {
    grid-template-columns: 42px minmax(132px, 0.36fr) minmax(0, 1fr);
  }

  .briefing-protocol-list p {
    grid-column: 3 / -1;
  }

  .event-readiness-list div,
  .event-object-list div {
    grid-template-columns: minmax(128px, 0.36fr) minmax(0, 1fr);
  }

  .event-readiness-list small,
  .event-object-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }
}

@media (max-width: 680px) {
  .section--briefing-system .container,
  .section--event-briefing .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--briefing-system .section__heading h2,
  .section--event-briefing .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .briefing-system-console,
  .briefing-panel,
  .briefing-loop-list div,
  .briefing-city-list a,
  .briefing-audience-list div,
  .briefing-output-list,
  .briefing-output-list div,
  .briefing-readiness-list div,
  .briefing-protocol-list div,
  .briefing-object-list div,
  .briefing-boundary-list,
  .briefing-boundary-list div,
  .event-briefing-console,
  .event-panel,
  .event-scope-card,
  .event-evidence-list div,
  .event-agenda-list div,
  .event-output-list div,
  .event-readiness-list div,
  .event-protocol-list div,
  .event-object-list div,
  .event-guardrail-list,
  .event-guardrail-list div {
    min-width: 0;
  }

  .briefing-loop-list div,
  .briefing-city-list a,
  .briefing-readiness-list div,
  .briefing-protocol-list div,
  .briefing-object-list div,
  .event-agenda-list div,
  .event-readiness-list div,
  .event-protocol-list div,
  .event-object-list div {
    grid-template-columns: 1fr;
  }

  .briefing-loop-list small,
  .briefing-city-list p,
  .briefing-readiness-list small,
  .briefing-protocol-list p,
  .briefing-object-list small,
  .event-agenda-list p,
  .event-readiness-list small,
  .event-protocol-list p,
  .event-object-list small {
    grid-column: auto;
  }

  .briefing-output-list,
  .briefing-boundary-list,
  .event-output-list,
  .event-guardrail-list {
    grid-template-columns: 1fr;
  }

  .section--briefing-system .section__heading p:not(.eyebrow),
  .section--event-briefing .section__heading p:not(.eyebrow),
  .briefing-loop-list strong,
  .briefing-loop-list p,
  .briefing-loop-list small,
  .briefing-city-list span,
  .briefing-city-list strong,
  .briefing-city-list p,
  .briefing-audience-list strong,
  .briefing-audience-list p,
  .briefing-output-list strong,
  .briefing-output-list p,
  .briefing-readiness-list strong,
  .briefing-readiness-list p,
  .briefing-readiness-list small,
  .briefing-protocol-list span,
  .briefing-protocol-list strong,
  .briefing-protocol-list p,
  .briefing-object-list strong,
  .briefing-object-list p,
  .briefing-object-list small,
  .briefing-boundary-list strong,
  .briefing-boundary-list p,
  .event-scope-card strong,
  .event-scope-card p,
  .event-evidence-list strong,
  .event-evidence-list p,
  .event-agenda-list span,
  .event-agenda-list strong,
  .event-agenda-list p,
  .event-output-list strong,
  .event-output-list p,
  .event-readiness-list strong,
  .event-readiness-list p,
  .event-readiness-list small,
  .event-protocol-list span,
  .event-protocol-list strong,
  .event-protocol-list p,
  .event-object-list strong,
  .event-object-list p,
  .event-object-list small,
  .event-guardrail-list strong,
  .event-guardrail-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .briefing-loop-list small,
  .briefing-readiness-list small,
  .briefing-object-list small,
  .event-readiness-list small,
  .event-object-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--partner-system,
.section--career-system {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--partner-system::before,
.section--career-system::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--career-system::before {
  background:
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 34px 34px;
}

.section--partner-system > .container,
.section--career-system > .container {
  position: relative;
  z-index: 1;
}

.partner-system-console,
.career-system-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.partner-panel,
.career-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.partner-panel--tracks,
.career-panel--roles {
  grid-row: span 2;
}

.partner-panel--guardrails,
.career-panel--interview {
  grid-column: 1 / -1;
}

.partner-panel__top,
.career-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.partner-panel__top span,
.partner-panel__top strong,
.partner-track-list small,
.partner-workflow-list span,
.career-panel__top span,
.career-panel__top strong,
.career-role-list small,
.career-operating-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.partner-panel__top strong,
.career-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.career-panel__top strong {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.partner-track-list,
.partner-workflow-list,
.partner-enable-list,
.partner-guardrail-list,
.career-role-list,
.career-operating-list,
.career-principle-list,
.career-interview-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.partner-track-list div,
.partner-workflow-list div,
.partner-enable-list div,
.partner-guardrail-list div,
.career-role-list div,
.career-operating-list div,
.career-principle-list div,
.career-interview-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.partner-track-list div,
.career-role-list div {
  grid-template-columns: minmax(132px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.partner-workflow-list div,
.career-operating-list div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.partner-workflow-list p,
.career-operating-list p {
  grid-column: 2 / -1;
}

.partner-guardrail-list,
.career-interview-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.career-interview-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.partner-track-list strong,
.partner-workflow-list strong,
.partner-enable-list strong,
.partner-guardrail-list strong,
.career-role-list strong,
.career-operating-list strong,
.career-principle-list strong,
.career-interview-list strong {
  color: var(--text);
  line-height: 1.16;
}

.partner-track-list p,
.partner-workflow-list p,
.partner-enable-list p,
.partner-guardrail-list p,
.career-role-list p,
.career-operating-list p,
.career-principle-list p,
.career-interview-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.partner-track-list small,
.career-role-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.partner-track-list [data-partner-state="data"] small,
.partner-track-list [data-partner-state="source"] small,
.career-role-list [data-career-state="surface"] small,
.career-role-list [data-career-state="evidence"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.partner-track-list [data-partner-state="commerce"] small,
.career-role-list [data-career-state="operator"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.section--career-build-room {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(13, 16, 15, 0.99)),
    #030404;
  color: var(--text);
}

.section--career-build-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.78) 16%, transparent 92%);
  pointer-events: none;
}

.section--career-build-room > .container {
  position: relative;
  z-index: 1;
}

.section--career-build-room .section__heading h2 {
  color: var(--text);
}

.section--career-build-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--career-build-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  color: var(--text);
}

.career-build-console {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  gap: 12px;
}

.career-build-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.career-build-panel--cadence {
  grid-row: span 2;
}

.career-build-panel--candidate,
.career-build-panel--boundaries {
  grid-column: 1 / -1;
}

.career-build-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.career-build-panel__top span,
.career-build-panel__top strong,
.career-cadence-list span,
.career-surface-list small,
.career-readiness-list small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.career-build-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 4px 8px;
  text-align: right;
}

.career-cadence-list,
.career-surface-list,
.career-readiness-list,
.career-candidate-list,
.career-team-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.career-cadence-list div,
.career-surface-list div,
.career-readiness-list div,
.career-candidate-list div,
.career-team-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.career-cadence-list div {
  grid-template-columns: 42px minmax(118px, 0.3fr) minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}

.career-surface-list div,
.career-readiness-list div {
  grid-template-columns: minmax(126px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.career-candidate-list,
.career-team-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.career-cadence-list strong,
.career-surface-list strong,
.career-readiness-list strong,
.career-candidate-list strong,
.career-team-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.career-cadence-list p,
.career-surface-list p,
.career-readiness-list p,
.career-candidate-list p,
.career-team-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.career-surface-list small,
.career-readiness-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.career-surface-list [data-career-surface="agent"] small,
.career-surface-list [data-career-surface="proof"] small,
.career-readiness-list [data-career-readiness="draft"] small,
.career-readiness-list [data-career-readiness="scoped"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.career-surface-list [data-career-surface="pilot"] small,
.career-readiness-list [data-career-readiness="gated"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

@media (max-width: 1180px) {
  .career-build-console {
    grid-template-columns: 1fr;
  }

  .career-build-panel--cadence,
  .career-build-panel--candidate,
  .career-build-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .career-cadence-list div {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .career-cadence-list p {
    grid-column: 2 / -1;
  }

  .career-surface-list div,
  .career-readiness-list div {
    grid-template-columns: minmax(118px, 0.36fr) minmax(0, 1fr);
  }

  .career-surface-list small,
  .career-readiness-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .career-candidate-list,
  .career-team-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--career-build-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--career-build-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .career-build-console,
  .career-build-panel,
  .career-cadence-list div,
  .career-surface-list div,
  .career-readiness-list div,
  .career-candidate-list,
  .career-candidate-list div,
  .career-team-boundary-list,
  .career-team-boundary-list div {
    min-width: 0;
  }

  .career-cadence-list div,
  .career-surface-list div,
  .career-readiness-list div,
  .career-candidate-list,
  .career-team-boundary-list {
    grid-template-columns: 1fr;
  }

  .career-cadence-list p,
  .career-surface-list small,
  .career-readiness-list small {
    grid-column: auto;
  }

  .career-build-panel__top {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .career-build-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--career-build-room .section__heading p:not(.eyebrow),
  .career-build-panel__top span,
  .career-build-panel__top strong,
  .career-cadence-list span,
  .career-cadence-list strong,
  .career-cadence-list p,
  .career-surface-list strong,
  .career-surface-list p,
  .career-surface-list small,
  .career-readiness-list strong,
  .career-readiness-list p,
  .career-readiness-list small,
  .career-candidate-list strong,
  .career-candidate-list p,
  .career-team-boundary-list strong,
  .career-team-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .career-surface-list small,
  .career-readiness-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--solution-routing {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--solution-routing::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.023) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--solution-routing > .container {
  position: relative;
  z-index: 1;
}

.section--solution-routing .section__heading h2 {
  color: var(--text);
}

.section--solution-routing .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--solution-routing .button--line {
  border-color: rgba(244, 247, 242, 0.2);
  color: var(--text);
}

.solution-hub-console {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 12px;
}

.solution-hub-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.solution-hub-panel--routing {
  grid-row: span 2;
}

.solution-hub-panel--boundaries {
  grid-column: 1 / -1;
}

.solution-hub-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.solution-hub-panel__top span,
.solution-hub-panel__top strong,
.solution-routing-list span,
.solution-routing-list small,
.solution-intake-list small,
.solution-layer-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.solution-hub-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.solution-routing-list,
.solution-intake-list,
.solution-layer-list,
.solution-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.solution-routing-list a,
.solution-intake-list div,
.solution-layer-list div,
.solution-boundary-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.solution-routing-list a {
  grid-template-columns: minmax(150px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.solution-routing-list p {
  grid-column: 1 / -1;
}

.solution-routing-list small,
.solution-intake-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 3px 6px;
}

.solution-intake-list div {
  grid-template-columns: minmax(128px, 0.36fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.solution-layer-list div {
  grid-template-columns: 54px minmax(0, 0.38fr) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.solution-layer-list span {
  display: grid;
  width: 48px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.solution-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.solution-routing-list strong,
.solution-intake-list strong,
.solution-layer-list strong,
.solution-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.solution-routing-list p,
.solution-intake-list p,
.solution-layer-list p,
.solution-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

@media (max-width: 1180px) {
  .solution-hub-console {
    grid-template-columns: 1fr;
  }

  .solution-hub-panel--routing {
    grid-row: auto;
  }

  .solution-hub-panel--boundaries {
    grid-column: auto;
  }
}

@media (max-width: 880px) {
  .solution-routing-list a,
  .solution-intake-list div {
    grid-template-columns: minmax(132px, 0.36fr) minmax(0, 1fr);
  }

  .solution-routing-list small,
  .solution-intake-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .solution-layer-list div {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .solution-layer-list p {
    grid-column: 2 / -1;
  }

  .solution-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--solution-routing .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--solution-routing .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .solution-hub-console,
  .solution-hub-panel,
  .solution-routing-list a,
  .solution-intake-list div,
  .solution-layer-list div,
  .solution-boundary-list,
  .solution-boundary-list div {
    min-width: 0;
  }

  .solution-routing-list a,
  .solution-intake-list div,
  .solution-layer-list div,
  .solution-boundary-list {
    grid-template-columns: 1fr;
  }

  .solution-routing-list small,
  .solution-intake-list small,
  .solution-layer-list p {
    grid-column: auto;
  }

  .section--solution-routing .section__heading p:not(.eyebrow),
  .solution-routing-list span,
  .solution-routing-list strong,
  .solution-routing-list p,
  .solution-routing-list small,
  .solution-intake-list strong,
  .solution-intake-list p,
  .solution-intake-list small,
  .solution-layer-list span,
  .solution-layer-list strong,
  .solution-layer-list p,
  .solution-boundary-list strong,
  .solution-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .solution-routing-list small,
  .solution-intake-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--solution-room {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 16% 16%, rgba(255, 255, 255, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--solution-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(244, 247, 242, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--solution-room > .container {
  position: relative;
  z-index: 1;
}

.solution-room {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 12px;
}

.solution-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.solution-panel--cadence {
  grid-row: span 2;
}

.solution-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.solution-panel__top span,
.solution-panel__top strong,
.solution-cadence span,
.solution-action-table small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.solution-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.solution-cadence,
.solution-evidence,
.solution-action-table,
.solution-proof-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.solution-cadence div,
.solution-evidence div,
.solution-action-table div,
.solution-proof-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.solution-cadence div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.solution-cadence p {
  grid-column: 2 / -1;
}

.solution-action-table div {
  grid-template-columns: minmax(126px, 0.48fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.solution-action-table small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.solution-cadence strong,
.solution-evidence strong,
.solution-action-table strong,
.solution-proof-list strong {
  color: var(--text);
  line-height: 1.16;
}

.solution-cadence p,
.solution-evidence p,
.solution-action-table p,
.solution-proof-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.section--solution-decision-room {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(13, 16, 15, 0.99)),
    #030404;
  color: var(--text);
}

.section--solution-decision-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.78) 12%, transparent 92%);
  pointer-events: none;
}

.section--solution-decision-room > .container {
  position: relative;
  z-index: 1;
}

.section--solution-decision-room .section__heading h2 {
  color: var(--text);
}

.section--solution-decision-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--solution-decision-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  color: var(--text);
}

.solution-decision-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.solution-decision-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.solution-decision-panel--scope {
  grid-row: span 2;
}

.solution-decision-panel--proof,
.solution-decision-panel--boundaries {
  grid-column: 1 / -1;
}

.solution-decision-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.solution-decision-panel__top span,
.solution-decision-panel__top strong,
.solution-scope-list small,
.solution-handoff-list small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.solution-decision-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.solution-scope-list,
.solution-object-list,
.solution-handoff-list,
.solution-decision-proof-list,
.solution-decision-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.solution-scope-list div,
.solution-object-list div,
.solution-handoff-list div,
.solution-decision-proof-list div,
.solution-decision-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.solution-scope-list div,
.solution-handoff-list div {
  grid-template-columns: minmax(122px, 0.32fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.solution-decision-proof-list,
.solution-decision-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.solution-decision-proof-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.solution-scope-list strong,
.solution-object-list strong,
.solution-handoff-list strong,
.solution-decision-proof-list strong,
.solution-decision-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.solution-scope-list p,
.solution-object-list p,
.solution-handoff-list p,
.solution-decision-proof-list p,
.solution-decision-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.solution-scope-list small,
.solution-handoff-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.solution-scope-list [data-solution-scope="map"] small,
.solution-scope-list [data-solution-scope="source"] small,
.solution-scope-list [data-solution-scope="package"] small,
.solution-scope-list [data-solution-scope="operate"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.solution-scope-list [data-solution-scope="prove"] small,
.solution-scope-list [data-solution-scope="proof"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

@media (max-width: 1180px) {
  .solution-decision-console {
    grid-template-columns: 1fr;
  }

  .solution-decision-panel--scope,
  .solution-decision-panel--proof,
  .solution-decision-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .solution-scope-list div,
  .solution-handoff-list div {
    grid-template-columns: minmax(118px, 0.36fr) minmax(0, 1fr);
  }

  .solution-scope-list small,
  .solution-handoff-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .solution-decision-proof-list,
  .solution-decision-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--solution-decision-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--solution-decision-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .solution-decision-console,
  .solution-decision-panel,
  .solution-scope-list div,
  .solution-object-list div,
  .solution-handoff-list div,
  .solution-decision-proof-list,
  .solution-decision-proof-list div,
  .solution-decision-boundary-list,
  .solution-decision-boundary-list div {
    min-width: 0;
  }

  .solution-scope-list div,
  .solution-handoff-list div,
  .solution-decision-proof-list,
  .solution-decision-boundary-list {
    grid-template-columns: 1fr;
  }

  .solution-scope-list small,
  .solution-handoff-list small {
    grid-column: auto;
  }

  .solution-decision-panel__top {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .solution-decision-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--solution-decision-room .section__heading p:not(.eyebrow),
  .solution-decision-panel__top span,
  .solution-decision-panel__top strong,
  .solution-scope-list strong,
  .solution-scope-list p,
  .solution-scope-list small,
  .solution-object-list strong,
  .solution-object-list p,
  .solution-handoff-list strong,
  .solution-handoff-list p,
  .solution-handoff-list small,
  .solution-decision-proof-list strong,
  .solution-decision-proof-list p,
  .solution-decision-boundary-list strong,
  .solution-decision-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .solution-scope-list small,
  .solution-handoff-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.page-hero--feature-product {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.11), transparent 32%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1));
  padding: 86px 0 58px;
}

.page-hero--feature-product::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(244, 247, 242, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 247, 242, 0.018) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.82), transparent 90%);
  pointer-events: none;
}

.feature-hero--amber {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1));
}

.feature-hero--lime {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.11), transparent 32%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1));
}

.feature-hero--red {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.11), transparent 32%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1));
}

.feature-hero--blue {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1));
}

.page-hero--feature-product > .container {
  position: relative;
  z-index: 1;
}

.feature-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(440px, 0.78fr);
  align-items: center;
  gap: 28px;
}

.feature-hero-copy {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.feature-hero-state-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.feature-hero-state-strip span {
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 999px;
  background: rgba(244, 247, 242, 0.05);
  color: var(--soft);
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.feature-hero-console {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244, 247, 242, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), transparent 42%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
}

.feature-hero-console__top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.feature-hero-console__top span,
.feature-hero-console__top strong,
.feature-hero-scope span,
.feature-hero-records small,
.feature-hero-contract span,
.feature-hero-proof span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.feature-hero-console__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.feature-hero--amber .feature-hero-console__top strong {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.feature-hero--lime .feature-hero-console__top strong {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.feature-hero--red .feature-hero-console__top strong {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--red);
}

.feature-hero--blue .feature-hero-console__top strong {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.feature-hero-scope,
.feature-hero-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 14px;
}

.feature-hero-scope div,
.feature-hero-proof div {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.feature-hero-scope strong,
.feature-hero-records strong,
.feature-hero-contract strong,
.feature-hero-proof strong {
  color: var(--text);
  line-height: 1.16;
}

.feature-hero-records,
.feature-hero-contract {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.feature-hero-records {
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
}

.feature-hero-records div,
.feature-hero-contract div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 11px;
}

.feature-hero-records div {
  grid-template-columns: minmax(118px, 0.36fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.feature-hero-records small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.feature-hero-contract {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.feature-hero-contract [data-feature-contract="capture"] span {
  color: var(--amber);
}

.feature-hero-contract [data-feature-contract="normalize"] span {
  color: var(--teal);
}

.feature-hero-contract [data-feature-contract="route"] span {
  color: var(--blue);
}

.feature-hero-contract [data-feature-contract="prove"] span {
  color: var(--lime);
}

.feature-hero-proof {
  border-top: 1px solid rgba(244, 247, 242, 0.1);
  border-bottom: 0;
}

.feature-hero-scope p,
.feature-hero-records p,
.feature-hero-contract p,
.feature-hero-proof p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.feature-hero-console__top span,
.feature-hero-console__top strong,
.feature-hero-scope span,
.feature-hero-scope strong,
.feature-hero-records strong,
.feature-hero-records p,
.feature-hero-records small,
.feature-hero-contract span,
.feature-hero-contract strong,
.feature-hero-contract p,
.feature-hero-proof span,
.feature-hero-proof strong {
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
  .feature-hero-grid {
    grid-template-columns: 1fr;
  }

  .feature-hero-copy {
    max-width: 820px;
  }
}

@media (max-width: 680px) {
  .page-hero--feature-product {
    padding: 64px 0 48px;
  }

  .feature-hero-scope,
  .feature-hero-contract,
  .feature-hero-proof {
    grid-template-columns: 1fr;
  }

  .feature-hero-records div {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .feature-hero-records small {
    justify-self: start;
  }
}

.section--feature-console {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.09), transparent 28%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--feature-console::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(244, 247, 242, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 247, 242, 0.018) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.74), transparent 88%);
  pointer-events: none;
}

.feature-console--amber {
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.1), transparent 28%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
}

.feature-console--lime {
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.1), transparent 28%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
}

.feature-console--red {
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.1), transparent 28%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
}

.feature-console--blue {
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.12), transparent 28%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
}

.section--feature-console > .container {
  position: relative;
  z-index: 1;
}

.feature-contract-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.feature-contract-strip div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.042), transparent 54%),
    rgba(9, 11, 10, 0.88);
  padding: 12px;
}

.feature-contract-strip span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.feature-contract-strip strong {
  color: var(--text);
  line-height: 1.16;
}

.feature-contract-strip p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.feature-contract-strip [data-feature-contract="capture"] span {
  color: var(--amber);
}

.feature-contract-strip [data-feature-contract="normalize"] span {
  color: var(--teal);
}

.feature-contract-strip [data-feature-contract="route"] span {
  color: var(--blue);
}

.feature-contract-strip [data-feature-contract="prove"] span {
  color: var(--lime);
}

@media (max-width: 900px) {
  .feature-contract-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .feature-contract-strip {
    grid-template-columns: 1fr;
  }
}

.feature-console {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: 12px;
}

.feature-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.feature-panel--workflow {
  grid-row: span 2;
}

.feature-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.feature-panel__top span,
.feature-panel__top strong,
.feature-workflow span,
.feature-record-table small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.feature-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.feature-console--amber .feature-panel__top strong {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.feature-console--lime .feature-panel__top strong {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.feature-console--red .feature-panel__top strong {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--red);
}

.feature-console--blue .feature-panel__top strong {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.feature-workflow,
.feature-record-table,
.feature-control-list,
.feature-readout-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.feature-workflow div,
.feature-record-table div,
.feature-control-list div,
.feature-readout-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.feature-workflow div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.feature-workflow p {
  grid-column: 2 / -1;
}

.feature-record-table div {
  grid-template-columns: minmax(124px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.feature-record-table small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.feature-workflow strong,
.feature-record-table strong,
.feature-control-list strong,
.feature-readout-list strong {
  color: var(--text);
  line-height: 1.16;
}

.feature-workflow p,
.feature-record-table p,
.feature-control-list p,
.feature-readout-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.section--enterprise-readiness {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 255, 255, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--enterprise-readiness::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.78), transparent 88%);
  pointer-events: none;
}

.section--enterprise-readiness > .container {
  position: relative;
  z-index: 1;
}

.enterprise-readiness-console {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  gap: 12px;
}

.enterprise-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.enterprise-panel--readiness {
  grid-row: span 2;
}

.enterprise-panel--proof {
  grid-column: 1 / -1;
}

.enterprise-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.enterprise-panel__top span,
.enterprise-panel__top strong,
.enterprise-workplan span,
.enterprise-readiness-list small,
.enterprise-integration-table small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.enterprise-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 4px 8px;
  text-align: right;
}

.enterprise-readiness-list,
.enterprise-workplan,
.enterprise-boundary-list,
.enterprise-integration-table,
.enterprise-proof-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.enterprise-readiness-list div,
.enterprise-workplan div,
.enterprise-boundary-list div,
.enterprise-integration-table div,
.enterprise-proof-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.enterprise-readiness-list div {
  grid-template-columns: minmax(124px, 0.36fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.enterprise-workplan div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.enterprise-workplan p {
  grid-column: 2 / -1;
}

.enterprise-integration-table {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.enterprise-integration-table div {
  grid-template-columns: minmax(104px, 0.34fr) minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.enterprise-integration-table small {
  grid-column: 2 / -1;
  justify-self: start;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--teal);
  padding: 3px 6px;
}

.enterprise-proof-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.enterprise-readiness-list strong,
.enterprise-workplan strong,
.enterprise-boundary-list strong,
.enterprise-integration-table strong,
.enterprise-proof-list strong {
  color: var(--text);
  line-height: 1.16;
}

.enterprise-readiness-list p,
.enterprise-workplan p,
.enterprise-boundary-list p,
.enterprise-integration-table p,
.enterprise-proof-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.enterprise-readiness-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.enterprise-readiness-list [data-enterprise-state="implemented"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.enterprise-readiness-list [data-enterprise-state="designed"] small,
.enterprise-readiness-list [data-enterprise-state="future app"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.section--enterprise-deployment-room {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(13, 16, 15, 0.99)),
    #030404;
  color: var(--text);
}

.section--enterprise-deployment-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.78) 16%, transparent 92%);
  pointer-events: none;
}

.section--enterprise-deployment-room > .container {
  position: relative;
  z-index: 1;
}

.section--enterprise-deployment-room .section__heading h2 {
  color: var(--text);
}

.section--enterprise-deployment-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--enterprise-deployment-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  background: rgba(244, 247, 242, 0.04);
  color: var(--text);
}

.enterprise-deployment-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.enterprise-deployment-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.enterprise-deployment-panel--deployment {
  grid-row: span 2;
}

.enterprise-deployment-panel--reviewers,
.enterprise-deployment-panel--boundaries {
  grid-column: 1 / -1;
}

.enterprise-deployment-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.enterprise-deployment-panel__top span,
.enterprise-deployment-panel__top strong,
.enterprise-deployment-list small,
.enterprise-control-evidence-list small,
.enterprise-review-path-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.enterprise-deployment-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 4px 8px;
  text-align: right;
}

.enterprise-deployment-list,
.enterprise-control-evidence-list,
.enterprise-review-path-list,
.enterprise-reviewer-list,
.enterprise-deployment-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.enterprise-deployment-list div,
.enterprise-control-evidence-list div,
.enterprise-review-path-list div,
.enterprise-reviewer-list div,
.enterprise-deployment-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.enterprise-deployment-list div,
.enterprise-control-evidence-list div {
  grid-template-columns: minmax(134px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.enterprise-review-path-list div {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}

.enterprise-review-path-list p {
  grid-column: 2 / -1;
}

.enterprise-reviewer-list,
.enterprise-deployment-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.enterprise-deployment-list strong,
.enterprise-control-evidence-list strong,
.enterprise-review-path-list strong,
.enterprise-reviewer-list strong,
.enterprise-deployment-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.enterprise-deployment-list p,
.enterprise-control-evidence-list p,
.enterprise-review-path-list p,
.enterprise-reviewer-list p,
.enterprise-deployment-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.enterprise-deployment-list small,
.enterprise-control-evidence-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.enterprise-deployment-list [data-enterprise-deployment="designed"] small,
.enterprise-control-evidence-list [data-enterprise-control="implemented"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.enterprise-deployment-list [data-enterprise-deployment="future app"] small,
.enterprise-control-evidence-list [data-enterprise-control="scoped"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.enterprise-review-path-list span {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

@media (max-width: 1180px) {
  .enterprise-deployment-console {
    grid-template-columns: 1fr;
  }

  .enterprise-deployment-panel--deployment,
  .enterprise-deployment-panel--reviewers,
  .enterprise-deployment-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .enterprise-deployment-list div,
  .enterprise-control-evidence-list div {
    grid-template-columns: minmax(124px, 0.36fr) minmax(0, 1fr);
  }

  .enterprise-deployment-list small,
  .enterprise-control-evidence-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .enterprise-reviewer-list,
  .enterprise-deployment-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--enterprise-deployment-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--enterprise-deployment-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .enterprise-deployment-console,
  .enterprise-deployment-panel,
  .enterprise-deployment-list div,
  .enterprise-control-evidence-list div,
  .enterprise-review-path-list div,
  .enterprise-reviewer-list,
  .enterprise-reviewer-list div,
  .enterprise-deployment-boundary-list,
  .enterprise-deployment-boundary-list div {
    min-width: 0;
  }

  .enterprise-deployment-list div,
  .enterprise-control-evidence-list div,
  .enterprise-review-path-list div,
  .enterprise-reviewer-list,
  .enterprise-deployment-boundary-list {
    grid-template-columns: 1fr;
  }

  .enterprise-deployment-list small,
  .enterprise-control-evidence-list small,
  .enterprise-review-path-list p {
    grid-column: auto;
  }

  .enterprise-deployment-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .enterprise-deployment-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--enterprise-deployment-room .section__heading p:not(.eyebrow),
  .enterprise-deployment-panel__top span,
  .enterprise-deployment-panel__top strong,
  .enterprise-deployment-list strong,
  .enterprise-deployment-list p,
  .enterprise-deployment-list small,
  .enterprise-control-evidence-list strong,
  .enterprise-control-evidence-list p,
  .enterprise-control-evidence-list small,
  .enterprise-review-path-list span,
  .enterprise-review-path-list strong,
  .enterprise-review-path-list p,
  .enterprise-reviewer-list strong,
  .enterprise-reviewer-list p,
  .enterprise-deployment-boundary-list strong,
  .enterprise-deployment-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .enterprise-deployment-list small,
  .enterprise-control-evidence-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--integration-ops {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.1), transparent 28%),
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--integration-ops::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.78), transparent 88%);
  pointer-events: none;
}

.section--integration-ops > .container {
  position: relative;
  z-index: 1;
}

.integration-ops-console {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 12px;
}

.integration-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.integration-panel--pipeline {
  grid-row: span 2;
}

.integration-panel--guardrails {
  grid-column: 1 / -1;
}

.integration-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.integration-panel__top span,
.integration-panel__top strong,
.integration-pipeline span,
.integration-destination-table small,
.integration-destination-table em,
.integration-event-table small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.integration-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.integration-pipeline,
.integration-destination-table,
.integration-event-table,
.integration-guardrail-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.integration-pipeline div,
.integration-destination-table div,
.integration-event-table div,
.integration-guardrail-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.integration-pipeline div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.integration-pipeline p {
  grid-column: 2 / -1;
}

.integration-destination-table div {
  grid-template-columns: minmax(96px, 0.28fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 10px;
}

.integration-destination-table small {
  grid-column: 2 / -1;
  justify-self: start;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--teal);
  padding: 3px 6px;
}

.integration-destination-table em {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
  font-style: normal;
}

.integration-destination-table [data-integration-state="implemented"] em {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.integration-destination-table [data-integration-state="planned"] em {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.integration-event-table div {
  grid-template-columns: minmax(176px, 0.38fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.integration-event-table small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 3px 6px;
}

.integration-guardrail-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.integration-pipeline strong,
.integration-destination-table strong,
.integration-event-table strong,
.integration-guardrail-list strong {
  color: var(--text);
  line-height: 1.16;
}

.integration-pipeline p,
.integration-destination-table p,
.integration-event-table p,
.integration-guardrail-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.section--integration-contract-room {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(13, 16, 15, 0.99)),
    #030404;
  color: var(--text);
}

.section--integration-contract-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8) 14%, transparent 92%);
  pointer-events: none;
}

.section--integration-contract-room > .container {
  position: relative;
  z-index: 1;
}

.section--integration-contract-room .section__heading h2 {
  color: var(--text);
}

.section--integration-contract-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--integration-contract-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  color: var(--text);
}

.integration-contract-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.integration-contract-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.integration-contract-panel--objects {
  grid-row: span 2;
}

.integration-contract-panel--handoff,
.integration-contract-panel--boundaries {
  grid-column: 1 / -1;
}

.integration-contract-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.integration-contract-panel__top span,
.integration-contract-panel__top strong,
.integration-contract-list small,
.integration-schema-list small,
.integration-sync-review-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.integration-contract-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.integration-contract-list,
.integration-schema-list,
.integration-sync-review-list,
.integration-proof-handoff-list,
.integration-contract-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.integration-contract-list div,
.integration-schema-list div,
.integration-sync-review-list div,
.integration-proof-handoff-list div,
.integration-contract-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.integration-contract-list div,
.integration-schema-list div {
  grid-template-columns: minmax(128px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.integration-sync-review-list div {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}

.integration-sync-review-list p {
  grid-column: 2 / -1;
}

.integration-proof-handoff-list,
.integration-contract-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.integration-contract-list strong,
.integration-schema-list strong,
.integration-sync-review-list strong,
.integration-proof-handoff-list strong,
.integration-contract-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.integration-contract-list p,
.integration-schema-list p,
.integration-sync-review-list p,
.integration-proof-handoff-list p,
.integration-contract-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.integration-contract-list small,
.integration-schema-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.integration-contract-list [data-integration-contract="source"] small,
.integration-contract-list [data-integration-contract="action"] small,
.integration-schema-list [data-integration-schema="scoped"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.integration-contract-list [data-integration-contract="proof"] small,
.integration-schema-list [data-integration-schema="required"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

@media (max-width: 1180px) {
  .integration-contract-console {
    grid-template-columns: 1fr;
  }

  .integration-contract-panel--objects,
  .integration-contract-panel--handoff,
  .integration-contract-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .integration-contract-list div,
  .integration-schema-list div {
    grid-template-columns: minmax(122px, 0.36fr) minmax(0, 1fr);
  }

  .integration-contract-list small,
  .integration-schema-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .integration-proof-handoff-list,
  .integration-contract-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--integration-contract-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--integration-contract-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .integration-contract-console,
  .integration-contract-panel,
  .integration-contract-list div,
  .integration-schema-list div,
  .integration-sync-review-list div,
  .integration-proof-handoff-list,
  .integration-proof-handoff-list div,
  .integration-contract-boundary-list,
  .integration-contract-boundary-list div {
    min-width: 0;
  }

  .integration-contract-list div,
  .integration-schema-list div,
  .integration-sync-review-list div,
  .integration-proof-handoff-list,
  .integration-contract-boundary-list {
    grid-template-columns: 1fr;
  }

  .integration-contract-list small,
  .integration-schema-list small,
  .integration-sync-review-list p {
    grid-column: auto;
  }

  .integration-contract-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .integration-contract-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--integration-contract-room .section__heading p:not(.eyebrow),
  .integration-contract-panel__top span,
  .integration-contract-panel__top strong,
  .integration-contract-list strong,
  .integration-contract-list p,
  .integration-contract-list small,
  .integration-schema-list strong,
  .integration-schema-list p,
  .integration-schema-list small,
  .integration-sync-review-list span,
  .integration-sync-review-list strong,
  .integration-sync-review-list p,
  .integration-proof-handoff-list strong,
  .integration-proof-handoff-list p,
  .integration-contract-boundary-list strong,
  .integration-contract-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .integration-contract-list small,
  .integration-schema-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--trust-center {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--trust-center::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.74), transparent 86%);
  pointer-events: none;
}

.section--trust-center > .container {
  position: relative;
  z-index: 1;
}

.trust-console {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 12px;
}

.trust-console article,
.legal-readiness aside,
.legal-readiness article,
.legal-index__links a {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.trust-console__main {
  grid-row: span 2;
}

.trust-panel__top {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.trust-panel__top span,
.trust-panel__top strong {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.trust-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  white-space: nowrap;
}

.trust-control-list,
.trust-readiness-list,
.trust-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.trust-control-list div,
.trust-readiness-list div,
.trust-boundary-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.trust-readiness-list div {
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.trust-control-list strong,
.trust-readiness-list strong,
.trust-boundary-list strong,
.legal-index__links strong,
.legal-readiness strong,
.legal-readiness h2 {
  color: var(--text);
  line-height: 1.18;
}

.trust-control-list p,
.trust-readiness-list p,
.trust-boundary-list p,
.legal-index__links small,
.legal-readiness p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.38;
}

.trust-readiness-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
  padding: 3px 6px;
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.trust-readiness-list [data-trust-state="scoped"] small,
.trust-readiness-list [data-trust-state="draft-ready"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.trust-readiness-list [data-trust-state="future scope"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.section--trust-packet-room {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(13, 16, 15, 0.99)),
    #030404;
  color: var(--text);
}

.section--trust-packet-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8) 14%, transparent 92%);
  pointer-events: none;
}

.section--trust-packet-room > .container {
  position: relative;
  z-index: 1;
}

.section--trust-packet-room .section__heading h2 {
  color: var(--text);
}

.section--trust-packet-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--trust-packet-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  color: var(--text);
}

.trust-packet-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.trust-packet-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.trust-packet-panel--packet {
  grid-row: span 2;
}

.trust-packet-panel--handoff,
.trust-packet-panel--boundaries {
  grid-column: 1 / -1;
}

.trust-packet-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.trust-packet-panel__top span,
.trust-packet-panel__top strong,
.trust-packet-list small,
.trust-control-evidence-list small,
.trust-review-path-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.trust-packet-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--teal);
  padding: 4px 8px;
  text-align: right;
}

.trust-packet-list,
.trust-control-evidence-list,
.trust-review-path-list,
.trust-handoff-list,
.trust-packet-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.trust-packet-list div,
.trust-control-evidence-list div,
.trust-review-path-list div,
.trust-handoff-list div,
.trust-packet-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.trust-packet-list div,
.trust-control-evidence-list div {
  grid-template-columns: minmax(132px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.trust-review-path-list div {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}

.trust-review-path-list p {
  grid-column: 2 / -1;
}

.trust-handoff-list,
.trust-packet-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.trust-packet-list strong,
.trust-control-evidence-list strong,
.trust-review-path-list strong,
.trust-handoff-list strong,
.trust-packet-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.trust-packet-list p,
.trust-control-evidence-list p,
.trust-review-path-list p,
.trust-handoff-list p,
.trust-packet-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.trust-packet-list small,
.trust-control-evidence-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.trust-packet-list [data-trust-packet="govern"] small,
.trust-packet-list [data-trust-packet="proof"] small,
.trust-control-evidence-list [data-trust-control-evidence="implemented"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.trust-packet-list [data-trust-packet="review"] small,
.trust-control-evidence-list [data-trust-control-evidence="future app"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

@media (max-width: 1180px) {
  .trust-packet-console {
    grid-template-columns: 1fr;
  }

  .trust-packet-panel--packet,
  .trust-packet-panel--handoff,
  .trust-packet-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .trust-packet-list div,
  .trust-control-evidence-list div {
    grid-template-columns: minmax(122px, 0.36fr) minmax(0, 1fr);
  }

  .trust-packet-list small,
  .trust-control-evidence-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .trust-handoff-list,
  .trust-packet-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--trust-packet-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--trust-packet-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .trust-packet-console,
  .trust-packet-panel,
  .trust-packet-list div,
  .trust-control-evidence-list div,
  .trust-review-path-list div,
  .trust-handoff-list,
  .trust-handoff-list div,
  .trust-packet-boundary-list,
  .trust-packet-boundary-list div {
    min-width: 0;
  }

  .trust-packet-list div,
  .trust-control-evidence-list div,
  .trust-review-path-list div,
  .trust-handoff-list,
  .trust-packet-boundary-list {
    grid-template-columns: 1fr;
  }

  .trust-packet-list small,
  .trust-control-evidence-list small,
  .trust-review-path-list p {
    grid-column: auto;
  }

  .trust-packet-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .trust-packet-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--trust-packet-room .section__heading p:not(.eyebrow),
  .trust-packet-panel__top span,
  .trust-packet-panel__top strong,
  .trust-packet-list strong,
  .trust-packet-list p,
  .trust-packet-list small,
  .trust-control-evidence-list strong,
  .trust-control-evidence-list p,
  .trust-control-evidence-list small,
  .trust-review-path-list span,
  .trust-review-path-list strong,
  .trust-review-path-list p,
  .trust-handoff-list strong,
  .trust-handoff-list p,
  .trust-packet-boundary-list strong,
  .trust-packet-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .trust-packet-list small,
  .trust-control-evidence-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--security-disclosure {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(13, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--security-disclosure::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--security-disclosure > .container {
  position: relative;
  z-index: 1;
}

.security-disclosure-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.security-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.security-panel--intake {
  grid-row: span 2;
}

.security-panel--boundaries {
  grid-column: 1 / -1;
}

.security-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.security-panel__top span,
.security-panel__top strong,
.security-intake-list small,
.security-scope-list small,
.security-process-list span {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.security-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 4px 8px;
  text-align: right;
}

.security-intake-list,
.security-scope-list,
.security-process-list,
.security-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.security-intake-list div,
.security-scope-list div,
.security-process-list div,
.security-boundary-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.security-intake-list div,
.security-scope-list div {
  grid-template-columns: minmax(132px, 0.36fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.security-process-list div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.security-process-list p {
  grid-column: 2 / -1;
}

.security-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.security-intake-list strong,
.security-scope-list strong,
.security-process-list strong,
.security-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.security-intake-list p,
.security-scope-list p,
.security-process-list p,
.security-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.security-intake-list small,
.security-scope-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
  padding: 3px 6px;
}

.security-intake-list [data-security-state="optional"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.security-scope-list [data-security-scope="out of scope"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--red);
}

.section--security-triage-room {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(13, 16, 15, 0.99)),
    #030404;
  color: var(--text);
}

.section--security-triage-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8) 14%, transparent 92%);
  pointer-events: none;
}

.section--security-triage-room > .container {
  position: relative;
  z-index: 1;
}

.section--security-triage-room .section__heading h2 {
  color: var(--text);
}

.section--security-triage-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--security-triage-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  color: var(--text);
}

.security-triage-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.security-triage-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.security-triage-panel--severity {
  grid-row: span 2;
}

.security-triage-panel--artifacts,
.security-triage-panel--boundaries {
  grid-column: 1 / -1;
}

.security-triage-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.security-triage-panel__top span,
.security-triage-panel__top strong,
.security-severity-list small,
.security-evidence-chain-list small,
.security-control-state-list small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.security-triage-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 4px 8px;
  text-align: right;
}

.security-severity-list,
.security-evidence-chain-list,
.security-control-state-list,
.security-artifact-list,
.security-safeharbor-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.security-severity-list div,
.security-evidence-chain-list div,
.security-control-state-list div,
.security-artifact-list div,
.security-safeharbor-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.security-severity-list div,
.security-evidence-chain-list div,
.security-control-state-list div {
  grid-template-columns: minmax(126px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.security-artifact-list,
.security-safeharbor-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.security-severity-list strong,
.security-evidence-chain-list strong,
.security-control-state-list strong,
.security-artifact-list strong,
.security-safeharbor-list strong {
  color: var(--text);
  line-height: 1.16;
}

.security-severity-list p,
.security-evidence-chain-list p,
.security-control-state-list p,
.security-artifact-list p,
.security-safeharbor-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.security-severity-list small,
.security-evidence-chain-list small,
.security-control-state-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
  padding: 3px 6px;
}

.security-severity-list [data-security-severity="urgent"] small,
.security-severity-list [data-security-severity="high"] small,
.security-control-state-list [data-security-control="not active"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--red);
}

.security-severity-list [data-security-severity="observe"] small,
.security-evidence-chain-list [data-security-evidence="close"] small,
.security-control-state-list [data-security-control="implemented"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.security-evidence-chain-list [data-security-evidence="assess"] small,
.security-control-state-list [data-security-control="future app"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

@media (max-width: 1180px) {
  .security-triage-console {
    grid-template-columns: 1fr;
  }

  .security-triage-panel--severity,
  .security-triage-panel--artifacts,
  .security-triage-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .security-severity-list div,
  .security-evidence-chain-list div,
  .security-control-state-list div {
    grid-template-columns: minmax(122px, 0.36fr) minmax(0, 1fr);
  }

  .security-severity-list small,
  .security-evidence-chain-list small,
  .security-control-state-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .security-artifact-list,
  .security-safeharbor-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--security-triage-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--security-triage-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .security-triage-console,
  .security-triage-panel,
  .security-severity-list div,
  .security-evidence-chain-list div,
  .security-control-state-list div,
  .security-artifact-list,
  .security-artifact-list div,
  .security-safeharbor-list,
  .security-safeharbor-list div {
    min-width: 0;
  }

  .security-severity-list div,
  .security-evidence-chain-list div,
  .security-control-state-list div,
  .security-artifact-list,
  .security-safeharbor-list {
    grid-template-columns: 1fr;
  }

  .security-severity-list small,
  .security-evidence-chain-list small,
  .security-control-state-list small {
    grid-column: auto;
  }

  .security-triage-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .security-triage-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--security-triage-room .section__heading p:not(.eyebrow),
  .security-triage-panel__top span,
  .security-triage-panel__top strong,
  .security-severity-list strong,
  .security-severity-list p,
  .security-severity-list small,
  .security-evidence-chain-list strong,
  .security-evidence-chain-list p,
  .security-evidence-chain-list small,
  .security-control-state-list strong,
  .security-control-state-list p,
  .security-control-state-list small,
  .security-artifact-list strong,
  .security-artifact-list p,
  .security-safeharbor-list strong,
  .security-safeharbor-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .security-severity-list small,
  .security-evidence-chain-list small,
  .security-control-state-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--legal-console {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(14, 16, 15, 0.98), rgba(3, 4, 4, 1)),
    #030404;
  color: var(--text);
}

.section--legal-console::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), transparent 88%);
  pointer-events: none;
}

.section--legal-console > .container {
  position: relative;
  z-index: 1;
}

.section--legal-console .section__heading h2 {
  color: var(--text);
}

.section--legal-console .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--legal-console .button--line {
  border-color: rgba(244, 247, 242, 0.2);
  color: var(--text);
}

.legal-console-intro {
  align-items: center;
}

.legal-document-console {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 12px;
}

.legal-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), transparent 42%),
    rgba(9, 11, 10, 0.94);
}

.legal-panel--overview {
  grid-row: span 2;
}

.legal-panel--boundaries {
  grid-column: 1 / -1;
}

.legal-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.legal-panel__top span,
.legal-panel__top strong,
.legal-review-list span,
.legal-evidence-list small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.legal-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 4px 8px;
  text-align: right;
}

.legal-overview-body,
.legal-section-list,
.legal-review-list,
.legal-evidence-list,
.legal-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.legal-overview-body {
  gap: 14px;
}

.legal-overview-body h2 {
  color: var(--text);
  font-size: 24px;
  line-height: 1.08;
}

.legal-overview-body > p {
  color: var(--soft);
  font-size: 16px;
  line-height: 1.5;
}

.legal-section-list,
.legal-review-list,
.legal-evidence-list,
.legal-boundary-list {
  padding: 0;
}

.legal-section-list div,
.legal-review-list div,
.legal-evidence-list div,
.legal-boundary-list div {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.legal-review-list div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.legal-review-list p {
  grid-column: 2 / -1;
}

.legal-evidence-list div {
  grid-template-columns: minmax(132px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.legal-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.legal-section-list strong,
.legal-review-list strong,
.legal-evidence-list strong,
.legal-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.legal-section-list p,
.legal-review-list p,
.legal-evidence-list p,
.legal-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.legal-evidence-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
  padding: 3px 6px;
}

.legal-evidence-list [data-legal-state="scoped"] small,
.legal-evidence-list [data-legal-state="draft-ready"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
}

.legal-evidence-list [data-legal-state="future app"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

@media (max-width: 1180px) {
  .security-disclosure-console {
    grid-template-columns: 1fr;
  }

  .security-panel--intake {
    grid-row: auto;
  }

  .security-panel--boundaries {
    grid-column: auto;
  }

  .legal-console-intro,
  .legal-document-console {
    grid-template-columns: 1fr;
  }

  .legal-panel--overview {
    grid-row: auto;
  }

  .legal-panel--boundaries {
    grid-column: auto;
  }
}

@media (max-width: 880px) {
  .security-intake-list div,
  .security-scope-list div,
  .legal-evidence-list div {
    grid-template-columns: minmax(132px, 0.36fr) minmax(0, 1fr);
  }

  .security-intake-list small,
  .security-scope-list small,
  .legal-evidence-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .security-boundary-list,
  .legal-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--security-disclosure .container,
  .section--legal-console .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--security-disclosure .section__heading h2,
  .section--legal-console .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .security-disclosure-console,
  .security-panel,
  .security-intake-list div,
  .security-scope-list div,
  .security-process-list div,
  .security-boundary-list,
  .security-boundary-list div,
  .legal-console-intro,
  .legal-document-console,
  .legal-panel,
  .legal-section-list div,
  .legal-review-list div,
  .legal-evidence-list div,
  .legal-boundary-list,
  .legal-boundary-list div {
    min-width: 0;
  }

  .security-intake-list div,
  .security-scope-list div,
  .security-process-list div,
  .legal-review-list div,
  .legal-evidence-list div,
  .legal-boundary-list {
    grid-template-columns: 1fr;
  }

  .security-intake-list small,
  .security-scope-list small,
  .security-process-list p,
  .legal-review-list p,
  .legal-evidence-list small {
    grid-column: auto;
  }

  .security-boundary-list,
  .legal-boundary-list {
    grid-template-columns: 1fr;
  }

  .legal-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .section--security-disclosure .section__heading p:not(.eyebrow),
  .section--legal-console .section__heading p:not(.eyebrow),
  .security-intake-list strong,
  .security-intake-list p,
  .security-intake-list small,
  .security-scope-list strong,
  .security-scope-list p,
  .security-scope-list small,
  .security-process-list span,
  .security-process-list strong,
  .security-process-list p,
  .security-boundary-list strong,
  .security-boundary-list p,
  .legal-overview-body > p,
  .legal-section-list strong,
  .legal-section-list p,
  .legal-review-list span,
  .legal-review-list strong,
  .legal-review-list p,
  .legal-evidence-list strong,
  .legal-evidence-list p,
  .legal-evidence-list small,
  .legal-boundary-list strong,
  .legal-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .security-intake-list small,
  .security-scope-list small,
  .legal-evidence-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.section--legal-procurement-room {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(3, 4, 4, 1), rgba(14, 16, 15, 0.99)),
    #030404;
  color: var(--text);
}

.section--legal-procurement-room::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8) 14%, transparent 92%);
  pointer-events: none;
}

.section--legal-procurement-room > .container {
  position: relative;
  z-index: 1;
}

.section--legal-procurement-room .section__heading h2 {
  color: var(--text);
}

.section--legal-procurement-room .section__heading p:not(.eyebrow) {
  color: var(--muted);
}

.section--legal-procurement-room .button--line {
  border-color: rgba(244, 247, 242, 0.18);
  color: var(--text);
}

.legal-procurement-console {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 12px;
}

.legal-procurement-panel {
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(9, 11, 10, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.legal-procurement-panel--packet {
  grid-row: span 2;
}

.legal-procurement-panel--artifacts,
.legal-procurement-panel--boundaries {
  grid-column: 1 / -1;
}

.legal-procurement-panel__top {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 247, 242, 0.1);
  padding: 0 14px;
}

.legal-procurement-panel__top span,
.legal-procurement-panel__top strong,
.legal-packet-list small,
.legal-control-list small {
  color: var(--soft);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.legal-procurement-panel__top strong {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 4px 8px;
  text-align: right;
}

.legal-packet-list,
.legal-control-list,
.legal-question-list,
.legal-artifact-list,
.legal-procurement-boundary-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.legal-packet-list div,
.legal-control-list div,
.legal-question-list div,
.legal-artifact-list div,
.legal-procurement-boundary-list div {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(244, 247, 242, 0.09);
  border-radius: 8px;
  background: rgba(244, 247, 242, 0.035);
  padding: 12px;
}

.legal-packet-list div,
.legal-control-list div {
  grid-template-columns: minmax(126px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.legal-artifact-list,
.legal-procurement-boundary-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.legal-packet-list strong,
.legal-control-list strong,
.legal-question-list strong,
.legal-artifact-list strong,
.legal-procurement-boundary-list strong {
  color: var(--text);
  line-height: 1.16;
}

.legal-packet-list p,
.legal-control-list p,
.legal-question-list p,
.legal-artifact-list p,
.legal-procurement-boundary-list p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.legal-packet-list small,
.legal-control-list small {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--amber);
  padding: 3px 6px;
}

.legal-packet-list [data-legal-packet="data"] small,
.legal-packet-list [data-legal-packet="privacy"] small,
.legal-packet-list [data-legal-packet="vendor"] small,
.legal-packet-list [data-legal-packet="retention"] small,
.legal-packet-list [data-legal-packet="analytics"] small,
.legal-control-list [data-legal-control="future app"] small {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--blue);
}

.legal-packet-list [data-legal-packet="approval"] small,
.legal-packet-list [data-legal-packet="rights"] small,
.legal-packet-list [data-legal-packet="security"] small,
.legal-packet-list [data-legal-packet="support"] small,
.legal-control-list [data-legal-control="implemented"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: var(--lime);
}

.legal-control-list [data-legal-control="required"] small {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
}

@media (max-width: 1180px) {
  .legal-procurement-console {
    grid-template-columns: 1fr;
  }

  .legal-procurement-panel--packet,
  .legal-procurement-panel--artifacts,
  .legal-procurement-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 880px) {
  .legal-packet-list div,
  .legal-control-list div {
    grid-template-columns: minmax(122px, 0.36fr) minmax(0, 1fr);
  }

  .legal-packet-list small,
  .legal-control-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .legal-artifact-list,
  .legal-procurement-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--legal-procurement-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--legal-procurement-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .legal-procurement-console,
  .legal-procurement-panel,
  .legal-packet-list div,
  .legal-control-list div,
  .legal-question-list div,
  .legal-artifact-list,
  .legal-artifact-list div,
  .legal-procurement-boundary-list,
  .legal-procurement-boundary-list div {
    min-width: 0;
  }

  .legal-packet-list div,
  .legal-control-list div,
  .legal-artifact-list,
  .legal-procurement-boundary-list {
    grid-template-columns: 1fr;
  }

  .legal-packet-list small,
  .legal-control-list small {
    grid-column: auto;
  }

  .legal-procurement-panel__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }

  .legal-procurement-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--legal-procurement-room .section__heading p:not(.eyebrow),
  .legal-procurement-panel__top span,
  .legal-procurement-panel__top strong,
  .legal-packet-list strong,
  .legal-packet-list p,
  .legal-packet-list small,
  .legal-control-list strong,
  .legal-control-list p,
  .legal-control-list small,
  .legal-question-list strong,
  .legal-question-list p,
  .legal-artifact-list strong,
  .legal-artifact-list p,
  .legal-procurement-boundary-list strong,
  .legal-procurement-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .legal-packet-list small,
  .legal-control-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

.legal-index,
.legal-readiness {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: 24px;
  align-items: start;
}

.legal-index h2 {
  margin-top: 12px;
  font-size: 42px;
  line-height: 1.02;
}

.legal-index p:not(.eyebrow) {
  margin-top: 14px;
  color: #adadad;
  font-size: 18px;
}

.legal-index__links {
  display: grid;
  gap: 10px;
}

.legal-index__links a {
  display: grid;
  gap: 7px;
  background: rgba(255, 255, 255, 0.05);
  padding: 14px;
}

.legal-index__links span,
.legal-readiness aside strong {
  color: var(--teal);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.legal-index__links strong {
  color: var(--paper-ink);
}

.legal-index__links small {
  color: #adadad;
}

.legal-readiness aside,
.legal-readiness article {
  background: rgba(255, 255, 255, 0.05);
  padding: 24px;
}

.legal-readiness aside {
  position: sticky;
  top: calc(var(--header) + 68px);
  display: grid;
  gap: 12px;
}

.legal-readiness aside strong {
  display: block;
  font-size: 13px;
}

.legal-readiness aside .button {
  justify-self: start;
}

.legal-readiness article {
  display: grid;
  gap: 10px;
}

.legal-readiness article h2 {
  color: var(--paper-ink);
  font-size: 26px;
  line-height: 1.08;
}

.legal-readiness p {
  color: #adadad;
}

.event-agenda {
  display: grid;
  gap: 10px;
}

.event-agenda div {
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: center;
  min-height: 62px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.event-agenda div:last-child {
  border-bottom: 0;
}

.event-agenda span {
  color: var(--soft);
  font-size: 13px;
}

.swatches {
  display: flex;
  gap: 8px;
}

.swatches span {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: var(--teal);
}

.swatches span:nth-child(2) {
  background: var(--amber);
}

.swatches span:nth-child(3) {
  background: var(--red);
}

.swatches span:nth-child(4) {
  background: var(--blue);
}

.article-body,
.legal-article {
  max-width: 860px;
}

.article-body.article-body--deep {
  max-width: none;
}

.article-body .button {
  justify-self: start;
  margin-top: 18px;
}

.app-handoff {
  grid-template-columns: 1.25fr 0.75fr;
}

.footer__grid {
  grid-template-columns: 1.4fr repeat(5, minmax(0, 1fr));
}

[data-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 700ms var(--ease-out), transform 700ms var(--ease-out);
}

[data-reveal="visible"] {
  opacity: 1;
  transform: translateY(0);
}

@keyframes logoPulse {
  0%,
  100% {
    box-shadow: 0 0 0 rgba(244, 247, 242, 0);
  }

  50% {
    box-shadow: 0 0 36px rgba(244, 247, 242, 0.24);
  }
}

/* ---- Lightweight entrance + ambient motion ---- */
@keyframes heroRise {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero__copy > * {
  animation: heroRise 780ms var(--ease-out) both;
}
.hero__copy > .eyebrow {
  animation-delay: 60ms;
}
.hero__copy > h1 {
  animation: none;
}
.hero__copy > h1 > span {
  display: block;
  animation: heroRise 780ms var(--ease-out) both;
}
.hero__copy > h1 > span:nth-child(1) {
  animation-delay: 150ms;
}
.hero__copy > h1 > span:nth-child(2) {
  animation-delay: 250ms;
}
.hero__copy > h1 > span:nth-child(3) {
  animation-delay: 350ms;
}
.hero__copy > p {
  animation-delay: 260ms;
}
.hero__copy > .hero-provider-rail {
  animation-delay: 360ms;
}
.hero__copy > .hero__actions {
  animation-delay: 460ms;
}

@keyframes orbitCorePulse {
  0%,
  100% {
    box-shadow: 0 0 48px rgba(255, 255, 255, 0.15);
  }
  50% {
    box-shadow: 0 0 80px rgba(255, 255, 255, 0.3);
  }
}

.orbit__core {
  animation: orbitCorePulse 5.5s ease-in-out infinite;
}

.button {
  transition: transform 160ms var(--ease-out), background 160ms ease, border-color 160ms ease,
    color 160ms ease, box-shadow 200ms ease;
}
.button--light:hover,
.button--primary:hover {
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  .hero__copy > *,
  .hero__copy > h1 > span,
  .orbit__core,
  .button--light:hover,
  .button--primary:hover {
    animation: none;
    transform: none;
  }
}

/* Keep short category labels from breaking mid-word in tight cells */
.answer-ops-scope-strip strong,
.answer-ops-source-list small,
.answer-ops-action-queue > div > span {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

@media (max-width: 1180px) {
  .evidence-grid {
    grid-template-columns: 1fr 1fr;
  }

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

  .index-lab-grid {
    grid-template-columns: 1fr 1fr;
  }

  .index-lab-card--wide {
    grid-column: 1 / -1;
  }

  .proof-console {
    grid-template-columns: 1fr;
  }

  .proof-console__copy {
    position: static;
    max-width: 760px;
  }

  .shopping-console {
    grid-template-columns: 1fr 1fr;
  }

  .shopping-console__main {
    grid-column: 1 / -1;
  }

  .agent-shell--wide .agent-shell__body {
    grid-template-columns: 210px minmax(0, 1fr);
  }

  .agent-run {
    display: none;
  }

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

@media (max-width: 880px) {
  .nav-shell,
  .hero .container {
    width: min(100% - 32px, var(--max));
  }

  .nav {
    inset: calc(var(--header) + 48px) 0 auto 0;
  }

  .hero h1 {
    font-size: 46px;
  }

  .hero-provider-rail {
    max-width: 460px;
  }

  .hero__copy {
    min-height: 360px;
  }

  .agent-shell--wide .agent-shell__body,
  .benchmark-layout,
  .case-layout,
  .event-layout,
  .app-handoff,
  .newsletter-band__inner,
  .primitive-ledger,
  .report-workflow,
  .scenario-board,
  .proof-console__grid,
  .shopping-console,
  .evidence-grid {
    grid-template-columns: 1fr;
  }

  .proof-console__main {
    grid-row: auto;
  }

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

  .index-lab-grid {
    grid-template-columns: 1fr;
  }

  .index-lab-card--wide {
    grid-column: auto;
  }

  .index-cluster-table div {
    grid-template-columns: 1fr 92px;
  }

  .index-cluster-table em {
    grid-column: 1 / -1;
  }

  .report-workflow > div:first-child {
    position: static;
  }

  .report-workflow__steps article {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .report-workflow__steps p {
    grid-column: 2 / -1;
  }

  .scenario-column {
    min-height: auto;
  }

  .content-grid--three,
  .role-grid,
  .partner-grid,
  .brand-system,
  .docs-layout,
  .architecture-grid,
  .primitive-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .answer-table div {
    grid-template-columns: 1fr 92px;
  }

  .answer-table small {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .nav-shell,
  .hero .container {
    width: min(100% - 24px, 366px);
  }

  .nav-shell,
  .hero .container {
    margin-left: 12px;
    margin-right: auto;
  }

  .promo {
    position: sticky;
  }

  .promo a {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    width: min(100% - 24px, 366px);
    min-height: 58px;
    margin-left: 12px;
    margin-right: auto;
    padding-inline: 0;
  }

  .nav {
    inset: calc(var(--header) + 80px) 0 auto 0;
    max-height: calc(100svh - 144px);
  }

  .hero__inner {
    padding-top: 16px;
  }

  .hero__copy {
    min-height: 0;
    padding: 30px 12px;
  }

  .hero h1 {
    width: 100%;
    max-width: 320px;
    justify-self: center;
    font-size: 34px;
    line-height: 1.08;
  }

  .hero__category {
    justify-self: center;
    text-align: center;
  }

  .page-hero {
    overflow: hidden;
    padding: 72px 0 52px;
  }

  .page-hero .container {
    width: min(100% - 24px, 366px);
    margin-left: 12px;
    margin-right: auto;
  }

  .page-hero h1 {
    max-width: 340px;
    font-size: 34px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .page-hero p:not(.eyebrow) {
    max-width: 340px;
    overflow-wrap: anywhere;
  }

  .page-hero--feature {
    padding: 56px 0 38px;
  }

  .section--feature-console {
    padding-top: 52px;
  }

  .section--feature-console .section__heading {
    margin-bottom: 18px;
  }

  .section--platform-primitives {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(245, 245, 245, 0.94)),
      #eeeeeb;
    color: #111613;
  }

  .section--platform-primitives .section__heading h2,
  .section--platform-primitives .primitive-card__top strong {
    color: #111613;
  }

  .section--platform-primitives .section__heading p:not(.eyebrow),
  .section--platform-primitives .primitive-card p {
    color: #555d57;
  }

  .hero-provider-rail {
    width: min(100%, 332px);
    justify-self: center;
    margin-top: 18px;
  }

  .hero-provider-rail__logos {
    justify-content: center;
  }

  .hero-provider-rail__logos strong {
    padding-inline: 9px;
  }

  .hero p:not(.eyebrow) {
    width: min(100%, 300px);
    justify-self: center;
    margin-top: 18px;
    font-size: 16px;
  }

  .hero__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: min(100%, 332px);
    justify-self: center;
    margin-top: 18px;
  }

  .hero__actions .button {
    min-width: 0;
    padding-inline: 8px;
  }

  .hero__visual {
    padding-top: 0;
    padding-bottom: 0;
  }

  .agent-shell--wide .agent-shell__body {
    grid-template-columns: 1fr;
  }

  .agent-shell--wide .agent-sidebar {
    display: none;
  }

  .agent-shell--wide .agent-canvas {
    padding: 28px 16px;
  }

  .agent-shell--wide .agent-shell__top {
    align-items: flex-start;
    flex-direction: column;
    padding: 10px 12px;
  }

  .agent-shell__top > div,
  .agent-canvas__toolbar,
  .agent-canvas__toolbar div {
    flex-wrap: wrap;
  }

  .agent-canvas__toolbar {
    display: grid;
    width: 100%;
  }

  .agent-canvas__toolbar div {
    display: flex;
  }

  .agent-contract-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .agent-contract-strip div {
    min-height: 68px;
  }

  .agent-mode-panel {
    gap: 16px;
  }

  .agent-stage-rail {
    display: none;
  }

  .agent-flow-node {
    width: 100%;
  }

  .agent-flow-node,
  .agent-flow-node--query,
  .agent-flow-node--scrape,
  .agent-flow-node--research {
    transform: none;
  }

  .content-grid--three,
  .role-grid,
  .partner-grid,
  .brand-system,
  .docs-layout,
  .architecture-grid,
  .primitive-grid,
  .platform-primitive-grid,
  .metric-strip,
  .footer__grid {
    grid-template-columns: 1fr;
  }

  .primitive-ledger article {
    grid-template-columns: 1fr;
  }

  .section--platform-primitives .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--platform-primitives .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .section--platform-primitives .section__heading p:not(.eyebrow),
  .primitive-card p,
  .primitive-card__top strong {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .platform-primitive-grid,
  .primitive-card {
    min-width: 0;
  }

  .pricing-grid,
  .price-card {
    min-width: 0;
  }

  .pricing-grid.container {
    width: min(100% - 24px, 366px);
    margin-left: 12px;
    margin-right: auto;
  }

  .price-card {
    overflow: hidden;
    padding: 22px 20px;
  }

  .price-card p,
  .price-card li,
  .price-card > span {
    max-width: 286px;
    overflow-wrap: anywhere;
  }

  .price-card h2 {
    font-size: 44px;
  }

  .price-card .button {
    margin-top: 24px;
  }

  .section--contact-pilot .contact-layout,
  .section--contact-pilot .contact-form,
  .section--contact-pilot .contact-card,
  .form-grid,
  .pilot-brief,
  .pilot-timeline div {
    min-width: 0;
  }

  .case-layout,
  .scenario-board,
  .scenario-column,
  .scenario-row {
    min-width: 0;
  }

  .case-layout.container,
  .section--scenario-board .container {
    width: min(100% - 24px, 366px);
    margin-left: 12px;
    margin-right: auto;
  }

  .case-layout aside,
  .case-layout article,
  .scenario-column {
    overflow: hidden;
    padding: 18px;
  }

  .case-layout aside strong {
    font-size: 56px;
  }

  .section--scenario-board .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .case-layout article h2,
  .case-layout article p,
  .scenario-facts p,
  .scenario-column__top span,
  .scenario-row strong,
  .scenario-row p,
  .scenario-row small {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .section--contact-pilot .contact-layout {
    width: min(100% - 24px, 366px);
    grid-template-columns: 1fr;
    gap: 12px;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--contact-pilot .contact-form,
  .section--contact-pilot .contact-card {
    padding: 18px;
  }

  .form-grid,
  .pilot-timeline div,
  .pilot-review-gates div {
    grid-template-columns: 1fr;
  }

  .contact-form__intro h2,
  .section--contact-pilot .contact-card h2 {
    max-width: 310px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .contact-form__intro p:not(.eyebrow),
  .pilot-brief strong,
  .pilot-brief small,
  .pilot-timeline p {
    overflow-wrap: anywhere;
  }

  .section--index-lab .container,
  .section--report-workflow .container,
  .section--proof-console .container,
  .section--black-friday-index .container,
  .section--shopping-shelf .container,
  .index-band .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .index-lab-grid,
  .index-lab-card,
  .proof-console,
  .proof-console__panel,
  .proof-console__grid,
  .proof-console__grid article,
  .proof-timeline div,
  .freshness-list div,
  .proof-ledger-list div,
  .black-friday-console,
  .black-friday-panel,
  .black-friday-scope-list div,
  .black-friday-prompt-list div,
  .black-friday-runbook-list div,
  .black-friday-output-list,
  .black-friday-output-list div,
  .black-friday-boundary-list,
  .black-friday-boundary-list div,
  .shopping-console,
  .shopping-console article,
  .sku-table div,
  .retailer-list div,
  .shopping-signal-list div,
  .index-band__inner,
  .leaderboard,
  .leaderboard div,
  .leaderboard meter,
  .report-workflow,
  .report-workflow__steps article {
    min-width: 0;
  }

  .index-band p,
  .leaderboard strong {
    overflow-wrap: anywhere;
  }

  .leaderboard div {
    grid-template-columns: 28px minmax(0, 1fr);
    overflow: hidden;
  }

.leaderboard meter {
  width: 100%;
}

.index-lab-card {
  min-height: auto;
  padding: 16px;
}

  .index-lab-card h3,
  .proof-console__copy h2,
  .section--black-friday-index .section__heading h2,
  .section--shopping-shelf .section__heading h2,
  .report-workflow h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .index-cluster-table div,
  .proof-timeline div,
  .freshness-list div,
  .black-friday-scope-list div,
  .black-friday-prompt-list div,
  .black-friday-runbook-list div,
  .black-friday-output-list,
  .black-friday-boundary-list,
  .sku-table div,
  .retailer-list div,
  .report-workflow__steps article {
    grid-template-columns: 1fr;
  }

  .index-cluster-table em,
  .proof-timeline em,
  .freshness-list meter,
  .freshness-list em,
  .black-friday-prompt-list p,
  .black-friday-prompt-list small,
  .black-friday-runbook-list p,
  .sku-table p,
  .retailer-list meter,
  .retailer-list em,
  .report-workflow__steps p {
    grid-column: auto;
  }

  .index-cluster-table strong,
  .engine-score-list strong,
  .source-opportunity-list strong,
  .proof-console__copy p:not(.eyebrow),
  .proof-console__bar span,
  .proof-console__bar strong,
  .proof-card__top span,
  .proof-timeline strong,
  .proof-timeline small,
  .proof-timeline em,
  .freshness-list span,
  .freshness-list em,
  .proof-ledger-list strong,
  .proof-ledger-list span,
  .section--black-friday-index .section__heading p:not(.eyebrow),
  .black-friday-panel__top span,
  .black-friday-panel__top strong,
  .black-friday-scope-list strong,
  .black-friday-scope-list p,
  .black-friday-scope-list small,
  .black-friday-prompt-list strong,
  .black-friday-prompt-list span,
  .black-friday-prompt-list p,
  .black-friday-prompt-list small,
  .black-friday-runbook-list span,
  .black-friday-runbook-list strong,
  .black-friday-runbook-list p,
  .black-friday-output-list strong,
  .black-friday-output-list p,
  .black-friday-boundary-list strong,
  .black-friday-boundary-list p,
  .section--shopping-shelf .section__heading p:not(.eyebrow),
  .shopping-console__top span,
  .shopping-console__top strong,
  .sku-table span,
  .sku-table strong,
  .sku-table em,
  .sku-table p,
  .retailer-list span,
  .retailer-list em,
  .shopping-signal-list strong,
  .report-workflow__steps h3,
  .report-workflow__steps p {
    overflow-wrap: anywhere;
  }

  .answer-table div,
  .action-list div {
    grid-template-columns: 1fr;
  }

  .answer-table small,
  .action-list em {
    grid-column: auto;
  }
}

@media (max-width: 1180px) {
  .article-layout {
    grid-template-columns: minmax(0, 1fr) 320px;
  }

  .report-readout-layout {
    grid-template-columns: 1fr;
  }

  .report-readout-rail {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .article-memo-console {
    grid-template-columns: 1fr;
  }

  .article-memo-panel--state {
    grid-row: auto;
  }

  .article-memo-panel--workflow,
  .article-memo-panel--boundaries {
    grid-column: auto;
  }

  .article-body--deep > h2 {
    font-size: 36px;
  }

  .operating-console {
    grid-template-columns: 1fr 1fr;
  }

  .operating-panel--graph {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .pilot-offer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .pilot-timeline-panel {
    grid-row: auto;
  }

  .research-methodology-console,
  .library-system-console,
  .marketing-operator-console {
    grid-template-columns: 1fr;
  }

  .architecture-console,
  .design-system-console,
  .brand-system-console,
  .partner-system-console,
  .career-system-console,
  .solution-room,
  .feature-console,
  .enterprise-readiness-console,
  .integration-ops-console,
  .docs-readiness {
    grid-template-columns: 1fr;
  }

  .architecture-panel--layers,
  .design-panel--ledger,
  .brand-panel--signal,
  .partner-panel--tracks,
  .career-panel--roles,
  .solution-panel--cadence,
  .feature-panel--workflow,
  .enterprise-panel--readiness,
  .integration-panel--pipeline {
    grid-row: auto;
  }

  .design-panel--states,
  .brand-panel--boundaries,
  .partner-panel--guardrails,
  .career-panel--interview,
  .enterprise-panel--proof,
  .integration-panel--guardrails {
    grid-column: auto;
  }

  .research-protocol-panel,
  .research-artifacts-panel,
  .library-panel--pipeline,
  .library-panel--boundaries,
  .operator-panel--roles,
  .operator-panel--boundaries {
    grid-column: auto;
    grid-row: auto;
  }

  .trust-console,
  .legal-index,
  .legal-readiness {
    grid-template-columns: 1fr;
  }

  .trust-console__main {
    grid-row: auto;
  }

  .legal-readiness aside {
    position: static;
  }
}

@media (max-width: 880px) {
  .article-layout {
    grid-template-columns: 1fr;
  }

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

  .report-readout-cycle__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .article-aside {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .article-workflow article {
    grid-template-columns: 44px minmax(120px, 0.34fr) minmax(0, 1fr);
  }

  .article-memo-state-list div {
    grid-template-columns: minmax(118px, 0.36fr) minmax(0, 1fr);
  }

  .article-memo-state-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .article-memo-workflow div {
    grid-template-columns: 42px minmax(132px, 0.34fr) minmax(0, 1fr);
  }

  .article-memo-output-list,
  .article-memo-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operating-console {
    grid-template-columns: 1fr;
  }

  .operating-graph {
    min-height: 300px;
  }

  .pilot-offer-grid {
    grid-template-columns: 1fr;
  }

  .pilot-timeline-panel,
  .pilot-output-panel,
  .pilot-boundary-panel {
    grid-column: auto;
  }

  .pilot-output-matrix,
  .pilot-boundary-panel ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .research-protocol-table div {
    grid-template-columns: 34px minmax(0, 0.42fr) minmax(0, 1fr);
  }

  .research-protocol-table small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .research-artifact-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .library-artifact-list div {
    grid-template-columns: minmax(118px, 0.36fr) minmax(0, 1fr);
  }

  .library-artifact-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .library-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operator-role-list div,
  .operator-toolchain-list div {
    grid-template-columns: minmax(132px, 0.36fr) minmax(0, 1fr);
  }

  .operator-role-list span,
  .operator-role-list small,
  .operator-toolchain-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .operator-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .architecture-stack-list {
    grid-template-columns: 1fr;
  }

  .architecture-object-table div {
    grid-template-columns: minmax(118px, 0.34fr) minmax(0, 1fr);
  }

  .architecture-object-table small {
    grid-column: 2 / -1;
  }

  .design-primitive-ledger div {
    grid-template-columns: minmax(124px, 0.34fr) minmax(0, 1fr);
  }

  .design-primitive-ledger small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .design-state-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .brand-signal-list div {
    grid-template-columns: minmax(126px, 0.34fr) minmax(0, 1fr);
  }

  .brand-signal-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .brand-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-track-list div,
  .career-role-list div {
    grid-template-columns: minmax(132px, 0.34fr) minmax(0, 1fr);
  }

  .partner-track-list small,
  .career-role-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .partner-guardrail-list,
  .career-interview-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .solution-action-table div {
    grid-template-columns: minmax(126px, 0.44fr) minmax(0, 1fr);
  }

  .solution-action-table small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .feature-record-table div {
    grid-template-columns: minmax(124px, 0.36fr) minmax(0, 1fr);
  }

  .feature-record-table small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .enterprise-readiness-list div {
    grid-template-columns: minmax(124px, 0.34fr) minmax(0, 1fr);
  }

  .enterprise-readiness-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .enterprise-integration-table,
  .enterprise-proof-list,
  .integration-guardrail-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .integration-destination-table div,
  .integration-event-table div {
    grid-template-columns: minmax(132px, 0.42fr) minmax(0, 1fr);
  }

  .integration-destination-table small,
  .integration-event-table small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .trust-readiness-list div {
    grid-template-columns: 1fr auto;
  }

  .trust-readiness-list p {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .section--article .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--report-readout .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--article-field-memo .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .article-body--deep,
  .article-section,
  .article-workflow,
  .article-aside,
  .article-panel,
  .article-meta-grid div,
  .report-readout-brief,
  .report-readout-meta div,
  .report-readout-interpretation article,
  .report-readout-next,
  .comparison-matrix__head,
  .comparison-matrix div:not(.comparison-matrix__head),
  .report-readout-rail,
  .report-readout-panel,
  .report-readout-signal-list div,
  .report-readout-output-list div,
  .report-readout-check-list div,
  .report-readout-cycle,
  .report-readout-cycle__steps article,
  .article-memo-console,
  .article-memo-panel,
  .article-memo-state-list div,
  .article-memo-signal-list div,
  .article-memo-workflow div,
  .article-memo-output-list,
  .article-memo-output-list div,
  .article-memo-boundary-list,
  .article-memo-boundary-list div {
    min-width: 0;
  }

  .article-body--deep > h2,
  .report-readout-brief h2,
  .section--article-field-memo .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .article-meta-grid,
  .article-aside,
  .article-workflow article,
  .report-readout-meta,
  .report-readout-interpretation article,
  .comparison-matrix__head,
  .comparison-matrix div:not(.comparison-matrix__head),
  .report-readout-cycle__steps,
  .article-memo-state-list div,
  .article-memo-workflow div,
  .article-memo-output-list,
  .article-memo-boundary-list {
    grid-template-columns: 1fr;
  }

  .article-memo-state-list small {
    grid-column: auto;
    justify-self: start;
  }

  .report-readout-interpretation p {
    grid-column: auto;
  }

  .article-section h3 {
    font-size: 22px;
  }

  .article-section p {
    font-size: 15px;
    line-height: 1.55;
  }

  .article-panel,
  .article-meta-grid div,
  .article-workflow article,
  .report-readout-brief,
  .report-readout-meta div,
  .report-readout-interpretation article,
  .report-readout-next,
  .comparison-matrix__head,
  .comparison-matrix div:not(.comparison-matrix__head),
  .report-readout-panel__top,
  .report-readout-signal-list div,
  .report-readout-output-list div,
  .report-readout-check-list div,
  .report-readout-cycle__top,
  .report-readout-cycle__steps article,
  .article-memo-panel__top,
  .article-memo-state-list div,
  .article-memo-signal-list div,
  .article-memo-workflow div,
  .article-memo-output-list div,
  .article-memo-boundary-list div {
    padding: 14px;
  }

  .article-memo-panel__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .report-readout-panel__top,
  .report-readout-cycle__top {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
  }

  .article-memo-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .report-readout-panel__top strong,
  .report-readout-cycle__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .section--article-field-memo .section__heading p:not(.eyebrow),
  .report-readout-kicker span,
  .report-readout-meta span,
  .report-readout-meta strong,
  .report-readout-interpretation span,
  .report-readout-interpretation h3,
  .report-readout-interpretation p,
  .report-readout-next span,
  .report-readout-next strong,
  .comparison-matrix__head span,
  .comparison-matrix__head strong,
  .comparison-matrix span,
  .comparison-matrix p,
  .report-readout-panel__top span,
  .report-readout-panel__top strong,
  .report-readout-signal-list strong,
  .report-readout-signal-list p,
  .report-readout-output-list strong,
  .report-readout-output-list p,
  .report-readout-check-list p,
  .report-readout-cycle__top span,
  .report-readout-cycle__top strong,
  .report-readout-cycle__steps span,
  .report-readout-cycle__steps strong,
  .report-readout-cycle__steps p,
  .article-memo-panel__top span,
  .article-memo-panel__top strong,
  .article-memo-state-list strong,
  .article-memo-state-list p,
  .article-memo-state-list small,
  .article-memo-signal-list strong,
  .article-memo-signal-list p,
  .article-memo-workflow span,
  .article-memo-workflow strong,
  .article-memo-workflow p,
  .article-memo-output-list strong,
  .article-memo-output-list p,
  .article-memo-boundary-list strong,
  .article-memo-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .section--operating-model .container,
  .section--pilot-offer .container,
  .section--research-methodology .container,
  .section--library-system .container,
  .section--marketing-operator .container,
  .section--architecture-console .container,
  .section--design-system .container,
  .section--brand-system .container,
  .section--partner-system .container,
  .section--career-system .container,
  .section--solution-room .container,
  .section--feature-console .container,
  .section--enterprise-readiness .container,
  .section--integration-ops .container,
  .section--trust-center .container,
  .docs-readiness.container,
  .legal-index.container,
  .legal-readiness.container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--operating-model .section__heading h2,
  .section--pilot-offer .section__heading h2,
  .section--research-methodology .section__heading h2,
  .section--library-system .section__heading h2,
  .section--marketing-operator .section__heading h2,
  .section--architecture-console .section__heading h2,
  .section--design-system .section__heading h2,
  .section--brand-system .section__heading h2,
  .section--partner-system .section__heading h2,
  .section--career-system .section__heading h2,
  .section--solution-room .section__heading h2,
  .section--feature-console .section__heading h2,
  .section--enterprise-readiness .section__heading h2,
  .section--integration-ops .section__heading h2,
  .docs-readiness h2,
  .legal-index h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .section--operating-model .section__heading p:not(.eyebrow),
  .section--pilot-offer .section__heading p:not(.eyebrow),
  .section--research-methodology .section__heading p:not(.eyebrow),
  .section--library-system .section__heading p:not(.eyebrow),
  .section--marketing-operator .section__heading p:not(.eyebrow),
  .operating-streams strong,
  .operating-streams p,
  .operating-controls strong,
  .operating-controls p,
  .operating-output-list strong,
  .operating-output-list span,
  .operating-graph span,
  .operating-graph small,
  .operating-scores strong,
  .pilot-scope-list strong,
  .pilot-scope-list p,
  .pilot-workplan strong,
  .pilot-workplan p,
  .pilot-output-matrix strong,
  .pilot-output-matrix p,
  .pilot-boundary-panel li,
  .research-protocol-table strong,
  .research-protocol-table p,
  .research-protocol-table small,
  .research-score-grid strong,
  .research-score-grid p,
  .research-gate-list strong,
  .research-gate-list p,
  .research-artifact-list strong,
  .research-artifact-list p,
  .library-pipeline-list span,
  .library-pipeline-list strong,
  .library-pipeline-list p,
  .library-artifact-list strong,
  .library-artifact-list p,
  .library-artifact-list small,
  .library-signal-list strong,
  .library-signal-list p,
  .library-boundary-list strong,
  .library-boundary-list p,
  .operator-role-list strong,
  .operator-role-list p,
  .operator-role-list span,
  .operator-role-list small,
  .operator-runbook-list span,
  .operator-runbook-list strong,
  .operator-runbook-list p,
  .operator-toolchain-list strong,
  .operator-toolchain-list p,
  .operator-toolchain-list small,
  .operator-boundary-list strong,
  .operator-boundary-list p,
  .architecture-layer-list strong,
  .architecture-layer-list p,
  .architecture-layer-list small,
  .architecture-object-table strong,
  .architecture-object-table p,
  .architecture-object-table small,
  .architecture-stack-list strong,
  .architecture-stack-list p,
  .architecture-stack-list span,
  .design-primitive-ledger strong,
  .design-primitive-ledger p,
  .design-primitive-ledger small,
  .design-gate-list strong,
  .design-gate-list p,
  .design-gate-list span,
  .design-tone-list strong,
  .design-tone-list p,
  .design-state-list strong,
  .design-state-list p,
  .brand-mark-spec strong,
  .brand-mark-spec p,
  .brand-signal-list strong,
  .brand-signal-list p,
  .brand-signal-list small,
  .brand-visual-list strong,
  .brand-visual-list p,
  .brand-voice-list strong,
  .brand-voice-list p,
  .brand-boundary-list strong,
  .brand-boundary-list p,
  .partner-track-list strong,
  .partner-track-list p,
  .partner-track-list small,
  .partner-workflow-list strong,
  .partner-workflow-list p,
  .partner-workflow-list span,
  .partner-enable-list strong,
  .partner-enable-list p,
  .partner-guardrail-list strong,
  .partner-guardrail-list p,
  .career-role-list strong,
  .career-role-list p,
  .career-role-list small,
  .career-operating-list strong,
  .career-operating-list p,
  .career-operating-list span,
  .career-principle-list strong,
  .career-principle-list p,
  .career-interview-list strong,
  .career-interview-list p,
  .docs-readiness h2,
  .docs-readiness p,
  .readiness-gates strong,
  .readiness-gates p,
  .readiness-gates span,
  .solution-cadence strong,
  .solution-cadence p,
  .solution-evidence strong,
  .solution-evidence p,
  .solution-action-table strong,
  .solution-action-table p,
  .solution-action-table small,
  .solution-proof-list strong,
  .solution-proof-list p,
  .feature-workflow strong,
  .feature-workflow p,
  .feature-record-table strong,
  .feature-record-table p,
  .feature-record-table small,
  .feature-control-list strong,
  .feature-control-list p,
  .feature-readout-list strong,
  .feature-readout-list p,
  .enterprise-readiness-list strong,
  .enterprise-readiness-list p,
  .enterprise-readiness-list small,
  .enterprise-workplan strong,
  .enterprise-workplan p,
  .enterprise-boundary-list strong,
  .enterprise-boundary-list p,
  .enterprise-integration-table strong,
  .enterprise-integration-table p,
  .enterprise-integration-table small,
  .enterprise-proof-list strong,
  .enterprise-proof-list p,
  .integration-pipeline strong,
  .integration-pipeline p,
  .integration-destination-table strong,
  .integration-destination-table p,
  .integration-destination-table small,
  .integration-destination-table em,
  .integration-event-table strong,
  .integration-event-table p,
  .integration-event-table small,
  .integration-guardrail-list strong,
  .integration-guardrail-list p,
  .trust-control-list strong,
  .trust-control-list p,
  .trust-readiness-list strong,
  .trust-readiness-list p,
  .trust-boundary-list strong,
  .trust-boundary-list p,
  .legal-index p,
  .legal-index__links strong,
  .legal-index__links small,
  .legal-readiness h2,
  .legal-readiness p,
  .legal-readiness strong {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .operating-console,
  .operating-panel,
  .operating-streams div,
  .operating-controls div,
  .operating-output-list div,
  .operating-graph div,
  .operating-scores div,
  .pilot-offer-grid,
  .pilot-contract,
  .pilot-timeline-panel,
  .pilot-output-panel,
  .pilot-boundary-panel,
  .pilot-scope-list div,
  .pilot-workplan div,
  .pilot-output-matrix div,
  .pilot-boundary-panel li,
  .research-methodology-console,
  .research-protocol-panel,
  .research-score-panel,
  .research-gates-panel,
  .research-artifacts-panel,
  .research-protocol-table div,
  .research-score-grid div,
  .research-gate-list div,
  .research-artifact-list div,
  .library-system-console,
  .library-panel,
  .library-pipeline-list div,
  .library-artifact-list div,
  .library-signal-list,
  .library-signal-list div,
  .library-boundary-list,
  .library-boundary-list div,
  .marketing-operator-console,
  .operator-panel,
  .operator-role-list div,
  .operator-runbook-list div,
  .operator-toolchain-list div,
  .operator-boundary-list,
  .operator-boundary-list div,
  .architecture-console,
  .architecture-panel,
  .architecture-layer-list div,
  .architecture-object-table div,
  .architecture-stack-list,
  .architecture-stack-list div,
  .design-system-console,
  .design-panel,
  .design-primitive-ledger div,
  .design-gate-list div,
  .design-tone-list div,
  .design-state-list,
  .design-state-list div,
  .brand-system-console,
  .brand-panel,
  .brand-mark-spec,
  .brand-signal-list div,
  .brand-visual-list div,
  .brand-voice-list div,
  .brand-boundary-list,
  .brand-boundary-list div,
  .brand-swatch-strip,
  .partner-system-console,
  .partner-panel,
  .partner-track-list div,
  .partner-workflow-list div,
  .partner-enable-list div,
  .partner-guardrail-list,
  .partner-guardrail-list div,
  .career-system-console,
  .career-panel,
  .career-role-list div,
  .career-operating-list div,
  .career-principle-list div,
  .career-interview-list,
  .career-interview-list div,
  .docs-readiness,
  .readiness-gates,
  .readiness-gates article,
  .solution-room,
  .solution-panel,
  .solution-cadence div,
  .solution-evidence div,
  .solution-action-table div,
  .solution-proof-list div,
  .feature-console,
  .feature-panel,
  .feature-workflow div,
  .feature-record-table div,
  .feature-control-list div,
  .feature-readout-list div,
  .enterprise-readiness-console,
  .enterprise-panel,
  .enterprise-readiness-list div,
  .enterprise-workplan div,
  .enterprise-boundary-list div,
  .enterprise-integration-table,
  .enterprise-integration-table div,
  .enterprise-proof-list,
  .enterprise-proof-list div,
  .integration-ops-console,
  .integration-panel,
  .integration-pipeline div,
  .integration-destination-table,
  .integration-destination-table div,
  .integration-event-table div,
  .integration-guardrail-list,
  .integration-guardrail-list div,
  .trust-console,
  .trust-console article,
  .trust-control-list div,
  .trust-readiness-list div,
  .trust-boundary-list div,
  .legal-index,
  .legal-index__links,
  .legal-index__links a,
  .legal-readiness,
  .legal-readiness aside,
  .legal-readiness article {
    min-width: 0;
  }

  .operating-streams div {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .architecture-layer-list div,
  .architecture-object-table div,
  .design-primitive-ledger div,
  .design-gate-list div,
  .brand-signal-list div,
  .brand-mark-spec,
  .partner-track-list div,
  .partner-workflow-list div,
  .career-role-list div,
  .career-operating-list div,
  .solution-cadence div,
  .solution-action-table div,
  .feature-workflow div,
  .feature-record-table div,
  .enterprise-readiness-list div,
  .enterprise-workplan div,
  .enterprise-integration-table div,
  .integration-pipeline div,
  .integration-destination-table div,
  .integration-event-table div {
    grid-template-columns: 1fr;
  }

  .architecture-layer-list p,
  .architecture-object-table small,
  .design-primitive-ledger small,
  .design-gate-list p,
  .brand-signal-list small,
  .partner-track-list small,
  .partner-workflow-list p,
  .career-role-list small,
  .career-operating-list p,
  .solution-cadence p,
  .solution-action-table small,
  .feature-workflow p,
  .feature-record-table small,
  .enterprise-readiness-list small,
  .enterprise-workplan p,
  .enterprise-integration-table small,
  .integration-pipeline p,
  .integration-destination-table small,
  .integration-event-table small {
    grid-column: auto;
  }

  .enterprise-integration-table,
  .enterprise-proof-list,
  .design-state-list,
  .brand-boundary-list,
  .partner-guardrail-list,
  .career-interview-list,
  .integration-guardrail-list {
    grid-template-columns: 1fr;
  }

  .architecture-layer-list small,
  .architecture-object-table small,
  .architecture-stack-list span,
  .design-primitive-ledger small,
  .brand-signal-list small,
  .partner-track-list small,
  .career-role-list small,
  .readiness-gates span,
  .solution-action-table small,
  .feature-record-table small,
  .enterprise-readiness-list small,
  .enterprise-integration-table small,
  .integration-destination-table small,
  .integration-destination-table em,
  .integration-event-table small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }

  .integration-destination-table small,
  .integration-destination-table em,
  .integration-event-table small {
    display: inline-block;
    width: auto;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .operating-streams small {
    grid-column: 2;
    width: max-content;
    max-width: 100%;
  }

  .operating-graph {
    grid-template-columns: 1fr;
    gap: 8px;
    min-height: auto;
    padding: 14px;
  }

  .operating-graph::before,
  .operating-graph div::after {
    display: none;
  }

  .operating-graph div {
    min-height: 106px;
    transform: none;
  }

  .operating-scores,
  .operating-output-list div,
  .pilot-workplan div,
  .pilot-output-matrix,
  .pilot-boundary-panel ul,
  .research-protocol-table div,
  .library-pipeline-list div,
  .library-artifact-list div,
  .operator-role-list div,
  .operator-runbook-list div,
  .operator-toolchain-list div,
  .research-score-grid,
  .research-artifact-list,
  .library-signal-list,
  .library-boundary-list,
  .operator-boundary-list,
  .trust-readiness-list div {
    grid-template-columns: 1fr;
  }

  .research-protocol-table small {
    grid-column: auto;
    width: max-content;
    max-width: 100%;
  }

  .trust-readiness-list p,
  .trust-readiness-list small {
    grid-column: auto;
  }

  .trust-readiness-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }

  .library-pipeline-list p,
  .library-artifact-list small,
  .operator-role-list p,
  .operator-role-list span,
  .operator-role-list small,
  .operator-runbook-list p,
  .operator-toolchain-list small {
    grid-column: auto;
  }

  .library-artifact-list small,
  .operator-role-list small,
  .operator-toolchain-list small {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }

  .legal-readiness aside,
  .legal-readiness article {
    padding: 18px;
  }
}

@media (max-width: 680px) {
  .customer-proof-story-card {
    gap: 14px;
    padding: 18px;
  }

  .customer-proof-story-card__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .customer-proof-story-card__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .customer-proof-story-card h2 {
    max-width: 100%;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .customer-proof-story-card__top span,
  .customer-proof-story-card__top strong,
  .customer-proof-story-card p,
  .customer-proof-story-card__result strong,
  .customer-proof-story-card__body span,
  .customer-proof-story-card__body small,
  .customer-proof-story-card__body small strong,
  .customer-proof-story-card__body small em,
  .customer-proof-story-card__boundary span,
  .customer-proof-story-card__boundary p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .customer-proof-story-card__body small em {
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }
}

@media (max-width: 680px) {
  .black-friday-panel__top {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .black-friday-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .black-friday-scope-list div {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .black-friday-scope-list strong {
    width: 100%;
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
  }

  .black-friday-scope-list p {
    width: 100%;
    overflow-wrap: break-word;
  }

  .black-friday-scope-list small {
    width: max-content;
    max-width: 100%;
    justify-self: start;
  }
}

@media (max-width: 1180px) {
  .customer-proof-console {
    grid-template-columns: 1fr;
  }

  .customer-proof-panel--ladder,
  .customer-proof-panel--boundaries {
    grid-column: auto;
  }
}

@media (max-width: 880px) {
  .customer-proof-status-list div,
  .customer-evidence-packet div {
    grid-template-columns: minmax(118px, 0.36fr) minmax(0, 1fr);
  }

  .customer-proof-status-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .customer-evidence-packet p {
    grid-column: 2 / -1;
  }

  .customer-proof-ladder,
  .customer-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--customer-proof-system .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--customer-proof-system .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .section--customer-proof-system .section__heading p:not(.eyebrow),
  .customer-proof-panel__top span,
  .customer-proof-panel__top strong,
  .customer-proof-status-list strong,
  .customer-proof-status-list p,
  .customer-proof-status-list small,
  .customer-evidence-packet span,
  .customer-evidence-packet strong,
  .customer-evidence-packet p,
  .customer-proof-ladder span,
  .customer-proof-ladder strong,
  .customer-proof-ladder p,
  .customer-proof-ladder small,
  .customer-boundary-list strong,
  .customer-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .customer-proof-console,
  .customer-proof-panel,
  .customer-proof-status-list div,
  .customer-evidence-packet div,
  .customer-proof-ladder,
  .customer-proof-ladder div,
  .customer-boundary-list,
  .customer-boundary-list div {
    min-width: 0;
  }

  .customer-proof-panel__top {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .customer-proof-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .customer-proof-status-list div,
  .customer-evidence-packet div,
  .customer-proof-ladder,
  .customer-boundary-list {
    grid-template-columns: 1fr;
  }

  .customer-proof-status-list small,
  .customer-evidence-packet p {
    grid-column: auto;
  }

  .customer-proof-status-list small,
  .customer-proof-ladder small {
    justify-self: start;
  }
}

@media (max-width: 1180px) {
  .scenario-pilot-console {
    grid-template-columns: 1fr;
  }

  .scenario-pilot-panel--scope {
    grid-row: auto;
  }

  .scenario-pilot-panel--boundaries {
    grid-column: auto;
  }
}

@media (max-width: 880px) {
  .scenario-pilot-scope-list div,
  .scenario-pilot-object-list div {
    grid-template-columns: minmax(120px, 0.36fr) minmax(0, 1fr);
  }

  .scenario-pilot-scope-list small,
  .scenario-pilot-object-list small {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .scenario-pilot-cadence div {
    grid-template-columns: 58px minmax(132px, 0.36fr) minmax(0, 1fr);
  }

  .scenario-pilot-proof-list,
  .scenario-pilot-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .section--scenario-pilot-room .container {
    width: min(100% - 24px, 366px);
    min-width: 0;
    margin-left: 12px;
    margin-right: auto;
  }

  .section--scenario-pilot-room .section__heading h2 {
    max-width: 330px;
    font-size: 28px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .scenario-pilot-console,
  .scenario-pilot-panel,
  .scenario-pilot-scope-list div,
  .scenario-pilot-cadence div,
  .scenario-pilot-object-list div,
  .scenario-pilot-proof-list,
  .scenario-pilot-proof-list div,
  .scenario-pilot-boundary-list,
  .scenario-pilot-boundary-list div {
    min-width: 0;
  }

  .scenario-pilot-panel__top {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .scenario-pilot-panel__top strong {
    align-self: flex-start;
    text-align: left;
  }

  .scenario-pilot-scope-list div,
  .scenario-pilot-cadence div,
  .scenario-pilot-object-list div,
  .scenario-pilot-proof-list,
  .scenario-pilot-boundary-list {
    grid-template-columns: 1fr;
  }

  .scenario-pilot-scope-list small,
  .scenario-pilot-object-list small {
    grid-column: auto;
    justify-self: start;
  }

  .section--scenario-pilot-room .section__heading p:not(.eyebrow),
  .scenario-pilot-panel__top span,
  .scenario-pilot-panel__top strong,
  .scenario-pilot-scope-list strong,
  .scenario-pilot-scope-list p,
  .scenario-pilot-scope-list small,
  .scenario-pilot-cadence span,
  .scenario-pilot-cadence strong,
  .scenario-pilot-cadence p,
  .scenario-pilot-object-list strong,
  .scenario-pilot-object-list p,
  .scenario-pilot-object-list small,
  .scenario-pilot-proof-list strong,
  .scenario-pilot-proof-list p,
  .scenario-pilot-boundary-list strong,
  .scenario-pilot-boundary-list p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}