/*
Copyright (C) 2026 Alex Lama.
Copyright (C) 2026 Joseph Lama.
All rights reserved.

Shared cinematic system for the Product and Demo pages.
*/

html:has(.galaxy-page) {
  max-width: 100%;
  overflow-x: hidden;
  background: #020a12;
}

.galaxy-page {
  min-height: 100%;
  overflow-x: clip;
  background: transparent;
  color: var(--film-frost);
}

.galaxy-page > .site-ambient { display: none; }

.galaxy-page .home-film-field { z-index: 0; }

.galaxy-page .galaxy-header,
.galaxy-page .galaxy-main,
.galaxy-page footer {
  position: relative;
  z-index: 1;
}

.galaxy-page .galaxy-header {
  height: 80px;
  border-bottom-color: rgba(104, 171, 220, 0.22);
  background: rgba(3, 13, 23, 0.76);
  box-shadow: 0 12px 40px rgba(0, 5, 12, 0.18);
  -webkit-backdrop-filter: blur(22px) saturate(132%);
  backdrop-filter: blur(22px) saturate(132%);
}

.galaxy-page .galaxy-header nav {
  border-color: rgba(103, 165, 211, 0.25);
  background: rgba(5, 22, 37, 0.68);
  box-shadow: 0 8px 26px rgba(0, 6, 14, 0.18);
}

