:root {
  color-scheme: dark;
  --green: #00ff88;
  --emerald: #00d97e;
  --cyan: #00eaff;
  --blue: #008cff;
  --violet: #7957ff;
  --magenta: #ff00e5;
  --navy: #030712;
  --black: #000308;
  --chrome: #d8e2ea;
  --steel: #73808c;
  --panel: rgba(3, 12, 26, .72);
  --panel-strong: rgba(2, 12, 27, .9);
  --line: rgba(0, 234, 255, .28);
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100%;
  overflow-x: hidden;
  color: #f5fbff;
  background:
    radial-gradient(circle at 52% 58%, rgba(0, 202, 255, .09), transparent 28%),
    radial-gradient(circle at 82% 64%, rgba(255, 0, 229, .08), transparent 24%),
    linear-gradient(180deg, #01050c 0%, #000308 65%, #01040a 100%);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 100;
  opacity: .22;
  background-image: repeating-linear-gradient(0deg, rgba(255,255,255,.014) 0 1px, transparent 1px 3px);
  mix-blend-mode: soft-light;
}
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
button:focus-visible, a:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 4px;
  box-shadow: 0 0 0 5px rgba(0,234,255,.14);
}
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 999;
  transform: translateY(-180%);
  background: #fff;
  color: #001016;
  padding: 10px 14px;
  border-radius: 6px;
  font-weight: 800;
}
.skip-link:focus { transform: none; }
.site-shell { width: 100%; min-height: 100dvh; }

