/*
  Flagship — root design system (header → footer)
  Real WebGL Earth visible · no amateur CSS stars · unified glass UI
  Load LAST — supersedes conflicting layers
*/

/* Kill legacy atmosphere / wow z-index wars when old CSS cached */
body.sr-flagship section,
body.sr-flagship main,
body.sr-flagship .site-wrapper {
  z-index: auto;
}

body.sr-flagship .sr-aether-hero {
  z-index: 10 !important;
  position: relative;
}

body.sr-flagship #world-solar-bg {
  z-index: 0 !important;
}

body.sr-flagship {
  --fg-glass: var(--sr-glass, rgba(6, 14, 26, 0.52));
  --fg-glass-light: rgba(255, 255, 255, 0.07);
  --fg-border: var(--sr-border, rgba(56, 189, 248, 0.18));
  --fg-gold: var(--sr-gold, #c9a962);
  --fg-teal: var(--sr-cyan, #38bdf8);
  --fg-text: var(--sr-text, #eef4f8);
  --fg-muted: var(--sr-text-muted, rgba(186, 210, 230, 0.72));
  --fg-blur: var(--sr-blur, blur(28px) saturate(155%));
  --fg-max: var(--sr-lane-wide, min(92rem, calc(100vw - 2.5rem)));
  --sr-nav-offset: 5.85rem;
  background: transparent !important;
  color: var(--fg-text);
}

/* ═══ REAL EARTH BACKDROP ═══ */
body.sr-flagship #world-solar-bg {
  opacity: 1 !important;
}

body.sr-flagship #world-solar-bg.is-ready canvas,
body.sr-flagship #world-solar-bg.wsb-live canvas,
body.sr-flagship #world-solar-bg.wsb-revealed canvas {
  opacity: 1 !important;
  mix-blend-mode: normal;
}

body.sr-flagship #world-solar-bg.wsb-revealed:not(.no-webgl) .wsb-milky,
body.sr-flagship #world-solar-bg.wsb-revealed:not(.no-webgl) .wsb-meteor-css {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.sr-flagship #world-solar-bg.wsb-revealed:not(.no-webgl) .wsb-stars-fallback,
body.sr-flagship #world-solar-bg.wsb-live:not(.no-webgl) .wsb-stars-fallback {
  opacity: 0 !important;
  visibility: hidden !important;
}

body.sr-flagship #world-solar-bg.is-ready:not(.no-webgl) .wsb-fallback {
  display: none !important;
}

body.sr-flagship #world-solar-bg .wsb-earth-photo,
body.sr-flagship #world-solar-bg.wsb-booting .wsb-earth-photo,
body.sr-flagship #world-solar-bg.wsb-live .wsb-earth-photo,
body.sr-flagship #world-solar-bg.is-ready .wsb-earth-photo {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.sr-flagship #world-solar-bg.wsb-booting {
  background:
    radial-gradient(ellipse 100% 80% at 50% 40%, #0a1830 0%, #050f1e 38%, #020810 100%) !important;
}

body.sr-flagship #world-solar-bg canvas {
  z-index: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.sr-flagship #world-solar-bg.no-webgl canvas {
  display: none !important;
}

body.sr-flagship #world-solar-bg .wsb-vignette {
  background:
    radial-gradient(ellipse 115% 90% at 50% 48%, transparent 0%, rgba(4, 6, 10, 0.12) 62%, rgba(4, 6, 10, 0.38) 100%),
    linear-gradient(180deg, rgba(4, 6, 10, 0.22) 0%, transparent 20%, transparent 72%, rgba(4, 6, 10, 0.35) 100%) !important;
}

body.sr-flagship .site-wrapper,
body.sr-flagship main,
body.sr-flagship section,
body.sr-flagship #dashboard,
body.sr-flagship .sr-seo-section,
body.sr-flagship #guide,
body.sr-flagship .sr-faq-section {
  background: transparent !important;
}

