/* Main pages only. Blue signals actions; neutral surfaces carry the content. */
:root {
  --theme-surface: #fafaf9;
  --theme-heading: #202329;
  --theme-body: #555b64;
  --theme-deep: #202329;
  --theme-tint: #f1f2f4;
  --theme-border: #e2e3e6;
  --theme-accent-border: #d4d6db;
  --theme-showcase: #202329;
  --theme-dark-card: #292e36;
  --theme-dark-border: #444951;
  --theme-dark-body: #c9cbd1;
  --theme-nav-cta: #202329;
  --theme-grid: rgba(32, 35, 41, 0.06);
  --theme-glow: rgba(129, 115, 151, 0.06);
  --knowledge-accent: #817397;
}
/* Announcement ribbon echoes the homepage hero with readable light text. */
.home-page .announcement,
.product-page .announcement {
  background: #0b1730;
  color: #e2e8f0;
  border-bottom-color: #30415d;
}
.home-page .announcement-inner,
.product-page .announcement-inner {
  gap: 18px;
  line-height: 1.5;
}
.home-page .announce-tag,
.product-page .announce-tag {
  color: #fff;
  font-weight: 650;
  letter-spacing: 0.12em;
}
.home-page .announcement a,
.product-page .announcement a {
  color: #fff;
  border-bottom-color: #94a3b8;
}
.home-page .announcement a:hover,
.product-page .announcement a:hover {
  color: #e9e1f2;
  border-bottom-color: #e9e1f2;
}
.home-page .announcement a:focus-visible,
.product-page .announcement a:focus-visible {
  outline-color: #fff;
}
@media (max-width: 760px) {
  .home-page .announcement-inner,
  .product-page .announcement-inner {
    gap: 12px;
  }
}
.home-page .approach-card-visual {
  background: transparent;
}

/* Performance reference: paper backdrop and luminous berry/plum cards.
   Deeper central tones keep the small white labels readable. */