.galaxy-page .galaxy-header .brand strong { color: #f7fbfe; }
.galaxy-page .galaxy-header nav a { color: #b8cad8; }
.galaxy-page .galaxy-header nav a:hover { background: rgba(72, 125, 170, 0.15); color: #fff; }
.galaxy-page .galaxy-header nav a.active-page {
  background: linear-gradient(120deg, #096fc7, #286ff0 58%, #5b61ef);
  color: #fff;
  box-shadow: 0 8px 22px rgba(36, 107, 230, 0.24);
  animation: none;
}

.galaxy-page .galaxy-main {
  max-width: none;
  margin: 0;
  padding: 0;
}

.galaxy-page .galaxy-kicker {
  margin: 0 0 24px;
  color: var(--film-amber);
  font: 820 12.65px/1.2 Consolas, ui-monospace, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.galaxy-page h1,
.galaxy-page h2,
.galaxy-page h3 { color: #f8fbfe; }

.galaxy-page .primary,
.galaxy-page .secondary {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px;
  border-radius: 9px;
  font-size: 16.1px;
  font-weight: 820;
  text-decoration: none;
  transform: translate3d(var(--button-x, 0), var(--button-y, 0), 0);
  transition: transform 180ms var(--film-enter), border-color 180ms ease, background 180ms ease, box-shadow 260ms var(--film-ease);
}

.galaxy-page .primary {
  border: 1px solid rgba(112, 212, 255, 0.62);
  background: linear-gradient(118deg, #0e8cda, #2878ee 54%, #5c61ef);
  color: #fff;
  box-shadow: 0 14px 34px rgba(35, 107, 231, 0.28), inset 0 1px rgba(255, 255, 255, 0.2);
}

.galaxy-page .secondary {
  border: 1px solid rgba(139, 189, 226, 0.24);
  background: rgba(11, 31, 48, 0.64);
  color: #d8e7f2;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
}

.galaxy-page .primary:hover { box-shadow: 0 18px 42px rgba(35, 107, 231, 0.4), inset 0 1px rgba(255, 255, 255, 0.24); }
.galaxy-page .secondary:hover { border-color: rgba(82, 182, 245, 0.46); background: rgba(18, 47, 73, 0.78); }
.galaxy-page a:focus-visible,
.galaxy-page button:focus-visible,
.galaxy-page figure:focus-visible { outline: 2px solid var(--film-cyan); outline-offset: 4px; }

/* Product hero */
.product-orbit-hero {
  width: min(1500px, calc(100% - 64px));
  min-height: calc(100svh - 80px);
  display: grid;
  grid-template-columns: minmax(470px, 0.85fr) minmax(560px, 1.15fr);
  grid-template-rows: 1fr auto;
  gap: 24px clamp(34px, 4vw, 72px);
  align-items: center;
  margin: 0 auto;
  padding: clamp(74px, 8vh, 116px) 0 38px;
}

.galaxy-hero-copy {
  position: relative;
  z-index: 2;
  padding-left: clamp(24px, 3vw, 50px);
}

.galaxy-hero-copy::before,
.demo-hero > div::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--film-cyan), var(--film-blue) 55%, var(--film-indigo));
  box-shadow: 0 0 18px rgba(68, 215, 255, 0.28);
  content: "";
}

.galaxy-hero-copy h1 {
  max-width: 690px;
  margin: 0;
  font-size: clamp(69px, 6.325vw, 108.1px);
  line-height: 0.94;
  letter-spacing: -0.065em;
}

.galaxy-lead {
  max-width: 660px;
  margin: 30px 0 0;
  color: #b3c6d6;
  font-size: clamp(20.7px, 1.5525vw, 25.3px);
  line-height: 1.62;
}

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

.capability-orbit {
  min-width: 0;
  position: relative;
  aspect-ratio: 1.35;
  isolation: isolate;
}

.capability-orbit::before {
  position: absolute;
  inset: 1%;
  z-index: -2;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(31, 121, 223, 0.18), rgba(17, 73, 132, 0.07) 36%, transparent 67%);
  filter: blur(6px);
  content: "";
}

.orbit-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid rgba(56, 161, 238, 0.34);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 26px rgba(23, 118, 211, 0.06);
}

.orbit-ring::after {
  position: absolute;
  top: -3px;
  left: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--film-cyan);
  box-shadow: 0 0 13px var(--film-cyan);
  content: "";
}

.orbit-ring-a { width: 86%; height: 66%; animation: orbit-breathe 9s ease-in-out infinite; }
.orbit-ring-b { width: 65%; height: 48%; border-style: dashed; border-color: rgba(244, 170, 45, 0.43); animation: orbit-spin 52s linear infinite; }
.orbit-ring-c { width: 42%; height: 31%; animation: orbit-breathe 7s ease-in-out 1.2s infinite reverse; }

.orbit-core {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 130px;
  height: 96px;
  display: grid;
  place-items: center;
  padding: 10px;
  border: 1px solid rgba(91, 178, 243, 0.35);
  border-radius: 20px;
  background: rgba(3, 17, 29, 0.82);
  box-shadow: 0 0 64px rgba(25, 128, 229, 0.2), inset 0 0 24px rgba(51, 136, 225, 0.08);
  transform: translate(-50%, -50%);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.orbit-core img { width: 54px; height: 54px; object-fit: contain; }
.orbit-core span { color: #8ca7ba; font: 760 10.35px/1 Consolas, monospace; letter-spacing: 0.1em; text-transform: uppercase; }

.orbit-node {
  position: absolute;
  min-width: 126px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 13px;
  border: 1px solid rgba(83, 158, 217, 0.3);
  border-radius: 10px;
  background: rgba(4, 20, 34, 0.78);
  color: #dceaf4;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(0, 6, 14, 0.26), inset 0 1px rgba(255, 255, 255, 0.04);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  transition: transform 320ms var(--film-enter), border-color 240ms ease, background 240ms ease, box-shadow 320ms ease;
}

.orbit-node::after {
  position: absolute;
  inset: auto 14px -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--film-blue), transparent);
  content: "";
}

.orbit-node:hover { border-color: rgba(83, 200, 255, 0.6); background: rgba(7, 32, 53, 0.92); box-shadow: 0 16px 42px rgba(9, 82, 155, 0.28); transform: translate3d(0, -4px, 0); }
.orbit-node strong { font-size: 13.8px; }
.orbit-glyph { width: 27px; height: 27px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid rgba(83, 177, 242, 0.38); border-radius: 7px; color: #77dfff; background: rgba(26, 140, 255, 0.08); }
.orbit-ai { top: 4%; left: 50%; transform: translateX(-50%); }
.orbit-ai:hover { transform: translate3d(-50%, -4px, 0); }
.orbit-strategies { top: 27%; left: 1%; }
.orbit-backtest { top: 28%; right: 0; }
.orbit-portfolios { right: 8%; bottom: 9%; }
.orbit-data { bottom: 9%; left: 8%; }
.orbit-local { bottom: -1%; left: 50%; transform: translateX(-50%); }

/* Product and Demo share the same restrained white cable field as Home. */
.galaxy-page,
html:has(.galaxy-page) {
  background: #ffffff;
  color: #17303d;
}

.galaxy-page .home-film-field {
  background:
    radial-gradient(ellipse at 78% 20%, rgba(82, 170, 181, 0.08), transparent 30%),
    radial-gradient(ellipse at 18% 80%, rgba(205, 151, 68, 0.05), transparent 26%),
    #ffffff;
}

.galaxy-page #home-film-canvas { opacity: 0.31; filter: saturate(0.7) brightness(1.08); }
.galaxy-page .home-film-depth { opacity: 0.1; }
.galaxy-page .home-film-vignette { display: none; }

.galaxy-page .galaxy-header {
  border-bottom-color: #dfe7ec;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 24px rgba(27, 54, 72, 0.05);
}

.galaxy-page .galaxy-header .brand strong { color: #17303d; }
.galaxy-page .galaxy-header nav { border-color: #dbe5ea; background: #ffffff; box-shadow: none; }
.galaxy-page .galaxy-header nav a { color: #536c78; }
.galaxy-page .galaxy-header nav a:hover { background: #f1f7f9; color: #173a4b; }
.galaxy-page .galaxy-header nav a.active-page { background: #173a4b; box-shadow: none; }

.galaxy-page h1,
.galaxy-page h2,
.galaxy-page h3 { color: #17303d; text-shadow: none; }
.galaxy-page .galaxy-lead { color: #5c707b; }
.galaxy-page .galaxy-kicker { color: #397e8b; }

.galaxy-page .primary { border-color: #173a4b; background: #173a4b; color: #ffffff; box-shadow: 0 8px 20px rgba(23, 58, 75, 0.16); }
.galaxy-page .secondary { border-color: #c7d8df; background: #ffffff; color: #315463; box-shadow: none; }
.galaxy-page .primary:hover { box-shadow: 0 12px 26px rgba(23, 58, 75, 0.2); }
.galaxy-page .secondary:hover { border-color: #8db6c0; background: #f5fafb; }

.galaxy-page .orbit-core,
.galaxy-page .orbit-node { border-color: #c7dce2; background: rgba(255, 255, 255, 0.92); color: #315463; box-shadow: 0 12px 28px rgba(27, 54, 72, 0.08); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.galaxy-page .orbit-core span { color: #6d838c; }
.galaxy-page .orbit-node:hover { border-color: #6faab4; background: #ffffff; box-shadow: 0 16px 34px rgba(27, 75, 90, 0.12); }
.galaxy-page .orbit-ring { border-color: rgba(74, 145, 158, 0.28); box-shadow: none; }
.galaxy-page .orbit-ring-b { border-color: rgba(190, 137, 50, 0.3); }
.galaxy-page .orbit-ring::after { background: #4d9aa5; box-shadow: none; }

.galaxy-page .product-story,
.galaxy-page .capability-card,
.galaxy-page .demo-panel,
.galaxy-page .story-visual { color: #17303d; }
.galaxy-page .story-visual { border-color: #d3e0e5; background: #ffffff; box-shadow: 0 18px 42px rgba(27, 54, 72, 0.08); }
.galaxy-page .story-visual figcaption { background: #f7fafb; color: #315463; }
.galaxy-page .story-visual figcaption span { color: #315463; }
.galaxy-page .story-visual figcaption em { color: #70858e; }
.galaxy-page .story-facts { border-color: #d5e1e6; }
.galaxy-page .story-facts strong { color: #397e8b; }
.galaxy-page footer { border-top-color: #dfe7ec; background: #f8fbfc; color: #627582; }
.galaxy-page footer a { color: #3e6575; }
.orbit-local:hover { transform: translate3d(-50%, -4px, 0); }

.product-signal-line {
  grid-column: 1 / -1;
  min-height: 76px;
  display: grid;
  grid-template-columns: max-content 1fr max-content 1fr max-content 1fr max-content;
  align-items: center;
  gap: 14px;
  padding: 18px 28px;
  border: 1px solid rgba(102, 172, 224, 0.26);
  border-radius: 14px;
  background: rgba(3, 16, 28, 0.68);
  box-shadow: 0 18px 46px rgba(0, 5, 12, 0.2), inset 0 1px rgba(255, 255, 255, 0.04);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.product-signal-line span { padding: 7px 9px; border: 1px solid rgba(83, 165, 224, 0.3); border-radius: 6px; color: #9db6c7; font: 800 10.35px/1 Consolas, monospace; letter-spacing: 0.08em; }
.product-signal-line span:nth-of-type(2) { border-color: rgba(98, 100, 255, 0.52); color: #c4c5ff; background: rgba(98, 100, 255, 0.1); }
.product-signal-line i { position: relative; height: 1px; overflow: hidden; background: rgba(113, 158, 191, 0.24); }
.product-signal-line i::after { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, var(--film-cyan), transparent); content: ""; animation: product-signal 4.2s var(--film-ease) infinite; transform: translateX(-100%); }
.product-signal-line i:nth-of-type(2)::after { animation-delay: 0.7s; }
.product-signal-line i:nth-of-type(3)::after { animation-delay: 1.4s; }

@keyframes orbit-breathe { 0%, 100% { opacity: 0.55; transform: translate(-50%, -50%) scale(0.985); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.015); } }
@keyframes orbit-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes product-signal { 0%, 18% { transform: translateX(-100%); } 70%, 100% { transform: translateX(100%); } }

/* Capability ledger */
.capability-index {
  width: min(1320px, calc(100% - 64px));
  display: grid;
  grid-template-columns: minmax(320px, 0.72fr) minmax(520px, 1.28fr);
  gap: clamp(46px, 7vw, 104px);
  align-items: start;
  margin: 0 auto;
  padding: 152px 0 120px;
}

.capability-index > header { position: sticky; top: 130px; }
.capability-index :is(h1, h2) { max-width: 510px; margin: 0; font-size: clamp(52.9px, 5.75vw, 80.5px); line-height: 0.98; letter-spacing: -0.055em; }
.capability-index > header > p:last-child { max-width: 480px; margin: 25px 0 0; color: #9db3c4; font-size: 20.7px; line-height: 1.6; }
.capability-ledger { border-top: 1px solid rgba(117, 177, 222, 0.26); }
.capability-ledger a {
  min-height: 104px;
  display: grid;
  grid-template-columns: 42px minmax(140px, 0.7fr) minmax(220px, 1.3fr) 30px;
  gap: 18px;
  align-items: center;
  padding: 18px 10px;
  border-bottom: 1px solid rgba(117, 177, 222, 0.22);
  color: #ecf7fe;
  text-decoration: none;
  transition: padding 280ms var(--film-enter), background 220ms ease, border-color 220ms ease;
}
.capability-ledger a:hover { padding-inline: 20px; border-color: rgba(71, 183, 255, 0.48); background: linear-gradient(90deg, rgba(21, 103, 177, 0.14), transparent); }
.capability-ledger a > span { color: #5395c9; font: 800 11.5px/1 Consolas, monospace; }
.capability-ledger a > strong { font-size: 21.85px; letter-spacing: -0.025em; }
.capability-ledger a > small { color: #8ea6b8; font-size: 13.8px; line-height: 1.45; }
.capability-ledger a > b { color: var(--film-cyan); font-size: 20.7px; font-weight: 500; transition: transform 240ms var(--film-enter); }
.capability-ledger a:hover > b { transform: translate3d(4px, 4px, 0); }

/* Feature chapters */
.feature-chapter {
  width: min(1480px, calc(100% - 48px));
  min-height: 790px;
  display: grid;
  grid-template-columns: minmax(340px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(42px, 6vw, 92px);
  align-items: center;
  margin: 40px auto;
  padding: clamp(42px, 5vw, 78px);
  border: 1px solid rgba(105, 174, 225, 0.24);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(8, 29, 48, 0.86), rgba(3, 17, 30, 0.68));
  box-shadow: 0 30px 80px rgba(0, 5, 12, 0.24), inset 0 1px rgba(255, 255, 255, 0.035);
  -webkit-backdrop-filter: blur(18px) saturate(116%);
  backdrop-filter: blur(18px) saturate(116%);
}

.feature-reverse { grid-template-columns: minmax(0, 1.28fr) minmax(340px, 0.72fr); }
.feature-reverse .feature-copy { order: 2; }
.feature-reverse .feature-stage { order: 1; }
.chapter-label { display: flex; justify-content: space-between; gap: 18px; margin: 0 0 26px; color: var(--film-amber); font: 800 11.5px/1.3 Consolas, monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.chapter-label b { color: #69cfff; font-weight: 800; }
.feature-copy h2 { margin: 0; font-size: clamp(49.45px, 5.175vw, 75.9px); line-height: 0.99; letter-spacing: -0.055em; }
.feature-copy > p:not(.chapter-label) { margin: 25px 0 0; color: #9fb5c5; font-size: 19.55px; line-height: 1.65; }
.feature-list { margin: 34px 0 0; padding: 0; border-top: 1px solid rgba(116, 175, 218, 0.2); list-style: none; }
.feature-list li { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 15px; padding: 16px 0; border-bottom: 1px solid rgba(116, 175, 218, 0.2); }
.feature-list strong { color: #eaf6fd; font-size: 14.95px; }
.feature-list span { color: #819bad; font-size: 13.8px; line-height: 1.5; }
.feature-stage { min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(112, 180, 230, 0.25); border-radius: 15px; background: #07121d; box-shadow: 0 26px 72px rgba(0, 4, 10, 0.38); transition: transform 500ms var(--film-enter), box-shadow 500ms var(--film-ease), border-color 300ms ease; }
.feature-chapter:hover .feature-stage { border-color: rgba(87, 190, 255, 0.42); box-shadow: 0 34px 90px rgba(0, 5, 13, 0.5), 0 0 46px rgba(20, 118, 207, 0.08); transform: translate3d(0, -5px, 0); }
.feature-stage figcaption { height: 48px; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 0 18px; border-bottom: 1px solid rgba(102, 164, 210, 0.2); background: rgba(6, 22, 36, 0.96); color: #dcebf5; font-size: 13.8px; font-weight: 820; }
.feature-stage figcaption::before { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #58d69c; box-shadow: 0 0 12px rgba(88, 214, 156, 0.55); content: ""; }
.feature-stage figcaption span { margin-right: auto; }
.feature-stage figcaption em { color: #7793a6; font-style: normal; font: 740 10.35px/1 Consolas, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.feature-stage > div { height: 590px; overflow: hidden; background: #e8eef2; }
.feature-stage img { width: 129.49%; max-width: none; height: auto; display: block; transform: translate3d(-22.77%, 0, 0); transform-origin: top left; transition: transform 800ms var(--film-ease), filter 400ms ease; }
.feature-chapter:hover .feature-stage img { filter: saturate(1.04) contrast(1.015); transform: translate3d(-22.77%, -6px, 0) scale(1.008); }

/* Local architecture and CTA */
.local-architecture {
  width: min(1320px, calc(100% - 64px));
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(560px, 1.28fr);
  gap: clamp(48px, 7vw, 104px);
  align-items: center;
  margin: 0 auto;
  padding: 150px 0 130px;
}
.local-architecture h2 { margin: 0; font-size: clamp(55.2px, 5.75vw, 80.5px); line-height: 0.98; letter-spacing: -0.055em; }
.local-architecture > div:first-child > p:last-child { margin: 26px 0 0; color: #9bb1c1; font-size: 19.55px; line-height: 1.65; }
.local-flow { display: grid; grid-template-columns: 1fr 54px 1fr 54px 1fr; align-items: center; }
.local-flow > span { min-height: 180px; display: flex; flex-direction: column; justify-content: flex-end; padding: 22px; border: 1px solid rgba(105, 175, 225, 0.25); border-radius: 12px; background: rgba(4, 22, 37, 0.7); box-shadow: inset 0 1px rgba(255,255,255,.04), 0 18px 40px rgba(0,4,10,.2); }
.local-flow small { margin-bottom: auto; color: #67ccf8; font: 780 10.35px/1.2 Consolas, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.local-flow strong { color: #edf8ff; font-size: 17.25px; line-height: 1.3; }
.local-flow em { margin-top: 8px; color: #7f99ab; font-style: normal; font-size: 12.65px; line-height: 1.4; }
.local-flow > i { position: relative; height: 1px; overflow: hidden; background: rgba(113, 168, 208, 0.25); }
.local-flow > i::after { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, var(--film-cyan), transparent); content: ""; animation: product-signal 4s ease-in-out infinite; }
.local-flow > i:nth-of-type(2)::after { animation-delay: 1s; }

.galaxy-cta {
  width: min(1480px, calc(100% - 48px));
  min-height: 590px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 10px auto 80px;
  padding: 76px 28px;
  border: 1px solid rgba(91, 177, 240, 0.28);
  border-radius: 22px;
  background: radial-gradient(circle at 50% 92%, rgba(49, 95, 216, 0.24), transparent 43%), linear-gradient(140deg, rgba(8, 30, 50, 0.86), rgba(3, 15, 27, 0.78));
  box-shadow: 0 30px 80px rgba(0, 5, 12, 0.24), inset 0 1px rgba(255, 255, 255, 0.04);
  text-align: center;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.galaxy-cta h2 { max-width: 850px; margin: 0; font-size: clamp(62.1px, 6.9vw, 94.3px); line-height: 0.96; letter-spacing: -0.06em; }
.galaxy-cta > p:not(.galaxy-kicker) { max-width: 690px; margin: 26px 0 34px; color: #9eb4c4; font-size: 20.7px; line-height: 1.6; }

/* Demo */
.demo-hero {
  width: min(1440px, calc(100% - 64px));
  display: grid;
  grid-template-columns: minmax(560px, 1.12fr) minmax(390px, 0.68fr);
  gap: clamp(42px, 7vw, 112px);
  align-items: center;
  margin: 0 auto;
  padding: clamp(42px, 5vh, 64px) 0 30px;
}
.demo-hero > div { position: relative; padding-left: clamp(24px, 3vw, 48px); }
.demo-hero h1 { max-width: 820px; margin: 0; font-size: clamp(66.7px, 5.52vw, 89.7px); line-height: 0.94; letter-spacing: -0.064em; }
.demo-route-shell {
  position: relative;
  padding: 4px 0;
}
.demo-route-shell > p { margin: 0; color: #aebfcd; font-size: 19.55px; line-height: 1.65; }
.demo-route {
  display: grid;
  grid-template-columns: max-content 1fr max-content 1fr max-content;
  align-items: center;
  gap: 9px;
  margin-top: 26px;
}
.demo-route span {
  min-width: 82px;
  display: grid;
  gap: 6px;
  padding: 11px 12px;
  border: 1px solid rgba(83, 158, 217, 0.3);
  border-radius: 9px;
  background: rgba(4, 20, 34, 0.68);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
}
.demo-route b { color: #63cfff; font: 800 9.2px/1 Consolas, monospace; }
.demo-route strong { color: #dceaf4; font-size: 11.5px; }
.demo-route i { position: relative; height: 1px; overflow: hidden; background: rgba(105, 164, 207, 0.24); }
.demo-route i::after { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, var(--film-cyan), transparent); content: ""; transform: translateX(-100%); animation: product-signal 4.2s var(--film-ease) infinite; }
.demo-route i:nth-of-type(2)::after { animation-delay: .9s; }

.demo-workstation {
  width: min(1680px, calc(100% - 32px));
  margin: 0 auto 30px;
  overflow: hidden;
  border: 1px solid rgba(91, 175, 239, 0.38);
  border-radius: 20px;
  background: rgba(3, 16, 28, 0.86);
  box-shadow: 0 34px 100px rgba(0, 4, 10, 0.46), 0 0 70px rgba(31, 112, 204, 0.07), inset 0 1px rgba(255,255,255,.06);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
  backdrop-filter: blur(18px) saturate(115%);
}
.demo-workstation-head { height: 44px; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 0 18px; border-bottom: 1px solid rgba(108, 170, 216, 0.2); }
.demo-live, .demo-current { color: #7895a9; font: 790 11.5px/1 Consolas, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.demo-live { display: flex; align-items: center; gap: 9px; }
.demo-live i { width: 7px; height: 7px; border-radius: 50%; background: #52d59a; box-shadow: 0 0 13px rgba(82, 213, 154, 0.65); animation: demo-live-pulse 2.4s ease-in-out infinite; }
.demo-current strong { color: var(--film-cyan); }

.demo-menu-hint {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 12px 16px 4px;
  background: rgba(5, 23, 38, 0.64);
  color: #8fcbe9;
  font: 900 16.1px/1.3 Consolas, ui-monospace, monospace;
  letter-spacing: 0.035em;
  text-align: center;
  text-transform: uppercase;
  animation: demo-menu-flash 1.65s cubic-bezier(.4, 0, .2, 1) infinite;
}

.demo-menu-hint::after {
  position: absolute;
  z-index: 0;
  top: -25%;
  bottom: -25%;
  left: -28%;
  width: 20%;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, .84), transparent);
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: skewX(-18deg);
  animation: demo-menu-sweep 2.15s ease-in-out infinite;
}

.demo-menu-hint > span {
  position: relative;
  z-index: 1;
}

.demo-menu-hint .demo-menu-hint-arrow {
  color: var(--film-cyan);
  font-size: 18.4px;
  text-shadow: 0 0 12px rgba(8, 123, 216, .7);
  animation: demo-menu-hint 1.8s ease-in-out infinite;
}

.demo-workstation .product-tour-nav {
  display: block;
  padding: 7px 12px;
  overflow-x: auto;
  border: 0;
  border-bottom: 1px solid rgba(108, 170, 216, 0.2);
  border-radius: 0;
  background: rgba(5, 23, 38, 0.64);
  scrollbar-width: none;
}
.demo-workstation .product-tour-nav::-webkit-scrollbar { display: none; }
.demo-workstation .product-tour-nav-group { min-width: 900px; display: grid; grid-template-columns: repeat(9, minmax(max-content, 1fr)); gap: 5px; }
.demo-workstation .product-tour-nav button {
  min-height: 42px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 7px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #8fa7b8;
  cursor: pointer;
  font: 760 13.8px/1 Inter, Segoe UI, sans-serif;
  transition: color 180ms ease, background 180ms ease, transform 180ms var(--film-enter);
}
.demo-workstation .product-tour-nav button::after { position: absolute; right: 14px; bottom: 1px; left: 14px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--film-blue), var(--film-indigo)); box-shadow: 0 0 12px rgba(74, 109, 255, 0.55); content: ""; transform: scaleX(0); transition: transform 300ms var(--film-enter); }
.demo-workstation .product-tour-nav button:hover { background: rgba(37, 101, 151, 0.1); color: #e8f4fb; }
.demo-workstation .product-tour-nav button.active { background: linear-gradient(180deg, rgba(28, 91, 153, 0.2), rgba(23, 57, 93, 0.08)); color: #fff; }
.demo-workstation .product-tour-nav button.active::after { transform: scaleX(1); }
.demo-workstation .product-tour-icon { width: 24px; height: 24px; display: grid; flex: 0 0 auto; place-items: center; border: 0; border-radius: 6px; background: rgba(33, 104, 160, 0.12); color: #72cfff; font-size: 13.8px; }
.demo-workstation .product-tour-nav button.active .product-tour-icon { background: rgba(56, 113, 244, 0.2); color: #a4aeff; box-shadow: none; animation: none; }
.demo-workstation .product-tour-stage {
  width: auto;
  height: clamp(880px, 92vh, 1180px);
  margin: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid rgba(94, 165, 220, 0.28);
  border-radius: 10px;
  background: #eaf0f3;
  scrollbar-color: #3f779f #dce7ec;
  scrollbar-width: thin;
}
.demo-workstation .product-tour-stage::-webkit-scrollbar { width: 9px; }
.demo-workstation .product-tour-stage::-webkit-scrollbar-track { background: #dce7ec; }
.demo-workstation .product-tour-stage::-webkit-scrollbar-thumb { border: 2px solid #dce7ec; border-radius: 99px; background: #3f779f; }
.demo-workstation .product-tour-stage img { width: 100%; max-width: 100%; height: auto; display: block; transform: none; }
.demo-stage-foot { min-height: 46px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 22px; border-top: 1px solid rgba(108, 170, 216, 0.17); color: #718da1; font: 760 10.35px/1 Consolas, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.demo-stage-foot b { display: inline-block; margin-left: 6px; color: var(--film-cyan); animation: scroll-hint 2.2s ease-in-out infinite; }

.demo-galaxy-page .demo-guide {
  width: min(1320px, calc(100% - 64px));
  margin: 0 auto;
  padding: 142px 0 120px;
}
.demo-galaxy-page .demo-guide > header { max-width: 860px; }
.demo-galaxy-page .demo-guide h2 { margin: 0; font-size: clamp(57.5px, 6.325vw, 87.4px); line-height: 0.98; letter-spacing: -0.055em; }
.demo-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 54px; border-top: 1px solid rgba(113, 174, 219, 0.25); border-bottom: 1px solid rgba(113, 174, 219, 0.25); }
.demo-steps article { min-height: 260px; display: flex; flex-direction: column; padding: 30px; border: 0; border-radius: 0; background: rgba(4, 21, 35, 0.44); }
.demo-steps article + article { border-left: 1px solid rgba(113, 174, 219, 0.22); }
.demo-steps article > span { margin: 0 0 auto; color: #59caff; font: 800 11.5px/1 Consolas, monospace; }
.demo-steps h3 { margin: 48px 0 0; font-size: 25.3px; }
.demo-steps p { margin: 13px 0 0; color: #a7bccb; font-size: 16.1px; line-height: 1.6; }
.demo-galaxy-page .demo-cta { margin-bottom: 80px; }

@keyframes demo-live-pulse { 0%, 100% { opacity: .55; transform: scale(.86); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes scroll-hint { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(3px); } }
@keyframes demo-menu-hint { 0%, 100% { transform: translateY(-1px); } 50% { transform: translateY(2px); } }
@keyframes demo-menu-flash {
  0%, 100% { box-shadow: inset 0 0 0 rgba(47, 181, 255, 0), 0 0 0 rgba(47, 181, 255, 0); filter: brightness(1) saturate(1); text-shadow: 0 0 0 rgba(8, 123, 216, 0); }
  50% { box-shadow: inset 0 0 28px rgba(47, 181, 255, .32), 0 0 18px rgba(47, 181, 255, .28); filter: brightness(1.08) saturate(1.3); text-shadow: 0 0 11px rgba(8, 123, 216, .46); }
}
@keyframes demo-menu-sweep {
  0%, 16% { left: -28%; opacity: 0; }
  25% { opacity: .72; }
  62% { left: 108%; opacity: .55; }
  68%, 100% { left: 108%; opacity: 0; }
}

/* Shared footer */
.galaxy-page footer {
  border-top-color: rgba(103, 168, 216, 0.2);
  background: rgba(2, 11, 20, 0.78);
  color: #718a9d;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.galaxy-page footer a { color: #9cb2c3; }
.galaxy-page footer a:hover { color: #fff; }

/* Page entrance choreography */
.home-film-ready .galaxy-hero-copy,
.home-film-ready .demo-hero > div { animation: galaxy-copy-enter 800ms var(--film-enter) 80ms both; }
.home-film-ready .capability-orbit { animation: galaxy-orbit-enter 1000ms var(--film-enter) 190ms both; }
.home-film-ready .product-signal-line,
.home-film-ready .demo-route-shell { animation: galaxy-copy-enter 720ms var(--film-enter) 300ms both; }
.home-film-ready .demo-workstation { animation: galaxy-stage-enter 940ms var(--film-enter) 220ms both; }
@keyframes galaxy-copy-enter { from { opacity: 0; transform: translate3d(0, 24px, 0); } to { opacity: 1; transform: none; } }
@keyframes galaxy-orbit-enter { from { opacity: 0; transform: translate3d(22px, 0, 0) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes galaxy-stage-enter { from { opacity: 0; transform: translate3d(0, 28px, 0) scale(.985); } to { opacity: 1; transform: none; } }

@media (max-width: 1080px) {
  .product-orbit-hero { grid-template-columns: 1fr; padding-top: 86px; }
  .galaxy-hero-copy h1 { max-width: 890px; }
  .capability-orbit { width: min(820px, 100%); justify-self: center; }
  .capability-index { grid-template-columns: 1fr; }
  .capability-index > header { position: relative; top: auto; }
  .feature-chapter,
  .feature-reverse { grid-template-columns: 1fr; min-height: 0; }
  .feature-reverse .feature-copy,
  .feature-reverse .feature-stage { order: initial; }
  .local-architecture { grid-template-columns: 1fr; }
  .demo-hero { grid-template-columns: 1fr; }
  .demo-route-shell { max-width: 680px; margin-left: auto; }
}

@media (max-width: 700px) {
  .galaxy-page .galaxy-header { height: 70px; gap: 10px; padding-inline: 12px; }
  .galaxy-page .galaxy-header .brand { gap: 7px; font-size: 17.25px; }
  .galaxy-page .galaxy-header .brand span { width: 40px; height: 40px; }
  .galaxy-page .galaxy-header nav { gap: 2px; padding: 3px; }
  .galaxy-page .galaxy-header nav a { padding: 7px 8px; font-size: 11.5px; }
  .galaxy-page .galaxy-kicker { margin-bottom: 18px; font-size: 10.35px; }

  .product-orbit-hero {
    width: calc(100% - 24px);
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 42px;
    padding: 66px 0 24px;
  }
  .galaxy-hero-copy { padding-left: 22px; }
  .galaxy-hero-copy h1 { font-size: clamp(55.2px, 16.1vw, 73.6px); line-height: .96; }
  .galaxy-lead { margin-top: 24px; font-size: 18.4px; }
  .galaxy-actions { display: grid; }
  .galaxy-actions a { width: 100%; }

  .capability-orbit { width: 100%; min-height: 440px; aspect-ratio: auto; }
  .orbit-core { width: 100px; height: 80px; }
  .orbit-core img { width: 44px; height: 44px; }
  .orbit-ring-a { width: 96%; height: 65%; }
  .orbit-ring-b { width: 72%; height: 46%; }
  .orbit-ring-c { width: 46%; height: 29%; }
  .orbit-node { min-width: 0; padding: 8px 9px; }
  .orbit-node strong { font-size: 10.35px; }
  .orbit-glyph { width: 23px; height: 23px; font-size: 11.5px; }
  .orbit-ai { top: 1%; }
  .orbit-strategies { top: 26%; left: 0; }
  .orbit-backtest { top: 27%; right: 0; }
  .orbit-portfolios { right: 0; bottom: 9%; }
  .orbit-data { bottom: 9%; left: 0; }
  .orbit-local { bottom: -1%; }

  .product-signal-line { grid-template-columns: repeat(4, 1fr); gap: 5px; padding: 13px; }
  .product-signal-line i { display: none; }
  .product-signal-line span { padding-inline: 3px; text-align: center; font-size: 8.05px; }

  .capability-index,
  .local-architecture,
  .demo-galaxy-page .demo-guide { width: calc(100% - 32px); }
  .capability-index { gap: 42px; padding: 104px 0 78px; }
  .capability-index :is(h1, h2),
  .local-architecture h2,
  .demo-galaxy-page .demo-guide h2 { font-size: 50.6px; }
  .capability-index > header > p:last-child { font-size: 18.4px; }
  .capability-ledger a { grid-template-columns: 30px minmax(0, 1fr) 20px; gap: 10px; min-height: 88px; }
  .capability-ledger a > small { grid-column: 2; margin-top: -10px; }
  .capability-ledger a > b { grid-column: 3; grid-row: 1 / 3; }

  .feature-chapter {
    width: calc(100% - 24px);
    gap: 34px;
    margin-block: 20px;
    padding: 36px 22px 22px;
    border-radius: 16px;
  }
  .chapter-label { display: grid; gap: 7px; }
  .feature-copy h2 { font-size: 48.3px; }
  .feature-copy > p:not(.chapter-label) { font-size: 17.25px; }
  .feature-list li { grid-template-columns: 1fr; gap: 7px; }
  .feature-stage figcaption em { display: none; }
  .feature-stage > div { height: 430px; }

  .local-architecture { gap: 42px; padding: 100px 0 90px; }
  .local-flow { grid-template-columns: 1fr; }
  .local-flow > span { min-height: 140px; }
  .local-flow > i { width: 1px; height: 28px; justify-self: center; }
  .local-flow > i::after { background: linear-gradient(180deg, transparent, var(--film-cyan), transparent); }

  .galaxy-cta { width: calc(100% - 24px); min-height: 510px; margin-bottom: 32px; padding: 60px 22px; border-radius: 16px; }
  .galaxy-cta h2 { font-size: 55.2px; }
  .galaxy-cta > p:not(.galaxy-kicker) { font-size: 18.4px; }

  .demo-hero { width: calc(100% - 32px); gap: 18px; padding: 38px 0 22px; }
  .demo-hero > div { padding-left: 22px; }
  .demo-hero h1 { font-size: clamp(49.45px, 14.03vw, 62.1px); }
  .demo-route-shell { margin-left: 0; }
  .demo-route-shell > p { font-size: 17.25px; }
  .demo-route { gap: 6px; }
  .demo-route span { min-width: 70px; padding: 9px; }
  .demo-workstation { width: calc(100% - 24px); border-radius: 15px; }
  .demo-workstation-head { height: 42px; padding: 0 13px; }
  .demo-current { text-align: right; }
  .demo-live span { display: none; }
  .demo-menu-hint { min-height: 48px; padding-inline: 12px; font-size: 13.8px; }
  .demo-workstation .product-tour-nav { padding: 6px; scroll-snap-type: x proximity; }
  .demo-workstation .product-tour-nav-group { min-width: max-content; display: flex; }
  .demo-workstation .product-tour-nav button { min-height: 38px; flex: 0 0 auto; padding: 5px 9px; scroll-snap-align: center; font-size: 12.65px; }
  .demo-workstation .product-tour-stage {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: min(78svh, 760px);
    margin: 6px 0 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }
  .demo-workstation .product-tour-stage img { width: 100%; max-width: none; height: auto; transform: none; }
  .demo-stage-foot { padding-inline: 13px; }
  .demo-stage-foot span:first-child { display: none; }
  .demo-stage-foot span:last-child { margin-left: auto; }
  .demo-galaxy-page .demo-guide { padding: 96px 0 80px; }
  .demo-steps { grid-template-columns: 1fr; }
  .demo-steps article { min-height: 220px; }
  .demo-steps article + article { border-top: 1px solid rgba(113, 174, 219, 0.22); border-left: 0; }
}

@media (max-width: 370px) {
  .galaxy-page .galaxy-header .brand strong { display: none; }
  .orbit-node strong { display: none; }
  .orbit-node { border-radius: 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .galaxy-page *,
  .galaxy-page *::before,
  .galaxy-page *::after { scroll-behavior: auto !important; animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}

/* Final light pass for Product and Demo. */
html body.galaxy-page,
html body.galaxy-page .home-film-field { background: #fff; color: #17303d; }
html body.galaxy-page .home-film-field { background: #f6fbff; }
html body.galaxy-page #home-film-canvas { opacity: .76; filter: saturate(1.08) contrast(1.1); }
html body.galaxy-page .home-film-depth { display: none; }
html body.galaxy-page .home-film-vignette { display: none; }
html body.galaxy-page .galaxy-header { background: #ffffff; border-bottom-color: #b9cbd5; box-shadow: 0 8px 24px #dce7ec; }
html body.galaxy-page .galaxy-header .brand strong { color: #0d2738; }
html body.galaxy-page .galaxy-header nav { border-color: #dbe5ea; background: #fff; box-shadow: none; }
html body.galaxy-page .galaxy-header nav a { color: #254b60; }
html body.galaxy-page .galaxy-header nav a.active-page { background: #0d4775; color: #ffffff; box-shadow: none; }
html body.galaxy-page h1,
html body.galaxy-page h2,
html body.galaxy-page h3 { color: #0b293c; text-shadow: none; }
html body.galaxy-page .galaxy-lead,
html body.galaxy-page .demo-route-shell > p,
html body.galaxy-page .feature-copy > p:not(.chapter-label),
html body.galaxy-page .local-architecture > div:first-child > p:last-child { color: #284a5d; }
html body.galaxy-page .primary { border-color: #173a4b; background: #173a4b; box-shadow: 0 8px 20px rgba(23,58,75,.16); }
html body.galaxy-page .secondary { border-color: #c7d8df; background: #fff; color: #315463; box-shadow: none; }
html body.galaxy-page .orbit-core,
html body.galaxy-page .orbit-node { border-color: #98bdce; background: #ffffff; color: #173f56; box-shadow: 0 12px 28px #d9e6ec; }
html body.galaxy-page .orbit-core span { color: #6d838c; }
html body.galaxy-page .orbit-ring { border-color: rgba(74,145,158,.28); box-shadow: none; }
html body.galaxy-page .orbit-ring-b { border-color: rgba(190,137,50,.3); }
html body.galaxy-page .orbit-ring::after { background: #4d9aa5; box-shadow: none; }
html body.galaxy-page .product-signal-line,
html body.galaxy-page .feature-chapter,
html body.galaxy-page .galaxy-cta,
html body.galaxy-page .demo-route,
html body.galaxy-page .demo-workstation,
html body.galaxy-page .demo-steps article,
html body.galaxy-page .local-flow > span { border-color: #a9c5d2; background: #ffffff; color: #173f56; box-shadow: 0 14px 34px #dce8ed; }
html body.galaxy-page .feature-stage { border-color: #a9c5d2; background: #ffffff; box-shadow: 0 18px 42px #dce8ed; }
html body.galaxy-page .feature-stage figcaption { background: #f0f6f8; border-color: #d5e1e6; color: #315463; }
html body.galaxy-page .feature-stage figcaption em { color: #70858e; }
html body.demo-galaxy-page .demo-workstation-head { border-bottom-color: #b9cbd5; background: #f7fafb; }
html body.demo-galaxy-page :is(.demo-live, .demo-current) { color: #244b60; font-weight: 850; }
html body.demo-galaxy-page .demo-current strong { display: inline-block; margin-left: 4px; padding: 5px 8px; border-radius: 5px; background: #dcecf3; color: #075c88; }
html body.galaxy-page .feature-list strong,
html body.galaxy-page .local-flow strong,
html body.galaxy-page .demo-route strong { color: #315463; }
html body.galaxy-page .feature-list span,
html body.galaxy-page .local-flow em,
html body.galaxy-page .demo-steps p { color: #294e61; }
html body.galaxy-page .demo-workstation .product-tour-nav { background: #f2f7f8; }
html body.demo-galaxy-page .demo-menu-hint {
  border-top: 1px solid #7fdcff;
  border-bottom: 1px solid #7fdcff;
  background: linear-gradient(90deg, #e5f9ff 0%, #f0f4ff 48%, #e5f9ff 100%);
  color: #034f7a !important;
}
html body.demo-galaxy-page .demo-menu-hint .demo-menu-hint-arrow { color: #087bd8; }
html body.galaxy-page .demo-workstation .product-tour-nav button { color: #58717c; }
html body.galaxy-page .demo-workstation .product-tour-nav button.active { background: #e3f0f2; color: #173a4b; }
html body.galaxy-page .demo-workstation .product-tour-stage { background: #eaf1f3; }
html body.galaxy-page footer { border-top-color: #dfe7ec; background: #f8fbfc; color: #627582; }
html body.galaxy-page footer a { color: #3e6575; }

html body.demo-galaxy-page .demo-route span {
  border-color: #b7d0dc;
  background: #f5f9fb;
  box-shadow: none;
}
html body.demo-galaxy-page .demo-route b { color: #176998; }
html body.demo-galaxy-page .demo-route strong { color: #294e61; }

html body.product-galaxy-page .product-orbit-hero {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  width: min(1180px, calc(100% - 48px));
}

html body.product-galaxy-page .galaxy-hero-copy {
  max-width: 850px;
}

/* Product and Demo use the same animated neural field as Home. */
html body.galaxy-page .home-film-field {
  background: linear-gradient(135deg, #f7fafc 0%, #f0f5f8 52%, #e8f1f6 100%);
}

html body.galaxy-page #home-film-canvas {
  display: block !important;
  opacity: 1;
  filter: none;
  will-change: contents;
}

html body.galaxy-page .home-film-depth,
html body.galaxy-page .home-film-vignette { display: none !important; }

html.motion-ready body.galaxy-page .motion-reveal,
html body.galaxy-page .galaxy-hero-copy,
html body.galaxy-page .product-signal-line,
html body.galaxy-page .demo-route-shell,
html body.galaxy-page .demo-workstation {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

html body.galaxy-page main :is(h1, h2, h3, h4, p, li, small, strong, em, span, a, button),
html body.galaxy-page footer :is(span, a) {
  opacity: 1 !important;
}

html body.galaxy-page main :is(h1, h2, h3, h4) { color: #0a273a !important; }
html body.galaxy-page main :is(p, li) { color: #294d62 !important; }
html body.galaxy-page main .galaxy-kicker,
html body.galaxy-page main .chapter-label { color: #176998 !important; }
html body.galaxy-page main .primary,
html body.galaxy-page main .primary span { color: #ffffff !important; }
html body.galaxy-page footer span { color: #3e6575; opacity: 1; }

html body.product-galaxy-page .capability-ledger a { color: #173f56; }
html body.product-galaxy-page .capability-ledger a > strong {
  color: #12384d;
  font-weight: 400;
}
html body.product-galaxy-page .capability-ledger a > small { color: #496b7d; }
html body.product-galaxy-page .capability-ledger a > span { color: #176998; }
html body.product-galaxy-page .capability-ledger a > b { color: #1284ad; }