/* ═══ GLOBAL GLASS SURFACES ═══ */
body.sr-flagship .fg-glass,
body.sr-flagship .sr-aether-glass,
body.sr-flagship .card,
body.sr-flagship nav.nav-glass.nav-premium,
body.sr-flagship footer.footer-premium,
body.sr-flagship .sr-seo-paragraph,
body.sr-flagship .sr-seo-card,
body.sr-flagship .sr-seo-block,
body.sr-flagship .sr-faq-card,
body.sr-flagship .metric-card,
body.sr-flagship .spectro-analysis-card,
body.sr-flagship .spectro-insight-card,
body.sr-flagship .live-note {
  background: var(--fg-glass) !important;
  backdrop-filter: var(--fg-blur) !important;
  -webkit-backdrop-filter: var(--fg-blur) !important;
  border: 1px solid var(--fg-border) !important;
  box-shadow:
    0 16px 48px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body.sr-flagship footer.footer-premium::before,
body.sr-flagship nav.nav-glass.nav-premium::after {
  display: none !important;
}

body.sr-flagship nav.nav-glass.nav-premium {
  border-bottom-color: rgba(212, 175, 106, 0.22) !important;
}

body.sr-flagship nav.nav-premium .nav-scroll-progress {
  background: linear-gradient(90deg, transparent, var(--fg-gold), transparent) !important;
  box-shadow: 0 0 10px rgba(212, 175, 106, 0.45) !important;
}

body.sr-flagship .sr-brand-name,
body.sr-flagship .sr-brand-name .logo-desktop {
  color: var(--fg-text) !important;
  -webkit-text-fill-color: var(--fg-text) !important;
  background: none !important;
}

body.sr-flagship .site-wrapper {
  position: relative;
  z-index: 1;
  isolation: isolate;
}

body.sr-flagship section[id] {
  scroll-margin-top: calc(var(--sr-nav-offset, 5.85rem) + 0.75rem);
}

/* ═══ HERO (Aether refined) ═══ */
body.sr-flagship .sr-aether-hero:not(.sr-hero-pro) {
  min-height: min(100vh, 920px);
  min-height: min(100dvh, 920px);
  padding-top: calc(var(--sr-nav-offset, 7.5rem) + env(safe-area-inset-top, 0px)) !important;
  padding-bottom: clamp(1.5rem, 4vw, 2.5rem) !important;
  padding-inline: clamp(1rem, 3vw, 2rem) !important;
}

body.sr-flagship .sr-aether-inner {
  min-width: 0;
  width: 100%;
}

body.sr-flagship .sr-aether-editorial,
body.sr-flagship .sr-aether-title,
body.sr-flagship .sr-aether-lead {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

body.sr-flagship .sr-aether-stage {
  min-width: 0;
  width: 100%;
}

@media (max-width: 899px) {
  body.sr-flagship .sr-aether-stage {
    grid-template-columns: 1fr !important;
  }
}

body.sr-flagship .sr-aether-editorial {
  margin-bottom: 0.25rem;
}

body.sr-flagship .sr-aether-lead {
  max-width: 32rem;
}

body.sr-flagship .sr-aether-orbit-svg {
  opacity: 0.38 !important;
}

body.sr-flagship .sr-aether-harmonics {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 0.35rem;
  max-width: 100%;
}

body.sr-flagship .sr-aether-harmonics::-webkit-scrollbar {
  display: none;
}

body.sr-flagship .sr-aether-h-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  flex: 0 0 auto;
  white-space: nowrap;
}

body.sr-flagship .sr-aether-h-chip em {
  margin-right: 0;
  padding-right: 0.35rem;
  border-right: 1px solid rgba(255, 255, 255, 0.14);
  flex-shrink: 0;
}

body.sr-flagship .sr-aether-h-val {
  color: var(--fg-gold);
  font-weight: 600;
  margin-left: 0;
  flex-shrink: 0;
}

body.sr-flagship .sr-aether-deck {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: 0.75rem 1rem;
  align-items: stretch;
}

body.sr-flagship .sr-aether-deck-sep {
  display: none !important;
}

body.sr-flagship .sr-aether-deck-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  justify-content: center;
}

/* Dashboard section rhythm — sr-layout-lock.css */

body.sr-flagship .sr-aether-dash-head {
  margin-bottom: 1.25rem;
}

body.sr-flagship .spectro-overlay-note {
  display: none !important;
}

body.sr-flagship .sr-prism-spectro-foot .live-note-sub {
  display: none !important;
}

body.sr-flagship .sr-prism-spectro-head h3 {
  font-size: clamp(1.05rem, 2.2vw, 1.35rem) !important;
  line-height: 1.25 !important;
}

body.sr-flagship .sr-prism-spectro-meta {
  flex-wrap: wrap;
  gap: 0.5rem;
}

