/* Color-only product identities. Agent presentation does not enable its route. */
.experiment-page {
  --product-primary: #087786;
  --product-primary-hover: #075f6b;
  --product-header: #0f6172;
  --product-ink: #173e48;
  --product-muted: #4c6e76;
  --product-paper: #ffffff;
  --product-tint: #edf8fa;
  --product-soft: #f4fbfc;
  --product-pale: #d9f2f4;
  --product-line: #c5e2e6;
  --product-dark: #0e3540;
  --product-dark-mid: #174a56;
  --product-light-ink: #e7fafb;
  --product-light-muted: #bde5e9;
  --product-focus: #53cbd6;
  --experiment-ink: var(--product-ink);
  --experiment-muted: var(--product-muted);
  --experiment-line: var(--product-line);
}
.scientific-agent-page {
  --product-primary: #5d4bb0;
  --product-primary-hover: #4b3b92;
  --product-header: #463d84;
  --product-ink: #2c2850;
  --product-muted: #655e83;
  --product-paper: #ffffff;
  --product-tint: #f1effb;
  --product-soft: #f8f7fd;
  --product-pale: #e4e0f7;
  --product-line: #d5d0ec;
  --product-light-ink: #f4f1ff;
  --product-light-muted: #ded7f6;
  --product-focus: #a89aef;
  color: var(--product-ink);
  background: var(--product-paper);
}

/* Header, account actions, navigation, controls and footer keep shared layout. */
:is(.experiment-page, .scientific-agent-page) .site-header {
  background: var(--product-header);
  box-shadow: 0 5px 24px #133a4824;
}
:is(.experiment-page, .scientific-agent-page) .header-navigation {
  background: var(--product-header);
}
:is(.experiment-page, .scientific-agent-page) .primary-nav a,
:is(.experiment-page, .scientific-agent-page) .header-login {
  color: var(--product-light-ink);
}
:is(.experiment-page, .scientific-agent-page) .primary-nav a::after {
  background: var(--product-focus);
}
:is(.experiment-page, .scientific-agent-page) .menu-button {
  border-color: #ffffff40;
}
:is(.experiment-page, .scientific-agent-page) .menu-button span {
  background: var(--product-light-ink);
}
:is(.experiment-page, .scientific-agent-page) .button-primary,
:is(.experiment-page, .scientific-agent-page) .header-register {
  background: var(--product-primary);
  color: #fff;
  box-shadow: 0 12px 28px #15354424;
}
:is(.experiment-page, .scientific-agent-page) .button-primary:hover,
:is(.experiment-page, .scientific-agent-page) .header-register:hover {
  background: var(--product-primary-hover);
}
:is(.experiment-page, .scientific-agent-page) .research-footer {
  color: var(--product-light-ink);
  background: var(--product-header);
  border-top-color: #ffffff26;
}
:is(.experiment-page, .scientific-agent-page) .research-footer a,
:is(.experiment-page, .scientific-agent-page) .research-footer p {
  color: var(--product-light-muted);
}
:is(.experiment-page, .scientific-agent-page) :is(a, button):focus-visible {
  outline-color: var(--product-focus);
}