.home-page .impact-section {
  background:
    linear-gradient(rgba(242, 241, 240, 0.78), rgba(242, 241, 240, 0.78)),
    url('https://d2ol7oe51mr4n9.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/5c3ec08f-2dbf-4c0a-8588-f6106a789443.webp')
      center/cover no-repeat,
    #eeedeb;
  color: var(--theme-heading);
  border-color: #e2dfdf;
}
.home-page .impact-section .eyebrow {
  color: #66616c;
}
.home-page .impact-heading h2 {
  color: var(--theme-heading);
}
.home-page .impact-heading > div > p {
  color: var(--theme-body);
}
.home-page .impact-card {
  background:
    radial-gradient(ellipse at 0 85%, rgba(241, 181, 162, 0.28), transparent 65%),
    linear-gradient(155deg, #964762, #903d5a 55%, #742e45);
  border-color: rgba(255, 255, 255, 0.5);
  border-radius: 0;
  box-shadow:
    0 10px 28px rgba(76, 44, 65, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
}
.home-page .impact-card:nth-child(2) {
  background:
    radial-gradient(ellipse at 100% 90%, rgba(216, 165, 181, 0.27), transparent 64%),
    linear-gradient(155deg, #795982, #735079 55%, #663d59);
  border-color: rgba(255, 255, 255, 0.5);
}
.home-page .impact-card:nth-child(3) {
  background:
    radial-gradient(ellipse at 0 90%, rgba(202, 168, 207, 0.25), transparent 64%),
    linear-gradient(155deg, #785775, #724e6b 55%, #623c56);
  border-color: rgba(255, 255, 255, 0.5);
}
.home-page .impact-card-film {
  opacity: 0.16;
  filter: grayscale(1) brightness(0.85);
}
.home-page .impact-card::after {
  background:
    linear-gradient(
      102deg,
      rgba(255, 255, 255, 0.07),
      transparent 30%,
      rgba(255, 255, 255, 0.04) 65%,
      transparent
    ),
    linear-gradient(180deg, transparent, rgba(51, 20, 43, 0.2));
}
.home-page .impact-qualifier {
  color: #fff;
}
.home-page .impact-card p {
  color: #f5edf4;
}
.home-page .impact-graphic,
.home-page .impact-card:nth-child(3) .impact-graphic {
  stroke: #f0dfe9;
}
.home-page .impact-heading .inline-link {
  color: var(--theme-brand);
  border-color: #bcb7c1;
}
.home-page .impact-heading .inline-link:hover {
  color: var(--theme-hover);
}
.home-page .impact-note {
  color: #62606a;
}
.home-page .impact-card > a {
  color: #202329;
}
.home-page .impact-card > a:hover {
  background: #eeecf1;
}

/* Keep the connected-knowledge workflow in its original blue palette.
   Its node canvases, paths and moving dots come from knowledge-flow.css. */
.home-page #about {
  background: #eff6ff;
}

/* Charcoal closing surfaces; the hero retains its approved visual identity. */
.home-page .last-cta,
.home-page .footer,
.product-page .footer {
  background: #202329;
}
.home-page .cta-raster {
  background: radial-gradient(ellipse at 75% 48%, rgba(129, 115, 151, 0.12), transparent 60%);
}
.home-page .last-cta .btn-solid {
  background: var(--theme-brand);
  border-color: var(--theme-brand);
  color: #fff;
}
.home-page .last-cta .btn-solid:hover {
  background: var(--theme-hover);
  border-color: var(--theme-hover);
}
.product-page .product-hero {
  background:
    radial-gradient(ellipse at 80% 20%, rgba(129, 115, 151, 0.1), transparent 62%), #202329;
}
.product-page .agent-workspace {
  --viewer-edge: #686d75;
  --viewer-mesh: #858b93;
  --viewer-solid: #c9cbd0;
  --viewer-mesh-solid: #eeeeef;
}
.product-page .agent-objective,
.product-page .artifact-analysis,
.product-page .artifact-result {
  background: #f1f2f4;
}
.product-page .study-focus-track::before {
  inset: -28px -16px;
  opacity: 0.55;
  background:
    radial-gradient(ellipse at 20% 45%, rgba(105, 149, 203, 0.18), transparent 67%),
    radial-gradient(ellipse at 80% 60%, rgba(153, 128, 178, 0.16), transparent 67%);
}
.product-page .study-focus-track.is-highlighted::before {
  opacity: 1;
}
.product-page .agent-workspace,
.product-page .agent-workspace.is-scroll-framed {
  border-color: #cbd5e1;
  box-shadow:
    0 18px 46px rgba(32, 35, 41, 0.08),
    0 0 38px rgba(108, 145, 191, 0.1),
    0 0 0 1px rgba(129, 151, 181, 0.16);
}
.product-page .is-highlighted .agent-workspace.is-scroll-framed {
  box-shadow:
    0 18px 52px rgba(32, 35, 41, 0.1),
    0 0 60px rgba(108, 145, 191, 0.18),
    0 0 48px rgba(153, 128, 178, 0.12),
    0 0 0 1px rgba(129, 151, 181, 0.24);
}

/* Clearer group boundaries within the existing audience and evaluation layouts. */
.home-page .audience-copy {
  gap: 0;
  padding: 36px;
  background: #fff;
}
.home-page .audience-copy > div {
  padding: 24px 0;
  border: 0;
  background: transparent;
}
.home-page .audience-copy > div + div {
  border-top: 1px solid var(--theme-border);
}
.home-page .audience-copy > div:first-child {
  padding-top: 0;
}
.home-page .audience-copy h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 9px;
  letter-spacing: -0.02em;
}
.home-page .audience-copy p {
  max-width: 52ch;
  line-height: 1.75;
  color: var(--theme-body);
}
.home-page .audience-copy > .inline-link {
  align-self: flex-start;
  margin-top: 2px;
}
.product-page .authority-points h3 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.product-page .authority-points h3 .engineering-icon {
  width: 26px;
  height: 26px;
  flex: none;
  color: #c9badb;
  stroke-width: 1.4;
}
.product-page .authority-points p {
  padding-left: 38px;
}
.product-page .partnership-steps > div {
  padding: 26px;
  border: 1px solid var(--theme-border);
  background: #fafaf9;
  border-radius: 0;
  box-shadow: 0 2px 8px rgba(32, 35, 41, 0.025);
}
.product-page .partnership-steps .feature-count {
  color: #78648b;
}
@media (max-width: 760px) {
  .home-page .audience-copy {
    padding: 24px;
  }
  .home-page .audience-copy > div {
    padding: 22px 0;
  }
  .product-page .partnership-steps > div {
    padding: 24px;
  }
}