@media (min-width: 960px) {
  body.sr-flagship .sr-aether-deck {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  body.sr-flagship .sr-aether-deck-sep {
    display: block !important;
    width: 1px;
    height: 2rem;
    background: rgba(255, 255, 255, 0.12);
  }

  body.sr-flagship .sr-aether-deck-actions {
    grid-column: auto;
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  body.sr-flagship .sr-aether-complication {
    min-height: auto !important;
    overflow: hidden !important;
    padding-bottom: 2rem !important;
  }

  body.sr-flagship .sr-aether-harmonics {
    flex-wrap: wrap;
    overflow-x: visible;
    justify-content: center;
    gap: 0.35rem;
    max-width: 100%;
    margin-top: 0.65rem;
    padding-bottom: 0.25rem;
  }

  body.sr-flagship .sr-aether-h-chip {
    max-width: calc(50% - 0.2rem);
  }

  body.sr-flagship .sr-aether-deck {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
  }

  body.sr-flagship .sr-aether-deck-traffic .sr-aether-deck-val {
    font-size: 1.125rem;
  }

  body.sr-flagship .sr-aether-deck-actions {
    grid-column: 1 / -1;
  }

  body.sr-flagship .sr-aether-hz .hero-freq-value,
  body.sr-flagship .sr-aether-hz #hero-freq {
    font-size: clamp(3.75rem, 18vw, 5.5rem) !important;
  }

  body.sr-flagship .sr-aether-portal {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 900px) {
  body.sr-flagship .sr-prism-spectro-head {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.65rem !important;
  }

  body.sr-flagship .sr-prism-spectro-meta {
    text-align: left !important;
    width: 100%;
  }
}

body.sr-flagship .sr-aether-h1-main {
  font-size: clamp(2.35rem, 7vw, 4.5rem);
  font-weight: 500;
  letter-spacing: -0.05em;
  text-shadow: 0 8px 48px rgba(0, 0, 0, 0.55);
}

body.sr-flagship .sr-aether-h1-accent {
  color: var(--fg-gold);
}

body.sr-flagship .sr-aether-complication {
  border-radius: 2rem;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03)) !important;
}

body.sr-flagship .sr-aether-hz .hero-freq-value,
body.sr-flagship .sr-aether-hz #hero-freq {
  font-size: clamp(4.75rem, 21vw, 8rem) !important;
  background: linear-gradient(180deg, #fff 30%, var(--fg-gold) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body.sr-flagship .sr-aether-deck {
  border-color: rgba(212, 175, 106, 0.25) !important;
}

body.sr-flagship .sr-aether-btn-primary {
  background: linear-gradient(180deg, #e8cf94, #c9a962) !important;
  color: #0a0c10 !important;
  font-weight: 600;
}

/* ═══ DASHBOARD + SECTIONS ═══ */
body.sr-flagship .sr-aether-dash-head h2,
body.sr-flagship .sr-seo-title,
body.sr-flagship .sr-faq-title {
  color: var(--fg-text) !important;
  -webkit-text-fill-color: var(--fg-text) !important;
  background: none !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em !important;
}

body.sr-flagship .sr-aether-dash-head,
body.sr-flagship #spectrogram {
  max-width: none;
  width: 100%;
  margin-inline: 0;
}

body.sr-flagship #spectrogram.sr-prism-spectro {
  border-radius: 1.5rem !important;
  border-color: rgba(212, 175, 106, 0.28) !important;
}

body.sr-flagship .sr-prism-spectro-viewport {
  border-radius: 1rem !important;
  overflow: hidden;
}

body.sr-flagship .sr-prism-spectro-viewport #main-spectro {
  opacity: 1 !important;
}

@media (max-width: 767px) {
  body.sr-flagship .spectro-marker-badge {
    font-size: 0.5rem !important;
    padding: 0.15rem 0.35rem !important;
    max-width: 7.5rem;
    white-space: normal !important;
    line-height: 1.2 !important;
  }

  body.sr-flagship .spectro-marker-badge small {
    display: none !important;
  }

  body.sr-flagship .spectro-marker:nth-child(n+3) {
    display: none !important;
  }
}

body.sr-flagship .chart-tab-row .tab-btn.active {
  border-color: rgba(212, 175, 106, 0.4) !important;
  color: var(--fg-text) !important;
}

/* ═══ SEO / FAQ / FOOTER ═══ */
body.sr-flagship .sr-seo-kicker,
body.sr-flagship .sr-faq-kicker {
  color: var(--fg-gold) !important;
  border-color: rgba(212, 175, 106, 0.3) !important;
}

body.sr-flagship .sr-faq-card.open {
  border-color: rgba(212, 175, 106, 0.35) !important;
}

body.sr-flagship .sr-faq-index {
  color: var(--fg-gold) !important;
}

body.sr-flagship footer.footer-premium {
  border-top: 1px solid rgba(212, 175, 106, 0.2) !important;
  margin-top: 2rem;
}

body.sr-flagship .sr-footer-col h4 {
  color: var(--fg-muted) !important;
  letter-spacing: 0.12em;
}

body.sr-flagship .sr-footer-col a:hover {
  color: var(--fg-gold) !important;
}