/* AI experiment: cyan surfaces, illustration and light research narrative. */
.experiment-page .experiment-hero {
  background:
    radial-gradient(ellipse at 85% 20%, #247f8c, transparent 60%),
    linear-gradient(130deg, #0f5d6d, #166d7a 60%, #1b7785);
}
.experiment-page .experiment-eyebrow,
.experiment-page .experiment-text-link,
.experiment-page .experiment-scenarios a,
.experiment-page .experiment-stage-output,
.experiment-page .experiment-lifecycle-note > span,
.experiment-page .experiment-step summary > span {
  color: var(--product-primary);
}
.experiment-page .experiment-hero .experiment-eyebrow,
.experiment-page .experiment-assessment .experiment-eyebrow {
  color: var(--product-light-muted);
}
.experiment-page .experiment-hero-description,
.experiment-page .experiment-hero-principle p,
.experiment-page .experiment-status-strip p,
.experiment-page .experiment-status-strip b,
.experiment-page .experiment-assessment p,
.experiment-page .experiment-assessment small {
  color: var(--product-light-muted);
}
.experiment-page .experiment-hero-principle > span {
  color: #a8e8ed;
}
.experiment-page .experiment-button-outline {
  color: var(--product-light-ink);
  border-color: #9be1e65c;
}
.experiment-page .experiment-hero-principle,
.experiment-page .experiment-status-strip {
  border-top-color: #99dce633;
}
.experiment-page .experiment-status-strip b::before {
  background: #91e1e7;
}
.experiment-page .experiment-loop {
  border-color: #71c9d166;
  background: linear-gradient(145deg, #0b303bf2, #104954ec);
  box-shadow: 0 30px 75px #093e4940;
}
.experiment-page .experiment-loop-heading {
  color: #a4e5eb;
}
.experiment-page .experiment-concept-tag {
  color: var(--product-light-muted);
  border-color: #70cbd644;
}
.experiment-page .experiment-loop-map {
  background: radial-gradient(#83d4dc24 1px, transparent 1px) 0 0 / 20px 20px;
}
.experiment-page .experiment-loop-wires path {
  stroke: #65c6d055;
}
.experiment-page .experiment-loop-plan {
  border-color: #82d7de77;
  background: #1a6471;
  box-shadow: 0 0 28px #57d4df2a;
}
.experiment-page .experiment-node-label,
.experiment-page .experiment-loop-protocol > span,
.experiment-page .experiment-loop-data > span,
.experiment-page .experiment-loop-analysis span {
  color: #a3e8ed;
}
.experiment-page .experiment-loop-protocol {
  border-color: #75c2cd55;
  background: var(--product-dark-mid);
}
.experiment-page .experiment-loop-protocol small,
.experiment-page .experiment-loop-devices small,
.experiment-page .experiment-loop-data small,
.experiment-page .experiment-loop-analysis small,
.experiment-page .experiment-loop-caption p {
  color: var(--product-light-muted);
}
.experiment-page .experiment-loop-devices button {
  border-color: #66c8d266;
  background: var(--product-dark);
  color: var(--product-light-ink);
}
.experiment-page .experiment-loop-devices svg {
  stroke: #a4edf1;
}
.experiment-page .experiment-loop-data {
  color: var(--product-light-ink);
  background: #1b5e6b;
  border-color: #7ad3de88;
}
.experiment-page .experiment-loop-analysis {
  background: var(--product-dark-mid);
  border-color: #64c3cd4d;
}
.experiment-page .experiment-loop-caption {
  border-top-color: #70c8d333;
}
.experiment-page .experiment-loop-caption button {
  color: var(--product-light-ink);
  border-color: #5dc4ce66;
  background: #174e5a;
}
.experiment-page .experiment-loop [aria-pressed='true'] {
  background: #196878;
  border-color: #a2edf1;
}
.experiment-page .experiment-loop[data-active='robot'] .experiment-path-robot,
.experiment-page
  .experiment-loop[data-active='instrument']
  .experiment-path-instrument,
.experiment-page
  .experiment-loop[data-active='workstation']
  .experiment-path-workstation,
.experiment-page
  .experiment-loop:not([data-active='all'])
  .experiment-path-common,
.experiment-page
  .experiment-loop[data-active='data']
  .experiment-loop-wires
  path,
.experiment-page
  .experiment-loop:not([data-active='all'])
  .experiment-path-return {
  stroke: #baf1f4;
}
.experiment-page .experiment-loop button:focus-visible {
  outline-color: #bdf0f4;
}
.experiment-page .experiment-section-tint,
.experiment-page .experiment-gateway-section {
  background: var(--product-tint);
}
.experiment-page .experiment-section-heading small,
.experiment-page .experiment-stage-state,
.experiment-page .experiment-lifecycle-note p,
.experiment-page .experiment-step p,
.experiment-page .experiment-card-kicker,
.experiment-page .experiment-decision-brief small,
.experiment-page .experiment-feedback-line,
.experiment-page .experiment-feedback-line .experiment-feedback-confirm,
.experiment-page .experiment-manifesto,
.experiment-page .experiment-device-cards small,
.experiment-page .experiment-scenarios article > span,
.experiment-page .experiment-architecture-points,
.experiment-page .experiment-gateway-root span,
.experiment-page .experiment-gateway-engine small,
.experiment-page .experiment-gateway-map > p,
.experiment-page .experiment-partner-line span,
.experiment-page .experiment-partner-line p,
.experiment-page .experiment-private-boundary,
.experiment-page .experiment-private-map > p,
.experiment-page .experiment-private-map > small,
.experiment-page .experiment-private-labs span {
  color: var(--product-muted);
}
.experiment-page .experiment-roadmap li::before {
  background: var(--product-line);
}
.experiment-page .experiment-roadmap li:not(:last-child) {
  border-left-color: var(--product-line);
}
.experiment-page .experiment-stage-number {
  color: var(--product-primary);
  border-color: #92cbd3;
  background: var(--product-soft);
}
.experiment-page .experiment-steps,
.experiment-page .experiment-step {
  border-color: var(--product-line);
}
.experiment-page .experiment-step[open] {
  background: var(--product-pale);
}
.experiment-page .experiment-step summary:focus-visible {
  outline-color: var(--product-primary);
}
.experiment-page .experiment-decision-brief,
.experiment-page .experiment-gateway-map,
.experiment-page .experiment-private-map {
  background: var(--product-soft);
  border-color: var(--product-line);
}
.experiment-page .experiment-proposal {
  background: var(--product-pale);
  border-left-color: #62bac6;
}
.experiment-page .experiment-proposal span,
.experiment-page .experiment-decision-arrow,
.experiment-page .experiment-decision-arrow span,
.experiment-page .experiment-connector {
  color: var(--product-primary);
}
.experiment-page .experiment-proposal p,
.experiment-page .experiment-manifesto strong {
  color: var(--product-ink);
}
.experiment-page .experiment-protocol-card {
  color: var(--product-light-ink);
  background: var(--product-dark-mid);
  border-color: #599ba6;
  box-shadow: 0 20px 40px -25px #234f5b55;
}
.experiment-page .experiment-protocol-heading,
.experiment-page .experiment-protocol-heading span:last-child,
.experiment-page .experiment-protocol-card dt,
.experiment-page .experiment-protocol-card > p {
  color: var(--product-light-muted);
}
.experiment-page .experiment-protocol-card dl > div {
  border-bottom-color: #8dd6df33;
}
.experiment-page .experiment-device-cards article,
.experiment-page .experiment-device-cards small,
.experiment-page .experiment-architecture-points li,
.experiment-page .experiment-gateway-root,
.experiment-page .experiment-gateway-engine,
.experiment-page .experiment-gateway-leaves span,
.experiment-page .experiment-partner-line,
.experiment-page .experiment-private-boundary,
.experiment-page .experiment-private-resources span,
.experiment-page .experiment-private-labs {
  border-color: var(--product-line);
}
.experiment-page .experiment-device-icon,
.experiment-page .experiment-tags li,
.experiment-page .experiment-gateway-leaves span,
.experiment-page .experiment-private-resources span {
  color: var(--product-primary);
  background: var(--product-tint);
  border-color: var(--product-line);
}
.experiment-page .experiment-scenarios article {
  border-top-color: #82bdc7;
}
.experiment-page .experiment-gateway-hub {
  background: var(--product-header);
  color: var(--product-light-ink);
  border-color: #65aebc;
}
.experiment-page .experiment-gateway-hub .experiment-card-kicker,
.experiment-page .experiment-gateway-hub small {
  color: var(--product-light-muted);
}
.experiment-page .experiment-gateway-leaves::before {
  border-color: #93c8cf;
}
.experiment-page .experiment-private-labs strong {
  color: var(--product-primary);
}
.experiment-page .experiment-assessment {
  background:
    radial-gradient(circle at 80% 10%, #247f8c, transparent 65%),
    var(--product-header);
}

/* Scientific Agent: retained, hidden page uses blue-violet instead of cyan. */
.scientific-agent-page .research-hero {
  background: linear-gradient(120deg, #eeebfa, #f9f8fe 70%, #fff);
}
.scientific-agent-page .research-hero h1,
.scientific-agent-page .section-heading h2,
.scientific-agent-page .research-cards h3,
.scientific-agent-page .research-note h3 {
  color: var(--product-ink);
}
.scientific-agent-page .research-hero p:not(.eyebrow),
.scientific-agent-page .research-cards p,
.scientific-agent-page .research-note p {
  color: var(--product-muted);
}
.scientific-agent-page .eyebrow,
.scientific-agent-page .research-cards article > span,
.scientific-agent-page .research-cards a,
.scientific-agent-page .hero-actions .button-link {
  color: var(--product-primary);
}
.scientific-agent-page .research-status,
.scientific-agent-page .research-note {
  color: var(--product-ink);
  background: var(--product-tint);
  border-color: var(--product-line);
}
.scientific-agent-page .research-cards article {
  background: var(--product-soft);
  border-color: var(--product-line);
}
.scientific-agent-page .hero-actions .button-link {
  border-color: var(--product-line);
}
.scientific-agent-page .hero-actions .button-link:hover {
  color: var(--product-primary-hover);
  background: var(--product-pale);
  border-color: #afa5d9;
}
.scientific-agent-page .button-primary {
  box-shadow: 0 12px 28px #463d8426;
}
.scientific-agent-page .site-header {
  box-shadow: 0 5px 24px #463d8424;
}

/* Phase 95: shared footer follows its product page palette */
:is(.experiment-page, .scientific-agent-page) .site-footer {
  --footer-heading: var(--product-light-ink);
  --footer-copy: var(--product-light-muted);
  --footer-link: var(--product-light-muted);
  background: var(--product-header);
}

:is(.experiment-page, .scientific-agent-page)
  .site-footer
  .footer-main
  .footer-brand-promise {
  color: var(--product-light-ink);
}

:is(.experiment-page, .scientific-agent-page) .site-footer .footer-filing {
  color: var(--product-light-muted);
}