/* Black edition. Content layouts live in styles.css; navigation in experience.css. */
:root {
  color-scheme: dark;
  --paper: #07080a;
  --ink: #f3f4f6;
  --green: #cad6e9;
  --soft: #111317;
  --muted: #989ca7;
  --line: #ffffff18;
  --lime: #ccd9ed;
  --white: #08090b;
  --accent: #a7c9ff;
  --action-fill: #dce9fa;
  --action-ink: #102033;
  --action-fill-hover: #edf4fd;
  --action-fill-active: #bfd3ec;
}
body {
  background: #07080a;
  color: var(--ink);
}
em {
  color: #939ba9;
}
p {
  color: var(--muted);
}
::selection {
  background: #abc9ef;
  color: #08090b;
}
:focus-visible {
  outline-color: #b0d0ff;
}
.badge {
  color: #aebace;
  background: #ffffff05;
  border-color: #ffffff20;
  border-radius: 30px;
}
.badge-dot:before {
  background: #bdd5f7;
}
.citation {
  color: #b6d4ff;
}
.text-link {
  border-color: #ffffff35;
}
.button,
.page-inner .button,
.floating-demo,
.page-home .floating-header:not(.scrolled) .floating-demo {
  position: relative;
  isolation: isolate;
  background: var(--action-fill);
  color: var(--action-ink);
  border: 1px solid var(--action-fill);
  border-radius: 100px;
  box-shadow: none;
  transition:
    background-color 0.2s,
    border-color 0.2s;
}
.button:hover,
.floating-demo:hover {
  background: var(--action-fill-hover);
  border-color: var(--action-fill-hover);
  transform: none;
}
.button:active,
.floating-demo:active {
  background: var(--action-fill-active);
  border-color: var(--action-fill-active);
}
.button-secondary,
.page-inner .button-secondary {
  background: #ffffff04;
  border-color: #ffffff26;
  color: #c9cdd5;
  box-shadow: none;
}
.button-secondary:hover {
  background: #ffffff0a;
  border-color: #ffffff55;
}
.button-secondary:active {
  background: #ffffff12;
  border-color: #ffffff65;
}
.floating-header .brand,
.page-home .floating-header:not(.scrolled) .brand {
  color: #f3f5fa;
}
.glass-nav {
  background: linear-gradient(120deg, #262324b8, #11151ce0 65%);
  border-color: #ffffff30;
  box-shadow:
    inset 0 1px 5px #fff1,
    0 12px 30px #0005;
  color: #e2e4e9;
}
.nav-overview:hover,
.nav-overview[aria-current],
.nav-trigger:hover,
.nav-trigger[aria-expanded='true'] {
  background: #ffffff0b;
  color: #fff;
}
.floating-header.scrolled .floating-bar {
  background: #090b10df;
  border-color: #ffffff1c;
  box-shadow: 0 10px 40px #0006;
}
.mega-panel {
  background: linear-gradient(120deg, #212329ed, #0d1118f7);
  border-color: #ffffff26;
  color: #edf0f6;
  box-shadow: 0 32px 90px #0009;
}
.mega-copy > p,
.mega-link small {
  color: #9ca5b6;
}
.mega-icon {
  color: #c3d4ed;
  background: #ffffff06;
  border-color: #ffffff1c;
}
.mega-link:hover,
.mega-link[aria-current] {
  background: #ffffff07;
}
.mega-link > svg {
  color: #c5d9f3;
}
.mega-feature {
  background: radial-gradient(ellipse at 60% 25%, #26385877, transparent 75%), #090c12;
  border-color: #ffffff14;
}
.mega-feature-cta {
  color: #bbc8dc;
}
.mega-feature-cta {
  border-color: #ffffff20;
}
.mega-feature-art svg {
  color: #c3d8f6;
  filter: drop-shadow(0 0 25px #9abeff55);
}
.mega-feature > img {
  height: 190px;
  object-fit: cover;
  transform: scale(1.7);
  mix-blend-mode: normal;
}
.mega-feature:hover > img {
  transform: scale(1.8);
}
.mega-bottom {
  background: #ffffff03;
  color: #8d96a8;
  border-color: #ffffff12;
}
.mega-bottom a {
  color: #c9d4e6;
}
/* A dimensional point field, drawn locally: no video or remote rendering. */
.noir-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 830px;
  border-bottom: 1px solid #ffffff10;
  background: #050609;
}
.hero-atmosphere {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
.hero-atmosphere > i {
  position: absolute;
  border-radius: 50%;
  filter: blur(55px);
  animation: noir-cloud 19s ease-in-out infinite alternate;
}
.hero-atmosphere > i:first-child {
  width: 580px;
  height: 570px;
  top: -405px;
  left: 4%;
  background: #97725655;
}
.hero-atmosphere > i:nth-child(2) {
  width: 750px;
  height: 700px;
  top: -450px;
  right: -150px;
  background: #28549355;
  animation-delay: -8s;
}
.noir-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(#ccd6e635 0.7px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(transparent, #0007, transparent);
}
.noir-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  align-items: center;
  gap: 0 10px;
  padding-top: 173px;
}
.noir-hero-copy {
  position: relative;
  z-index: 2;
  padding-bottom: 32px;
}
.intro-pill {
  color: #b4c1d5;
  background: #ffffff05;
  border-color: #ffffff20;
  font-size: 8px;
  gap: 12px;
  padding: 10px 14px;
}
.live-dot {
  background: #cadfff;
  box-shadow: 0 0 12px #a0c8ff88;
  animation: noir-pulse 3s ease-in-out infinite;
}
.noir-hero h1 {
  font-size: clamp(66px, 6.7vw, 99px);
  line-height: 1.05;
  letter-spacing: -0.065em;
  margin: 30px 0 24px;
  font-weight: 500;
  white-space: nowrap;
}
.noir-hero h1 > span,
.page-hero h1 em,
.article-hero h1 em,
.demo-copy h1 em {
  color: #b2c6e2;
}
.noir-hero-lead {
  font-size: 21px;
  line-height: 1.55;
  color: #d7dbe4;
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}
.noir-hero-description {
  font-size: 13px;
  line-height: 1.85;
  max-width: 385px;
  margin-bottom: 28px;
  color: #8f97a7;
}
.noir-hero .button-row {
  gap: 12px;
}
.noir-hero .hero-data-note {
  justify-content: flex-start;
  color: #788598;
  font-size: 10px;
  margin-top: 21px;
}
.intelligence-sculpture {
  position: relative;
  height: 570px;
  width: calc(100% + 100px);
  margin-left: -25px;
  align-self: center;
  pointer-events: none;
  isolation: isolate;
}
#intelligence-field {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.sculpture-fallback {
  position: absolute;
  inset: 18% 9%;
  border: 1px solid #afc9ef55;
  border-radius: 50%;
  transform: rotate(-30deg);
  box-shadow:
    0 0 35px #94baff14,
    inset 0 0 35px #94baff14;
  background: radial-gradient(ellipse, transparent 38%, #879db620 51%, transparent 54%);
}
.field-ready .sculpture-fallback {
  opacity: 0;
}
.sculpture-core {
  position: absolute;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  color: #cedbef;
  z-index: 2;
}
.sculpture-core .brand-mark {
  transform: scale(1.4);
  filter: drop-shadow(0 0 14px #b7d4ff80);
}
.sculpture-core > span:last-child {
  font: 8px var(--mono);
  letter-spacing: 0.38em;
  margin-top: 10px;
  color: #91a5c2;
}
.sculpture-label {
  position: absolute;
  z-index: 3;
  font: 7px var(--mono);
  letter-spacing: 0.1em;
  color: #a6b6d0;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #8cafd825;
  padding: 9px 12px;
  border-radius: 4px;
  background: #0a0e17c9;
  box-shadow: 0 0 25px #0004;
  animation: label-float 7s ease-in-out infinite alternate;
}
.sculpture-label i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #b9d2f4;
  box-shadow: 0 0 10px #b9d2f4;
}
.label-one {
  top: 17%;
  left: 23%;
}
.label-two {
  top: 48%;
  right: 6%;
  animation-delay: -3s;
}
.label-three {
  bottom: 17%;
  left: 16%;
  animation-delay: -5s;
}
.sculpture-caption {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 21px;
  color: #5d6d86;
  font: 6px var(--mono);
  letter-spacing: 0.08em;
}
.noir-hero-foot {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  border-top: 1px solid #ffffff15;
  padding: 26px 0;
  margin-top: 28px;
}
.noir-hero-foot > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.noir-hero-foot .mono {
  font-size: 7px;
  color: #65728a;
}
.noir-hero-foot strong {
  font-size: 12px;
  font-weight: 400;
  color: #bcc5d4;
}
.hero-mini-spec {
  display: flex;
  gap: 12px;
  align-items: center;
}
.hero-mini-spec strong {
  font-size: 31px;
}
.hero-mini-spec > span {
  font: 6px/1.7 var(--mono);
  color: #8491a5;
}
.noir-hero-foot > a {
  display: flex;
  align-items: center;
  gap: 35px;
  font-size: 10px;
  color: #9cacbf;
}
.noir-hero-foot > a > svg {
  width: 18px;
  height: 18px;
}
/* Shared surfaces and luminous hover treatments. */
.overview-paths {
  padding-block: 100px;
}
.paths-heading > .mono {
  color: #7e8aa0;
}
.paths-heading h2 {
  font-size: 53px;
}
.paths-heading p {
  color: #838c9c;
}
.destination,
.destination-hardware,
.destination-workflows,
.comparison-card,
.comparison-card:nth-child(2) {
  background: linear-gradient(145deg, #14171dbb, #090b10);
  border-color: #ffffff1c;
  color: #e6eaf1;
}
.destination:hover,
.comparison-card:hover,
.comparison-card:nth-child(2):hover {
  background: linear-gradient(145deg, #1a202ccc, #0d1017);
  border-color: #a6c9ff55;
  box-shadow: 0 14px 60px -30px #8fb6ff33;
}
.destination-top .mono,
.destination-hardware .destination-top .mono,
.comparison-card > .mono {
  color: #8c9db7;
}
.destination p,
.destination-hardware p {
  color: #858fa0;
}
.destination-photo {
  background: transparent;
  overflow: hidden;
  position: relative;
}
.destination-photo img {
  object-fit: cover;
  transform: scale(2);
  mix-blend-mode: normal;
}
.destination:hover .destination-photo img {
  transform: scale(2.08);
}
.mini-agents > .brand-mark {
  background: #1c2533;
  border-color: #6c8aac55;
  box-shadow: 0 0 40px #6d96d320;
  color: #cfdef5;
}
.mini-agents > span:not(.brand-mark) {
  background: #101722;
  color: #9fb6d9;
  border-color: #708eb13d;
}
.mini-agents:before {
  border-color: #aac8f030;
}
.destination:hover .mini-agents > .brand-mark {
  box-shadow: 0 0 40px #97bbf045;
}
.mini-workflow > span {
  background: #111723;
  border-color: #6e8caf30;
  color: #a4b6ce;
}
.mini-workflow svg {
  color: #b3c9e9;
}
.mini-workflow > i {
  background: #6981a25c;
}
.mini-workflow > i:after {
  background: #c0d8ff;
}
.destination:after,
.comparison-card:after,
.person-art:after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(
    350px circle at var(--pointer-x, 50%) var(--pointer-y, 50%),
    #bcd7ff0d,
    transparent 75%
  );
  opacity: 0;
  transition: opacity 0.35s;
  pointer-events: none;
}
.destination:hover:after,
.comparison-card:hover:after,
.person-art:hover:after {
  opacity: 1;
}
.comparison-card {
  position: relative;
  overflow: hidden;
}
.page-inner {
  position: relative;
  isolation: isolate;
  padding-top: 136px;
}
.page-inner:before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 850px;
  z-index: -1;
  background:
    radial-gradient(ellipse 45% 35% at 18% -8%, #7a66522b, transparent),
    radial-gradient(ellipse 58% 60% at 100% 0, #294d842e, transparent 75%);
  pointer-events: none;
}
.page-inner .page-hero {
  padding-top: 50px;
  padding-bottom: 65px;
}
.page-hero h1 {
  font-size: clamp(50px, 5.4vw, 78px);
  letter-spacing: -0.055em;
}
.page-hero .lead {
  color: #979fab;
}
.page-inner main {
  animation: page-in 0.65s ease both;
}
.soft-section {
  background: #0b0d12;
  border-block: 1px solid #ffffff09;
}
.feature .mono {
  color: #8495ae;
}
.cta-section {
  background:
    radial-gradient(ellipse at 100% 100%, #2c466033, transparent 65%),
    linear-gradient(140deg, #15181f, #090b10);
  border: 1px solid #ffffff21;
  box-shadow: inset 0 1px 0 #fff1;
}
.cta-section h2 em {
  color: #a5b8d2;
}
.cta-section p {
  color: #99a5b8;
}
.cta-section .mono {
  color: #8295af;
}
.cta-decoration {
  color: #b4d3ff;
  opacity: 0.045;
}
.site-footer {
  background: #060709;
}
.footer-links > div > span:first-child,
.footer-status,
.footer-bottom {
  color: #748197;
}
.footer-links a {
  color: #a0a8b7;
}
.footer-status i {
  background: #acbed9;
}
/* Hardware: a real product image in a moving pool of light. */
body[data-page='matrix'] .page-hero {
  text-align: center;
  padding-bottom: 18px;
}
body[data-page='matrix'] .page-hero h1,
body[data-page='matrix'] .page-hero .lead {
  margin-inline: auto;
}
body[data-page='matrix'] .page-hero h1 {
  font-size: 68px;
}
body[data-page='matrix'] .page-hero .lead {
  font-size: 14px;
  max-width: 590px;
}
.hardware-showroom {
  position: relative;
  isolation: isolate;
  height: 540px;
  overflow: hidden;
  border-bottom: 1px solid #ffffff15;
}
.showroom-word {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  font-size: clamp(100px, 18vw, 260px);
  line-height: 1.2;
  font-weight: 650;
  letter-spacing: 0.045em;
  text-align: center;
  color: transparent;
  -webkit-text-stroke: 1px #b4c6de18;
  mask-image: linear-gradient(#0009, transparent 95%);
  pointer-events: none;
}
.showroom-grid {
  position: absolute;
  inset: 180px -20% 0;
  background:
    linear-gradient(#c4d9ff10 1px, transparent 1px),
    linear-gradient(90deg, #c4d9ff10 1px, transparent 1px);
  background-size: 60px 60px;
  transform: perspective(500px) rotateX(62deg);
  mask-image: radial-gradient(ellipse, #0008, transparent 67%);
}
.showroom-beam {
  position: absolute;
  top: 45%;
  left: 20%;
  width: 60%;
  height: 20%;
  background: #bfa2842b;
  filter: blur(38px);
  border-radius: 50%;
  animation: beam-breathe 7s ease-in-out infinite alternate;
}
.showroom-image {
  position: absolute;
  left: 50%;
  top: 45%;
  width: 970px;
  height: 300px;
  transform: translate(-50%, -50%);
  overflow: hidden;
  filter: drop-shadow(0 30px 35px #000a);
}
.showroom-image img {
  position: absolute;
  width: 100%;
  max-width: none;
  height: auto;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: translate 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  translate: var(--device-x, 0px) var(--device-y, 0px);
}
.showroom-tag {
  position: absolute;
  left: 0;
  right: 0;
  top: 25px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  font: 7px var(--mono);
  letter-spacing: 0.12em;
  color: #77869b;
}
.showroom-detail {
  position: absolute;
  left: 18%;
  right: 18%;
  top: 72%;
  display: flex;
  justify-content: space-between;
  font: 7px var(--mono);
  color: #9caabd;
  letter-spacing: 0.08em;
}
.hardware-spec-strip {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 27px 0;
  border-top: 1px solid #ffffff15;
  gap: 30px;
}
.hardware-spec-strip > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
}
.hardware-spec-strip > div + div {
  border-left: 1px solid #ffffff14;
}
.hardware-spec-strip svg {
  color: #8fa9cd;
  width: 27px;
  height: 27px;
}
.hardware-spec-strip span {
  font-size: 24px;
  color: #e4e8ed;
  line-height: 1.2;
  letter-spacing: -0.04em;
}
.hardware-spec-strip strong {
  display: block;
  font-size: 9px;
  color: #7f8fa5;
  font-weight: 400;
  margin-top: 8px;
  letter-spacing: 0;
}
.matrix-product {
  grid-template-columns: 1fr;
  margin-top: 65px;
  padding-bottom: 0;
}
.matrix-product .product-description {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 65px;
  align-items: start;
}
.product-description > .badge,
.product-description > h2,
.product-description > .lead-small,
.product-description > p:not(.fine-print),
.product-description > .button {
  grid-column: 1;
}
.product-description > .spec-list {
  grid-column: 2;
  grid-row: 1/5;
  margin: 0;
}
.product-description > .fine-print {
  grid-column: 2;
  grid-row: 5/7;
}
.product-description > .button {
  justify-self: start;
  margin-top: 12px;
}
.product-description h2 {
  font-size: 40px;
}
.product-description > .lead-small {
  color: #b7c3d5;
}
.spec-list > div {
  padding: 14px 0;
  font-size: 12px;
}
.product-credit {
  font-size: 9px;
  color: #737e90;
  margin-top: 12px;
}
.size-picker button {
  background: #0b0d12;
  border-color: #ffffff1c;
}
.size-picker button.selected {
  background: radial-gradient(ellipse at 0 0, #33465d60, transparent 90%), #121721;
  color: #f0f4fb;
  border-color: #a8c9ef70;
  box-shadow: inset 0 1px 18px #87b3f012;
}
.size-picker button.selected > small {
  color: #b0bfd3;
}
.size-picker button:hover {
  border-color: #b0c8e75c;
}
.sizing-detail {
  border: 1px solid #ffffff0f;
  background: #0f1218;
}
.sizing-detail .mono {
  color: #96abc7;
}
/* Platform: local agents, orbit trails, and connected data paths. */
.agent-console {
  background: linear-gradient(140deg, #121923, #090d14);
  border-color: #829ab42e;
  box-shadow: 0 30px 80px -35px #000;
}
.agent-console-top {
  border-color: #ffffff13;
}
.agent-console-top .concept-label {
  color: #7184a0;
}
.agent-console-top .mono {
  color: #a7b8d0;
}
.agent-orbit {
  background: radial-gradient(ellipse, #446b9f20, transparent 68%);
  height: 290px;
}
.agent-core {
  background: linear-gradient(145deg, #25344b, #121b29);
  border-color: #a2bfe64a;
  box-shadow:
    0 0 40px #8cb6f025,
    inset 0 0 25px #91b7eb0b;
  color: #c6dcfc;
}
.orbit-ring {
  border-color: #a2c4ed29;
}
.orbit-ring.second {
  border-color: #a2c4ed40;
  border-style: solid;
  border-top-color: #c8dfff;
  box-shadow: 0 -5px 18px -14px #b1d3ff;
  animation-duration: 15s;
}
.orbit-role {
  background: #131d2d;
  border-color: #a0b9df37;
  color: #acc6e8;
  box-shadow: 0 0 15px #7093c416;
}
.orbit-role.active-role {
  border-color: #c5dfff;
  box-shadow: 0 0 25px #8cbfff4d;
  color: #f6faff;
  transition:
    box-shadow 0.4s,
    border-color 0.4s;
}
.agent-role-grid {
  border-color: #ffffff13;
  background: #ffffff13;
}
.agent-role-grid article {
  background: #0e1520;
}
.agent-role-icon {
  border-color: #8199b14a;
  color: #acc6e8;
}
.agent-role-grid .mono {
  color: #829ab8;
}
.agent-role-grid h3 {
  color: #edf4ff;
}
.agent-role-grid strong {
  color: #bed0e7;
}
.agent-role-grid p {
  color: #8fa1b7;
}
.boundary-section {
  background: #090c12;
  border-block: 1px solid #ffffff0f;
}
.boundary-grid h2 em {
  color: #a6bad5;
}
.boundary-grid p {
  color: #93a0b4;
}
.segmented {
  border-color: #ffffff26;
}
.segmented button {
  color: #899bb5;
}
.segmented button.active {
  background: #23354d;
  color: #e3eeff;
}
.boundary-diagram {
  background: radial-gradient(ellipse at 50% 0, #283e5933, transparent 85%), var(--color-surface);
  border-color: #8caaca66;
}
.diagram-label,
.diagram-sub {
  color: #8fa8c9;
}
.diagram-core {
  background: #293b54;
  border-color: #adc8ec60;
  box-shadow: 0 0 30px #7faaf929;
  color: #e1edff;
}
.diagram-row > i {
  background: #708dac55;
}
.diagram-row > i:before {
  background: #c3ddff;
}
.diagram-row > i:after {
  border-color: #a8c4e7;
}
.diagram-sub span + span:before {
  color: #506a8b;
}
.external-path {
  border-color: #748daf30;
  color: #879ab8;
}
.boundary-diagram > small {
  color: #778aa6;
}
.boundary-diagram[data-mode='connected'] {
  border-color: #dcc7a77d;
}
.boundary-diagram[data-mode='connected'] .external-path {
  color: #dcc7a7;
}
/* Lab and workflow pages keep planned data visibly distinct from real results. */
.benchmark-panel,
.workflow-stage,
.demo-form-card {
  background: linear-gradient(140deg, #12161e, #0b0d12);
  border-color: #ffffff20;
  box-shadow: inset 0 1px 0 #ffffff06;
}
.benchmark-heading .mono,
.benchmark-table th,
.benchmark-table td:last-child,
.method-grid .mono {
  color: #8c9bb1;
}
.benchmark-table td {
  border-color: #ffffff12;
}
.benchmark-note {
  color: #8b9bb4;
  background: #ffffff04;
}
.lab-symbol {
  background: #151d29;
  border-color: #647d9c;
  color: #afc9ed;
  position: relative;
}
.lab-symbol svg {
  color: #afc9ed;
}
.lab-symbol:after {
  content: '';
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 1px solid #8cabd31c;
  border-top-color: #8cabd3;
  animation: orbit-rotate 12s linear infinite;
}
.benchmark-tabs button.active {
  color: #cde0fc;
  border-color: #cde0fc;
}
.workflow-options button {
  background: #0d1016;
}
.workflow-options button.selected {
  background: #1b283a;
  color: #e2edff;
  border-color: #90b5e270;
}
.workflow-options small {
  color: #7788a0;
}
.workflow-options button.selected small {
  color: #a1b9d8;
}
.workflow-stage-head .mono {
  color: #8c9eb7;
}
.sample-files > span {
  background: #1b2330;
  color: #9baec7;
  border: 1px solid #ffffff0a;
}
.workflow-steps button {
  background: #111720;
  border-color: #ffffff15;
}
.workflow-steps button > span {
  color: #798da7;
}
.workflow-steps button.active {
  background: #263a55;
  border-color: #a0c1eb70;
  box-shadow: 0 0 20px #79aef514;
  position: relative;
}
.step-number {
  color: #a8c5eb;
}
.step-detail {
  transition: opacity 0.25s;
}
.workflow-output {
  background: #142034;
  border-color: #779ac859;
}
.workflow-output > .mono {
  color: #859dbf;
}
.workflow-output strong {
  color: #c9d9ee;
}
.case-placeholder {
  background: #0f141d;
  border-color: #ffffff20;
}
.case-placeholder > .mono {
  color: #91a8c7;
}
.placeholder-lines i {
  background: linear-gradient(90deg, #28374c, #17202e, #28374c);
  background-size: 200% 100%;
  animation: placeholder-shimmer 5s ease-in-out infinite;
}
.walkthrough-player {
  display: flex;
  align-items: center;
  gap: 18px;
  border-top: 1px solid #ffffff13;
  padding-top: 20px;
  margin-top: 20px;
}
.walkthrough-player button {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #9ebbe64d;
  background: #18243a;
  color: #d5e7ff;
  padding: 10px 15px;
  border-radius: 30px;
  font-size: 10px;
}
.walkthrough-player svg {
  width: 13px;
  height: 13px;
}
.walkthrough-progress {
  flex: 1;
  height: 2px;
  background: #ffffff16;
  overflow: hidden;
}
.walkthrough-progress i {
  display: block;
  width: 0;
  height: 100%;
  background: #c5deff;
  box-shadow: 0 0 12px #b5d4ff;
  transition: width 0.4s;
}
.walkthrough-player > span {
  font: 7px var(--mono);
  color: #8394af;
}
.workflow-stage.is-playing .workflow-steps button.active:after {
  content: '';
  position: absolute;
  height: 2px;
  background: #c6dcff;
  bottom: 0;
  left: 0;
  animation: step-progress 3.5s linear both;
  border-radius: 2px;
}
/* Team and editorial. */
.person-art,
.person-1,
.person-2 {
  background: radial-gradient(ellipse at 45% -30%, #60738d55, transparent 75%), #11151c;
  border: 1px solid #ffffff1a;
}
.person-1 {
  background: radial-gradient(ellipse at 45% -30%, #7d726355, transparent 75%), #151413;
}
.person-2 {
  background: radial-gradient(ellipse at 45% -30%, #465a8455, transparent 75%), #10141d;
}
.person-initials {
  color: #c2c9d4;
  font-size: 92px;
}
.person-lines {
  background: repeating-radial-gradient(
    circle at 52% 45%,
    transparent 0,
    transparent 24px,
    #b2cce912 25px,
    #b2cce912 26px
  );
  animation: team-lines 25s ease-in-out infinite alternate;
}
.person-1 .person-lines {
  background: repeating-linear-gradient(
    120deg,
    transparent 0,
    transparent 29px,
    #ccc1ad13 30px,
    #ccc1ad13 31px
  );
}
.person-2 .person-lines {
  background: repeating-radial-gradient(
    ellipse at 70% 25%,
    transparent 0,
    transparent 21px,
    #9fbeee17 22px,
    #9fbeee17 23px
  );
}
.person-number {
  color: #8093ae;
}
.person-link {
  color: #c0d4f0;
}
.mission .lead-small {
  color: #bac4d3;
}
.claude-word {
  color: #d6bdae;
}
.comparison-marks > span:nth-child(2) {
  color: #6e8098;
}
.editorial-note > svg {
  color: #a0b3cf;
}
.back-link,
.article-meta,
.article-sidebar > .mono {
  color: #8a9bb5;
}
.sidebar-card {
  background: #111923;
  border: 1px solid #ffffff12;
}
.sidebar-card > svg {
  color: #a0bddf;
}
.article-summary {
  background: #121b28;
  border-color: #a9c8f0;
}
.article-summary .mono {
  color: #9db6d9;
}
.article-summary p {
  color: #b3c5e0;
}
.compare-table thead th {
  background: #192230;
}
.compare-table tbody th {
  color: #95a6be;
}
.compare-table td:nth-child(2) {
  background: #101720;
  color: #c3cee0;
}
.compare-table td:last-child {
  color: #9fa9ba;
}
.article-sources > .mono,
.article-next > .mono {
  color: #8ba6c8;
}
.article-sources a {
  border-color: #637d9c;
}
.article-next {
  background: #141b26;
}
.reading-progress {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  transform-origin: left;
  scale: var(--reading-progress, 0) 1;
  background: linear-gradient(90deg, #c6b393, #a3cbff);
  z-index: 100;
  pointer-events: none;
}
.demo-agenda > .mono,
.demo-agenda > div > span,
.demo-stamp {
  color: #869fbd;
}
.local-notice {
  background: #ffffff04;
  border: 1px solid #ffffff09;
}
.local-notice p {
  color: #8898ae;
}
.local-notice strong,
.local-notice > svg {
  color: #b8c9e0;
}
.field label > span {
  color: #9bbbe7;
}
input:not([type='checkbox']),
select,
textarea {
  background: #080c12;
  border-color: #ffffff24;
  color: #dfe6f0;
}
input::placeholder,
textarea::placeholder {
  color: #64748b;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #9ec6ff;
  outline-color: #8caacc25;
}
.checkbox {
  color: #9aa6b9;
}
.checkbox input {
  accent-color: #adcaff;
}
.form-message {
  color: #f1af98;
}
.form-success > .mono {
  color: #9ab3d6;
}
.form-success > svg {
  background: #253951;
  color: #c7defc;
}
.skip-link {
  background: #e9f0fb;
  color: #080c12;
}
@keyframes noir-cloud {
  to {
    transform: translate(65px, 40px) scale(1.25);
  }
}
@keyframes noir-pulse {
  50% {
    box-shadow:
      0 0 0 4px #b0d2ff0b,
      0 0 14px #adcfff70;
  }
}
@keyframes label-float {
  to {
    transform: translateY(-10px);
  }
}
@keyframes beam-breathe {
  to {
    opacity: 0.5;
    transform: scaleX(1.15);
  }
}
@keyframes team-lines {
  to {
    transform: rotate(5deg) scale(1.08);
  }
}
@keyframes placeholder-shimmer {
  50% {
    background-position: 100% 0;
  }
}
@keyframes step-progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.motion-paused .showroom-image img {
  translate: 0 0;
}
.motion-paused .page-inner main {
  animation: none;
}
@media (min-width: 1600px) {
  .noir-hero-grid {
    padding-top: 190px;
  }
  .intelligence-sculpture {
    height: 600px;
  }
  .noir-hero {
    min-height: 900px;
  }
}
@media (max-width: 1200px) {
  .noir-hero h1 {
    font-size: 76px;
  }
  .noir-hero-grid {
    padding-top: 160px;
  }
  .intelligence-sculpture {
    height: 510px;
    width: calc(100% + 70px);
    margin-left: -25px;
  }
  .noir-hero {
    min-height: 770px;
  }
  .sculpture-label {
    font-size: 6px;
  }
  .noir-hero-foot {
    margin-top: 20px;
  }
  .matrix-product .product-description {
    gap: 0 35px;
  }
}
@media (max-width: 1000px) {
  .noir-hero h1 {
    font-size: 64px;
  }
  .noir-hero-lead {
    font-size: 18px;
  }
  .noir-hero-description {
    font-size: 12px;
    max-width: 330px;
  }
  .intelligence-sculpture {
    height: 440px;
    width: calc(100% + 60px);
  }
  .sculpture-caption {
    font-size: 5px;
    gap: 10px;
  }
  .noir-hero .button {
    font-size: 10px;
    padding: 13px 17px;
    gap: 15px;
  }
  .noir-hero {
    min-height: 725px;
  }
  .noir-hero-foot {
    margin-top: 28px;
  }
  .noir-hero-foot > a {
    gap: 15px;
    font-size: 9px;
  }
  .showroom-image {
    width: 850px;
  }
  .hardware-showroom {
    height: 490px;
  }
}
@media (max-width: 800px) {
  .glass-nav {
    background: linear-gradient(135deg, #171b23f7, #080d15fa);
    border-color: #ffffff26;
  }
  .mobile-nav-toggle {
    background: #111721;
    color: #dce7f6;
    border-color: #ffffff25;
  }
  .mobile-nav-demo {
    background: #253650;
    color: #d3e5ff;
  }
  .mega-panel {
    background: #ffffff03;
  }
  .noir-hero-grid {
    grid-template-columns: 1fr;
    padding-top: 145px;
  }
  .noir-hero-copy {
    text-align: center;
    padding-bottom: 0;
  }
  .noir-hero h1 {
    font-size: 76px;
    white-space: normal;
  }
  .noir-hero-lead {
    font-size: 19px;
  }
  .noir-hero-description {
    margin-inline: auto;
    max-width: 390px;
  }
  .noir-hero .button-row,
  .noir-hero .hero-data-note {
    justify-content: center;
  }
  .intelligence-sculpture {
    height: 420px;
    width: 560px;
    max-width: calc(100% + 80px);
    margin: 0 auto;
    justify-self: center;
  }
  .noir-hero-foot {
    margin-top: 0;
  }
  .noir-hero-foot > div:first-child strong {
    font-size: 10px;
  }
  .noir-hero-foot > a {
    font-size: 8px;
    max-width: 160px;
  }
  .hero-mini-spec {
    display: none;
  }
  .noir-hero {
    min-height: 0;
  }
  .paths-heading h2 {
    font-size: 44px;
  }
  .destination .destination-photo img {
    object-fit: cover;
  }
  .page-inner .page-hero {
    padding-top: 30px;
  }
  .page-hero h1 {
    font-size: 57px;
  }
  .matrix-product .product-description {
    grid-template-columns: 1fr;
  }
  .product-description > .spec-list,
  .product-description > .fine-print {
    grid-column: 1;
    grid-row: auto;
  }
  .product-description > .spec-list {
    margin-top: 20px;
  }
  .product-description > .fine-print {
    margin-top: 18px;
  }
  body[data-page='matrix'] .page-hero h1 {
    font-size: 57px;
  }
  .hardware-showroom {
    height: 440px;
  }
  .showroom-image {
    width: 760px;
    top: 43%;
  }
  .showroom-detail {
    left: 10%;
    right: 10%;
    font-size: 6px;
  }
  .showroom-tag {
    font-size: 6px;
  }
  .hardware-spec-strip {
    gap: 10px;
  }
  .hardware-spec-strip span {
    font-size: 20px;
  }
  .hardware-spec-strip strong {
    font-size: 7px;
  }
  .hardware-spec-strip svg {
    display: none;
  }
  .matrix-product {
    margin-top: 48px;
  }
}
@media (max-width: 500px) {
  .noir-hero-grid {
    padding-top: 138px;
  }
  .noir-hero h1 {
    font-size: 55px;
    margin: 27px 0 22px;
  }
  .noir-hero-lead {
    font-size: 17px;
  }
  .noir-hero-description {
    font-size: 12px;
    max-width: 305px;
    margin-bottom: 24px;
  }
  .noir-hero .button {
    padding: 13px 17px;
    font-size: 10px;
  }
  .noir-hero .hero-data-note {
    font-size: 8px;
  }
  .intelligence-sculpture {
    height: 355px;
    width: calc(100% + 54px);
    max-width: none;
    margin-left: -27px;
    margin-right: -27px;
    margin-top: 3px;
  }
  .sculpture-label {
    padding: 7px 9px;
    font-size: 5px;
  }
  .sculpture-caption {
    font-size: 5px;
    bottom: 12px;
  }
  .sculpture-core .brand-mark {
    transform: scale(1.05);
  }
  .sculpture-core > span:last-child {
    font-size: 6px;
    margin-top: 0;
  }
  .noir-hero-foot {
    gap: 15px;
    padding: 22px 0;
  }
  .noir-hero-foot .mono {
    font-size: 5px;
  }
  .noir-hero-foot > div:first-child strong {
    font-size: 8px;
    max-width: 170px;
  }
  .noir-hero-foot > a {
    font-size: 7px;
    max-width: 120px;
    gap: 10px;
  }
  .noir-hero-foot > a > svg {
    width: 13px;
    height: 13px;
  }
  .paths-heading h2 {
    font-size: 39px;
  }
  .overview-paths {
    padding-block: 65px;
  }
  .page-inner {
    padding-top: 115px;
  }
  .page-inner .page-hero {
    padding-top: 25px;
    padding-bottom: 42px;
  }
  .page-hero h1 {
    font-size: 43px;
  }
  .page-hero .lead {
    font-size: 14px;
  }
  .page-hero .badge {
    font-size: 7px;
  }
  body[data-page='matrix'] .page-hero h1 {
    font-size: 46px;
  }
  body[data-page='matrix'] .page-hero .lead {
    font-size: 12px;
  }
  .hardware-showroom {
    height: 365px;
    width: calc(100% - 36px);
  }
  .showroom-word {
    top: 28px;
    font-size: 18vw;
  }
  .showroom-image {
    width: 560px;
    height: 200px;
    top: 44%;
  }
  .showroom-tag {
    top: 10px;
    font-size: 5px;
  }
  .showroom-detail {
    top: 69%;
    left: 4%;
    right: 4%;
    font-size: 5px;
  }
  .hardware-spec-strip {
    padding: 24px 0;
    gap: 5px;
  }
  .hardware-spec-strip span {
    font-size: 18px;
  }
  .hardware-spec-strip strong {
    font-size: 6px;
    max-width: 85px;
    line-height: 1.6;
  }
  .showroom-grid {
    inset: 100px -30% 0;
  }
  .showroom-beam {
    top: 40%;
  }
  .walkthrough-player {
    gap: 10px;
    flex-wrap: wrap;
  }
  .walkthrough-player > span {
    font-size: 6px;
  }
  .walkthrough-player button {
    font-size: 9px;
    padding: 9px 12px;
  }
  .person-initials {
    font-size: 85px;
  }
  .agent-orbit {
    height: 270px;
  }
  .destination-photo img {
    transform: scale(2.05);
  }
}
@media (max-width: 360px) {
  .noir-hero h1 {
    font-size: 48px;
  }
  .noir-hero .button {
    font-size: 9px;
    padding: 12px 13px;
  }
  .intelligence-sculpture {
    height: 310px;
  }
  .page-hero h1 {
    font-size: 38px;
  }
  .showroom-image {
    width: 495px;
  }
  .noir-hero-foot > div:first-child strong {
    max-width: 145px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sculpture-label,
  .hero-atmosphere > i,
  .showroom-beam,
  .person-lines,
  .lab-symbol:after {
    animation: none;
  }
  .showroom-image img {
    translate: 0 0;
  }
  .walkthrough-progress i {
    transition: none;
  }
}

/* Local portraits retain the team cards' dark framing and hover treatment. */
.person-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
  transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}
.person-art.has-photo {
  background: #11151c;
  aspect-ratio: 1 / 1;
}
.person-art.has-photo:before {
  content: '';
  position: absolute;
  inset: 45% 0 0;
  z-index: 1;
  background: linear-gradient(transparent, #060a12bf);
  pointer-events: none;
}
.person-art.has-photo .person-number,
.person-art.has-photo .person-link {
  z-index: 2;
  color: #e2edff;
  text-shadow: 0 1px 8px #0009;
}
.person-art.has-photo:hover .person-photo {
  transform: scale(1.035);
}
/* Sovereignty is the center of the intelligence field, with three owned layers. */
.sovereign-core {
  gap: 0;
  width: 220px;
  text-align: center;
  padding: 16px 0;
  isolation: isolate;
}
.sovereign-core:before {
  content: '';
  position: absolute;
  inset: -5px -15px;
  z-index: -1;
  background: radial-gradient(ellipse, #080e18c9 20%, #080e1866 53%, transparent 73%);
  pointer-events: none;
}
.sovereign-core .brand-mark {
  transform: scale(1.05);
  margin-bottom: 14px;
}
.sovereign-brand {
  font: 7px var(--mono);
  letter-spacing: 0.32em;
  color: #91a8c7;
}
.sovereign-core h2 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.035em;
  color: #e2ecfc;
  margin: 10px 0 7px;
  text-shadow: 0 0 28px #91beff35;
}
.sovereign-core p {
  font-size: 8px;
  line-height: 1.4;
  color: #91a5c2;
  margin: 0;
}
.sovereign-label {
  padding: 12px 13px;
  gap: 10px;
  border-radius: 9px;
  background: linear-gradient(135deg, #151f2edb, #080e17ed);
  border-color: #8cafd830;
  animation: none;
  transition:
    border-color 0.8s,
    box-shadow 0.8s,
    background 0.8s;
  box-shadow: 0 6px 25px #0004;
}
.sovereign-node-icon {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  border: 1px solid #a5c7f024;
  background: #91b9f008;
  color: #9db6d8;
}
.sovereign-node-icon svg {
  width: 14px;
  height: 14px;
}
.sovereign-label strong {
  display: block;
  font: 8px var(--mono);
  letter-spacing: 0.09em;
  color: #b9cce7;
  white-space: nowrap;
}
.sovereign-label small {
  display: block;
  font:
    8px Manrope,
    sans-serif;
  letter-spacing: 0;
  color: #7288a8;
  margin-top: 5px;
  white-space: nowrap;
}
.sovereign-label > i {
  width: 4px;
  height: 4px;
  margin-left: 3px;
  opacity: 0.35;
  box-shadow: none;
  transition:
    opacity 0.8s,
    box-shadow 0.8s;
}
.sovereign-label.label-one {
  top: 16%;
  left: 12%;
}
.sovereign-label.label-two {
  top: 45%;
  right: 1%;
}
.sovereign-label.label-three {
  bottom: 17%;
  left: 9%;
}
.sovereign-sculpture[data-sovereign='data'] [data-sovereign-node='data'],
.sovereign-sculpture[data-sovereign='compute'] [data-sovereign-node='compute'],
.sovereign-sculpture[data-sovereign='control'] [data-sovereign-node='control'] {
  border-color: #a4ceff9c;
  box-shadow:
    0 0 24px #8ebbff20,
    inset 0 1px 12px #96beff0c;
  background: linear-gradient(135deg, #22334bed, #0d1623ed);
}
.sovereign-sculpture[data-sovereign='data'] [data-sovereign-node='data'] > i,
.sovereign-sculpture[data-sovereign='compute'] [data-sovereign-node='compute'] > i,
.sovereign-sculpture[data-sovereign='control'] [data-sovereign-node='control'] > i {
  opacity: 1;
  box-shadow: 0 0 12px #b9d2f4;
}
.sovereign-caption {
  flex-direction: column;
  align-items: center;
  gap: 9px;
  bottom: 0;
  text-align: center;
}
.sovereign-caption > span:first-child {
  font-size: 7px;
  color: #a3b7d4;
  letter-spacing: 0.075em;
}
.sovereign-caption > span:last-child {
  font-size: 6px;
  color: #627894;
  letter-spacing: 0.1em;
}
@media (max-width: 1200px) {
  .sovereign-core h2 {
    font-size: 21px;
  }
  .sovereign-label {
    gap: 8px;
    padding: 10px;
  }
  .sovereign-label strong {
    font-size: 7px;
  }
  .sovereign-label small {
    font-size: 7px;
  }
  .sovereign-node-icon {
    width: 23px;
    height: 23px;
  }
  .sovereign-label.label-one {
    left: 6%;
  }
  .sovereign-label.label-two {
    right: 0;
  }
  .sovereign-label.label-three {
    left: 3%;
  }
}
@media (max-width: 1000px) {
  .sovereign-core {
    width: 180px;
  }
  .sovereign-core h2 {
    font-size: 19px;
  }
  .sovereign-core p {
    font-size: 7px;
  }
  .sovereign-core .brand-mark {
    transform: scale(0.85);
    margin-bottom: 7px;
  }
  .sovereign-brand {
    font-size: 6px;
  }
  .sovereign-label {
    padding: 9px;
    gap: 7px;
  }
  .sovereign-label > i {
    display: none;
  }
  .sovereign-label strong {
    font-size: 6px;
  }
  .sovereign-caption > span:first-child {
    font-size: 6px;
  }
  .sovereign-caption > span:last-child {
    font-size: 5px;
  }
}
@media (max-width: 800px) {
  .sovereign-label.label-one {
    left: 12%;
    top: 13%;
  }
  .sovereign-label.label-two {
    right: 3%;
  }
  .sovereign-label.label-three {
    left: 9%;
    bottom: 18%;
  }
  .sovereign-label strong {
    font-size: 7px;
  }
  .sovereign-core h2 {
    font-size: 22px;
  }
  .sovereign-caption {
    bottom: 3px;
  }
}
@media (max-width: 500px) {
  .sovereign-core {
    width: 150px;
  }
  .sovereign-core .brand-mark {
    transform: scale(0.75);
    margin-bottom: 3px;
  }
  .sovereign-brand {
    font-size: 5px;
  }
  .sovereign-core h2 {
    font-size: 18px;
    margin: 7px 0 5px;
  }
  .sovereign-core p {
    font-size: 6px;
  }
  .sovereign-label {
    padding: 8px;
    gap: 6px;
    border-radius: 7px;
  }
  .sovereign-node-icon {
    width: 20px;
    height: 20px;
  }
  .sovereign-node-icon svg {
    width: 12px;
    height: 12px;
  }
  .sovereign-label strong {
    font-size: 6px;
  }
  .sovereign-label small {
    font-size: 6px;
    margin-top: 4px;
  }
  .sovereign-label.label-one {
    left: 7%;
    top: 10%;
  }
  .sovereign-label.label-two {
    right: 2%;
    top: 44%;
  }
  .sovereign-label.label-three {
    left: 7%;
    bottom: 19%;
  }
  .sovereign-caption {
    bottom: 5px;
    gap: 7px;
  }
  .sovereign-caption > span:first-child {
    font-size: 5.5px;
    letter-spacing: 0.055em;
  }
  .sovereign-caption > span:last-child {
    font-size: 4.5px;
  }
}
@media (max-width: 360px) {
  .sovereign-core {
    width: 136px;
  }
  .sovereign-core h2 {
    font-size: 16px;
  }
  .sovereign-label {
    padding: 7px;
    gap: 5px;
  }
  .sovereign-node-icon {
    width: 17px;
    height: 17px;
  }
  .sovereign-label strong {
    font-size: 5.5px;
  }
  .sovereign-label small {
    font-size: 5.5px;
  }
  .sovereign-caption > span:first-child {
    font-size: 5px;
  }
  .sovereign-caption > span:last-child {
    font-size: 4px;
  }
}