/* Kill amateur glow spam from legacy layers */
body.sr-flagship .hero-orbit-glow,
body.sr-flagship .sr-section-orb,
body.sr-flagship .card.sr-glow-card::before,
body.sr-flagship .sr-viz-panel::before {
  display: none !important;
}

body.sr-flagship .card:hover,
body.sr-flagship .sr-faq-card:hover {
  transform: none !important;
  border-color: rgba(212, 175, 106, 0.28) !important;
}

body.sr-flagship .metric-up { color: var(--fg-teal) !important; }
body.sr-flagship .metric-down { color: #f07178 !important; }

body.sr-flagship .sr-aether-bg-grid {
  opacity: 0.12 !important;
}

body.sr-flagship .sr-aether-hero::before {
  opacity: 0.65 !important;
}

body.sr-flagship #world-solar-bg {
  background: #020610 !important;
}
body.sr-flagship .sr-trust-bar {
  background: rgba(4, 8, 14, 0.55) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.sr-flagship .sr-trust-bar-inner {
  max-width: var(--fg-max);
  margin-inline: auto;
}

body.sr-flagship .nav-pill {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: var(--fg-muted) !important;
  transition: border-color 0.2s, color 0.2s, background 0.2s !important;
}

body.sr-flagship .nav-pill:hover,
body.sr-flagship .nav-pill.active {
  background: rgba(212, 175, 106, 0.12) !important;
  border-color: rgba(212, 175, 106, 0.35) !important;
  color: var(--fg-text) !important;
}

body.sr-flagship .nav-live-strip {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
}

body.sr-flagship .nav-live-dot {
  background: var(--fg-teal) !important;
  box-shadow: 0 0 8px rgba(100, 212, 196, 0.6) !important;
}

body.sr-flagship .nav-cta-link,
body.sr-flagship .nav-star-cta {
  border-color: rgba(212, 175, 106, 0.35) !important;
  color: var(--fg-gold) !important;
}

body.sr-flagship .locale-select {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--fg-text) !important;
}

body.sr-flagship .sr-brand-kicker {
  color: var(--fg-gold) !important;
}

body.sr-flagship .sr-footer-brand-copy .sr-brand-kicker,
body.sr-flagship .sr-mobile-brand .sr-brand-kicker {
  display: none !important;
}

body.sr-flagship .sr-brand-live-badge {
  box-shadow: 0 0 0 2px rgba(100, 212, 196, 0.35) !important;
}

/* ═══ FOOTER ═══ */
body.sr-flagship .footer-premium-shell,
body.sr-flagship .sr-footer-shell {
  max-width: var(--fg-max) !important;
  margin-inline: auto;
}

body.sr-flagship .footer-premium .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: var(--fg-muted) !important;
}

body.sr-flagship .footer-social-link {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.sr-flagship .footer-social-link:hover {
  border-color: rgba(212, 175, 106, 0.4) !important;
  color: var(--fg-gold) !important;
}

/* Monolith opaque overrides */
body.sr-flagship.sr-monolith {
  background: transparent !important;
}

body.sr-flagship.sr-monolith .card,
body.sr-flagship.sr-monolith .metric-card,
body.sr-flagship.sr-monolith .spectro-analysis-card {
  background: var(--fg-glass) !important;
}

@media (max-width: 767px) {
  body.sr-flagship #world-solar-bg .wsb-vignette {
    background:
      radial-gradient(ellipse 110% 88% at 48% 44%, transparent 0%, rgba(4, 6, 10, 0.08) 58%, rgba(4, 6, 10, 0.28) 100%),
      linear-gradient(180deg, rgba(4, 6, 10, 0.18) 0%, transparent 20%, transparent 78%, rgba(4, 6, 10, 0.28) 100%) !important;
  }
}

/* ═══ UI43 — PROFESSIONAL POLISH · MOTION · DEDUP ═══ */
@keyframes fg-live-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(0.88); }
}

@keyframes fg-shimmer {
  0% { background-position: -120% 0; }
  100% { background-position: 220% 0; }
}

@keyframes fg-rise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fg-orbit-spin {
  from { transform: translate(-50%, -52%) rotate(0deg); }
  to { transform: translate(-50%, -52%) rotate(360deg); }
}

@keyframes fg-glow-breathe {
  0%, 100% { box-shadow: 0 0 0 1px rgba(212, 175, 106, 0.18), 0 20px 48px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12); }
  50% { box-shadow: 0 0 0 1px rgba(212, 175, 106, 0.32), 0 24px 56px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.16); }
}

body.sr-flagship .spectro-insight-grid--top {
  margin: 0 0 1rem;
  padding: 0 0.25rem;
}

body.sr-flagship .spectro-analysis-grid {
  grid-template-columns: 1fr !important;
}

