/* ==========================================================================
   Option H: Aurora
   B's hero graphics on C's dark theme. Loaded after design-b.css (the hero,
   ticker and story parts) and design-c.css (the dark theme, doctor card,
   timeline and map), this file only turns B's light parts dark and adds a
   faint nerve network behind the hero.
   ========================================================================== */

/* ---------- Hero: B's orbit on a dark sky ---------- */
.g-hero { background: radial-gradient(circle at 75% 40%, rgba(7, 204, 236, .12), transparent 55%), var(--bg); }
.g-hero .h-network { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .45; }
.g-blob { opacity: .35; }
.g-blob-1 { background: #07ccec; }
.g-blob-2 { background: #3a64a8; }
.g-blob-3 { background: #16305a; opacity: .6; }
.g-hero-grid { z-index: 1; }
.g-hero h1 { color: var(--white); filter: drop-shadow(0 0 28px rgba(7, 204, 236, .25)); }
.g-lead { color: var(--muted); }
.g-orbit-core { box-shadow: 0 0 0 1px rgba(7, 204, 236, .25), 0 0 90px rgba(7, 204, 236, .28), 0 40px 80px -30px rgba(0, 0, 0, .8); }
.g-orbit-ring { border-color: rgba(7, 204, 236, .3); }
.g-chip-inner { background: rgba(8, 19, 42, .78); border: 1px solid rgba(205, 248, 255, .18); color: var(--muted); box-shadow: 0 12px 30px -12px rgba(0, 0, 0, .6); }
.g-chip-inner strong { color: var(--white); }

/* ---------- Header: C's dark glass, B's slimming on scroll ---------- */
.site-header { background: rgba(8, 19, 42, .72); }

/* ---------- Ticker: a cyan band so it stands out on the dark page ---------- */
.g-ticker { background: linear-gradient(90deg, #0a3f6e, #0a7f99, #0a3f6e); }
.g-ticker-reverse li { -webkit-text-stroke-color: rgba(205, 248, 255, .85); }

/* ---------- Scroll story on dark ---------- */
.g-story-frame { background: #f3f6f7; box-shadow: 0 0 0 1px var(--border), 0 40px 80px -30px rgba(0, 0, 0, .8); }
.g-story-dots li { background: var(--line); }
.g-story-step h3 { color: var(--white); }
.g-story-step > p { color: var(--text); }
.g-story-no { color: var(--cyan); }

/* ---------- Interior page header: C's dark band (B's light text colours off) ---------- */
.page-header { color: var(--text); }
.page-header h1 { color: var(--white); }
.page-header-sub { color: var(--text); }
.page-header .section-label { color: var(--cyan); }