/* Navigation */
.topbar {
  position: sticky;
  top: 0;
  z-index: 80;
  display: grid;
  grid-template-columns: minmax(215px, 1fr) auto minmax(300px, 1fr);
  align-items: center;
  min-height: 84px;
  padding: calc(10px + var(--safe-top)) max(4vw, var(--safe-right)) 10px max(4vw, var(--safe-left));
  border: 1px solid rgba(0, 234, 255, .24);
  border-left-color: rgba(0, 234, 255, .38);
  border-right-color: rgba(0, 234, 255, .38);
  background: linear-gradient(180deg, rgba(2,7,17,.93), rgba(2,8,19,.82));
  backdrop-filter: blur(18px) saturate(120%);
  box-shadow: 0 14px 60px rgba(0,0,0,.34), inset 0 -1px 0 rgba(0, 234, 255, .07);
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  width: max-content;
  text-decoration: none;
}
.brand-mark {
  position: relative;
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  filter: drop-shadow(0 0 8px rgba(0,255,136,.56));
}
.brand-mark-ring {
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  border: 2px solid transparent;
  background: conic-gradient(from 20deg, var(--cyan), transparent 18%, var(--green) 29%, transparent 44%, var(--cyan) 58%, transparent 70%, var(--violet) 85%, transparent 96%) border-box;
  -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.brand-mark-bull {
  margin-top: 10px;
  font-size: 27px;
  line-height: 1;
  transform: scaleX(1.7);
  color: var(--cyan);
  text-shadow: 0 0 9px var(--cyan), -4px -1px 8px var(--green), 4px -1px 8px var(--violet);
}
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong {
  font-size: 27px;
  letter-spacing: .08em;
  font-style: italic;
  font-weight: 950;
  background: linear-gradient(100deg, var(--green), var(--cyan) 46%, var(--magenta));
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 0 0 24px rgba(0,234,255,.17);
}
.brand-copy small { margin-top: 5px; font-size: 9px; letter-spacing: .5em; color: #edf8ff; }
.primary-nav { display: flex; align-items: center; justify-content: center; gap: clamp(22px, 3vw, 58px); }
.primary-nav a {
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 13px;
  font-weight: 650;
  color: rgba(244,250,255,.87);
  padding: 19px 0;
}
.primary-nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 5px;
  height: 2px;
  background: var(--green);
  box-shadow: 0 0 10px var(--green);
  transition: left .2s ease, right .2s ease;
}
.primary-nav a:hover::after, .primary-nav a.is-active::after { left: 0; right: 0; }
.primary-nav a.is-active { color: var(--green); }
.topbar-actions { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
.sound-control, .dashboard-button {
  min-height: 44px;
  border-radius: 8px;
  border: 1px solid rgba(0,255,136,.55);
  background: rgba(1, 20, 21, .54);
  color: var(--green);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 11px;
  font-weight: 760;
}
.sound-control { padding: 0 12px; cursor: pointer; color: var(--cyan); border-color: rgba(0,234,255,.35); }
.dashboard-button { display: inline-flex; align-items: center; gap: 18px; padding: 0 20px; text-decoration: none; }
.dashboard-button span { font-size: 20px; line-height: 1; }
.mobile-menu-button { display: none; }

/* Hero */
.hero {
  position: relative;
  isolation: isolate;
  min-height: calc(100svh - 84px);
  max-height: 980px;
  overflow: hidden;
  border-bottom: 1px solid rgba(0,234,255,.18);
}
.hero-atmosphere { position: absolute; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; }
.reference-atmosphere {
  position: absolute;
  inset: -5% -2%;
  background: none;
  opacity: .13;
  filter: saturate(1.2) contrast(1.08) brightness(.82);
  mix-blend-mode: screen;
}
.hero-atmosphere::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0,3,8,.86) 0%, rgba(0,3,8,.53) 31%, rgba(0,3,8,.12) 57%, rgba(0,3,8,.43) 100%),
    linear-gradient(180deg, rgba(0,3,8,.26), rgba(0,3,8,.08) 60%, rgba(0,3,8,.76));
}
.grid-field {
  position: absolute;
  inset: 0;
  opacity: .21;
  background-image:
    linear-gradient(rgba(0,140,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,140,255,.07) 1px, transparent 1px);
  background-size: 52px 52px;
  transform: perspective(700px) rotateX(58deg) scale(1.5) translateY(28%);
  transform-origin: bottom;
  mask-image: linear-gradient(to bottom, transparent, #000 45%, #000);
}
.data-dots {
  position: absolute;
  width: 420px;
  height: 210px;
  opacity: .13;
  background-image: radial-gradient(circle, var(--cyan) 0 1.3px, transparent 1.7px);
  background-size: 11px 11px;
  filter: drop-shadow(0 0 4px rgba(0,234,255,.25));
  mask-image: radial-gradient(ellipse at center, #000 0 48%, transparent 70%);
}
.data-dots-a { left: 19%; top: 9%; transform: rotate(-4deg); }
.data-dots-b { left: 39%; top: 15%; transform: rotate(8deg) scale(.72); }
.horizon-glow {
  position: absolute;
  left: 25%;
  right: -5%;
  bottom: 2%;
  height: 150px;
  background: linear-gradient(90deg, transparent, rgba(0,255,136,.18) 15%, rgba(0,234,255,.5) 46%, rgba(121,87,255,.35) 72%, rgba(255,0,229,.2));
  filter: blur(26px);
  opacity: .5;
}
.ambient-chart { position: absolute; fill: none; overflow: visible; }
.ambient-chart path { stroke: var(--cyan); stroke-width: 1.5; filter: drop-shadow(0 0 6px rgba(0,234,255,.6)); opacity: .55; }
.ambient-chart path.secondary { stroke: var(--magenta); opacity: .4; }
.ambient-chart-left { left: -5%; bottom: 8%; width: 46%; height: 30%; }
.ambient-chart-right { right: -4%; bottom: 7%; width: 45%; height: 46%; }

.hero-layout {
  position: relative;
  z-index: 2;
  width: min(100%, 1780px);
  height: 100%;
  min-height: calc(100svh - 84px);
  max-height: 980px;
  margin: 0 auto;
  padding: clamp(42px, 5vw, 88px) clamp(26px, 4vw, 72px) clamp(46px, 7vw, 92px);
  display: grid;
  grid-template-columns: minmax(330px, .82fr) minmax(560px, 1.38fr) minmax(250px, .68fr);
  align-items: center;
  gap: clamp(6px, 1vw, 18px);
}
.hero-copy { position: relative; z-index: 8; align-self: center; padding-top: 4vh; }
.eyebrow {
  width: max-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  padding: 9px 14px;
  border: 1px solid rgba(0,234,255,.28);
  border-radius: 999px;
  background: rgba(3,12,26,.76);
  box-shadow: inset 0 0 18px rgba(0,140,255,.06), 0 0 24px rgba(0,140,255,.06);
  color: rgba(244,250,255,.9);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: clamp(9px, .7vw, 12px);
  font-weight: 740;
}
.eyebrow-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); flex: none; }
.hero-copy h1 {
  margin: 0;
  text-transform: uppercase;
  font-size: clamp(54px, 5.15vw, 94px);
  line-height: .9;
  letter-spacing: -.035em;
  font-weight: 950;
  color: #f4f6f7;
  text-shadow: 0 2px 0 #75808a, 0 4px 15px rgba(255,255,255,.16);
}
.hero-copy h1 span {
  display: inline-block;
  margin-top: 4px;
  color: var(--green);
  background: linear-gradient(100deg, #00f579 0%, #00eab6 38%, #05d7d4 72%, #20ffce 100%);
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 14px rgba(0,255,136,.24));
}
.hero-kicker { margin: 25px 0 5px; font-size: clamp(15px, 1.1vw, 20px); color: #f1f6fb; }
.hero-philosophy { margin: 0; color: rgba(220,230,237,.73); font-size: clamp(13px, .88vw, 16px); }
.hero-actions { display: flex; gap: 24px; margin-top: 32px; }
.cta {
  position: relative;
  min-width: 190px;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 0 22px;
  border-radius: 8px;
  border: 1px solid rgba(0,255,136,.58);
  background: linear-gradient(180deg, rgba(0,52,48,.72), rgba(0,16,20,.58));
  color: #dffef5;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .055em;
  font-size: 12px;
  font-weight: 760;
  box-shadow: inset 0 0 24px rgba(0,255,136,.06), 0 0 0 rgba(0,255,136,0);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.cta:hover { transform: translateY(-2px); border-color: var(--green); box-shadow: inset 0 0 24px rgba(0,255,136,.12), 0 0 20px rgba(0,255,136,.18); }
.cta-primary { background: linear-gradient(180deg, rgba(0,106,91,.83), rgba(0,34,35,.8)); box-shadow: inset 0 0 28px rgba(0,255,136,.15), 0 0 18px rgba(0,255,136,.16); }
.cta-secondary { background: rgba(2,12,24,.77); border-color: rgba(0,255,136,.33); }
.principles {
  display: grid;
  grid-template-columns: repeat(4, minmax(78px, 1fr));
  gap: 8px;
  margin-top: 38px;
  max-width: 560px;
}
.principles > div { display: flex; gap: 9px; align-items: center; min-width: 0; }
.principle-icon {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  flex: none;
  border-radius: 50%;
  border: 1px solid rgba(0,255,136,.34);
  color: var(--green);
  background: rgba(0,40,40,.36);
  box-shadow: inset 0 0 11px rgba(0,255,136,.08);
  font-size: 17px;
}
.principles p { margin: 0; display: grid; gap: 2px; min-width: 0; }
.principles strong { text-transform: uppercase; font-size: 9px; letter-spacing: .06em; white-space: nowrap; color: #dce8ec; }
.principles small { font-size: 8px; color: #8596a2; }

/* Logo composition: every element is independently controllable */
.logo-zone {
  position: relative;
  z-index: 5;
  width: min(100%, 760px);
  aspect-ratio: 1;
  justify-self: center;
  transform: translateY(1%);
  outline: none;
}
.logo-halo {
  position: absolute;
  inset: 16% 10% 10%;
  border-radius: 50%;
  background: conic-gradient(from 220deg, rgba(0,255,136,.28), rgba(0,234,255,.16), rgba(121,87,255,.24), rgba(255,0,229,.26), rgba(0,255,136,.22));
  filter: blur(46px);
  opacity: .65;
  transform: scale(.78);
}
.logo-stage { position: absolute; inset: 0; }
.logo-part {
  position: absolute;
  display: block;
  pointer-events: none;
  user-select: none;
  object-fit: contain;
  transform-origin: center;
  filter: saturate(1.06) contrast(1.02) drop-shadow(0 0 7px rgba(0,234,255,.12));
}
.ring-tl { left: 16.3477%; top: 13.1579%; width: 41.4673%; height: 24.3222%; }
.ring-tr { left: 58.6124%; top: 13.9553%; width: 22.7273%; height: 23.5247%; }
.candles { left: 31.4992%; top: 11.9617%; width: 31.4992%; height: 24.3222%; }
.letter-p { left: 10.7656%; top: 34.2903%; width: 31.8979%; height: 27.1132%; }
.letter-g { left: 36.2839%; top: 34.2903%; width: 29.1069%; height: 24.7209%; }
.letter-r { left: 58.6124%; top: 34.2903%; width: 31.1005%; height: 27.1132%; }
.capital { left: 19.5375%; top: 57.0175%; width: 61.4035%; height: 8.7719%; }
.ring-bl { left: 16.3477%; top: 59.0112%; width: 27.512%; height: 26.7145%; }
.bull { left: 36.2839%; top: 62.9984%; width: 27.512%; height: 25.5183%; }
.ring-br { left: 56.6188%; top: 59.0112%; width: 25.5183%; height: 26.7145%; }
.logo-zone:focus-visible .logo-halo { opacity: .9; }

.energy-platform {
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 1%;
  height: 18%;
  perspective: 420px;
  transform: rotateX(68deg) translateY(22%);
  transform-origin: center;
}
.platform-ring, .platform-core { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; }
.platform-ring { border: 1px solid rgba(0,234,255,.46); box-shadow: 0 0 9px rgba(0,234,255,.23), inset 0 0 10px rgba(0,234,255,.08); }
.ring-1 { width: 92%; height: 92%; border-style: dashed; border-color: rgba(0,234,255,.38); }
.ring-2 { width: 72%; height: 72%; border-color: rgba(121,87,255,.58); }
.ring-3 { width: 50%; height: 50%; border-color: rgba(0,255,136,.62); border-style: dotted; }
.platform-core { width: 28%; height: 28%; background: radial-gradient(circle, rgba(223,255,255,.92) 0 2%, rgba(0,234,255,.75) 4%, rgba(0,255,136,.22) 25%, transparent 68%); filter: blur(4px); }
.energy-platform::before, .energy-platform::after {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%,-50%);
  width: 100%; height: 100%;
  border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, rgba(0,234,255,.28) 0deg 1deg, transparent 1deg 8deg);
  mask-image: radial-gradient(circle, transparent 0 46%, #000 48% 50%, transparent 52%);
  opacity: .45;
}
.energy-platform::after { width: 64%; height: 64%; background: repeating-conic-gradient(from 3deg, rgba(255,0,229,.35) 0deg 1deg, transparent 1deg 14deg); opacity: .35; }

/* HUD */
.hud-stack {
  z-index: 8;
  display: grid;
  gap: 16px;
  align-self: center;
  justify-self: stretch;
  padding-top: 2vh;
}
.hud-card {
  position: relative;
  min-height: 84px;
  padding: 18px 18px 15px;
  border: 1px solid rgba(0,140,255,.36);
  border-radius: 13px;
  background: linear-gradient(135deg, rgba(4,21,41,.82), rgba(2,8,20,.67));
  box-shadow: inset 0 0 30px rgba(0,140,255,.05), 0 12px 38px rgba(0,0,0,.28);
  overflow: hidden;
  backdrop-filter: blur(11px);
}
.hud-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, rgba(0,234,255,.08), transparent 36%, transparent 70%, rgba(255,0,229,.05));
  pointer-events: none;
}
.hud-card > span, .hud-label-row > span { display: block; text-transform: uppercase; letter-spacing: .07em; font-size: 10px; color: rgba(221,234,243,.74); }
.hud-label-row { display: flex; justify-content: space-between; gap: 12px; }
.hud-label-row em { text-transform: uppercase; letter-spacing: .08em; font-size: 7px; font-style: normal; color: var(--cyan); opacity: .75; }
.hud-pnl { min-height: 132px; }
.hud-pnl > strong { display: block; margin-top: 7px; font-size: clamp(26px, 2.1vw, 38px); color: var(--green); text-shadow: 0 0 16px rgba(0,255,136,.3); }
.hud-pnl > strong small { font-size: .45em; }
.hud-pnl svg { width: 100%; height: 48px; overflow: visible; }
.hud-pnl path { fill: none; stroke: var(--green); stroke-width: 2; filter: drop-shadow(0 0 5px rgba(0,255,136,.7)); }
.hud-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
.hud-status strong { color: var(--green); text-transform: uppercase; font-size: 16px; letter-spacing: .03em; }
.hud-status > i { display: grid; place-items: center; width: 33px; height: 38px; border: 2px solid var(--green); border-radius: 45% 45% 52% 52%; color: var(--green); font-style: normal; }
.donut { width: 48px; height: 48px; border-radius: 50%; background: conic-gradient(var(--green) 0 78%, rgba(0,234,255,.2) 78% 100%); box-shadow: 0 0 14px rgba(0,255,136,.16); position: relative; }
.donut::after { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: #071220; }
.mini-bars { display: flex; align-items: end; gap: 4px; height: 36px; }
.mini-bars i { display: block; width: 7px; border: 1px solid rgba(0,234,255,.55); background: linear-gradient(180deg, var(--cyan), var(--green)); box-shadow: 0 0 6px rgba(0,234,255,.25); }
.mini-bars i:nth-child(1) { height: 38%; }.mini-bars i:nth-child(2) { height: 58%; }.mini-bars i:nth-child(3) { height: 49%; }.mini-bars i:nth-child(4) { height: 76%; }.mini-bars i:nth-child(5) { height: 100%; }

/* Market strip */
.market-strip {
  position: relative;
  z-index: 20;
  width: min(calc(100% - 7vw), 1750px);
  min-height: 76px;
  margin: -44px auto 0;
  padding: 8px 132px 8px 18px;
  border: 1px solid rgba(0,234,255,.3);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(4,17,31,.94), rgba(2,9,19,.94));
  box-shadow: 0 14px 50px rgba(0,0,0,.45), inset 0 0 26px rgba(0,234,255,.035);
}
.market-strip-inner { min-height: 58px; display: grid; grid-template-columns: repeat(5, 1fr); }
.ticker-item { min-width: 0; display: grid; grid-template-columns: minmax(80px, 1fr) minmax(65px, .8fr); align-items: center; gap: 8px; padding: 6px 18px; border-right: 1px solid rgba(0,234,255,.09); }
.ticker-item:last-child { border-right: 0; }
.ticker-meta { display: grid; grid-template-columns: auto auto; align-items: baseline; gap: 2px 9px; }
.ticker-meta small { grid-column: 1 / -1; color: #a8b6bf; font-size: 8px; }
.ticker-meta em { font-style: normal; color: var(--cyan); opacity: .65; font-size: 6px; margin-left: 4px; }
.ticker-meta strong { color: var(--green); font-size: 13px; }
.ticker-meta span { color: var(--green); font-size: 9px; font-weight: 800; }
.ticker-item svg { width: 100%; height: 38px; overflow: visible; }
.ticker-item polyline { fill: none; stroke: var(--green); stroke-width: 1.25; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 3px rgba(0,255,136,.45)); }
.view-markets {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  min-height: 37px;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 0 14px;
  border: 1px solid rgba(0,255,136,.38);
  border-radius: 7px;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 9px;
  color: var(--green);
  text-decoration: none;
}

/* Feature cards */
.feature-grid {
  width: min(calc(100% - 7vw), 1750px);
  margin: 16px auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.feature-card {
  min-height: 132px;
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 16px;
  align-items: center;
  padding: 19px 20px;
  border-radius: 12px;
  border: 1px solid rgba(0,234,255,.34);
  background: linear-gradient(145deg, rgba(3,16,29,.9), rgba(2,7,17,.84));
  box-shadow: inset 0 0 30px rgba(0,234,255,.03);
}
.feature-risk { border-color: rgba(255,0,229,.32); }
.feature-performance { border-color: rgba(0,255,136,.34); }
.feature-card h3 { margin: 0 0 8px; text-transform: uppercase; letter-spacing: .045em; font-size: 14px; }
.feature-card p { margin: 0; color: #98a8b4; font-size: 11px; line-height: 1.45; }
.feature-card a { display: inline-flex; min-height: 28px; align-items: center; gap: 10px; margin-top: 6px; color: var(--cyan); text-decoration: none; text-transform: uppercase; letter-spacing: .08em; font-size: 9px; font-weight: 850; }
.feature-risk a { color: var(--magenta); }.feature-performance a { color: var(--green); }
.feature-visual { width: 78px; height: 78px; display: grid; place-items: center; }
.candles-mini { display: flex; align-items: center; justify-content: center; gap: 9px; }
.candles-mini i { position: relative; width: 13px; height: 42px; border: 1px solid var(--cyan); background: linear-gradient(180deg, rgba(0,234,255,.7), rgba(0,255,136,.55)); box-shadow: 0 0 10px rgba(0,234,255,.28); }
.candles-mini i::before { content:""; position:absolute; width:1px; height:58px; background: var(--cyan); left:50%; top:-8px; }
.candles-mini i:nth-child(2) { height: 31px; background: linear-gradient(180deg, rgba(255,0,229,.7), rgba(121,87,255,.7)); }.candles-mini i:nth-child(3) { height: 53px; }
.bars-mini { display: flex; align-items: end; justify-content: center; gap: 6px; border-bottom: 2px solid var(--cyan); }
.bars-mini i { width: 11px; background: linear-gradient(180deg, var(--cyan), var(--blue)); box-shadow: 0 0 8px rgba(0,234,255,.25); }
.bars-mini i:nth-child(1){height:20px}.bars-mini i:nth-child(2){height:33px}.bars-mini i:nth-child(3){height:48px}.bars-mini i:nth-child(4){height:64px}
.shield-mini { width: 55px; height: 66px; border: 3px solid var(--magenta); border-radius: 46% 46% 55% 55%; color: var(--magenta); font-size: 38px; transform: scaleX(1.08); text-shadow: 0 0 10px var(--magenta); box-shadow: 0 0 16px rgba(255,0,229,.16), inset 0 0 16px rgba(255,0,229,.08); }
.chart-mini svg { width: 75px; height: 62px; border-left: 1px solid rgba(0,255,136,.5); border-bottom: 1px solid rgba(0,255,136,.5); }
.chart-mini path { fill: none; stroke: var(--green); stroke-width: 2; filter: drop-shadow(0 0 5px rgba(0,255,136,.5)); }

.credibility-strip {
  width: min(calc(100% - 4vw), 1820px);
  margin: 28px auto max(18px, var(--safe-bottom));
  min-height: 80px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.35fr;
  align-items: center;
  border: 1px solid rgba(0,140,255,.26);
  border-radius: 13px;
  background: rgba(3,12,25,.76);
  box-shadow: inset 0 0 28px rgba(0,140,255,.04);
}
.credibility-strip > div { min-height: 54px; display: flex; align-items: center; gap: 14px; padding: 0 24px; }
.credibility-strip > div:not(:last-child) { border-right: 1px solid rgba(0,234,255,.09); }
.credibility-strip > div > span { display:grid; place-items:center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(0,234,255,.25); color: var(--cyan); font-size: 22px; }
.credibility-strip p { margin:0; display:grid; gap:4px; }
.credibility-strip strong { color: #47cef2; text-transform: uppercase; font-size: 11px; letter-spacing:.06em; }
.credibility-strip small { color:#8e9eaa; font-size: 10px; }
.credibility-strip .ready-copy { justify-content: space-between; }
.credibility-strip .ready-copy strong { color: var(--green); }
.credibility-strip .mini-bull { border: 0; width: 70px; height: 50px; font-size: 40px; transform: scaleX(1.8); color: var(--cyan); text-shadow: -4px 0 8px var(--green), 4px 0 8px var(--violet); }

/* Wide and standard desktop */
@media (max-width: 1450px) {
  .topbar { grid-template-columns: minmax(190px,.8fr) auto minmax(250px,.8fr); padding-left: 2.5vw; padding-right: 2.5vw; }
  .dashboard-button { padding: 0 14px; gap: 11px; }
  .hero-layout { grid-template-columns: minmax(300px,.84fr) minmax(500px,1.35fr) minmax(230px,.62fr); padding-left: 3vw; padding-right: 3vw; }
  .logo-zone { width: min(100%, 680px); }
  .feature-card { grid-template-columns: 70px 1fr; padding: 16px; }
  .feature-visual { width: 64px; }
}

@media (max-width: 1180px) {
  .primary-nav { gap: 22px; }
  .hero { max-height: none; }
  .hero-layout {
    max-height: none;
    grid-template-columns: minmax(300px,.85fr) minmax(460px,1.2fr);
    grid-template-areas: "copy logo" "copy hud";
    min-height: 900px;
    padding-top: 34px;
  }
  .hero-copy { grid-area: copy; }
  .logo-zone { grid-area: logo; width: min(100%, 590px); align-self: end; }
  .hud-stack { grid-area: hud; grid-template-columns: repeat(2,1fr); align-self: start; padding: 0 0 90px; }
  .hud-pnl { min-height: 104px; }
  .hud-pnl svg { height: 32px; }
  .market-strip { margin-top: -34px; }
  .feature-grid { grid-template-columns: repeat(2,1fr); }
  .credibility-strip { grid-template-columns: repeat(2,1fr); }
  .credibility-strip > div:nth-child(2) { border-right: 0; }
  .credibility-strip > div:nth-child(-n+2) { border-bottom: 1px solid rgba(0,234,255,.09); }
}

/* Tablet / mobile header */
@media (max-width: 900px) {
  .topbar {
    grid-template-columns: 1fr auto;
    min-height: 70px;
    padding: calc(8px + var(--safe-top)) max(18px, var(--safe-right)) 8px max(18px, var(--safe-left));
  }
  .brand-mark { width: 38px; height: 38px; }.brand-copy strong{font-size:23px}.brand-copy small{font-size:8px}
  .mobile-menu-button {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(0,234,255,.28);
    border-radius: 8px;
    background: rgba(3,12,26,.76);
    cursor: pointer;
  }
  .mobile-menu-button span:not(.sr-only) { width: 20px; height: 2px; background: var(--cyan); box-shadow: 0 0 5px rgba(0,234,255,.4); }
  .primary-nav {
    position: fixed;
    z-index: 91;
    top: calc(70px + var(--safe-top));
    right: max(12px, var(--safe-right));
    left: max(12px, var(--safe-left));
    display: grid;
    gap: 0;
    padding: 12px;
    border: 1px solid rgba(0,234,255,.32);
    border-radius: 12px;
    background: #010812;
    backdrop-filter: none;
    transform: translateY(-10px) scale(.98);
    opacity: 0;
    visibility: hidden;
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
    box-shadow: 0 30px 60px rgba(0,0,0,.55);
  }
  .primary-nav.is-open { transform: none; opacity: 1; visibility: visible; }
  .primary-nav a { min-height: 48px; display: flex; align-items: center; padding: 0 12px; border-bottom: 1px solid rgba(0,234,255,.08); }
  .primary-nav a:last-child { border-bottom: 0; }
  .primary-nav a::after { display: none; }
  .topbar-actions { display: none; }
  .hero { min-height: 0; max-height: none; }
  .hero-layout {
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "copy" "logo" "hud";
    gap: 6px;
    padding: clamp(34px,7vw,56px) max(22px, var(--safe-right)) 88px max(22px, var(--safe-left));
  }
  .hero-copy { padding-top: 0; }
  .hero-copy h1 { font-size: clamp(58px, 10vw, 82px); }
  .hero-actions { width: min(100%, 520px); }
  .cta { flex: 1; }
  .principles { width: min(100%, 600px); }
  .logo-zone { width: min(86vw, 620px); margin-top: 4px; align-self: center; }
  .hud-stack { grid-template-columns: repeat(2,1fr); width: min(100%, 720px); justify-self: center; padding: 0; }
  .market-strip { width: calc(100% - 28px); margin-top: -46px; padding-right: 16px; overflow: hidden; }
  .market-strip-inner { grid-template-columns: repeat(5, minmax(170px,1fr)); overflow-x: auto; scrollbar-width: none; }
  .market-strip-inner::-webkit-scrollbar { display: none; }
  .view-markets { display: none; }
  .feature-grid { width: calc(100% - 28px); grid-template-columns: repeat(2,1fr); }
  .credibility-strip { width: calc(100% - 28px); }
}

/* Portrait mobile is an intentional composition */
@media (max-width: 620px) {
  .reference-atmosphere { opacity: .085; background-position: 64% center; }
  .data-dots-b, .ambient-chart-left { display: none; }
  .ambient-chart-right { opacity: .6; width: 88%; right: -36%; bottom: 20%; }
  .grid-field { opacity: .12; background-size: 38px 38px; }
  .hero-layout { padding-top: 34px; padding-bottom: 78px; }
  .eyebrow { margin-bottom: 18px; padding: 8px 11px; font-size: 8.5px; }
  .hero-copy h1 { font-size: clamp(49px, 16.1vw, 72px); line-height: .88; }
  .hero-kicker { margin-top: 20px; font-size: 14px; }.hero-philosophy{font-size:12.5px;line-height:1.5;max-width:360px}
  .hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
  .cta { min-width: 0; min-height: 48px; padding: 0 13px; gap: 8px; font-size: 9.5px; }
  .principles { grid-template-columns: repeat(2,1fr); gap: 14px 8px; margin-top: 26px; }
  .principles > div:nth-child(4) { display: none; }
  .principles strong { font-size: 8.5px; }.principles small { font-size: 8px; }
  .logo-zone { width: min(104vw, 520px); margin-left: -4vw; margin-top: -6px; margin-bottom: -18px; }
  .energy-platform { bottom: 0; }
  .hud-stack { grid-template-columns: 1fr 1fr; gap: 10px; }
  .hud-card { min-height: 80px; padding: 14px; border-radius: 10px; }
  .hud-pnl { grid-column: 1 / -1; min-height: 112px; }
  .hud-pnl > strong { font-size: 27px; }
  .hud-pnl svg { height: 36px; }
  .hud-card:nth-child(4) { grid-column: 1 / -1; }
  .hud-status strong { font-size: 13px; }.hud-card > span, .hud-label-row > span { font-size: 8px; }
  .market-strip { margin-top: -38px; min-height: 70px; }
  .ticker-item { min-width: 168px; padding: 5px 12px; }
  .feature-grid { grid-template-columns: 1fr; gap: 10px; margin-top: 12px; }
  .feature-card { min-height: 118px; grid-template-columns: 70px 1fr; padding: 15px; }
  .feature-card p { font-size: 10.5px; }
  .credibility-strip { grid-template-columns: 1fr; margin-top: 16px; }
  .credibility-strip > div { min-height: 68px; padding: 0 18px; border-right: 0 !important; border-bottom: 1px solid rgba(0,234,255,.09); }
  .credibility-strip > div:last-child { border-bottom: 0; }
  .credibility-strip .ready-copy { min-height: 84px; }
}

@media (max-width: 390px) {
  .brand-copy small { letter-spacing: .36em; }
  .hero-actions { grid-template-columns: 1fr; }
  .principles { grid-template-columns: 1fr 1fr; }
  .logo-zone { width: 112vw; margin-left: -8vw; }
  .hud-stack { grid-template-columns: 1fr; }
  .hud-pnl, .hud-card:nth-child(4) { grid-column: auto; }
}

/* Landscape phones: intentionally compact, not desktop emulation */
@media (max-height: 560px) and (orientation: landscape) and (max-width: 950px) {
  .topbar { position: relative; }
  .hero-layout { grid-template-columns: .88fr 1fr; grid-template-areas: "copy logo" "hud hud"; padding-top: 24px; }
  .hero-copy h1 { font-size: clamp(44px, 7.8vw, 66px); }
  .hero-kicker { margin-top: 15px; }.hero-philosophy{font-size:11px}.principles{display:none}
  .hero-actions { margin-top: 16px; }
  .logo-zone { width: min(64vw, 470px); }
  .hud-stack { grid-template-columns: repeat(4,1fr); }
  .hud-pnl { grid-column: auto; }
}

/* Capability-aware / reduced effects */
html[data-quality="low"] .reference-atmosphere { opacity: .07; }
html[data-quality="low"] .data-dots { display: none; }
html[data-quality="medium"] .data-dots { opacity: .08; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
  .reference-atmosphere { opacity: .065; }
  .ambient-chart { opacity: .55; }
}

/* ========================================================================== */
/* PASS 3 — Interactive mechanical logo assembly                              */
/* ========================================================================== */
.logo-zone {
  --logo-energy: 0;
  --logo-proximity: 0;
  --pointer-x: 0;
  --pointer-y: 0;
  --pointer-speed: 0;
  --halo-x: 0px;
  --halo-y: 0px;
  cursor: default;
  perspective: 980px;
  isolation: isolate;
  touch-action: manipulation;
}
.logo-stage {
  transform-style: preserve-3d;
  will-change: transform;
  transform: rotateX(calc(var(--pointer-y) * -1.2deg)) rotateY(calc(var(--pointer-x) * 1.5deg));
  transition: filter 180ms linear;
  filter: brightness(calc(1 + var(--logo-energy) * .11)) saturate(calc(1 + var(--logo-energy) * .16));
}
.logo-part {
  will-change: transform, filter;
  backface-visibility: hidden;
  transition: filter 160ms linear;
  filter:
    saturate(calc(1.06 + var(--logo-energy) * .24))
    contrast(calc(1.02 + var(--logo-energy) * .08))
    brightness(calc(1 + var(--logo-energy) * .13))
    drop-shadow(0 0 calc(7px + var(--logo-energy) * 7px) rgba(0,234,255,calc(.12 + var(--logo-energy) * .15)));
}
.logo-part.letter-g,
.logo-part.bull {
  filter:
    saturate(calc(1.06 + var(--logo-energy) * .28))
    contrast(calc(1.02 + var(--logo-energy) * .09))
    brightness(calc(1 + var(--logo-energy) * .15))
    drop-shadow(0 0 calc(7px + var(--logo-energy) * 8px) rgba(0,255,136,calc(.11 + var(--logo-energy) * .16)));
}
.logo-part.letter-r,
.logo-part.ring-br,
.logo-part.ring-tr {
  filter:
    saturate(calc(1.06 + var(--logo-energy) * .28))
    contrast(calc(1.02 + var(--logo-energy) * .08))
    brightness(calc(1 + var(--logo-energy) * .14))
    drop-shadow(0 0 calc(7px + var(--logo-energy) * 8px) rgba(255,0,229,calc(.10 + var(--logo-energy) * .15)));
}
.logo-halo {
  transform: translate3d(var(--halo-x), var(--halo-y), -20px) scale(calc(.78 + var(--logo-energy) * .11));
  opacity: calc(.55 + var(--logo-energy) * .32);
  filter: blur(calc(46px - var(--logo-energy) * 8px));
  transition: opacity 120ms linear, filter 140ms linear;
  will-change: transform, opacity, filter;
}
.logo-pointer-light {
  position: absolute;
  inset: 12%;
  z-index: 3;
  border-radius: 50%;
  pointer-events: none;
  opacity: calc(var(--logo-proximity) * .8);
  background:
    radial-gradient(circle at calc(50% + var(--pointer-x) * 38%) calc(50% + var(--pointer-y) * 38%),
      rgba(235,255,255,calc(.34 + var(--pointer-speed) * .18)) 0 1.5%,
      rgba(0,234,255,.18) 7%,
      rgba(121,87,255,.08) 22%,
      transparent 48%);
  mix-blend-mode: screen;
  filter: blur(4px);
  transform: translateZ(52px);
}
.logo-zone::after {
  content: "";
  position: absolute;
  z-index: 6;
  inset: 27% 14% 27%;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 18%, rgba(224,255,255,.0) 39%, rgba(224,255,255,.42) 49%, rgba(0,234,255,.15) 54%, transparent 68%);
  transform: translateX(-135%) skewX(-14deg);
  opacity: 0;
  mix-blend-mode: screen;
}
.logo-zone.is-pulsing::after {
  animation: pgr-light-sweep 620ms cubic-bezier(.2,.76,.24,1) both;
}
@keyframes pgr-light-sweep {
  0% { transform: translateX(-135%) skewX(-14deg); opacity: 0; }
  16% { opacity: .85; }
  78% { opacity: .48; }
  100% { transform: translateX(135%) skewX(-14deg); opacity: 0; }
}
.logo-orbit {
  position: absolute;
  z-index: 2;
  left: 14%;
  top: 13%;
  width: 72%;
  height: 72%;
  border-radius: 50%;
  pointer-events: none;
  transform-style: preserve-3d;
  opacity: calc(.14 + var(--logo-energy) * .62);
  animation: pgr-orbit-spin calc(20s - var(--logo-energy) * 9s) linear infinite;
}
.logo-orbit i {
  --a: 0deg;
  --radius: 48%;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #dffcff;
  box-shadow: 0 0 5px #00eaff, 0 0 12px rgba(0,234,255,.65);
  transform: rotate(var(--a)) translateX(var(--radius)) scale(calc(.55 + var(--logo-energy) * .85));
}
.logo-orbit i:nth-child(2) { --a: 31deg; --radius: 44%; background:#00ff88; }
.logo-orbit i:nth-child(3) { --a: 61deg; --radius: 51%; }
.logo-orbit i:nth-child(4) { --a: 92deg; --radius: 46%; background:#7957ff; }
.logo-orbit i:nth-child(5) { --a: 122deg; --radius: 50%; }
.logo-orbit i:nth-child(6) { --a: 151deg; --radius: 43%; background:#ff00e5; }
.logo-orbit i:nth-child(7) { --a: 181deg; --radius: 49%; }
.logo-orbit i:nth-child(8) { --a: 211deg; --radius: 45%; background:#00ff88; }
.logo-orbit i:nth-child(9) { --a: 241deg; --radius: 51%; }
.logo-orbit i:nth-child(10) { --a: 271deg; --radius: 45%; background:#7957ff; }
.logo-orbit i:nth-child(11) { --a: 302deg; --radius: 49%; background:#ff00e5; }
.logo-orbit i:nth-child(12) { --a: 332deg; --radius: 46%; }
@keyframes pgr-orbit-spin { to { transform: rotate(360deg); } }

.energy-platform {
  filter: brightness(calc(1 + var(--logo-energy) * .4)) saturate(calc(1 + var(--logo-energy) * .3));
}
.energy-platform .ring-1 { animation: pgr-platform-spin calc(18s - var(--logo-energy) * 7s) linear infinite; }
.energy-platform .ring-2 { animation: pgr-platform-spin-reverse calc(14s - var(--logo-energy) * 5s) linear infinite; }
.energy-platform .ring-3 { animation: pgr-platform-spin calc(10s - var(--logo-energy) * 3s) linear infinite; }
@keyframes pgr-platform-spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes pgr-platform-spin-reverse { to { transform: translate(-50%,-50%) rotate(-360deg); } }
.platform-core {
  opacity: calc(.62 + var(--logo-energy) * .38);
  transform: translate(-50%,-50%) scale(calc(1 + var(--logo-energy) * .24));
}
.platform-pulse {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22%;
  height: 22%;
  border-radius: 50%;
  border: 1px solid rgba(205,255,255,.72);
  box-shadow: 0 0 14px rgba(0,234,255,.42), inset 0 0 12px rgba(0,255,136,.2);
  transform: translate(-50%,-50%) scale(.4);
  opacity: 0;
}
.logo-zone.is-pulsing .platform-pulse { animation: pgr-platform-pulse 760ms ease-out both; }
@keyframes pgr-platform-pulse {
  0% { opacity: .9; transform: translate(-50%,-50%) scale(.38); }
  100% { opacity: 0; transform: translate(-50%,-50%) scale(4.25); }
}

.logo-zone[data-logo-state="NEARBY"] .candles,
.logo-zone[data-logo-state="HOVER_OR_FOCUS"] .candles,
.logo-zone[data-logo-state="ACTIVE_OR_PRESSED"] .candles {
  filter: brightness(calc(1.08 + var(--logo-energy) * .2)) saturate(1.3) drop-shadow(0 0 11px rgba(0,234,255,.34));
}
.logo-zone[data-logo-state="ACTIVE_OR_PRESSED"] .bull {
  filter: brightness(1.23) saturate(1.32) drop-shadow(0 0 13px rgba(0,255,136,.34));
}
.logo-zone[data-logo-state="HOVER_OR_FOCUS"],
.logo-zone[data-logo-state="ACTIVE_OR_PRESSED"] { cursor: pointer; }
.logo-zone:focus-visible {
  outline: 1px solid rgba(0,234,255,.82);
  outline-offset: 5px;
  border-radius: 28%;
}

@media (hover: none), (pointer: coarse) {
  .logo-zone { cursor: pointer; }
  .logo-pointer-light { display: none; }
  .logo-orbit { animation-duration: 22s; }
  .logo-zone[data-logo-state="ACTIVE_OR_PRESSED"] .logo-halo { opacity: .9; }
}

@media (prefers-reduced-motion: reduce) {
  .logo-orbit,
  .energy-platform .ring-1,
  .energy-platform .ring-2,
  .energy-platform .ring-3 { animation: none !important; }
  .logo-zone::after,
  .platform-pulse { animation-duration: 160ms !important; }
  .logo-stage { transform: none; }
  .logo-halo { transition-duration: 80ms; }
}

/* ========================================================================== */
/* PASS 3.1 — audit hardening                                                  */
/* ========================================================================== */
.sound-control:disabled {
  cursor: not-allowed;
  opacity: .58;
  color: #91a6b2;
  border-color: rgba(145,166,178,.24);
  background: rgba(8,16,25,.58);
}

.hud-demo-flag {
  justify-self: end;
  margin-bottom: -6px;
  padding: 5px 8px;
  border: 1px solid rgba(0,234,255,.18);
  border-radius: 999px;
  background: rgba(2,10,20,.72);
  color: rgba(199,221,232,.78);
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 7px;
  line-height: 1;
}

.ticker-down .ticker-meta strong,
.ticker-down .ticker-meta span { color: #ff648d; }
.ticker-down polyline { stroke: #ff648d; filter: drop-shadow(0 0 3px rgba(255,100,141,.45)); }
.ticker-flat .ticker-meta strong,
.ticker-flat .ticker-meta span { color: #b7c4cc; }
.ticker-flat polyline { stroke: #b7c4cc; filter: none; }
.ticker-fallback {
  align-self: center;
  margin: 0;
  padding: 0 16px;
  color: #9aabb5;
  font-size: 11px;
}

@media (max-width: 900px) {
  body.menu-open { overflow: hidden; }
  .feature-card a,
  .view-markets {
    min-height: 44px;
    align-items: center;
  }
  .hud-demo-flag { grid-column: 1 / -1; }
}

html[data-quality="medium"] .logo-orbit { animation-duration: 26s; }
html[data-quality="medium"] .energy-platform .ring-1 { animation-duration: 24s; }
html[data-quality="medium"] .energy-platform .ring-2 { animation-duration: 20s; }
html[data-quality="medium"] .energy-platform .ring-3 { animation-duration: 16s; }
html[data-quality="low"] .logo-orbit,
html[data-quality="low"] .energy-platform .ring-1,
html[data-quality="low"] .energy-platform .ring-2,
html[data-quality="low"] .energy-platform .ring-3 { animation: none; }
html[data-quality="low"] .logo-orbit { opacity: calc(.08 + var(--logo-energy) * .34); }
html[data-quality="low"] .logo-part { will-change: transform; }

/* Safari/WebKit fallbacks for masked atmosphere geometry. */
.grid-field {
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 45%, #000);
}
.data-dots {
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0 48%, transparent 70%);
}
.energy-platform::before,
.energy-platform::after {
  -webkit-mask-image: radial-gradient(circle, transparent 0 46%, #000 48% 50%, transparent 52%);
}

@media (max-width: 620px) {
  .hud-demo-flag { justify-self: center; margin-bottom: 0; }
}

/* Small-screen audit corrections: preserve readable composition without clipping. */
.skip-link { min-height: 44px; display: flex; align-items: center; }
@media (max-width: 900px) {
  .brand { min-height: 44px; }
}
@media (max-width: 420px) {
  .hero-copy h1 { font-size: clamp(42px, 13.2vw, 54px); }
}

.hero-copy,
.hero-copy > *,
.hud-stack { min-width: 0; }
@media (max-width: 900px) {
  .hero-copy { width: 100%; }
  .hero-actions, .principles { max-width: 100%; }
}
@media (max-width: 900px) and (orientation: portrait) {
  .hero-layout { grid-template-columns: minmax(0, 1fr); }
}

/* ========================================================================== */
/* PASS 4 — Procedural neon atmosphere / WebGL + Canvas fallback              */
/* ========================================================================== */
.hero-atmosphere {
  background:
    radial-gradient(circle at 58% 52%, rgba(0, 81, 96, .08), transparent 32%),
    radial-gradient(circle at 76% 54%, rgba(74, 30, 116, .06), transparent 34%),
    linear-gradient(180deg, #000309 0%, #010612 54%, #00040a 100%);
}
.scene-webgl,
.scene-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}
.scene-webgl { z-index: 0; opacity: 0; transition: opacity 520ms ease; }
.scene-overlay { z-index: 1; opacity: 0; transition: opacity 520ms ease; mix-blend-mode: screen; }
.reference-atmosphere { z-index: -1; opacity: .055; transition: opacity 620ms ease; }
.grid-field,
.data-dots,
.ambient-chart,
.horizon-glow { transition: opacity 480ms ease; }

html[data-scene-ready="true"] .scene-overlay { opacity: .96; }
html[data-scene-renderer="webgl"] .scene-webgl { opacity: 1; }
html[data-scene-renderer="webgl"] .reference-atmosphere { opacity: 0; }
html[data-scene-renderer="webgl"] .grid-field,
html[data-scene-renderer="webgl"] .data-dots,
html[data-scene-renderer="webgl"] .ambient-chart,
html[data-scene-renderer="webgl"] .horizon-glow { opacity: 0; }

html[data-scene-renderer="fallback"] .reference-atmosphere { opacity: .075; background: url('./assets/atmosphere/approved-wallpaper-atmosphere.webp') center/cover no-repeat; }
html[data-scene-renderer="fallback"] .grid-field { opacity: .13; }
html[data-scene-renderer="fallback"] .data-dots { opacity: .055; }
html[data-scene-renderer="fallback"] .ambient-chart { opacity: .36; }
html[data-scene-renderer="fallback"] .horizon-glow { opacity: .32; }

html[data-scene-renderer="reduced"] .reference-atmosphere { opacity: .055; background: url('./assets/atmosphere/approved-wallpaper-atmosphere.webp') center/cover no-repeat; }
html[data-scene-renderer="reduced"] .grid-field { opacity: .085; }
html[data-scene-renderer="reduced"] .data-dots { display: none; }
html[data-scene-renderer="reduced"] .ambient-chart { opacity: .25; }
html[data-scene-renderer="reduced"] .horizon-glow { opacity: .24; }

.hero-atmosphere.scene-energized::before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 58%;
  top: 53%;
  width: min(42vw, 760px);
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(.18);
  opacity: 0;
  pointer-events: none;
  border: 1px solid rgba(181, 255, 247, .75);
  box-shadow:
    0 0 18px rgba(0, 234, 255, .58),
    inset 0 0 20px rgba(0, 255, 136, .24);
  animation: pgr-scene-energy-wave 840ms cubic-bezier(.18,.7,.22,1) both;
}
@keyframes pgr-scene-energy-wave {
  0% { opacity: .82; transform: translate(-50%, -50%) scale(.12); }
  55% { opacity: .24; }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1.56); }
}

/* Keep atmospheric detail behind readable content. */
.hero-atmosphere::after { z-index: 5; }
.hero-copy,
.hud-stack { text-shadow: 0 1px 12px rgba(0, 3, 8, .48); }

html[data-scene-quality="medium"] .scene-overlay { opacity: .84; }
html[data-scene-quality="low"] .scene-overlay { opacity: .68; }

@media (max-width: 767px) {
  .scene-overlay { opacity: .72 !important; }
  .hero-atmosphere.scene-energized::before {
    left: 50%;
    top: 54%;
    width: min(88vw, 520px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .scene-webgl { display: none !important; }
  .scene-overlay { opacity: .5 !important; transition: none; }
  .hero-atmosphere.scene-energized::before { animation-duration: 160ms !important; }
}

/* ========================================================================== */
/* PASS 5 — Precision UI / HUD interaction layer                              */
/* ========================================================================== */
:root {
  --ui-energy: 0;
  --ui-proximity: 0;
  --ui-pointer-x: 0;
  --ui-pointer-y: 0;
}

.topbar {
  transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, backdrop-filter 220ms ease;
}
.topbar.is-scrolled {
  background: linear-gradient(180deg, rgba(1,8,17,.94), rgba(1,7,15,.84));
  border-bottom-color: rgba(0,234,255,.22);
  box-shadow: 0 16px 34px rgba(0,0,0,.28), inset 0 -1px 0 rgba(0,255,136,.06);
  backdrop-filter: blur(19px) saturate(1.15);
}

.primary-nav a {
  isolation: isolate;
  transition: color 170ms ease, text-shadow 170ms ease;
}
.primary-nav a::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 72px;
  height: 32px;
  transform: translate(-50%,-50%) scale(.65);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,255,136,.15), rgba(0,234,255,.055) 45%, transparent 72%);
  opacity: 0;
  transition: opacity 170ms ease, transform 220ms ease;
  pointer-events: none;
}
.primary-nav a:hover,
.primary-nav a:focus-visible,
.primary-nav a.is-active {
  color: #cffff1;
  text-shadow: 0 0 13px rgba(0,255,136,.34);
}
.primary-nav a:hover::before,
.primary-nav a:focus-visible::before,
.primary-nav a.is-active::before { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.primary-nav a.is-active::after { box-shadow: 0 0 13px var(--green), 0 0 22px rgba(0,234,255,.25); }

.precision-control {
  --control-x: 50%;
  --control-y: 50%;
  --control-nx: 0;
  --control-ny: 0;
  position: relative;
  isolation: isolate;
  -webkit-tap-highlight-color: transparent;
}
.cta.precision-control,
.dashboard-button.precision-control,
.view-markets.precision-control,
.feature-card a.precision-control,
.mobile-menu-button.precision-control { overflow: hidden; }

.cta::before,
.dashboard-button::before,
.view-markets::before,
.feature-card a::before,
.mobile-menu-button::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1px;
  border-radius: inherit;
  background: radial-gradient(circle at var(--control-x) var(--control-y), rgba(193,255,245,.22), rgba(0,234,255,.09) 23%, transparent 58%);
  opacity: .22;
  transition: opacity 180ms ease;
  pointer-events: none;
}
.cta:hover::before,
.cta:focus-visible::before,
.dashboard-button:hover::before,
.dashboard-button:focus-visible::before,
.view-markets:hover::before,
.view-markets:focus-visible::before,
.feature-card a:hover::before,
.feature-card a:focus-visible::before,
.mobile-menu-button:hover::before,
.mobile-menu-button:focus-visible::before { opacity: .92; }

.cta::after,
.dashboard-button::after,
.view-markets::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(from 200deg, transparent 0 24%, rgba(0,255,136,.06) 31%, rgba(174,255,246,.86) 37%, rgba(0,234,255,.14) 43%, transparent 51% 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transform: rotate(-16deg);
  transition: opacity 180ms ease;
  pointer-events: none;
}
.cta:hover::after,
.cta:focus-visible::after,
.dashboard-button:hover::after,
.dashboard-button:focus-visible::after,
.view-markets:hover::after,
.view-markets:focus-visible::after {
  opacity: .86;
  animation: pgr-control-edge 1.55s linear infinite;
}
@keyframes pgr-control-edge { to { transform: rotate(344deg); } }

.cta,
.dashboard-button,
.view-markets,
.feature-card a,
.mobile-menu-button {
  transform: translate3d(0,0,0);
  transition: transform 150ms ease, box-shadow 180ms ease, border-color 180ms ease, color 180ms ease;
}
.cta:hover,
.cta:focus-visible { transform: translate3d(calc(var(--control-nx) * 1px), -3px, 0); }
.dashboard-button:hover,
.dashboard-button:focus-visible,
.view-markets:hover,
.view-markets:focus-visible { transform: translate3d(calc(var(--control-nx) * .7px), -2px, 0); }
.feature-card a:hover,
.feature-card a:focus-visible { transform: translate3d(2px,-1px,0); }
.cta > span,
.dashboard-button > span,
.view-markets > span,
.feature-card a > span { transition: transform 150ms ease, filter 150ms ease; }
.cta:hover > span,
.cta:focus-visible > span,
.dashboard-button:hover > span,
.dashboard-button:focus-visible > span,
.view-markets:hover > span,
.view-markets:focus-visible > span,
.feature-card a:hover > span,
.feature-card a:focus-visible > span { transform: translateX(3px); filter: drop-shadow(0 0 5px currentColor); }
.precision-control[data-pressed="true"] { transform: translateY(1px) scale(.985) !important; }

.precision-ripple {
  position: absolute;
  z-index: 5;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid rgba(216,255,248,.88);
  background: radial-gradient(circle, rgba(0,255,136,.2), transparent 65%);
  pointer-events: none;
  transform: translate(-50%,-50%) scale(.3);
  box-shadow: 0 0 12px rgba(0,234,255,.55);
  animation: pgr-control-ripple 620ms cubic-bezier(.15,.72,.2,1) forwards;
}
@keyframes pgr-control-ripple {
  0% { opacity: .9; transform: translate(-50%,-50%) scale(.25); }
  75% { opacity: .2; }
  100% { opacity: 0; transform: translate(-50%,-50%) scale(9); }
}

.cta:focus-visible,
.dashboard-button:focus-visible,
.view-markets:focus-visible,
.feature-card a:focus-visible,
.mobile-menu-button:focus-visible,
.primary-nav a:focus-visible {
  outline: 2px solid #b7fff1;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px rgba(0,3,8,.95), 0 0 0 5px rgba(0,234,255,.48), 0 0 22px rgba(0,255,136,.2);
}

/* Logo energy subtly propagates into the interface without becoming a second authority. */
html[data-ui-energized="true"] .hud-card,
html[data-ui-energized="true"] .market-strip,
html[data-ui-energized="true"] .feature-card {
  border-color: rgba(0,234,255,calc(.28 + var(--ui-energy) * .17));
}
html[data-ui-energized="true"] .hud-pnl,
html[data-ui-energized="true"] .feature-performance {
  border-color: rgba(0,255,136,calc(.3 + var(--ui-energy) * .18));
}

/* HUD glass instrumentation */
.hud-card {
  --hud-rx: 0deg;
  --hud-ry: 0deg;
  --hud-x: 50%;
  --hud-y: 50%;
  --hud-lift: 0px;
  transform-style: preserve-3d;
  will-change: transform;
  transform: perspective(720px) rotateX(var(--hud-rx)) rotateY(var(--hud-ry)) translate3d(0,var(--hud-lift),0);
  transition: border-color 170ms ease, box-shadow 200ms ease, background-color 180ms ease, filter 180ms ease;
  animation: pgr-hud-idle calc(5.8s + var(--hud-index) * .42s) ease-in-out calc(var(--hud-index) * -1.17s) infinite alternate;
}
@keyframes pgr-hud-idle {
  from { transform: perspective(720px) rotateX(var(--hud-rx)) rotateY(var(--hud-ry)) translate3d(0,calc(var(--hud-lift) + 1px),0); }
  to { transform: perspective(720px) rotateX(var(--hud-rx)) rotateY(var(--hud-ry)) translate3d(0,calc(var(--hud-lift) - 2px),0); }
}
.hud-card::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: -12%;
  right: -12%;
  top: -32%;
  height: 24%;
  background: linear-gradient(180deg, transparent, rgba(182,251,255,.12), rgba(0,234,255,.19), transparent);
  opacity: .3;
  transform: translateY(-180%);
  pointer-events: none;
  animation: pgr-hud-scan calc(7.4s + var(--hud-index) * .55s) linear calc(var(--hud-index) * -1.4s) infinite;
}
@keyframes pgr-hud-scan {
  0%, 65% { transform: translateY(-180%); opacity: 0; }
  70% { opacity: .25; }
  94% { opacity: .1; }
  100% { transform: translateY(650%); opacity: 0; }
}
.hud-card[data-pointer-active="true"],
.hud-card:hover,
.hud-card[data-touch-active="true"] {
  --hud-lift: -7px;
  border-color: rgba(0,234,255,.62);
  background: linear-gradient(135deg, rgba(5,27,48,.91), rgba(2,10,23,.76));
  box-shadow: inset 0 0 34px rgba(0,234,255,.075), 0 18px 48px rgba(0,0,0,.38), 0 0 24px rgba(0,234,255,.11);
}
.hud-pnl:hover,
.hud-pnl[data-pointer-active="true"],
.hud-pnl[data-touch-active="true"] { border-color: rgba(0,255,136,.66); box-shadow: inset 0 0 34px rgba(0,255,136,.07), 0 18px 48px rgba(0,0,0,.38), 0 0 24px rgba(0,255,136,.1); }
.hud-card[data-pointer-active="true"]::before,
.hud-card:hover::before,
.hud-card[data-touch-active="true"]::before {
  background: radial-gradient(circle at var(--hud-x) var(--hud-y), rgba(183,255,247,.16), rgba(0,234,255,.055) 22%, transparent 53%), linear-gradient(110deg, rgba(0,234,255,.09), transparent 36%, transparent 70%, rgba(255,0,229,.055));
}
.hud-card:hover::after,
.hud-card[data-pointer-active="true"]::after,
.hud-card[data-touch-active="true"]::after { animation-duration: 2.4s; }

.hud-pnl path {
  stroke-dasharray: 420;
  stroke-dashoffset: 420;
}
.hud-pnl.is-visible path { animation: pgr-hud-line-draw 1.15s cubic-bezier(.24,.72,.24,1) 130ms forwards; }
@keyframes pgr-hud-line-draw { to { stroke-dashoffset: 0; } }
.hud-pnl:hover path,
.hud-pnl[data-pointer-active="true"] path { filter: drop-shadow(0 0 8px rgba(0,255,136,.9)); }
.donut { transition: transform 350ms cubic-bezier(.2,.7,.2,1), filter 200ms ease; }
.hud-card:hover .donut,
.hud-card[data-pointer-active="true"] .donut,
.hud-card[data-touch-active="true"] .donut { transform: rotate(14deg) scale(1.05); filter: brightness(1.14); }
.mini-bars i { transform-origin: bottom; transition: transform 260ms cubic-bezier(.18,.7,.2,1), filter 170ms ease; }
.hud-card:hover .mini-bars i:nth-child(odd),
.hud-card[data-pointer-active="true"] .mini-bars i:nth-child(odd),
.hud-card[data-touch-active="true"] .mini-bars i:nth-child(odd) { transform: scaleY(1.12); filter: brightness(1.2); }
.hud-card:hover .mini-bars i:nth-child(even),
.hud-card[data-pointer-active="true"] .mini-bars i:nth-child(even),
.hud-card[data-touch-active="true"] .mini-bars i:nth-child(even) { transform: scaleY(.9); }
.hud-status > i { transition: transform 220ms ease, box-shadow 180ms ease, background-color 180ms ease; }
.hud-card:hover .hud-status > i,
.hud-card[data-pointer-active="true"] .hud-status > i,
.hud-card[data-touch-active="true"] .hud-status > i { transform: scale(1.06); background: rgba(0,255,136,.06); box-shadow: inset 0 0 12px rgba(0,255,136,.09), 0 0 12px rgba(0,255,136,.15); }

/* Market telemetry strip */
.market-strip {
  opacity: .88;
  transform: translateY(7px);
  transition: opacity 420ms ease, transform 500ms cubic-bezier(.2,.72,.2,1), border-color 180ms ease, box-shadow 180ms ease;
}
.market-strip.is-visible { opacity: 1; transform: translateY(0); }
.market-strip:hover { border-color: rgba(0,234,255,.45); box-shadow: 0 16px 54px rgba(0,0,0,.48), inset 0 0 30px rgba(0,234,255,.05), 0 0 20px rgba(0,234,255,.055); }
.ticker-item {
  position: relative;
  overflow: hidden;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.ticker-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 20%, rgba(0,234,255,.055) 50%, transparent 80%);
  transform: translateX(-125%);
  opacity: 0;
  pointer-events: none;
}
.ticker-item:hover { background: rgba(0,234,255,.035); transform: translateY(-1px); }
.ticker-item:hover::before { opacity: 1; animation: pgr-ticker-scan .78s ease-out forwards; }
@keyframes pgr-ticker-scan { to { transform: translateX(125%); } }
.ticker-item polyline {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
}
.ticker-ready .ticker-item polyline { animation: pgr-ticker-draw 820ms cubic-bezier(.2,.72,.2,1) calc(80ms + var(--ticker-index) * 70ms) forwards; }
@keyframes pgr-ticker-draw { to { stroke-dashoffset: 0; } }
.ticker-node {
  fill: currentColor;
  stroke: rgba(226,255,250,.92);
  stroke-width: .65;
  transform-box: fill-box;
  transform-origin: center;
  opacity: 0;
}
.ticker-ready .ticker-node { opacity: .82; animation: pgr-ticker-node 2.2s ease-in-out calc(var(--ticker-index) * .19s) infinite; }
.ticker-up .ticker-node { color: var(--green); }.ticker-down .ticker-node { color: #ff648d; }.ticker-flat .ticker-node { color: #b7c4cc; }
@keyframes pgr-ticker-node { 0%,100% { transform: scale(.72); opacity: .52; } 50% { transform: scale(1.35); opacity: 1; } }
.ticker-inspect {
  position: absolute;
  z-index: 4;
  right: 8px;
  bottom: 5px;
  display: grid;
  gap: 1px;
  padding: 4px 6px;
  border: 1px solid rgba(0,234,255,.19);
  border-radius: 5px;
  background: rgba(1,8,17,.91);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 140ms ease, transform 140ms ease;
  pointer-events: none;
}
.ticker-inspect span { text-transform: uppercase; letter-spacing: .06em; color: #8297a3; font-size: 5.5px; }
.ticker-inspect strong { color: #d5edf2; font-size: 7px; letter-spacing: .04em; }
.ticker-item:hover .ticker-inspect { opacity: 1; transform: translateY(0); }

/* Feature micro-instrumentation — each family has its own motion language. */
.feature-card {
  position: relative;
  overflow: hidden;
  opacity: .82;
  transform: translateY(10px);
  transition: opacity 420ms ease, transform 260ms cubic-bezier(.2,.72,.2,1), border-color 180ms ease, box-shadow 200ms ease, background-color 180ms ease;
}
.feature-card.is-visible { opacity: 1; transform: translateY(0); }
.feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 18% 50%, rgba(0,234,255,.075), transparent 34%), linear-gradient(112deg, transparent 62%, rgba(0,234,255,.035));
  opacity: .45;
  transition: opacity 180ms ease;
  pointer-events: none;
}
.feature-card:hover,
.feature-card:focus-within { transform: translateY(-5px); border-color: rgba(0,234,255,.6); box-shadow: inset 0 0 34px rgba(0,234,255,.055), 0 16px 38px rgba(0,0,0,.28), 0 0 22px rgba(0,234,255,.07); }
.feature-risk:hover,
.feature-risk:focus-within { border-color: rgba(255,0,229,.62); box-shadow: inset 0 0 34px rgba(255,0,229,.045), 0 16px 38px rgba(0,0,0,.28), 0 0 22px rgba(255,0,229,.065); }
.feature-performance:hover,
.feature-performance:focus-within { border-color: rgba(0,255,136,.62); box-shadow: inset 0 0 34px rgba(0,255,136,.05), 0 16px 38px rgba(0,0,0,.28), 0 0 22px rgba(0,255,136,.07); }
.feature-card:hover::before,
.feature-card:focus-within::before { opacity: 1; }
.feature-card[data-pressed="true"] { transform: translateY(-1px) scale(.992); }
.feature-visual { position: relative; transition: transform 260ms cubic-bezier(.2,.72,.2,1), filter 180ms ease; }
.feature-card:hover .feature-visual,
.feature-card:focus-within .feature-visual { transform: scale(1.05); filter: brightness(1.15); }

.feature-futures:hover .candles-mini i,
.feature-futures:focus-within .candles-mini i { animation: pgr-candle-read .8s ease-in-out infinite alternate; }
.feature-futures:hover .candles-mini i:nth-child(2),
.feature-futures:focus-within .candles-mini i:nth-child(2) { animation-delay: -.34s; }
.feature-futures:hover .candles-mini i:nth-child(3),
.feature-futures:focus-within .candles-mini i:nth-child(3) { animation-delay: -.58s; }
@keyframes pgr-candle-read { from { transform: translateY(3px) scaleY(.92); } to { transform: translateY(-3px) scaleY(1.08); } }

.bars-mini i { transform-origin: bottom; }
.feature-analytics:hover .bars-mini i,
.feature-analytics:focus-within .bars-mini i { animation: pgr-analytics-bars .72s ease-in-out infinite alternate; }
.feature-analytics:hover .bars-mini i:nth-child(2),
.feature-analytics:focus-within .bars-mini i:nth-child(2) { animation-delay: -.22s; }
.feature-analytics:hover .bars-mini i:nth-child(3),
.feature-analytics:focus-within .bars-mini i:nth-child(3) { animation-delay: -.44s; }
.feature-analytics:hover .bars-mini i:nth-child(4),
.feature-analytics:focus-within .bars-mini i:nth-child(4) { animation-delay: -.6s; }
@keyframes pgr-analytics-bars { from { transform: scaleY(.78); } to { transform: scaleY(1.08); } }

.feature-risk:hover .shield-mini,
.feature-risk:focus-within .shield-mini { animation: pgr-shield-pulse 1.05s ease-in-out infinite; }
@keyframes pgr-shield-pulse { 50% { box-shadow: 0 0 25px rgba(255,0,229,.34), inset 0 0 22px rgba(255,0,229,.16); text-shadow: 0 0 16px var(--magenta); } }

.chart-mini path { stroke-dasharray: 180; stroke-dashoffset: 180; }
.feature-performance.is-visible .chart-mini path { animation: pgr-feature-line-draw 1.1s cubic-bezier(.2,.72,.2,1) 180ms forwards; }
.feature-performance:hover .chart-mini path,
.feature-performance:focus-within .chart-mini path { animation: pgr-feature-line-pulse 1.35s ease-in-out infinite alternate; stroke-dashoffset: 0; }
@keyframes pgr-feature-line-draw { to { stroke-dashoffset: 0; } }
@keyframes pgr-feature-line-pulse { from { filter: drop-shadow(0 0 4px rgba(0,255,136,.45)); } to { filter: drop-shadow(0 0 10px rgba(0,255,136,.95)); } }

/* The demo disclosure itself participates as quiet instrumentation, never as live-data chrome. */
.hud-demo-flag {
  box-shadow: inset 0 0 12px rgba(0,234,255,.025);
  transition: border-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
}
html[data-ui-energized="true"] .hud-demo-flag { border-color: rgba(0,234,255,.32); color: rgba(218,241,247,.9); box-shadow: inset 0 0 12px rgba(0,234,255,.045), 0 0 12px rgba(0,234,255,.04); }

@media (hover: none), (pointer: coarse) {
  .hud-card { animation-duration: calc(7.8s + var(--hud-index) * .5s); }
  .hud-card:hover { --hud-lift: 0px; }
  .feature-card:hover { transform: translateY(0); }
  .ticker-inspect { display: none; }
  .cta:hover::after,
  .dashboard-button:hover::after,
  .view-markets:hover::after { animation: none; opacity: 0; }
}

@media (max-width: 900px) {
  .primary-nav a::before { left: 22px; width: 70px; transform: translate(0,-50%) scale(.65); }
  .primary-nav a:hover::before,
  .primary-nav a:focus-visible::before,
  .primary-nav a.is-active::before { transform: translate(0,-50%) scale(1); }
  .hud-card { --hud-rx: 0deg !important; --hud-ry: 0deg !important; }
}

@media (prefers-reduced-motion: reduce) {
  .hud-card,
  .hud-card::after,
  .ticker-node,
  .ticker-ready .ticker-item polyline,
  .hud-pnl.is-visible path,
  .feature-performance.is-visible .chart-mini path,
  .feature-futures:hover .candles-mini i,
  .feature-analytics:hover .bars-mini i,
  .feature-risk:hover .shield-mini,
  .feature-performance:hover .chart-mini path,
  .cta:hover::after,
  .dashboard-button:hover::after,
  .view-markets:hover::after { animation: none !important; }
  .hud-card { transform: none !important; }
  .market-strip,
  .feature-card { opacity: 1; transform: none !important; }
  .hud-pnl path,
  .ticker-item polyline,
  .chart-mini path { stroke-dashoffset: 0 !important; }
  .precision-ripple { display: none !important; }
}

/* ========================================================================== */
/* PASS 6 — opt-in spatial audio control                                      */
/* ========================================================================== */
.mobile-header-actions { display: none; align-items: center; gap: 8px; }
.sound-control {
  position: relative;
  overflow: hidden;
  transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.sound-control::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 8px currentColor;
  opacity: .62;
  vertical-align: 1px;
}
html[data-audio-state="on"] .sound-control {
  color: var(--green);
  border-color: rgba(0,255,136,.55);
  background: rgba(0,32,27,.7);
  box-shadow: inset 0 0 18px rgba(0,255,136,.06), 0 0 14px rgba(0,255,136,.08);
}
html[data-audio-state="ready"] .sound-control { color: #9beaff; border-color: rgba(0,234,255,.45); }
html[data-audio-state="suspended"] .sound-control { color: #91a6b2; border-color: rgba(145,166,178,.28); }
html[data-audio-state="unsupported"] .sound-control { opacity: .5; cursor: not-allowed; }
.sound-control:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.sound-control[aria-pressed="true"]::before { animation: audio-led-breathe 2.8s ease-in-out infinite; }
@keyframes audio-led-breathe { 0%,100%{opacity:.55;transform:scale(.9)} 50%{opacity:1;transform:scale(1.15)} }

@media (max-width: 1180px) and (min-width: 901px) {
  .sound-control { display: inline-flex; align-items: center; justify-content: center; }
}

@media (max-width: 900px) {
  .mobile-header-actions { display: flex; justify-content: flex-end; }
  .mobile-sound-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    min-height: 44px;
    padding: 0 9px;
    font-size: 9px;
    white-space: nowrap;
  }
}

@media (max-width: 370px) {
  .mobile-sound-control { min-width: 78px; padding: 0 7px; font-size: 8px; }
  .mobile-sound-control::before { width: 5px; height: 5px; margin-right: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  .sound-control[aria-pressed="true"]::before { animation: none !important; }
}

/* ========================================================================== */
/* PASS 7 — scroll chapters, content architecture and conversion journey      */
/* ========================================================================== */

:root {
  --page-scroll-progress: 0;
  --chapter-progress: 0;
  --chapter-max: min(1750px, calc(100% - 7vw));
}

[id] { scroll-margin-top: 112px; }

.chapter-rail {
  position: fixed;
  z-index: 58;
  top: 50%;
  right: max(18px, calc(var(--safe-right) + 8px));
  display: grid;
  gap: 7px;
  width: 112px;
  transform: translateY(-42%);
  pointer-events: none;
}
.chapter-rail-track {
  position: absolute;
  top: 9px;
  bottom: 9px;
  right: 6px;
  width: 1px;
  background: rgba(0,234,255,.12);
  overflow: hidden;
}
.chapter-rail-track i {
  display: block;
  width: 100%;
  height: calc(var(--page-scroll-progress) * 100%);
  background: linear-gradient(180deg, var(--cyan), var(--green), var(--magenta));
  box-shadow: 0 0 9px rgba(0,234,255,.7);
}
.chapter-rail a {
  position: relative;
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  padding: 3px 15px 3px 4px;
  color: rgba(151,171,181,.54);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 7px;
  pointer-events: auto;
  transition: color .18s ease, transform .18s ease;
}
.chapter-rail a::after {
  content: "";
  position: absolute;
  right: 2px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid rgba(0,234,255,.3);
  background: #020813;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.chapter-rail a span { font-variant-numeric: tabular-nums; color: rgba(0,234,255,.58); }
.chapter-rail a em { font-style: normal; opacity: 0; transform: translateX(6px); transition: opacity .18s ease, transform .18s ease; }
.chapter-rail a:hover,
.chapter-rail a:focus-visible,
.chapter-rail a.is-active { color: #e0f6fa; transform: translateX(-3px); }
.chapter-rail a:hover em,
.chapter-rail a:focus-visible em,
.chapter-rail a.is-active em { opacity: 1; transform: none; }
.chapter-rail a.is-active::after { border-color: var(--green); background: var(--green); box-shadow: 0 0 12px rgba(0,255,136,.8); transform: scale(1.18); }

.scroll-entry { padding-top: 72px; }
.section-intro { color: #eef9fc; }
.section-intro-wide { grid-column: 1 / -1; max-width: 910px; padding: 26px 4px 34px; }
.section-index {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  color: var(--cyan);
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: 9px;
  font-weight: 800;
}
.section-index::before { content:""; width: 26px; height: 1px; background: currentColor; box-shadow: 0 0 7px currentColor; }
.section-intro h2,
.scroll-chapter h2 {
  margin: 0;
  text-transform: uppercase;
  font-size: clamp(38px, 4.35vw, 76px);
  line-height: .96;
  letter-spacing: -.035em;
  font-weight: 930;
  color: #edf2f5;
  text-shadow: 0 2px 0 #495761, 0 10px 36px rgba(0,0,0,.28);
}
.section-intro h2 span,
.scroll-chapter h2 span {
  background: linear-gradient(105deg, var(--green), var(--cyan) 52%, #73e8ff);
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 12px rgba(0,234,255,.15));
}
.section-intro > p { max-width: 760px; margin: 22px 0 0; color: #94a8b4; font-size: 14px; line-height: 1.75; }

.scroll-chapter {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: min(980px, 92svh);
  display: grid;
  align-items: center;
  margin-top: 84px;
  overflow: clip;
  border-top: 1px solid rgba(0,234,255,.08);
  border-bottom: 1px solid rgba(0,234,255,.075);
  background:
    radial-gradient(circle at 12% 48%, rgba(0,234,255,.035), transparent 28%),
    linear-gradient(180deg, rgba(1,5,12,.68), rgba(0,3,8,.96));
}
.scroll-chapter::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.25;
  background-image:
    linear-gradient(rgba(0,234,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,234,255,.035) 1px, transparent 1px);
  background-size: 74px 74px;
  mask-image: linear-gradient(90deg, transparent, #000 16% 84%, transparent), linear-gradient(180deg, transparent, #000 16% 84%, transparent);
}
.scroll-chapter::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(0,234,255,.38), transparent);
  opacity: calc(.25 + var(--chapter-progress) * .25);
}
.chapter-shell { width: var(--chapter-max); margin: 0 auto; padding: clamp(92px, 9vw, 150px) 0; position: relative; z-index: 2; }
.chapter-kicker { margin: 0 0 16px; color: #d8e8ed; font-size: clamp(14px, 1.2vw, 20px); letter-spacing: .01em; }
.chapter-lede { max-width: 720px; margin: 24px 0 0; color: #95a9b4; font-size: clamp(14px, 1vw, 17px); line-height: 1.8; }
.chapter-glow { position:absolute; z-index:-2; width: 760px; height:760px; border-radius:50%; filter: blur(88px); opacity:.13; transform: translateY(var(--parallax-y, 0px)); pointer-events:none; }
.chapter-glow-green { left:-230px; top:12%; background: radial-gradient(circle, rgba(0,255,136,.9), transparent 64%); }
.chapter-glow-cyan { right:-270px; top:4%; background: radial-gradient(circle, rgba(0,174,255,.95), transparent 64%); }
.chapter-glow-magenta { left:-250px; top:10%; background: radial-gradient(circle, rgba(255,0,229,.7), transparent 64%); }
[data-parallax] { transform: translateY(var(--parallax-y, 0px)); will-change: transform; }

/* Reveal choreography. JS only adds the class; content stays readable without JS. */
html[data-scroll-experience="ready"] [data-scroll-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 620ms cubic-bezier(.2,.72,.2,1), transform 720ms cubic-bezier(.2,.72,.2,1), border-color .2s ease, box-shadow .2s ease;
}
html[data-scroll-experience="ready"] [data-scroll-reveal].is-revealed { opacity: 1; transform: translateY(0); }
html[data-scroll-experience="ready"] [data-parallax][data-scroll-reveal].is-revealed { transform: translateY(var(--parallax-y, 0px)); }
.chapter-principles [data-scroll-reveal]:nth-child(2),
.risk-controls [data-scroll-reveal]:nth-child(2) { transition-delay: 80ms; }
.chapter-principles [data-scroll-reveal]:nth-child(3),
.risk-controls [data-scroll-reveal]:nth-child(3) { transition-delay: 150ms; }
.chapter-principles [data-scroll-reveal]:nth-child(4) { transition-delay: 220ms; }

/* Philosophy */
.philosophy-section { background: radial-gradient(circle at 70% 48%, rgba(0,255,136,.055), transparent 26%), linear-gradient(180deg,#01050c,#000308); }
.philosophy-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr); gap: clamp(60px, 8vw, 150px); align-items:center; }
.chapter-principles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:42px; }
.chapter-principles article { min-height:150px; padding:22px; border:1px solid rgba(0,234,255,.14); border-radius:12px; background:linear-gradient(145deg,rgba(5,19,31,.68),rgba(1,7,16,.5)); }
.chapter-principles article > span { color:var(--green); font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.15em; }
.chapter-principles h3 { margin:18px 0 8px; text-transform:uppercase; font-size:13px; letter-spacing:.07em; color:#e8f4f7; }
.chapter-principles p { margin:0; color:#8297a3; font-size:11px; line-height:1.6; }
.philosophy-core { position:relative; width:min(100%,560px); aspect-ratio:1; justify-self:center; display:grid; place-items:center; }
.core-rings i { position:absolute; inset:50%; border-radius:50%; border:1px solid rgba(0,234,255,.24); transform:translate(-50%,-50%); }
.core-rings i:nth-child(1){width:88%;height:88%;border-style:dashed;}
.core-rings i:nth-child(2){width:66%;height:66%;border-color:rgba(0,255,136,.32);}
.core-rings i:nth-child(3){width:43%;height:43%;border-color:rgba(121,87,255,.4);border-style:dotted;}
.core-node { position:relative; z-index:2; width:174px; height:174px; display:grid; place-content:center; text-align:center; border:1px solid rgba(0,255,136,.48); border-radius:50%; background:radial-gradient(circle,rgba(0,60,56,.76),rgba(1,8,16,.96) 62%); box-shadow:inset 0 0 48px rgba(0,255,136,.08),0 0 50px rgba(0,234,255,.09); }
.core-node strong { font-size:43px; font-style:italic; letter-spacing:.08em; background:linear-gradient(100deg,var(--green),var(--cyan),var(--magenta));-webkit-background-clip:text;color:transparent; }
.core-node small { margin-top:7px; color:#8ea5af; text-transform:uppercase; letter-spacing:.2em; font-size:7px; }
.core-orbit { position:absolute; inset:12%; border-radius:50%; }
.core-orbit span { position:absolute; padding:7px 10px; border:1px solid rgba(0,234,255,.22); border-radius:999px; background:rgba(2,10,20,.92); color:#91dce8; text-transform:uppercase; letter-spacing:.1em; font-size:7px; box-shadow:0 0 18px rgba(0,234,255,.07); }
.core-orbit-a span:first-child{left:-5%;top:18%}.core-orbit-a span:last-child{right:-3%;bottom:18%}
.core-orbit-b{inset:25%}.core-orbit-b span:first-child{right:-17%;top:5%}.core-orbit-b span:last-child{left:-15%;bottom:7%}
.philosophy-section.is-current .core-rings i:nth-child(1){animation:pgr-core-spin 28s linear infinite}.philosophy-section.is-current .core-rings i:nth-child(3){animation:pgr-core-spin-reverse 21s linear infinite}
@keyframes pgr-core-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes pgr-core-spin-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}

/* Technology */
.technology-section { background:radial-gradient(circle at 85% 20%,rgba(0,140,255,.075),transparent 30%),linear-gradient(180deg,#000308,#020815 52%,#000308); }
.section-heading-row { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.65fr); gap:clamp(40px,8vw,130px); align-items:end; }
.section-heading-row > p { margin:0 0 5px; color:#92a6b1; font-size:13px; line-height:1.75; }
.technology-stack { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:56px; border:1px solid rgba(0,234,255,.16); border-radius:14px; overflow:hidden; background:rgba(2,9,19,.56); }
.tech-layer { position:relative; min-height:220px; display:grid; align-content:end; gap:14px; padding:22px; border-right:1px solid rgba(0,234,255,.1); overflow:hidden; }
.tech-layer:last-child{border-right:0}.tech-layer::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,234,255,.035));opacity:.7}.tech-layer > *{position:relative;z-index:2}
.tech-number{position:absolute;top:20px;left:20px;color:rgba(0,234,255,.48);font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}
.tech-layer small{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:7px}.tech-layer h3{margin:7px 0 9px;text-transform:uppercase;font-size:12px;line-height:1.25}.tech-layer p{margin:0;color:#8095a1;font-size:10px;line-height:1.55}.tech-layer > i{position:absolute;top:-48px;right:-48px;width:118px;height:118px;border:1px solid rgba(0,234,255,.12);border-radius:50%;box-shadow:inset 0 0 35px rgba(0,234,255,.035)}
.technology-section.is-current .tech-layer > i{animation:pgr-tech-pulse 4.8s ease-in-out infinite}.technology-section.is-current .tech-layer:nth-child(2)>i{animation-delay:-1s}.technology-section.is-current .tech-layer:nth-child(3)>i{animation-delay:-2s}.technology-section.is-current .tech-layer:nth-child(4)>i{animation-delay:-3s}.technology-section.is-current .tech-layer:nth-child(5)>i{animation-delay:-4s}
@keyframes pgr-tech-pulse{50%{transform:scale(1.2);border-color:rgba(0,234,255,.3);box-shadow:inset 0 0 35px rgba(0,234,255,.08),0 0 20px rgba(0,234,255,.06)}}
.technology-console { margin-top:24px; border:1px solid rgba(0,234,255,.22); border-radius:14px; background:linear-gradient(150deg,rgba(4,18,32,.86),rgba(1,6,14,.91)); box-shadow:inset 0 0 50px rgba(0,140,255,.035); overflow:hidden; }
.console-header,.terminal-header{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 18px;border-bottom:1px solid rgba(0,234,255,.11);text-transform:uppercase;letter-spacing:.1em;font-size:8px;color:#9cb1bb}.console-header span,.terminal-header span{display:flex;align-items:center;gap:8px;color:#d7edf1}.console-header i,.terminal-header i{display:block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.console-header em,.terminal-header em{font-style:normal;color:#607a87}
.console-grid { min-height:360px; position:relative; display:grid; grid-template-columns:repeat(5,1fr); align-items:center; gap:4%; padding:45px 5%; }
.console-node { position:relative; z-index:2; min-height:88px; display:grid; place-content:center; text-align:center; border:1px solid rgba(0,234,255,.26); border-radius:10px; background:rgba(2,13,24,.94); box-shadow:inset 0 0 22px rgba(0,234,255,.035),0 0 20px rgba(0,0,0,.25); }
.console-node strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.console-node small{margin-top:6px;color:#718a96;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.node-decision{border-color:rgba(0,255,136,.4);box-shadow:inset 0 0 28px rgba(0,255,136,.055),0 0 25px rgba(0,255,136,.045)}.node-risk{border-color:rgba(255,0,229,.3)}
.console-line{height:1px;background:linear-gradient(90deg,rgba(0,234,255,.08),rgba(0,234,255,.72),rgba(0,234,255,.08));box-shadow:0 0 8px rgba(0,234,255,.4)}

/* Process / performance methodology */
.performance-section { min-height:760px; background:radial-gradient(circle at 14% 68%,rgba(0,255,136,.055),transparent 30%),linear-gradient(180deg,#000308,#01080d); }
.performance-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); gap:clamp(55px,8vw,130px); align-items:center; }
.disclosure-chip{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:28px;padding:9px 12px;border:1px solid rgba(0,234,255,.2);border-radius:999px;background:rgba(3,13,24,.68);color:#8ca2ad;font-size:9px}.disclosure-chip i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.review-cycle { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.review-cycle article { position:relative; min-height:190px; display:grid; grid-template-columns:42px 1fr; gap:14px; padding:24px; border:1px solid rgba(0,234,255,.15); border-radius:13px; background:linear-gradient(145deg,rgba(3,17,29,.86),rgba(1,7,15,.78)); overflow:hidden; }
.review-cycle article::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--green),var(--cyan));transition:transform .8s cubic-bezier(.2,.72,.2,1)}.performance-section.is-current .review-cycle article::after{transform:scaleX(1)}.performance-section.is-current .review-cycle article:nth-child(2)::after{transition-delay:.12s}.performance-section.is-current .review-cycle article:nth-child(3)::after{transition-delay:.24s}.performance-section.is-current .review-cycle article:nth-child(4)::after{transition-delay:.36s}
.review-cycle article>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(0,255,136,.24);border-radius:50%;color:var(--green);font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.review-cycle small{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:7px}.review-cycle h3{margin:10px 0 8px;text-transform:uppercase;font-size:13px}.review-cycle p{margin:0;color:#8297a3;font-size:10.5px;line-height:1.6}

/* Risk */
.risk-section { background:radial-gradient(circle at 18% 52%,rgba(255,0,229,.055),transparent 28%),linear-gradient(180deg,#01040b,#08020c 50%,#000308); }
.risk-layout { display:grid; grid-template-columns:minmax(420px,.85fr) minmax(0,1.15fr); gap:clamp(60px,8vw,150px); align-items:center; }
.risk-shield { position:relative; width:min(100%,500px); aspect-ratio:.86; justify-self:center; display:grid; place-items:center; }
.risk-shield-outline{position:absolute;width:72%;height:80%;top:7%;clip-path:polygon(50% 0,92% 15%,88% 64%,50% 100%,12% 64%,8% 15%);border:2px solid var(--magenta);background:linear-gradient(180deg,rgba(255,0,229,.055),rgba(0,234,255,.025));box-shadow:0 0 42px rgba(255,0,229,.12),inset 0 0 50px rgba(255,0,229,.06)}.risk-shield-outline::before{content:"";position:absolute;inset:8%;clip-path:inherit;border:1px solid rgba(0,234,255,.28);background:rgba(1,5,13,.48)}
.risk-shield-core{position:relative;z-index:2;display:grid;text-align:center}.risk-shield-core strong{font-size:clamp(36px,4vw,60px);letter-spacing:.08em;color:var(--magenta);text-shadow:0 0 24px rgba(255,0,229,.3)}.risk-shield-core small{margin-top:5px;color:#8fa4af;letter-spacing:.3em;font-size:8px}.risk-orbit{position:absolute;border-radius:50%;border:1px solid rgba(0,234,255,.13)}.risk-orbit-a{inset:4%}.risk-orbit-b{inset:17%;border-style:dashed;border-color:rgba(255,0,229,.18)}.risk-section.is-current .risk-orbit-a{animation:pgr-core-spin 30s linear infinite}.risk-section.is-current .risk-orbit-b{animation:pgr-core-spin-reverse 21s linear infinite}
.risk-controls{display:grid;gap:10px;margin-top:34px}.risk-controls article{display:grid;grid-template-columns:minmax(100px,.35fr) minmax(170px,.7fr) 1fr;gap:22px;align-items:center;min-height:92px;padding:16px 20px;border:1px solid rgba(255,0,229,.14);border-radius:10px;background:linear-gradient(90deg,rgba(30,3,30,.32),rgba(2,9,18,.65))}.risk-controls article>span{color:var(--magenta);text-transform:uppercase;letter-spacing:.11em;font-size:8px}.risk-controls strong{font-size:11px;text-transform:uppercase;letter-spacing:.035em}.risk-controls p{margin:0;color:#82949e;font-size:10px;line-height:1.55}

/* Contact */
.contact-section { min-height:820px; margin-bottom:0; border-bottom:0; background:radial-gradient(circle at 50% 100%,rgba(0,255,136,.08),transparent 33%),linear-gradient(180deg,#000308,#010711 72%,#00060a); }
.contact-grid{position:absolute;inset:0;z-index:-2;opacity:.25;background-image:linear-gradient(rgba(0,234,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,234,255,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,transparent,#000 22%,#000)}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,.78fr);gap:clamp(60px,8vw,140px);align-items:center}.contact-copy>p:last-of-type{max-width:680px;color:#93a8b3;line-height:1.8;font-size:14px}.contact-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px}.contact-paths article{min-height:110px;padding:16px;border:1px solid rgba(0,234,255,.13);border-radius:10px;background:rgba(3,13,24,.56);display:grid;align-content:center;gap:7px}.contact-paths span{color:var(--green);font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.contact-paths strong{text-transform:uppercase;font-size:9px;letter-spacing:.05em}.contact-paths small{color:#718994;font-size:8.5px;line-height:1.4}
.contact-terminal{border:1px solid rgba(0,234,255,.26);border-radius:14px;background:linear-gradient(145deg,rgba(4,20,34,.92),rgba(1,7,15,.96));box-shadow:inset 0 0 46px rgba(0,234,255,.035),0 30px 70px rgba(0,0,0,.28);overflow:hidden}.terminal-body{padding:34px}.terminal-label{color:var(--cyan);font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.terminal-body>strong{display:block;margin-top:12px;text-transform:uppercase;font-size:18px;letter-spacing:.025em;color:#e7f2f5}.terminal-body>p{margin:15px 0 26px;color:#8197a3;font-size:11px;line-height:1.7}.contact-primary[aria-disabled="true"]{opacity:.62;cursor:not-allowed;pointer-events:none;filter:saturate(.55)}.contact-disclosure{display:block;margin-top:15px;color:#5d7480;font-size:8px;line-height:1.5}
.contact-footer{width:var(--chapter-max);margin:0 auto;padding:24px 0 calc(28px + var(--safe-bottom));display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;border-top:1px solid rgba(0,234,255,.1);color:#708691}.contact-footer>span{font-weight:900;font-style:italic;letter-spacing:.14em;color:#cfe9ee}.contact-footer p{margin:0;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.contact-footer a{min-height:40px;display:inline-flex;align-items:center;color:var(--green);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:8px}

/* Slightly elevate the credibility strip between major chapters. */
.credibility-strip { margin-top: 44px; margin-bottom: 0; }

@media (max-width: 1450px) {
  .chapter-rail { display:none; }
  .technology-stack { grid-template-columns:repeat(3,1fr); }
  .tech-layer:nth-child(3){border-right:0}.tech-layer:nth-child(-n+3){border-bottom:1px solid rgba(0,234,255,.1)}
  .tech-layer:nth-child(4){grid-column:1 / span 1}.tech-layer:nth-child(5){grid-column:2 / span 1}
}

@media (max-width: 1180px) {
  .section-intro-wide { grid-column:1 / -1; }
  .philosophy-layout,.performance-layout,.risk-layout,.contact-layout { grid-template-columns:1fr; }
  .philosophy-core { width:min(80vw,520px); }
  .risk-shield { width:min(78vw,460px); order:2; }
  .risk-layout .chapter-copy { order:1; }
  .section-heading-row { grid-template-columns:1fr; gap:24px; }
  .section-heading-row > p { max-width:700px; }
  .technology-stack { grid-template-columns:repeat(2,1fr); }
  .tech-layer { border-bottom:1px solid rgba(0,234,255,.1); }
  .tech-layer:nth-child(odd){border-right:1px solid rgba(0,234,255,.1)}
  .tech-layer:nth-child(even){border-right:0}
  .tech-layer:nth-child(5){grid-column:1 / -1;border-bottom:0}
  .console-grid { grid-template-columns:repeat(3,1fr); min-height:440px; }
  .console-line { display:none; }
  .contact-terminal { max-width:720px; }
}

@media (max-width: 900px) {
  [id] { scroll-margin-top: 88px; }
  .scroll-entry { padding-top:56px; }
  .scroll-chapter { min-height:0; margin-top:58px; }
  .chapter-shell { width:calc(100% - 36px); padding:84px 0; }
  .section-intro-wide { padding-top:18px; }
  .chapter-glow { width:520px;height:520px;filter:blur(70px); }
  .chapter-principles { grid-template-columns:1fr 1fr; }
  .technology-stack { margin-top:40px; }
  .review-cycle { max-width:760px; }
  .risk-controls article { grid-template-columns:110px 1fr; gap:8px 18px; }
  .risk-controls p { grid-column:2; }
  .contact-footer { width:calc(100% - 36px); }
}

@media (max-width: 620px) {
  .scroll-entry { padding-top:44px; }
  .section-intro-wide { padding:20px 0 22px; }
  .section-intro h2,.scroll-chapter h2 { font-size:clamp(36px,11.5vw,54px); }
  .section-intro > p,.chapter-lede,.contact-copy>p:last-of-type { font-size:12px;line-height:1.72; }
  .scroll-chapter { margin-top:42px; }
  .chapter-shell { width:calc(100% - 28px); padding:70px 0; }
  .chapter-principles { grid-template-columns:1fr; gap:8px; margin-top:30px; }
  .chapter-principles article { min-height:118px; padding:18px; }
  .philosophy-core { width:min(106vw,440px); margin-left:-3vw; }
  .core-node { width:132px;height:132px}.core-node strong{font-size:33px}.core-orbit span{font-size:6px;padding:6px 8px}
  .technology-stack { grid-template-columns:1fr; border-radius:10px; }
  .tech-layer,.tech-layer:nth-child(odd),.tech-layer:nth-child(even),.tech-layer:nth-child(5){grid-column:auto;border-right:0;border-bottom:1px solid rgba(0,234,255,.1);min-height:155px;padding:20px}.tech-layer:last-child{border-bottom:0}
  .console-grid { min-height:0; grid-template-columns:1fr 1fr; gap:10px; padding:18px; }.console-node{min-height:76px}.node-memory{grid-column:1 / -1}.console-header em,.terminal-header em{display:none}
  .review-cycle { grid-template-columns:1fr; gap:8px; }.review-cycle article{min-height:142px;padding:19px}.disclosure-chip{border-radius:10px;font-size:8px;line-height:1.4}
  .risk-shield { width:min(100vw,390px); margin-left:-2vw; }.risk-controls article{grid-template-columns:1fr;gap:7px;min-height:112px}.risk-controls p{grid-column:auto}.risk-controls strong{font-size:10px}
  .contact-paths { grid-template-columns:1fr; gap:7px; }.contact-paths article{min-height:82px;grid-template-columns:28px 1fr;align-items:center}.contact-paths small{grid-column:2}.terminal-body{padding:24px}.terminal-body>strong{font-size:15px}.contact-primary{width:100%}.contact-footer{width:calc(100% - 28px);grid-template-columns:1fr auto}.contact-footer p{grid-column:1 / -1;grid-row:2}.contact-footer a{grid-column:2;grid-row:1}
}

@media (max-height: 560px) and (orientation: landscape) and (max-width: 950px) {
  .scroll-chapter { margin-top:30px; }
  .chapter-shell { padding:56px 0; }
  .philosophy-layout { grid-template-columns:1.2fr .8fr; gap:35px; }
  .philosophy-core { width:min(44vw,340px); }
  .chapter-principles { grid-template-columns:repeat(2,1fr); margin-top:20px; }
  .chapter-principles article { min-height:105px; padding:14px; }
  .risk-shield { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-scroll-experience="ready"] [data-scroll-reveal],
  html[data-scroll-experience="ready"] [data-scroll-reveal].is-revealed,
  [data-parallax] { opacity:1 !important; transform:none !important; transition:none !important; }
  .philosophy-section.is-current .core-rings i,
  .risk-section.is-current .risk-orbit,
  .technology-section.is-current .tech-layer > i { animation:none !important; }
  .review-cycle article::after { transition:none !important; transform:scaleX(1); }
}

/* Pass 07 visual legibility hardening after screenshot review. */
.section-intro h2 span,
.scroll-chapter h2 span {
  background: linear-gradient(180deg, #11ff9b 0%, #12efd1 48%, #5fe5ff 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 0 14px rgba(0,234,255,.18));
}

/* ========================================================================== */
/* PASS 8 — Mobile architecture                                               */
/* ========================================================================== */
:root {
  --visual-vh: 1vh;
  --visual-vw: 1vw;
  --topbar-height: 84px;
  --mobile-dock-height: 0px;
  --keyboard-offset: 0px;
}

.mobile-chapter-dock { display: none; }

/* Keep heavyweight decorative groups isolated from unrelated layout work. */
.logo-zone,
.philosophy-core,
.technology-console,
.risk-shield,
.contact-terminal { contain: layout paint; }

@media (max-width: 900px) {
  :root { --mobile-dock-height: 62px; }

  body {
    padding-bottom: calc(var(--mobile-dock-height) + var(--safe-bottom));
    overscroll-behavior-y: none;
  }

  .site-shell { min-height: calc(var(--visual-vh) * 100); }

  .topbar {
    min-height: 64px;
    padding-top: calc(6px + var(--safe-top));
    padding-bottom: 6px;
  }

  .topbar.is-scrolled {
    min-height: 58px;
    background: rgba(1,7,15,.94);
  }

  .primary-nav {
    top: calc(var(--topbar-height) + 8px);
    max-height: calc(var(--visual-vh) * 100 - var(--topbar-height) - 24px - var(--safe-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .hero {
    min-height: calc(var(--visual-vh) * 100 - var(--topbar-height));
  }

  .hero-layout {
    min-height: calc(var(--visual-vh) * 100 - var(--topbar-height));
    padding-bottom: calc(72px + var(--mobile-dock-height));
  }

  .mobile-chapter-dock {
    position: fixed;
    z-index: 76;
    right: max(8px, var(--safe-right));
    bottom: max(8px, var(--safe-bottom));
    left: max(8px, var(--safe-left));
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(54px, 1fr);
    align-items: stretch;
    gap: 5px;
    min-height: 54px;
    padding: 5px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    border: 1px solid rgba(0,234,255,.22);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(4,16,29,.9), rgba(1,7,15,.96));
    box-shadow: 0 18px 42px rgba(0,0,0,.5), inset 0 1px 0 rgba(116,242,255,.05);
    backdrop-filter: blur(18px) saturate(118%);
  }
  .mobile-chapter-dock::-webkit-scrollbar { display: none; }
  .mobile-chapter-dock::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(0,255,136,.03), transparent 30% 70%, rgba(255,0,229,.03));
  }
  .mobile-chapter-dock a {
    position: relative;
    z-index: 1;
    min-width: 54px;
    min-height: 44px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 3px;
    padding: 5px 8px;
    scroll-snap-align: center;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #718994;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, min-width .18s ease;
  }
  .mobile-chapter-dock a span {
    font: 850 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    color: rgba(0,234,255,.62);
  }
  .mobile-chapter-dock a em {
    display: none;
    font-style: normal;
    font-size: 6.5px;
    line-height: 1;
    letter-spacing: .08em;
    white-space: nowrap;
  }
  .mobile-chapter-dock a.is-active {
    min-width: 82px;
    color: #eaf9fc;
    border-color: rgba(0,255,136,.38);
    background: linear-gradient(180deg, rgba(0,54,45,.58), rgba(0,24,27,.66));
    box-shadow: inset 0 0 18px rgba(0,255,136,.055), 0 0 12px rgba(0,255,136,.05);
  }
  .mobile-chapter-dock a.is-active span { color: var(--green); text-shadow: 0 0 8px rgba(0,255,136,.48); }
  .mobile-chapter-dock a.is-active em { display: block; }

  html[data-active-chapter="home"] .mobile-chapter-dock { opacity: .72; }
  html[data-mobile-keyboard="open"] .mobile-chapter-dock { visibility: hidden; opacity: 0; pointer-events: none; }

  [data-parallax] { will-change: auto; }
  .scroll-chapter { scroll-margin-top: calc(var(--topbar-height) + 16px); }
  .chapter-shell { padding-bottom: calc(76px + var(--mobile-dock-height)); }
  .contact-footer { padding-bottom: calc(22px + var(--mobile-dock-height) + var(--safe-bottom)); }

  /* Mobile is intentionally calmer than desktop: preserve depth without constant motion. */
  .chapter-glow { opacity: .09; filter: blur(62px); }
  html[data-quality="low"] .chapter-glow { display: none; }
  html[data-quality="low"] .core-orbit span:nth-child(n+2),
  html[data-quality="low"] .technology-console::after { display: none; }

  .cta,
  .mobile-menu-button,
  .mobile-sound-control,
  .primary-nav a,
  .contact-primary,
  .contact-footer a { touch-action: manipulation; }
}

@media (max-width: 620px) {
  .hero-layout {
    padding-top: clamp(24px, 5.8vw, 38px);
    padding-right: max(16px, var(--safe-right));
    padding-left: max(16px, var(--safe-left));
    gap: 12px;
  }

  .eyebrow { width: fit-content; max-width: 100%; }
  .hero-copy h1 { max-width: 7.2ch; font-size: clamp(46px, 14.8vw, 66px); }
  .hero-kicker { font-size: clamp(12px, 3.7vw, 14px); }
  .hero-philosophy { max-width: 34ch; font-size: 12px; }

  .logo-zone {
    width: min(94vw, 470px);
    margin: -2px auto -8px;
  }

  .principles { gap: 10px 8px; }
  .principles > div:nth-child(4) { display: flex; }
  .principles > div { min-height: 46px; }

  .hud-stack {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
  }
  .hud-card { min-height: 84px; }
  .hud-pnl { min-height: 108px; }

  .market-strip {
    margin-top: -28px;
    margin-bottom: 6px;
    border-radius: 10px;
  }
  .market-strip-inner { scroll-snap-type: x proximity; overscroll-behavior-x: contain; }
  .ticker-item { scroll-snap-align: start; }

  .feature-grid { margin-top: 18px; }
  .feature-card { min-height: 124px; }

  .scroll-entry { padding-top: 34px; }
  .scroll-chapter { margin-top: 28px; }
  .chapter-shell { width: calc(100% - 28px); padding-top: 58px; }
  .section-index { margin-bottom: 12px; font-size: 8px; }
  .section-intro h2,
  .scroll-chapter h2 { font-size: clamp(34px, 11vw, 50px); line-height: .93; }
  .chapter-lede,
  .section-intro > p,
  .contact-copy > p:last-of-type { margin-top: 18px; font-size: 11.5px; line-height: 1.65; }

  .philosophy-core { width: min(94vw, 380px); margin: 22px auto 0; }
  .core-node { width: 118px; height: 118px; }
  .core-node strong { font-size: 29px; }
  .core-orbit { inset: 14%; }

  .technology-stack { margin-top: 30px; }
  .tech-layer,
  .tech-layer:nth-child(odd),
  .tech-layer:nth-child(even),
  .tech-layer:nth-child(5) { min-height: 136px; padding: 17px; }
  .technology-console { margin-top: 16px; }
  .console-grid { grid-template-columns: 1fr; padding: 14px; gap: 8px; }
  .console-node,
  .node-memory { grid-column: auto; min-height: 68px; }

  .review-cycle article { min-height: 126px; padding: 17px; }
  .risk-shield { width: min(88vw, 350px); margin: 18px auto -4px; }
  .risk-controls { margin-top: 24px; }
  .risk-controls article { min-height: 104px; padding: 15px 17px; }

  .contact-section { min-height: 0; }
  .contact-paths { margin-top: 28px; }
  .contact-terminal { margin-top: 6px; }
  .terminal-body { padding: 21px; }

  .mobile-chapter-dock { grid-auto-columns: minmax(50px, 1fr); }
  .mobile-chapter-dock a { min-width: 50px; padding-inline: 6px; }
  .mobile-chapter-dock a.is-active { min-width: 76px; }
}

@media (max-width: 390px) {
  .brand-copy strong { font-size: 21px; }
  .brand-copy small { font-size: 7px; letter-spacing: .31em; }
  .brand-mark { width: 34px; height: 34px; }
  .mobile-header-actions { gap: 5px; }
  .mobile-sound-control { min-width: 74px; font-size: 7.5px; }
  .mobile-menu-button { width: 44px; height: 44px; }

  .hero-actions { grid-template-columns: 1fr; }
  .cta { min-height: 52px; }
  .logo-zone { width: min(96vw, 430px); margin-left: auto; }
  .hud-stack { grid-template-columns: 1fr; }
  .hud-pnl,
  .hud-card:nth-child(4) { grid-column: auto; }

  .mobile-chapter-dock {
    right: max(5px, var(--safe-right));
    bottom: max(5px, var(--safe-bottom));
    left: max(5px, var(--safe-left));
    gap: 3px;
    padding: 4px;
  }
  .mobile-chapter-dock a { min-width: 48px; min-height: 46px; }
  .mobile-chapter-dock a.is-active { min-width: 70px; }
  .mobile-chapter-dock a em { font-size: 6px; }
}

/* Compact landscape uses the top navigation rather than consuming vertical room. */
@media (max-height: 600px) and (orientation: landscape) and (max-width: 950px) {
  body { padding-bottom: var(--safe-bottom); }
  .mobile-chapter-dock { display: none; }
  :root { --mobile-dock-height: 0px; }
  .hero-layout { padding-bottom: 36px; }
  .chapter-shell { padding-bottom: 50px; }
  .contact-footer { padding-bottom: calc(18px + var(--safe-bottom)); }
  .technology-stack { grid-template-columns: repeat(2, 1fr); }
  .tech-layer,
  .tech-layer:nth-child(odd),
  .tech-layer:nth-child(even),
  .tech-layer:nth-child(5) { min-height: 120px; }
}

/* Touchscreens should get explicit pressed feedback without relying on hover emulation. */
html[data-last-input="touch"] .cta:active,
html[data-last-input="touch"] .dashboard-button:active,
html[data-last-input="touch"] .mobile-chapter-dock a:active,
html[data-last-input="touch"] .primary-nav a:active {
  transform: scale(.985);
  filter: brightness(1.14);
}

html[data-save-data="true"] .scene-webgl,
html[data-save-data="true"] .data-dots,
html[data-save-data="true"] .ambient-chart { display: none !important; }
html[data-save-data="true"] .reference-atmosphere { opacity: .05 !important; }

@media (prefers-reduced-motion: reduce) {
  .mobile-chapter-dock a { transition: none !important; }
  html[data-last-input="touch"] .cta:active,
  html[data-last-input="touch"] .dashboard-button:active,
  html[data-last-input="touch"] .mobile-chapter-dock a:active,
  html[data-last-input="touch"] .primary-nav a:active { transform: none; }
}

/* Pass 08 visual-review hardening: fixed mobile chrome must not own content space. */
@media (max-width: 900px) {
  html {
    scroll-padding-top: calc(var(--topbar-height) + 12px);
    scroll-padding-bottom: calc(var(--mobile-dock-height) + var(--safe-bottom) + 18px);
  }
  .contact-terminal { margin-bottom: calc(var(--mobile-dock-height) + 14px); }
}

@media (max-height: 600px) and (orientation: landscape) and (max-width: 950px) {
  html { scroll-padding-bottom: 12px; }
  .topbar {
    min-height: 56px;
    padding-top: calc(4px + var(--safe-top));
    padding-bottom: 4px;
  }
  .brand-mark { width: 34px; height: 34px; }
  .brand-copy strong { font-size: 21px; }
  .brand-copy small { margin-top: 3px; font-size: 7px; }
  .mobile-sound-control { min-height: 40px; }
  .mobile-menu-button { width: 42px; height: 42px; }
  .hero-layout {
    min-height: calc(var(--visual-vh) * 100 - var(--topbar-height));
    grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
    grid-template-areas: "copy logo" "hud hud";
    align-items: center;
    gap: 8px 22px;
    padding: 16px max(24px,var(--safe-right)) 28px max(24px,var(--safe-left));
  }
  .hero-copy { align-self: center; padding-top: 0; }
  .eyebrow { margin-bottom: 11px; padding: 6px 9px; font-size: 7.5px; }
  .hero-copy h1 { font-size: clamp(37px, 6vw, 52px); line-height: .86; }
  .hero-kicker { margin-top: 12px; font-size: 11px; }
  .hero-philosophy { margin-top: 5px; font-size: 9.5px; line-height: 1.35; }
  .hero-actions { margin-top: 12px; gap: 7px; }
  .cta { min-height: 44px; padding-inline: 12px; font-size: 8px; }
  .principles { display: none; }
  .logo-zone { width: min(40vw, 315px); margin: 0 auto; }
  .hud-stack { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin-top: 3px; }
  .hud-demo-flag { display: none; }
  .hud-card,.hud-pnl { min-height: 66px; padding: 10px; }
  .hud-pnl > strong { font-size: 20px; }
  .hud-pnl svg { height: 20px; }
  .market-strip { margin-top: 0; }
  .contact-terminal { margin-bottom: 0; }
}

/* Preserve the mandatory illustrative-data disclosure in compact landscape without adding a full grid row. */
@media (max-height: 600px) and (orientation: landscape) and (max-width: 950px) {
  .hud-stack { position: relative; }
  .hud-demo-flag {
    display: inline-flex;
    position: absolute;
    right: 0;
    bottom: calc(100% + 4px);
    grid-column: auto;
    min-height: 16px;
    margin: 0;
    padding: 2px 7px;
    font-size: 5.5px;
    letter-spacing: .08em;
    pointer-events: none;
  }
}

/* ========================================================================== */
/* PASS 9 — adaptive performance authority + user effects preference          */
/* ========================================================================== */
.effects-control {
  min-height: 44px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(132,112,255,.38);
  background: rgba(10,11,31,.62);
  color: #b9acff;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .055em;
  font-size: 10px;
  font-weight: 780;
  white-space: nowrap;
  transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.effects-control::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 9px currentColor;
  opacity: .72;
  vertical-align: 1px;
}
.effects-control:hover,
.effects-control:focus-visible {
  color: #e0d9ff;
  border-color: rgba(132,112,255,.68);
  background: rgba(24,21,58,.74);
  box-shadow: inset 0 0 18px rgba(132,112,255,.06), 0 0 15px rgba(132,112,255,.08);
}
.effects-control:focus-visible { outline: 2px solid #9f90ff; outline-offset: 3px; }
html[data-effects-mode="full"] .effects-control {
  color: var(--green);
  border-color: rgba(0,255,136,.48);
  background: rgba(0,34,26,.66);
}
html[data-effects-mode="reduced"] .effects-control {
  color: #91a6b2;
  border-color: rgba(145,166,178,.3);
  background: rgba(10,15,22,.68);
}
.mobile-effects-control { display: none; width: 100%; text-align: left; }

/* Runtime pressure sheds decorative work outside the core renderer as well. */
html[data-performance-state="strained"] .chapter-glow,
html[data-performance-state="strained"] .data-dots-b,
html[data-performance-state="strained"] .ambient-chart-left { opacity: .035 !important; }
html[data-performance-state="strained"] .core-orbit span:nth-child(n+3) { opacity: .18; }
html[data-performance-state="strained"] .feature-card::after,
html[data-performance-state="strained"] .technology-console::after { animation-play-state: paused !important; }

html[data-effects-mode="reduced"] .chapter-glow,
html[data-effects-mode="reduced"] .data-dots-b,
html[data-effects-mode="reduced"] .ambient-chart-left,
html[data-effects-mode="reduced"] .ambient-chart-right { display: none !important; }
html[data-effects-mode="reduced"] [data-parallax] { transform: none !important; }

@media (max-width: 900px) {
  .mobile-effects-control {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 0 12px;
    border-width: 0 0 1px;
    border-radius: 0;
    border-color: rgba(0,234,255,.08);
    background: transparent;
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .effects-control { transition: none !important; }
}

/* ========================================================================== */
/* PASS 10 — accessibility and compliance hardening                           */
/* ========================================================================== */

/* Programmatic section focus used by skip/navigation flows must land below
   the sticky chrome and remain visibly identifiable for keyboard users. */
#main,
#hero-title,
#strategy-title,
#philosophy-title,
#technology-title,
#performance-title,
#risk-title,
#contact-title {
  scroll-margin-top: calc(var(--topbar-height, 84px) + 18px);
}

#hero-title:focus-visible,
#strategy-title:focus-visible,
#philosophy-title:focus-visible,
#technology-title:focus-visible,
#performance-title:focus-visible,
#risk-title:focus-visible,
#contact-title:focus-visible {
  outline: 2px solid #b7fff1;
  outline-offset: 8px;
  border-radius: 4px;
  box-shadow: 0 0 0 3px rgba(0,3,8,.96), 0 0 0 5px rgba(0,234,255,.55);
}

/* Inactive chapter navigation still conveys information, so it must retain
   normal-text contrast instead of depending on a faint decorative opacity. */
.chapter-rail a { color: rgba(180,199,208,.76); }
.chapter-rail a span { color: rgba(67,230,255,.82); }

/* The pending contact control is a real disabled button in the unconfigured
   build, not a link that pretends to have a destination. */
.contact-primary:disabled,
.contact-primary[aria-disabled="true"] {
  opacity: .78;
  cursor: not-allowed;
  pointer-events: none;
  filter: saturate(.7);
}
.contact-disclosure { color: #718994; }

/* Native focus rings remain discernible even when precision-control transforms
   or neon box shadows are present. */
button:focus-visible,
a:focus-visible,
[role="button"][tabindex]:focus-visible,
[tabindex]:focus-visible {
  outline-width: 2px;
  outline-style: solid;
  outline-color: #b7fff1;
}

/* Users asking for reduced motion get a static interaction equivalent, not a
   merely slower version of the animated experience. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    transition-delay: 0ms !important;
  }
  [data-parallax],
  .logo-stage,
  .logo-part,
  .energy-platform,
  .hud-card,
  .feature-card,
  .precision-control { transform: none !important; }
}

/* High-contrast preferences retain the visual identity while increasing
   readable text/border separation. */
@media (prefers-contrast: more) {
  body { color: #fff; }
  .chapter-kicker,
  .chapter-lede,
  .feature-card p,
  .tech-layer p,
  .risk-controls p,
  .contact-copy > p:last-of-type,
  .terminal-body > p,
  .contact-paths small,
  .contact-footer { color: #c7d9e0 !important; }
  .hud-card,
  .feature-card,
  .technology-console,
  .contact-terminal,
  .risk-controls article { border-color: rgba(188,235,246,.55) !important; }
}

/* Windows/high-contrast and other forced-color modes should never lose text
   because the normal theme uses gradient-clipped transparent lettering. */
@media (forced-colors: active) {
  * { forced-color-adjust: auto; }
  body::before,
  .hero-atmosphere,
  .chapter-glow,
  .logo-halo,
  .logo-pointer-light,
  .energy-platform { display: none !important; }
  .brand-copy strong,
  .hero-copy h1,
  .hero-copy h1 span,
  .section-intro h2 span,
  .chapter-copy h2 span,
  .section-heading-row h2 span,
  .performance-copy h2 span,
  .contact-copy h2 span {
    background: none !important;
    color: CanvasText !important;
    -webkit-text-fill-color: CanvasText !important;
    text-shadow: none !important;
  }
  a, button, [role="button"] { forced-color-adjust: auto; }
  button:focus-visible,
  a:focus-visible,
  [role="button"][tabindex]:focus-visible,
  [tabindex]:focus-visible { outline: 3px solid Highlight !important; box-shadow: none !important; }
}
.console-header em,
.terminal-header em { color: #718a96; }

/* Text-spacing resilience: controls may grow vertically if a user overrides
   letter/word/line spacing instead of clipping multi-line labels. */
.cta {
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.35;
  white-space: normal;
}