body.sr-flagship .sr-aether-orbit-label {
  display: none !important;
}

body.sr-flagship .sr-seo-tags-wrap {
  display: none !important;
}

/* Redundancy removal */
body.sr-flagship #spectro-overlay,

body.sr-flagship .sr-aether-dash-head p {
  max-width: 42rem;
  line-height: 1.55;
}
body.sr-flagship .spectro-overlay-note {
  display: none !important;
}

body.sr-flagship .sr-prism-spectro-foot {
  display: none !important;
}

body.sr-flagship .spectro-analysis-kicker,
body.sr-flagship .spectro-analysis-footnote {
  display: none !important;
}

body.sr-flagship .sr-footer-chips {
  display: none !important;
}

@media (min-width: 1280px) {
  body.sr-flagship .sr-aether-deck-utc {
    display: none !important;
  }
}

/* Trust strip */
body.sr-flagship .sr-trust-bar {
  background: linear-gradient(90deg, rgba(4, 8, 14, 0.72), rgba(8, 14, 24, 0.55), rgba(4, 8, 14, 0.72)) !important;
  border-bottom: 1px solid rgba(212, 175, 106, 0.12) !important;
}

body.sr-flagship .sr-trust-bar-inner {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.25rem;
  overflow-x: auto;
  scrollbar-width: none;
  padding-block: 0.45rem;
  -webkit-overflow-scrolling: touch;
}

body.sr-flagship .sr-trust-bar-inner::-webkit-scrollbar {
  display: none;
}

body.sr-flagship .sr-trust-item {
  flex: 0 0 auto;
  font-size: 0.625rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-muted);
  white-space: nowrap;
}

body.sr-flagship .sr-trust-item strong,
body.sr-flagship .sr-trust-item b {
  color: var(--fg-text);
  font-weight: 600;
}

/* Nav mount */
body.sr-flagship nav.nav-glass.nav-premium.nav-is-mounted {
  animation: fg-rise 0.55s ease both;
}

body.sr-flagship .nav-live-dot,
body.sr-flagship .live-note-dot,
body.sr-flagship .sr-prism-timer-dot,
body.sr-flagship .sr-aether-live-dot i,
body.sr-flagship .hero-readout-status-dot,
body.sr-flagship .status-dot {
  animation: fg-live-pulse 2s ease-in-out infinite;
}

/* Hero */
body.sr-flagship .sr-aether-complication {
  position: relative;
  overflow: hidden;
  animation: fg-glow-breathe 5s ease-in-out infinite;
}

body.sr-flagship .sr-aether-complication::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.04) 50%, transparent 60%);
  background-size: 200% 100%;
  animation: fg-shimmer 8s ease-in-out infinite;
}

body.sr-flagship .sr-aether-orbit-svg {
  opacity: 0.48 !important;
  animation: fg-orbit-spin 120s linear infinite !important;
  transform: translate(-50%, -52%);
  transform-origin: center center;
}

body.sr-flagship .sr-aether-comp-meta,
body.sr-flagship .sr-aether-hz,
body.sr-flagship .sr-aether-status,
body.sr-flagship .sr-aether-trace,
body.sr-flagship .sr-aether-harmonics {
  position: relative;
  z-index: 2;
  max-width: 100%;
}

body.sr-flagship .sr-aether-deck-metric {
  transition: transform 0.25s ease, background 0.25s ease;
  border-radius: 0.75rem;
  padding: 0.35rem 0.5rem;
  min-width: 0;
  overflow-wrap: anywhere;
}

body.sr-flagship .sr-aether-deck-metric:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.04);
}

body.sr-flagship .sr-aether-deck-metric strong {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

body.sr-flagship .sr-aether-btn-primary {
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
  box-shadow: 0 4px 20px rgba(212, 175, 106, 0.28) !important;
}

body.sr-flagship .sr-aether-btn-primary:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow: 0 8px 28px rgba(212, 175, 106, 0.38) !important;
}

body.sr-flagship .sr-aether-portal {
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

body.sr-flagship .sr-aether-portal:hover {
  transform: translateY(-3px) scale(1.02);
  border-color: rgba(212, 175, 106, 0.35) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.35) !important;
}

/* Dashboard / spectro */
body.sr-flagship .sr-aether-dash-head {
  border-left: 3px solid var(--fg-gold) !important;
}

body.sr-flagship .sr-prism-station-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  font-size: 0.625rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-teal);
  background: rgba(100, 212, 196, 0.1);
  border: 1px solid rgba(100, 212, 196, 0.22);
}

body.sr-flagship .sr-prism-spectro-viewport {
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

body.sr-flagship .sr-prism-spectro-viewport #main-spectro {
  transition: opacity 0.4s ease;
}

body.sr-flagship .spectro-analysis-grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 900px) {
  body.sr-flagship .spectro-analysis-grid {
    grid-template-columns: 1.15fr 0.85fr;
    gap: 1.25rem;
  }
}

body.sr-flagship .spectro-insight-grid {
  display: grid;
  gap: 0.65rem;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
}

body.sr-flagship .spectro-insight-card {
  border-radius: 1rem !important;
  padding: 0.85rem 1rem !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

body.sr-flagship .spectro-insight-card:hover {
  transform: translateY(-2px);
  border-color: rgba(212, 175, 106, 0.28) !important;
}

body.sr-flagship .spectro-insight-label {
  font-size: 0.625rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-muted);
}

body.sr-flagship .spectro-insight-value {
  display: block;
  font-size: clamp(1.15rem, 2.5vw, 1.45rem);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--fg-text);
  margin: 0.25rem 0 0.15rem;
}

body.sr-flagship .spectro-insight-caption {
  font-size: 0.6875rem;
  color: var(--fg-muted);
  margin: 0;
}

body.sr-flagship .spectro-legend-item {
  display: flex;
  gap: 0.75rem;
  padding: 0.65rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

body.sr-flagship .spectro-legend-item:last-child {
  border-bottom: none;
}

body.sr-flagship .spectro-legend-item h5 {
  font-size: 0.8125rem;
  font-weight: 600;
  margin: 0 0 0.2rem;
  color: var(--fg-text);
}

body.sr-flagship .spectro-legend-item p {
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--fg-muted);
  margin: 0;
}

/* Metrics & charts */
body.sr-flagship .metric-card {
  border-radius: 1rem !important;
  transition: transform 0.25s ease, border-color 0.25s ease;
}

body.sr-flagship .metric-card:hover {
  transform: translateY(-2px);
  border-color: rgba(212, 175, 106, 0.22) !important;
}

body.sr-flagship .chart-tab-row .tab-btn {
  border-radius: 999px !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.sr-flagship .harmonic-freq,
body.sr-flagship .metric-value {
  font-variant-numeric: tabular-nums;
}

/* SEO / FAQ / Footer motion */
body.sr-flagship .sr-seo-card,
body.sr-flagship .sr-faq-card,
body.sr-flagship .blog-card,
body.sr-flagship .sr-post-card {
  transition: transform 0.25s ease, border-color 0.25s ease;
}

body.sr-flagship .sr-faq-card.open {
  transform: none;
}

body.sr-flagship .sr-faq-card:hover {
  border-color: rgba(212, 175, 106, 0.22) !important;
}

body.sr-flagship footer.footer-premium.footer-is-mounted {
  animation: fg-rise 0.6s ease 0.1s both;
}

body.sr-flagship .sr-footer-col a {
  transition: color 0.2s ease, transform 0.2s ease;
  display: inline-block;
}

body.sr-flagship .sr-footer-col a:hover {
  transform: translateX(3px);
}

body.sr-flagship .fade-up.is-visible .spectro-insight-card:nth-child(1) { animation: fg-rise 0.5s ease 0.05s both; }
body.sr-flagship .fade-up.is-visible .spectro-insight-card:nth-child(2) { animation: fg-rise 0.5s ease 0.12s both; }
body.sr-flagship .fade-up.is-visible .spectro-insight-card:nth-child(3) { animation: fg-rise 0.5s ease 0.19s both; }

@media (prefers-reduced-motion: reduce) {
  body.sr-flagship .sr-aether-orbit-svg,
  body.sr-flagship .sr-aether-complication,
  body.sr-flagship .nav-live-dot,
  body.sr-flagship .live-note-dot,
  body.sr-flagship .sr-prism-timer-dot,
  body.sr-flagship .sr-aether-live-dot i,
  body.sr-flagship .hero-readout-status-dot,
  body.sr-flagship .status-dot {
    animation: none !important;
  }

  body.sr-flagship .sr-aether-complication::after {
    display: none;
  }
}

/* ═══ LEGACY LAYER KILL — wow / monolith / grand-premium ═══ */
body.sr-flagship.sr-site .card,
body.sr-flagship.sr-site .card.sr-glow-card,
body.sr-flagship.sr-site .card.sr-glass-deep,
body.sr-flagship.sr-site .sr-viz-panel,
body.sr-flagship.sr-site #spectrogram,
body.sr-flagship .sr-aether-complication,
body.sr-flagship .sr-aether-deck,
body.sr-flagship .sr-aether-portal,
body.sr-flagship .sr-aether-dash-head,
body.sr-flagship .chart-wrap,
body.sr-flagship .viz-card,
body.sr-flagship .sr-viz-suite .sr-viz-panel,
body.sr-flagship #solar .card,
body.sr-flagship #guide .card,
body.sr-flagship .guide-card,
body.sr-flagship .sr-seo-block,
body.sr-flagship .blog-card,
body.sr-flagship .sr-post-card {
  background: var(--fg-glass) !important;
  backdrop-filter: var(--fg-blur) !important;
  -webkit-backdrop-filter: var(--fg-blur) !important;
  border: 1px solid var(--fg-border) !important;
  box-shadow:
    0 16px 48px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  transform: none !important;
}

body.sr-flagship.sr-site .card.sr-glow-card::before,
body.sr-flagship.sr-site .sr-viz-panel::before,
body.sr-flagship.sr-site .card::before {
  display: none !important;
}

body.sr-flagship.sr-site .card:hover,
body.sr-flagship.sr-site .sr-viz-panel:hover {
  transform: none !important;
  box-shadow:
    0 20px 52px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body.sr-flagship nav.nav-glass.nav-premium {
  background: rgba(6, 10, 18, 0.52) !important;
  backdrop-filter: var(--fg-blur) !important;
  -webkit-backdrop-filter: var(--fg-blur) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25) !important;
}

body.sr-flagship footer.footer-premium {
  background: rgba(6, 10, 18, 0.58) !important;
  backdrop-filter: var(--fg-blur) !important;
  -webkit-backdrop-filter: var(--fg-blur) !important;
}

body.sr-flagship .sr-aether-portal-ring {
  border-color: rgba(100, 212, 196, 0.45) !important;
  box-shadow: 0 0 32px rgba(100, 212, 196, 0.18) !important;
}

body.sr-flagship .sr-aether-deck-metric strong,
body.sr-flagship .sr-aether-deck-metric span {
  color: var(--fg-text) !important;
}

body.sr-flagship .sr-aether-deck-metric em,
body.sr-flagship .sr-aether-deck-metric label {
  color: var(--fg-muted) !important;
}

body.sr-flagship .tab-btn,
body.sr-flagship .chart-tab-row button {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: var(--fg-muted) !important;
}

body.sr-flagship .tab-btn.active,
body.sr-flagship .chart-tab-row .tab-btn.active {
  background: rgba(212, 175, 106, 0.14) !important;
  border-color: rgba(212, 175, 106, 0.38) !important;
  color: var(--fg-text) !important;
}

body.sr-flagship .spectro-container {
  border-radius: 1rem !important;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.sr-flagship .sr-seo-section,
body.sr-flagship .sr-faq-section,
body.sr-flagship #about,
body.sr-flagship #search-guide {
  background: transparent !important;
}

body.sr-flagship .sr-faq-card {
  border-radius: 1rem !important;
}

body.sr-flagship .sr-faq-card button {
  color: var(--fg-text) !important;
}

body.sr-flagship .hero-stage,
body.sr-flagship .sr-scroll-scene-inner {
  background: transparent !important;
}

body.sr-flagship .grand-section,
body.sr-flagship .section-shell {
  background: transparent !important;
}

/* ═══ PERFORMANCE — lighter compositing over WebGL ═══ */
@media (max-width: 767px), (max-width: 900px) and (pointer: coarse) {
  body.sr-flagship {
    --fg-glass: rgba(8, 12, 20, 0.86);
    --fg-blur: none;
  }

  body.sr-flagship.sr-site .card,
  body.sr-flagship.sr-site .card.sr-glow-card,
  body.sr-flagship.sr-site .card.sr-glass-deep,
  body.sr-flagship.sr-site .sr-viz-panel,
  body.sr-flagship.sr-site #spectrogram,
  body.sr-flagship .sr-aether-complication,
  body.sr-flagship .sr-aether-deck,
  body.sr-flagship .sr-aether-portal,
  body.sr-flagship .sr-aether-dash-head,
  body.sr-flagship .chart-wrap,
  body.sr-flagship .viz-card,
  body.sr-flagship .sr-viz-suite .sr-viz-panel,
  body.sr-flagship #solar .card,
  body.sr-flagship #guide .card,
  body.sr-flagship .guide-card,
  body.sr-flagship .sr-seo-block,
  body.sr-flagship .blog-card,
  body.sr-flagship .sr-post-card,
  body.sr-flagship .spectro-insight-card,
  body.sr-flagship .hero-readout-wrap,
  body.sr-flagship nav.nav-glass.nav-premium,
  body.sr-flagship footer.footer-premium {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(8, 12, 20, 0.86) !important;
  }

  body.sr-flagship .sr-aether-complication,
  body.sr-flagship .sr-aether-complication::after,
  body.sr-flagship .sr-aether-orbit-svg,
  body.sr-flagship .nav-live-dot,
  body.sr-flagship .live-note-dot,
  body.sr-flagship .sr-prism-timer-dot,
  body.sr-flagship .sr-aether-live-dot i,
  body.sr-flagship .hero-readout-status-dot,
  body.sr-flagship .status-dot {
    animation: none !important;
  }

  body.sr-flagship .sr-aether-complication::after {
    display: none;
  }
}

html.sr-perf body.sr-flagship {
  --fg-glass: rgba(8, 12, 20, 0.88);
  --fg-blur: none;
}

html.sr-perf body.sr-flagship.sr-site .card,
html.sr-perf body.sr-flagship.sr-site .sr-viz-panel,
html.sr-perf body.sr-flagship .sr-aether-complication,
html.sr-perf body.sr-flagship .sr-aether-deck,
html.sr-perf body.sr-flagship nav.nav-glass.nav-premium,
html.sr-perf body.sr-flagship footer.footer-premium,
html.sr-perf body.sr-flagship .spectro-insight-card,
html.sr-perf body.sr-flagship .hero-readout-wrap {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(8, 12, 20, 0.88) !important;
}

html.sr-perf body.sr-flagship .sr-aether-complication,
html.sr-perf body.sr-flagship .sr-aether-orbit-svg {
  animation: none !important;
}

body.sr-flagship .sr-viz-panel-head {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
  min-width: 0;
}

body.sr-flagship .sr-viz-panel-head > div:nth-child(2) {
  flex: 1 1 10rem;
  min-width: 0;
}

body.sr-flagship .sr-viz-live-badge {
  flex-shrink: 0;
  margin-left: auto;
}

body.sr-flagship footer.footer-premium {
  overflow-x: clip;
  overflow-y: visible;
}

html body.sr-site .nav-mobile-overlay {
  z-index: 10050 !important;
  padding-top: calc(var(--sr-nav-offset, 5.5rem) + 1.25rem) !important;
}

/* Star modal stacking — owned by sr-star-modal-pro.css */

/* ═══ OVERLAP GUARD — nav, trust, metrics, cards ═══ */
body.sr-flagship nav.nav-premium .nav-shell {
  min-width: 0;
}

body.sr-flagship nav.nav-premium .nav-brand,
body.sr-flagship nav.nav-premium .nav-center,
body.sr-flagship nav.nav-premium .nav-right {
  min-width: 0;
}

body.sr-flagship nav.nav-premium .nav-pills {
  width: max-content;
  max-width: none;
  overflow-x: visible;
  flex-wrap: nowrap;
}

body.sr-flagship nav.nav-premium .nav-right {
  flex-shrink: 0;
}

body.sr-flagship nav.nav-premium .nav-brand {
  flex-shrink: 1;
  max-width: 14rem;
}

body.sr-flagship nav.nav-premium .nav-pill {
  flex-shrink: 0;
}

body.sr-flagship .sr-footer-lang-pill {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.38rem !important;
  min-width: 0 !important;
  padding: 0.34rem 0.62rem 0.34rem 0.48rem !important;
  border-radius: 999px !important;
}

body.sr-flagship .sr-footer-lang-flag {
  display: inline-flex !important;
  flex-shrink: 0 !important;
  width: 1.35rem !important;
  height: 0.95rem !important;
}

body.sr-flagship .sr-footer-lang-code {
  display: inline-block !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
}

body.sr-flagship .sr-footer-lang-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem !important;
}

body.sr-flagship .sr-trust-bar-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem 1rem;
  max-width: 100%;
}

body.sr-flagship .sr-trust-item {
  min-width: 0;
  white-space: nowrap;
}

@media (max-width: 1023px) {
  body.sr-flagship .sr-trust-item {
    white-space: normal;
    text-align: center;
  }
}

body.sr-flagship .metric-card,
body.sr-flagship .card,
body.sr-flagship .sr-viz-panel,
body.sr-flagship .spectro-insight-card {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.sr-flagship .sr-aether-deck-traffic strong {
  display: block;
  line-height: 1.25;
}

body.sr-flagship .sr-footer-columns {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
}

body.sr-flagship .sr-footer-meta {
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  body.sr-flagship nav.nav-premium .nav-pill {
    padding: 0.42rem 0.62rem !important;
  }

  body.sr-flagship nav.nav-premium .nav-pill span {
    font-size: 0.58rem !important;
  }

  body.sr-flagship nav.nav-premium .nav-cta-link span {
    display: none;
  }
}