/* ═══════════════════════════════════════════════════════════════════
   SR-COMBINED-MASTER v4 — Proper rebuild with all inner page CSS
   ═══════════════════════════════════════════════════════════════════ */


/* ── grand-premium-master.css ── */
/* ═══════════════════════════════════════════════════════════════════
   GPM V23 — CONTAINED LAYOUT + HEADER/FOOTER + ALL FIXES
   No full-width. Max-width containers for all sections.
   ═══════════════════════════════════════════════════════════════════ */

/* ── CONTAINED LAYOUT ── */
.site-wrapper{max-width:var(--sr-lane-wide, 92rem);margin:0 auto;overflow-x:hidden}

/* Section containers — legacy pages only */
body:not(.sr-site) #dashboard>div,
body:not(.sr-site) #guide>div,
body:not(.sr-site) #about{max-width:80rem!important;margin-left:auto!important;margin-right:auto!important;padding-left:1rem!important;padding-right:1rem!important}
.sr-intelligence-shell{max-width:72rem!important;margin-left:auto!important;margin-right:auto!important;padding-left:1rem!important;padding-right:1rem!important}
.hero-stage-shell{max-width:48rem!important;margin-left:auto!important;margin-right:auto!important}
.hero-control-grid{max-width:64rem!important;margin-left:auto!important;margin-right:auto!important}
.hero-features-strip{max-width:56rem!important;margin-left:auto!important;margin-right:auto!important}

/* ── GLOBAL OVERFLOW FIX ── */
html,body{overflow-x:clip!important;max-width:100%!important}
body>div:first-child{max-width:100%!important;overflow-x:clip!important}
section,main,footer,article{max-width:100%!important;overflow-x:clip!important;box-sizing:border-box!important}
body.sr-site nav.nav-glass.nav-premium,
body.sr-site nav.nav-premium .nav-shell,
body.sr-site nav.nav-premium .nav-center,
body.sr-site nav.nav-premium .nav-pills{overflow:visible!important;overflow-x:auto!important}
body.sr-site nav.nav-premium .nav-pill,
body.sr-site nav.nav-premium .nav-pill span{overflow:visible!important;text-overflow:clip!important;max-width:none!important;flex-shrink:0!important}
body.sr-site nav.nav-glass>div{max-width:100%!important}
body.sr-site nav.nav-premium .nav-shell{
  display:grid!important;
  grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto)!important;
  align-items:center!important;
  overflow:visible!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0!important;
  min-height:0!important;
}
.grid{min-width:0!important}
.grid>*{min-width:0!important;overflow:hidden!important}
body.sr-site .sr-footer-lang-grid,
body.sr-site .sr-footer-lang-pill,
body.sr-site .sr-footer-columns,
body.sr-site .sr-footer-col{overflow:visible!important}
body.sr-site .grid.sr-footer-columns>*{overflow:visible!important}

/* ═══════════════════════════════════════════════════════════════════
   HEADER — PREMIUM GLASS NAV
   ═══════════════════════════════════════════════════════════════════ */
.nav-glass{
  position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:100!important;
  padding:0.75rem 0 0!important;
  background:rgba(3,7,18,0.5)!important;backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(24px) saturate(1.8)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.8)!important;
  border-bottom:1px solid rgba(255,255,255,0.04)!important;
}
.nav-glass.scrolled{
  background:rgba(3,7,18,0.5)!important;backdrop-filter:blur(16px)!important;
  box-shadow:0 4px 30px rgba(0,0,0,0.4)!important;
}
.nav-glass>div{max-width:80rem!important;margin:0 auto!important;padding-left:1rem!important;padding-right:1rem!important}
.nav-shell{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:1rem!important;min-height:64px!important;padding:0.65rem 1.25rem!important;
  border-radius:1.25rem!important;
  background:linear-gradient(145deg,rgba(15,23,42,0.65),rgba(8,12,28,0.55))!important;
  border:1px solid rgba(255,255,255,0.07)!important;
  box-shadow:0 16px 48px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.02) inset!important;
  overflow:hidden!important;max-width:100%!important;
}
.nav-brand{display:flex!important;align-items:center!important;gap:0.75rem!important;text-decoration:none!important;flex-shrink:0!important}
.brand-title{font-size:1.1rem!important;font-weight:800!important;letter-spacing:-0.02em!important;color:#fff!important;line-height:1.2!important}
.brand-caption{font-size:9px!important;font-weight:700!important;letter-spacing:0.1em!important;text-transform:uppercase!important;color:rgba(56,189,248,0.8)!important}
.brand-subcopy{font-size:10px!important;color:#64748b!important}
.nav-center{display:flex!important;align-items:center!important;gap:0.35rem!important;padding:0.35rem!important;border-radius:0.75rem!important;background:rgba(255,255,255,0.02)!important;overflow-x:auto!important;scrollbar-width:none!important;flex-shrink:1!important;min-width:0!important}
.nav-center::-webkit-scrollbar{display:none!important}
.nav-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:0 0.85rem!important;border-radius:0.65rem!important;color:#64748b!important;font-size:11px!important;font-weight:700!important;letter-spacing:0.06em!important;text-transform:uppercase!important;transition:all 0.2s ease!important;border:1px solid transparent!important;white-space:nowrap!important;flex:0 0 auto!important;text-decoration:none!important}
.nav-pill:hover,.nav-pill:focus-visible{color:#e2e8f0!important;background:rgba(255,255,255,0.04)!important}
.nav-pill.active{color:#fbbf24!important;background:rgba(251,191,36,0.1)!important;border-color:rgba(251,191,36,0.15)!important}
.nav-right{display:flex!important;align-items:center!important;gap:0.5rem!important;flex-shrink:0!important}
.nav-live-strip{display:inline-flex!important;align-items:center!important;gap:0.6rem!important;padding:0.4rem 0.7rem!important;border-radius:999px!important;background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.05)!important;color:#94a3b8!important;font-size:11px!important;font-weight:600!important}
.nav-live-strip strong{color:#f8fafc!important;font-weight:700!important}
.nav-live-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:linear-gradient(135deg,#22c55e,#4ade80)!important;box-shadow:0 0 6px rgba(34,197,94,0.4)!important;animation:dot-blink 2s ease-in-out infinite!important}
@keyframes dot-blink{0%,100%{opacity:1}50%{opacity:0.4}}
.nav-cta-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0.4rem!important;min-height:38px!important;padding:0 1rem!important;border-radius:0.7rem!important;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#030712!important;font-size:11px!important;font-weight:800!important;letter-spacing:0.04em!important;text-transform:uppercase!important;box-shadow:0 8px 20px rgba(245,158,11,0.2)!important;transition:transform 0.2s,box-shadow 0.2s!important;text-decoration:none!important}
.nav-cta-link:hover{transform:translateY(-1px)!important;box-shadow:0 12px 28px rgba(245,158,11,0.3)!important}

/* ── MOBILE NAV ── */
.nav-mobile-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:0.5rem;background:transparent;border:1px solid rgba(255,255,255,0.08);color:#94a3b8;cursor:pointer;transition:all 0.2s}
.nav-mobile-toggle:hover{background:rgba(255,255,255,0.04);color:#f8fafc}
.menu-icon{width:16px;height:12px;position:relative}
.menu-icon span,.menu-icon::before,.menu-icon::after{content:'';position:absolute;left:0;width:100%;height:1.5px;background:currentColor;border-radius:1px;transition:all 0.3s}
.menu-icon span{top:50%;transform:translateY(-50%)}
.menu-icon::before{top:0}
.menu-icon::after{bottom:0}
.nav-mobile-overlay{display:none;position:fixed;inset:0;z-index:100;background:rgba(1,2,6,0.98);backdrop-filter:blur(24px);overflow-y:auto;padding:80px 1.5rem 2rem}
.nav-mobile-overlay.active{display:flex;flex-direction:column}
.nav-mobile-menu{display:flex;flex-direction:column;gap:0.25rem}
.nav-mobile-links{display:flex;flex-direction:column;gap:0.25rem}
.nav-mobile-link{display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1rem;border-radius:0.75rem;font-size:1rem;font-weight:500;color:#94a3b8;text-decoration:none;transition:all 0.2s}
.nav-mobile-link:hover{background:rgba(56,189,248,0.08);color:#f8fafc}
.nav-mobile-link.active{background:rgba(56,189,248,0.12);color:#38bdf8}
.nav-mobile-link.star-link{background:rgba(251,191,36,0.08);color:#fbbf24}
.nav-mobile-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.06)}

/* ═══════════════════════════════════════════════════════════════════
   FOOTER — PREMIUM REDESIGN
   ═══════════════════════════════════════════════════════════════════ */
.footer-premium{
  background:transparent!important;
  border-top:1px solid rgba(255,255,255,0.05)!important;
  position:relative!important;z-index:10!important;padding:0!important;
}
.footer-premium>div{max-width:80rem!important;margin:0 auto!important}
.footer-premium-shell{max-width:72rem!important;margin:0 auto!important;padding:4rem 1.5rem 2rem!important}
.footer-premium-hero{text-align:center!important;padding:2.5rem 0!important;margin-bottom:3rem!important;border-bottom:1px solid rgba(255,255,255,0.05)!important}
.footer-premium-brand{background:rgba(15,23,42,0.4)!important;border:1px solid rgba(255,255,255,0.06)!important;border-radius:1.5rem!important;padding:2rem!important;display:inline-block!important;max-width:32rem!important;text-align:left!important}
.footer-premium-brand-head{display:flex!important;align-items:center!important;gap:0.75rem!important;margin-bottom:1.25rem!important}
.footer-premium-logo{width:40px!important;height:40px!important;border-radius:12px!important;background:linear-gradient(135deg,#38bdf8,#818cf8)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
.footer-premium-logo svg{width:22px!important;height:22px!important;stroke:#fff!important}
.footer-premium-kicker{font-size:9px!important;font-weight:700!important;letter-spacing:0.15em!important;text-transform:uppercase!important;color:#38bdf8!important;margin-bottom:0.25rem!important}
.footer-premium-brand h3{font-size:1.25rem!important;font-weight:800!important;color:#f8fafc!important;letter-spacing:-0.01em!important;margin:0!important}
.footer-premium-brand p{font-size:0.8125rem!important;color:#94a3b8!important;line-height:1.7!important;margin:1rem 0 0!important}
.footer-premium-chip-row{display:flex!important;gap:0.5rem!important;flex-wrap:wrap!important;margin-top:1.25rem!important}
.footer-premium-chip{font-size:9px!important;font-weight:700!important;letter-spacing:0.08em!important;text-transform:uppercase!important;padding:0.3rem 0.65rem!important;border-radius:999px!important;background:rgba(56,189,248,0.08)!important;color:#38bdf8!important;border:1px solid rgba(56,189,248,0.12)!important}
.footer-premium-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:2rem!important}
@media(max-width:1023px){.footer-premium-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:639px){.footer-premium-grid{grid-template-columns:1fr!important}}
.footer-premium-col{background:rgba(15,23,42,0.3)!important;border:1px solid rgba(255,255,255,0.04)!important;border-radius:1rem!important;padding:1.5rem!important}
.footer-premium-col h4{font-size:10px!important;font-weight:700!important;letter-spacing:0.15em!important;text-transform:uppercase!important;color:#fbbf24!important;margin:0 0 1.25rem 0!important;padding-bottom:0.75rem!important;border-bottom:1px solid rgba(255,255,255,0.04)!important}
.footer-premium-col a{display:block!important;font-size:0.8125rem!important;color:#94a3b8!important;padding:0.4rem 0!important;text-decoration:none!important;transition:all 0.2s!important}
.footer-premium-col a:hover{color:#f8fafc!important;transform:translateX(4px)!important}
.footer-premium-bottom{border-top:1px solid rgba(255,255,255,0.04)!important;padding:2rem 0 0!important;margin-top:3rem!important;text-align:center!important}
.footer-premium-bottom p{font-size:0.75rem!important;color:#475569!important;margin:0.25rem 0!important}
.footer-premium-bottom a{color:#64748b!important;text-decoration:none!important}

/* ═══════════════════════════════════════════════════════════════════
   ALL OTHER SECTIONS
   ═══════════════════════════════════════════════════════════════════ */

/* ── HARMONIC BAR FIX ── */
.harmonic-bar{height:4px!important;border-radius:999px!important;background:linear-gradient(90deg,#fbbf24,#f59e0b)!important;box-shadow:0 0 8px rgba(251,191,36,0.3)!important}

/* ── ANIMATION PERFORMANCE ── */
/* Globe shell styles handled by schumann-atmosphere.css */
.bg-vignette{position:absolute!important;inset:0!important;z-index:4!important;background:radial-gradient(ellipse at center,transparent 25%,rgba(3,6,15,0.9) 100%)!important;pointer-events:none!important}

/* ── FADE UP ANIMATION ── */
.fade-up{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}
.fade-up.visible,.fade-up.is-visible{opacity:1;transform:translateY(0)}

/* ── METRIC CARDS ── */
.metric-card{background:rgba(13,17,23,0.85)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:1rem!important;backdrop-filter:blur(16px)!important;transition:transform 0.3s,border-color 0.3s}
.metric-card:hover{transform:translateY(-2px);border-color:rgba(56,189,248,0.15)!important}

/* ── HERO CONTROL CARDS ── */
.hero-control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
@media(max-width:767px){.hero-control-grid{grid-template-columns:1fr}}
.hero-control-card{background:rgba(13,17,23,0.85);border:1px solid rgba(255,255,255,0.08);border-radius:1.25rem;padding:1.5rem;backdrop-filter:blur(16px);transition:border-color 0.3s}
.hero-control-card:hover{border-color:rgba(56,189,248,0.2)}
.hero-control-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem}
.hero-control-kicker{font-size:0.625rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#94a3b8}
.hero-control-chip{font-size:0.625rem;font-weight:600;padding:0.25rem 0.625rem;border-radius:999px;background:rgba(34,197,94,0.15);color:#22c55e;letter-spacing:0.05em}
.hero-control-chip.cool{background:rgba(56,189,248,0.15);color:#38bdf8}
.hero-control-title{font-size:1.125rem;font-weight:700;color:#f8fafc;margin-bottom:0.5rem}
.hero-control-copy{font-size:0.8125rem;color:#94a3b8;line-height:1.5;margin-bottom:1rem}
.hero-control-meter{height:4px;background:rgba(255,255,255,0.06);border-radius:999px;overflow:hidden;margin-bottom:1rem}
.hero-control-meter-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#38bdf8);transition:width 0.6s}
.hero-control-actions{display:flex;gap:0.5rem;flex-wrap:wrap}
.hero-quick-btn{font-size:0.75rem;font-weight:600;padding:0.5rem 1rem;border-radius:0.5rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:#94a3b8;cursor:pointer;transition:all 0.2s}
.hero-quick-btn:hover{background:rgba(56,189,248,0.1);border-color:rgba(56,189,248,0.3);color:#f8fafc}
.hero-quick-btn.ghost{background:transparent;border-color:rgba(255,255,255,0.08)}
.hero-comfort-options{display:flex;gap:0.5rem;margin-top:0.75rem}
.hero-comfort-btn{font-size:0.75rem;font-weight:600;padding:0.5rem 1rem;border-radius:0.5rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:#94a3b8;cursor:pointer;transition:all 0.2s}
.hero-comfort-btn:hover,.hero-comfort-btn.active{background:rgba(56,189,248,0.12);border-color:rgba(56,189,248,0.3);color:#38bdf8}
.hero-features-strip .card{background:rgba(13,17,23,0.6)!important;border:1px solid rgba(255,255,255,0.06)!important;border-radius:1rem!important;backdrop-filter:blur(12px)!important;padding:1rem!important}

/* ── LIVE NOTE ── */
.live-note{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:rgba(13,17,23,0.7);border:1px solid rgba(255,255,255,0.06);border-radius:0.75rem;backdrop-filter:blur(12px)}
.live-note-badge{font-size:0.5625rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:0.25rem 0.5rem;border-radius:0.375rem;background:rgba(34,197,94,0.15);color:#22c55e}
.live-note-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}
.live-note-headline{font-size:0.8125rem;font-weight:600;color:#f8fafc}
.live-note-sub{font-size:0.6875rem;color:#94a3b8}

/* ── SR INTELLIGENCE BAND ── */
.sr-intelligence-band{padding:3rem 1rem}
.sr-intelligence-copy{margin-bottom:2rem}
.sr-intelligence-copy h2{font-size:1.5rem;font-weight:800;color:#f8fafc;margin-bottom:0.75rem}
.sr-intelligence-copy p{font-size:0.875rem;color:#94a3b8;line-height:1.7}
.sr-intelligence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:767px){.sr-intelligence-grid{grid-template-columns:1fr}}
.sr-eyebrow{font-size:0.625rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#38bdf8;margin-bottom:0.5rem}
.sr-intelligence-card{background:rgba(13,17,23,0.7);border:1px solid rgba(255,255,255,0.06);border-radius:1rem;padding:1.25rem;backdrop-filter:blur(12px);text-align:center}
.sr-intelligence-card strong{display:block;font-size:1.5rem;font-weight:800;color:#38bdf8;margin-bottom:0.25rem}
.sr-intelligence-card span{font-size:0.75rem;color:#94a3b8}

/* ── STAR CHART MODAL ── */
.star-modal-backdrop{display:none;position:fixed;inset:0;z-index:200;background:rgba(1,2,6,0.95);backdrop-filter:blur(24px);overflow-y:auto}
.star-modal-backdrop.active{display:block}
.star-modal{position:fixed;inset:0;z-index:201;display:none;overflow-y:auto}
.star-modal.open{display:block}
.star-modal-shell{max-width:42rem;margin:2rem auto;background:rgba(13,17,23,0.95);border:1px solid rgba(255,255,255,0.08);border-radius:1.5rem;padding:2rem;backdrop-filter:blur(24px);position:relative}
.star-modal-header{margin-bottom:1.5rem}
.star-modal-kicker{font-size:0.625rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#fbbf24;margin-bottom:0.5rem}
.star-modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s}
.star-modal-close:hover{background:rgba(255,255,255,0.1);color:#f8fafc}
.star-modal-close-fab{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s}
.star-modal-close-fab:hover{background:rgba(239,68,68,0.15);border-color:rgba(239,68,68,0.3);color:#ef4444}
.star-modal-steps{display:flex;gap:0.5rem;margin-bottom:1.5rem}
.star-modal-step{flex:1;height:3px;border-radius:999px;background:rgba(255,255,255,0.06);transition:background 0.3s}
.star-modal-step.active{background:#fbbf24}
.star-step-panel{display:none}
.star-step-panel.active{display:block}
.star-form-field{margin-bottom:1rem}
.star-form-field.full{grid-column:1/-1}
.star-form-input{width:100%;padding:0.75rem 1rem;border-radius:0.75rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:#f8fafc;font-size:0.875rem;transition:border-color 0.2s;outline:none}
.star-form-input:focus{border-color:rgba(251,191,36,0.4)}
.star-form-input::placeholder{color:#64748b}
.star-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:0.75rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#030712;font-weight:700;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s}
.star-primary-btn:hover{transform:scale(1.02);box-shadow:0 8px 24px rgba(245,158,11,0.25)}
.star-primary-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}
.star-ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:0.75rem;background:transparent;border:1px solid rgba(255,255,255,0.08);color:#94a3b8;font-weight:600;font-size:0.875rem;cursor:pointer;transition:all 0.2s}
.star-ghost-btn:hover{background:rgba(255,255,255,0.04);color:#f8fafc}
.star-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:0.75rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:#f8fafc;font-weight:600;font-size:0.875rem;cursor:pointer;transition:all 0.2s}
.star-secondary-btn:hover{background:rgba(255,255,255,0.1)}
.star-loading{display:flex;align-items:center;justify-content:center;padding:3rem}
.star-loading-inner{width:40px;height:40px;border:3px solid rgba(255,255,255,0.06);border-top-color:#fbbf24;border-radius:50%;animation:spin 0.8s linear infinite}
.star-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,0.06);border-top-color:#fbbf24;border-radius:50%;animation:spin 0.8s linear infinite;display:inline-block}
.star-surface{background:rgba(13,17,23,0.7);border:1px solid rgba(255,255,255,0.06);border-radius:1rem;padding:1.25rem}
.star-surface-badge{font-size:0.5625rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.25rem 0.5rem;border-radius:999px;background:rgba(251,191,36,0.15);color:#fbbf24;display:inline-block;margin-bottom:0.75rem}
.star-surface-title{font-size:1.125rem;font-weight:700;color:#f8fafc;margin-bottom:0.5rem}
.star-surface-body{font-size:0.8125rem;color:#94a3b8;line-height:1.6}
.star-mini-card{background:rgba(13,17,23,0.5);border:1px solid rgba(255,255,255,0.04);border-radius:0.75rem;padding:0.875rem}
.star-feature-list{display:flex;flex-direction:column;gap:0.5rem}
.star-feature-item{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.8125rem;color:#94a3b8;line-height:1.5}
.star-download-note{font-size:0.6875rem;color:#64748b;padding:0.5rem 0.75rem;background:rgba(255,255,255,0.02);border-radius:0.5rem;border:1px solid rgba(255,255,255,0.04)}
.star-floating-panel{position:fixed;bottom:2rem;right:2rem;z-index:50;background:rgba(13,17,23,0.95);border:1px solid rgba(255,255,255,0.08);border-radius:1rem;padding:1rem;backdrop-filter:blur(24px);max-width:20rem;box-shadow:0 20px 60px rgba(0,0,0,0.5)}
.star-floating-badge{font-size:0.5625rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.125rem 0.375rem;border-radius:999px;background:rgba(251,191,36,0.15);color:#fbbf24}
.star-floating-title{font-size:0.9375rem;font-weight:700;color:#f8fafc;margin:0.5rem 0 0.25rem}
.star-floating-copy{font-size:0.75rem;color:#94a3b8;line-height:1.5}
.star-floating-cta{margin-top:0.75rem}
.star-floating-button{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;border-radius:0.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#030712;font-weight:700;font-size:0.75rem;border:none;cursor:pointer;transition:all 0.2s}
.star-floating-button:hover{transform:scale(1.02)}
.star-preview-shell{padding:1rem 0}
.star-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}
.star-preview-countdown{font-size:0.75rem;color:#fbbf24;font-weight:600}
.star-preview-stage{width:100%;border-radius:1rem;overflow:hidden;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);margin-bottom:0.85rem}
.star-preview-poster{width:100%;background:linear-gradient(180deg,rgba(56,189,248,0.1),rgba(251,191,36,0.05))}
.star-preview-lock{margin-top:1rem}
.star-preview-lock-card{background:rgba(13,17,23,0.7);border:1px solid rgba(255,255,255,0.06);border-radius:1rem;padding:1.5rem;text-align:center}
.star-preview-lock-card h4{font-size:1rem;font-weight:700;color:#f8fafc;margin:0.75rem 0 0.5rem}
.star-preview-lock-card p{font-size:0.8125rem;color:#94a3b8;line-height:1.6;margin-bottom:1rem}
.star-follow-actions{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;margin-top:1rem}
.star-result-layout{display:grid;gap:1.5rem}
.star-result-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.star-result-poster{background:rgba(13,17,23,0.7);border:1px solid rgba(255,255,255,0.06);border-radius:1rem;overflow:hidden}
.star-result-summary{background:rgba(13,17,23,0.5);border:1px solid rgba(255,255,255,0.04);border-radius:0.75rem;padding:1rem}
.star-poster-head{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}
.star-poster-brand{font-size:0.625rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#fbbf24}
.star-poster-name{font-size:1rem;font-weight:700;color:#f8fafc}
.star-poster-state{font-size:0.6875rem;color:#94a3b8}
.star-poster-copy{font-size:0.8125rem;color:#94a3b8;line-height:1.6}
.star-planet-list{display:flex;flex-direction:column;gap:0.375rem}
.star-planet-row{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;border-radius:0.5rem;background:rgba(255,255,255,0.02);font-size:0.8125rem}
.star-wheel-wrap{display:flex;align-items:center;justify-content:center;padding:2rem}
.star-wheel-shell{position:relative;width:200px;height:200px}
.star-wheel{width:100%;height:100%;border-radius:50%;border:2px solid rgba(251,191,36,0.2);animation:spin 20s linear infinite}

/* ── SPECTROGRAM ── */
.spectro-container{position:relative;background:rgba(13,17,23,0.7);border:1px solid rgba(255,255,255,0.06);border-radius:1.25rem;overflow:hidden;backdrop-filter:blur(12px)}
.spectro-overlay{position:absolute;inset:0;pointer-events:none}
.spectro-overlay-note{font-size:0.6875rem;color:#94a3b8;padding:0.5rem 0.75rem;background:rgba(13,17,23,0.7);border-radius:0.5rem;border:1px solid rgba(255,255,255,0.06)}
.spectro-marker{position:absolute;pointer-events:auto;cursor:pointer}
.spectro-marker-line{width:1px;background:rgba(56,189,248,0.3);position:absolute}
.spectro-marker-badge{font-size:0.5625rem;font-weight:700;padding:0.125rem 0.375rem;border-radius:0.25rem;background:rgba(56,189,248,0.2);color:#38bdf8;white-space:nowrap}
.spectro-analysis-card{background:rgba(13,17,23,0.7);border:1px solid rgba(255,255,255,0.06);border-radius:1rem;padding:1.25rem;backdrop-filter:blur(12px)}
.spectro-analysis-kicker{font-size:0.625rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#38bdf8;margin-bottom:0.5rem}
.spectro-analysis-intro{font-size:0.8125rem;color:#94a3b8;line-height:1.6;margin-bottom:1rem}
.spectro-analysis-footnote{font-size:0.6875rem;color:#64748b;margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid rgba(255,255,255,0.04)}
.spectro-insight-card{background:rgba(13,17,23,0.6);border:1px solid rgba(255,255,255,0.04);border-radius:0.75rem;padding:1rem}
.spectro-insight-label{font-size:0.6875rem;color:#64748b;margin-bottom:0.25rem}
.spectro-insight-value{font-size:1.25rem;font-weight:700;color:#f8fafc}
.spectro-insight-caption{font-size:0.625rem;color:#94a3b8;margin-top:0.25rem}
.spectro-legend-list{display:flex;flex-wrap:wrap;gap:0.75rem}
.spectro-legend-item{display:flex;align-items:center;gap:0.375rem;font-size:0.6875rem;color:#94a3b8}
.spectro-legend-swatch{width:12px;height:12px;border-radius:3px}
.spectro-legend-swatch.color{background:#38bdf8}
.spectro-legend-swatch.burst{background:#f59e0b}
.spectro-legend-swatch.band{background:#818cf8}

/* ── TAB / CHIP / MISC ── */
.tab-btn{font-size:0.8125rem;font-weight:600;padding:0.5rem 1.25rem;border-radius:0.5rem;background:transparent;border:1px solid rgba(255,255,255,0.08);color:#94a3b8;cursor:pointer;transition:all 0.2s}
.tab-btn:hover{background:rgba(255,255,255,0.04);color:#f8fafc}
.tab-btn.active{background:rgba(56,189,248,0.12);border-color:rgba(56,189,248,0.3);color:#38bdf8}
.star-chip{font-size:0.625rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.25rem 0.625rem;border-radius:999px;background:rgba(251,191,36,0.15);color:#fbbf24}
.back-to-top{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;border-radius:50%;background:rgba(56,189,248,0.15);border:1px solid rgba(56,189,248,0.3);color:#38bdf8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;z-index:40;opacity:0;pointer-events:none}
.back-to-top.visible{opacity:1;pointer-events:auto}
.back-to-top:hover{background:rgba(56,189,248,0.25);transform:translateY(-2px)}
.brand-spectrum{position:absolute;inset:0;overflow:hidden;border-radius:50%}
.brand-spectrum-line{position:absolute;width:100%;height:1px;left:0;opacity:0.3}
.brand-spectrum-line-a{top:30%;background:#38bdf8;animation:sf 3s ease-in-out infinite}
.brand-spectrum-line-b{top:50%;background:#fbbf24;animation:sf 3s ease-in-out infinite 1s}
.brand-spectrum-line-c{top:70%;background:#a78bfa;animation:sf 3s ease-in-out infinite 2s}
@keyframes sf{0%,100%{opacity:.2;transform:scaleX(.8)}50%{opacity:.5;transform:scaleX(1)}}
.hero-orbit-glow{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:120vw;height:120vh;background:radial-gradient(circle,rgba(56,189,248,0.04)0%,transparent 50%);pointer-events:none;z-index:0}
.scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#38bdf8,#818cf8,#fbbf24);z-index:9999;transition:width 0.1s linear}

/* ── SECTION SPACING — legacy pages only ── */
section{position:relative}
body:not(.sr-site) #dashboard,
body:not(.sr-site) #guide,
body:not(.sr-site) #about{padding:5rem 1rem}
@media(max-width:767px){
body:not(.sr-site) #dashboard,
body:not(.sr-site) #guide,
body:not(.sr-site) #about{padding:3rem 0.75rem}}

/* ── CARD ── */
.card{background:rgba(13,17,23,0.85)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:1rem!important;backdrop-filter:blur(16px)!important;transition:transform 0.3s,border-color 0.3s}
.card:hover{transform:translateY(-2px);border-color:rgba(56,189,248,0.15)!important}

/* ── TEXT COLORS ── */
.text-brand-400{color:#fbbf24!important}
.text-blue-400{color:#60a5fa!important}
.text-purple-400{color:#a78bfa!important}
.text-gray-700{color:#94a3b8!important}

/* ── ANIMATIONS ── */
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── RESPONSIVE ── */
@media(max-width:767px){
.nav-shell{min-height:56px!important;padding:0.5rem 0.75rem!important;border-radius:1rem!important;gap:0.5rem!important}
.brand-title{font-size:0.9rem!important}
.nav-live-strip{display:none!important}
.star-modal-shell{margin:1rem;padding:1.25rem;border-radius:1rem}
.star-floating-panel{right:1rem;bottom:1rem;max-width:calc(100vw - 2rem)}
.spectro-container{border-radius:.75rem}
.star-result-panels{grid-template-columns:1fr}
.star-preview-head{flex-direction:column}
}
@media(max-width:1023px){
.nav-shell{min-height:60px!important;padding:0.55rem 0.85rem!important;border-radius:1.1rem!important}
}

/* ═══════════════════════════════════════════════════════════════════
   APP DOWNLOAD — Premium Device-Aware Card V2
   Content left, device mockup right
   ═══════════════════════════════════════════════════════════════════ */
.app-download-wrap{
  max-width:56rem!important;
  margin:2.5rem auto 0!important;
  padding:0 1rem!important;
}
.app-download-card{
  background:linear-gradient(145deg,rgba(15,23,42,0.8),rgba(8,12,28,0.7))!important;
  border:1px solid rgba(56,189,248,0.1)!important;
  border-radius:1.75rem!important;
  padding:2.25rem 2.5rem!important;
  backdrop-filter:blur(28px)!important;
  -webkit-backdrop-filter:blur(28px)!important;
  box-shadow:0 32px 80px rgba(0,0,0,0.4),0 0 120px rgba(56,189,248,0.03),inset 0 1px 0 rgba(255,255,255,0.04)!important;
  overflow:hidden!important;
  position:relative!important;
}
.app-download-card::before{
  content:''!important;
  position:absolute!important;
  top:0!important;left:0!important;right:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent 5%,rgba(56,189,248,0.4) 30%,rgba(168,85,247,0.2) 60%,rgba(251,191,36,0.15) 80%,transparent 95%)!important;
}
.app-download-card::after{
  content:''!important;
  position:absolute!important;
  bottom:-40%!important;right:-20%!important;
  width:60%!important;height:80%!important;
  background:radial-gradient(circle,rgba(56,189,248,0.04),transparent 60%)!important;
  pointer-events:none!important;
}
.app-download-grid{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:2.5rem!important;
  align-items:center!important;
  position:relative!important;
  z-index:1!important;
}
@media(max-width:767px){
  .app-download-grid{grid-template-columns:1fr!important;gap:1.75rem!important;text-align:center!important}
  .app-download-card{padding:1.5rem!important}
  .app-download-visual{justify-self:center!important;order:-1!important}
  .app-download-chips{justify-content:center!important}
  .app-download-actions{justify-content:center!important}
}
.app-download-content{min-width:0!important;overflow:hidden!important}
.app-download-badge{
  display:inline-flex!important;align-items:center!important;gap:0.35rem!important;
  font-size:9px!important;font-weight:700!important;letter-spacing:0.14em!important;text-transform:uppercase!important;
  padding:0.3rem 0.7rem!important;border-radius:999px!important;margin-bottom:0.85rem!important;
}
.app-download-badge.macos-badge{background:rgba(56,189,248,0.1)!important;color:#38bdf8!important;border:1px solid rgba(56,189,248,0.2)!important}
.app-download-badge.ios-badge{background:rgba(168,85,247,0.1)!important;color:#a78bfa!important;border:1px solid rgba(168,85,247,0.2)!important}
.app-download-badge.android-badge{background:rgba(34,197,94,0.1)!important;color:#22c55e!important;border:1px solid rgba(34,197,94,0.2)!important}
.app-download-badge.cross-badge{background:rgba(251,191,36,0.1)!important;color:#fbbf24!important;border:1px solid rgba(251,191,36,0.2)!important}
.app-download-title{
  font-size:1.35rem!important;font-weight:800!important;color:#f8fafc!important;
  line-height:1.2!important;margin-bottom:0.5rem!important;letter-spacing:-0.025em!important;
}
.app-download-body{
  font-size:0.8125rem!important;color:#94a3b8!important;
  line-height:1.65!important;margin-bottom:0.85rem!important;
}
.app-download-chips{
  display:flex!important;flex-wrap:wrap!important;gap:0.4rem!important;margin-bottom:1.1rem!important;
}
.app-chip{
  display:inline-flex!important;align-items:center!important;gap:0.3rem!important;
  font-size:0.5625rem!important;font-weight:600!important;color:#94a3b8!important;
  padding:0.2rem 0.5rem!important;border-radius:999px!important;
  background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.06)!important;
  white-space:nowrap!important;
}
.app-chip-dot{
  width:3px!important;height:3px!important;border-radius:50%!important;
  background:#38bdf8!important;flex-shrink:0!important;
}
.app-download-actions{
  display:flex!important;align-items:center!important;gap:0.6rem!important;flex-wrap:wrap!important;
}
.app-download-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0.5rem!important;
  padding:0.7rem 1.5rem!important;border-radius:0.75rem!important;
  background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;color:#030712!important;
  font-size:0.8125rem!important;font-weight:800!important;border:none!important;cursor:pointer!important;
  transition:all 0.25s!important;box-shadow:0 8px 24px rgba(56,189,248,0.2)!important;
}
.app-download-btn:hover{transform:translateY(-2px)!important;box-shadow:0 14px 36px rgba(56,189,248,0.3)!important}
.app-download-btn svg{flex-shrink:0!important}
.app-notify-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0.4rem!important;
  padding:0.65rem 1.1rem!important;border-radius:0.75rem!important;
  background:rgba(255,255,255,0.04)!important;color:#94a3b8!important;
  font-size:0.75rem!important;font-weight:600!important;
  border:1px solid rgba(255,255,255,0.08)!important;cursor:pointer!important;transition:all 0.25s!important;
}
.app-notify-btn:hover{background:rgba(255,255,255,0.08)!important;color:#f8fafc!important;border-color:rgba(255,255,255,0.15)!important}
.app-notify-btn svg{flex-shrink:0!important}

/* ── DEVICE MOCKUP ── */
.app-download-visual{
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.app-device-mockup{
  position:relative!important;width:160px!important;height:200px!important;
  border-radius:1.5rem!important;
  background:rgba(13,17,23,0.7)!important;
  border:1px solid rgba(255,255,255,0.1)!important;
  overflow:hidden!important;
  box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 40px rgba(56,189,248,0.06)!important;
}
.app-mockup-screen{position:relative!important;width:100%!important;height:100%!important}
.app-mockup-bar{
  display:flex!important;align-items:center!important;gap:0.35rem!important;
  padding:0.5rem 0.6rem!important;
  background:rgba(0,0,0,0.3)!important;
  border-bottom:1px solid rgba(255,255,255,0.05)!important;
}
.app-mockup-dot{width:5px!important;height:5px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 4px rgba(34,197,94,0.5)!important}
.app-mockup-title{font-size:7px!important;font-weight:700!important;color:#94a3b8!important;letter-spacing:0.05em!important}
.app-mockup-body{
  padding:0.75rem 0.6rem!important;
  display:flex!important;flex-direction:column!important;gap:0.5rem!important;
}
.app-mockup-wave{
  height:2px!important;border-radius:999px!important;
  background:linear-gradient(90deg,#38bdf8,#818cf8)!important;
  animation:mockupPulse 3s ease-in-out infinite!important;
}
.app-mockup-wave.w2{background:linear-gradient(90deg,#818cf8,#fbbf24)!important;animation-delay:1s!important;width:80%!important}
.app-mockup-wave.w3{background:linear-gradient(90deg,#fbbf24,#38bdf8)!important;animation-delay:2s!important;width:60%!important}
@keyframes mockupPulse{0%,100%{opacity:0.4;transform:scaleX(0.8)}50%{opacity:1;transform:scaleX(1)}}
.app-mockup-freq{
  font-size:14px!important;font-weight:800!important;color:#38bdf8!important;
  text-align:center!important;margin-top:0.25rem!important;
  text-shadow:0 0 12px rgba(56,189,248,0.4)!important;
}
.app-device-glow{
  position:absolute!important;inset:-30%!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(56,189,248,0.06),transparent 60%)!important;
  pointer-events:none!important;z-index:-1!important;
}

/* RESTORE HOTFIX 2026-05-13: keep content visible if reveal JS is interrupted */
body:not(.sr-motion-ready) #dashboard .fade-up,
body:not(.sr-motion-ready) #guide .fade-up,
body:not(.sr-motion-ready) #about .fade-up,
body:not(.sr-motion-ready) .sr-intelligence-band,
body:not(.sr-motion-ready) .sr-intelligence-card,
body:not(.sr-motion-ready) #spectrogram,
body:not(.sr-motion-ready) .metric-card,
body:not(.sr-motion-ready) .card.fade-up {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
body:not(.sr-motion-ready) #dashboard [style*="opacity: 0"],
body:not(.sr-motion-ready) #guide [style*="opacity: 0"],
body:not(.sr-motion-ready) #about [style*="opacity: 0"] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
.hero-stage { margin-bottom: 0 !important; }
#dashboard { padding-top: clamp(36px, 5vw, 72px) !important; }
@media (max-width: 767px) { #dashboard, #guide, #about { padding-top: 44px !important; padding-bottom: 44px !important; } .hero-stage { min-height: auto !important; } }


/* ── sr-shell-polish.css ── */
/*
  Schumann Resonance Live — header through footer layout polish
  Loaded last; overrides theme conflicts with minimal specificity.
*/

/* ── Site shell ── */
.sr-site .site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.sr-site #dashboard,
.sr-site #about,
.sr-site #guide,
.sr-site .hero-stage {
  scroll-margin-top: 6.5rem;
}

/* ── Header / nav ── */
.sr-site .nav-glass .nav-shell {
  align-items: center;
  gap: 0.65rem;
}

.sr-site .nav-glass .nav-brand {
  min-width: 0;
  flex: 1 1 auto;
  max-width: min(100%, 20rem);
}

.sr-site .nav-glass .brand-lockup {
  min-width: 0;
}

.sr-site .nav-glass .brand-caption {
  display: none;
}

.sr-site .nav-glass .brand-subcopy {
  display: none;
}

@media (min-width: 1024px) {
  .sr-site .nav-glass .brand-caption {
    display: block;
  }
}

@media (min-width: 1280px) {
  .sr-site .nav-glass .brand-subcopy {
    display: block;
  }

  .sr-site .nav-glass .nav-brand {
    max-width: none;
  }
}

.sr-site .nav-glass .brand-title .logo-desktop,
.sr-site .nav-glass .brand-title .logo-mobile {
  /* display toggled in sr-header-premium.css */
}

@media (min-width: 900px) {
  .sr-site:not(.nav-premium-active) .nav-glass .brand-title .logo-desktop {
    display: inline !important;
    max-width: min(36vw, 15rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.sr-site .nav-glass .nav-right {
  flex-shrink: 0;
  gap: 0.45rem;
}

.sr-site .nav-glass .nav-cta-link.nav-star-cta {
  padding: 0.45rem 0.75rem;
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  max-width: 9.5rem;
}

.sr-site .nav-glass .nav-cta-link.nav-star-cta span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 640px) {
  .sr-site .nav-glass .nav-cta-link.nav-star-cta {
    display: inline-flex !important;
  }
}

@media (min-width: 1024px) {
  .sr-site .nav-glass .nav-cta-link.nav-star-cta {
    max-width: none;
    font-size: 0.72rem;
    padding: 0.5rem 0.95rem;
  }
}

.sr-site .nav-glass .nav-live-strip {
  font-size: 0.65rem;
  padding: 0.35rem 0.6rem;
  gap: 0.35rem;
}

.sr-site .nav-glass.scrolled .nav-shell {
  backdrop-filter: blur(18px);
}

/* ── Hero ── */
.sr-site .hero-stage {
  min-height: auto !important;
  padding-top: 6.5rem !important;
  padding-bottom: 2.5rem !important;
}

@media (min-width: 768px) {
  .sr-site .hero-stage {
    min-height: min(78vh, 720px) !important;
    padding-top: 7rem !important;
    padding-bottom: 2.75rem !important;
  }
}

.sr-site .hero-stage-shell {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

.sr-site .hero-readout-wrap {
  margin-bottom: 0.75rem;
}

.sr-site .hero-stats-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25rem !important;
}

.sr-site .hero-stats-row .card {
  flex: 1 1 0;
  min-width: 0 !important;
  padding: 0.55rem 0.65rem !important;
  justify-content: center;
}

.sr-site .hero-stats-row .card span {
  font-size: 0.68rem !important;
  white-space: nowrap;
}

.sr-site .hero-cta-row {
  margin-bottom: 1.25rem;
  width: 100%;
}

.sr-site .hero-cta-row a {
  min-height: 44px;
}

@media (max-width: 639px) {
  .sr-site .hero-cta-row {
    flex-direction: column;
    align-items: stretch;
  }

  .sr-site .hero-cta-row a {
    justify-content: center;
    width: 100%;
  }
}

.sr-site .app-download-wrap {
  width: 100%;
  max-width: 42rem;
  margin: 0 auto 1.25rem;
}

.sr-site .app-download-card {
  border-radius: 1.25rem !important;
}

.sr-site .app-download-grid {
  align-items: center !important;
}

@media (max-width: 767px) {
  .sr-site .app-download-visual {
    order: 0 !important;
    max-width: 11rem;
    margin: 0 auto;
  }

  .sr-site .app-download-content {
    order: 1;
  }

  .sr-site .app-download-title {
    font-size: 1.15rem !important;
  }

  .sr-site .app-download-body {
    font-size: 0.82rem !important;
  }
}

.sr-site .hero-audience-wrap {
  width: 100%;
  max-width: 28rem;
  margin: 0 auto 1rem;
}

.sr-site .hero-features-strip {
  margin-top: 1.5rem !important;
}

.sr-site .hero-stage .absolute.bottom-8 {
  display: none;
}

@media (min-width: 768px) {
  .sr-site .hero-stage .absolute.bottom-8 {
    display: flex;
  }
}

/* ── Dashboard sections ── */
.sr-site #dashboard,
.sr-site #guide,
.sr-site #about {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

@media (min-width: 768px) {
  .sr-site #dashboard,
  .sr-site #guide,
  .sr-site #about {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

.sr-site .card {
  border-radius: 1rem;
}

.sr-site #dashboard .card,
.sr-site #guide .card {
  background: rgba(6, 10, 22, 0.32) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.sr-site .chart-tab-row .tab-btn {
  min-height: 40px;
  padding: 0.45rem 0.85rem;
}

.sr-site .faq-item .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
}

.sr-site .faq-item.open .faq-answer {
  max-height: 24rem;
}

.sr-site .faq-item.open .faq-chevron {
  transform: rotate(180deg);
}

/* ── Promo cards (updates section) ── */
.sr-site section#guide .grid .card {
  height: 100%;
}

/* ── Footer ── */
.sr-site .footer-premium {
  margin-top: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(3, 7, 18, 0) 0%, rgba(3, 7, 18, 0.45) 22%, rgba(2, 6, 14, 0.72) 100%);
}

.sr-site .footer-premium-shell {
  padding-top: 2.5rem !important;
  padding-bottom: 1.5rem !important;
}

.sr-site .footer-premium-hero {
  margin-bottom: 2rem !important;
  padding-bottom: 1.5rem !important;
}

.sr-site .footer-premium-brand {
  display: block !important;
  max-width: 100% !important;
  width: 100%;
}

@media (min-width: 640px) {
  .sr-site .footer-premium-brand {
    max-width: 36rem !important;
    margin: 0 auto;
  }
}

.sr-site .footer-premium-grid {
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
}

@media (min-width: 640px) {
  .sr-site .footer-premium-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.25rem !important;
  }
}

.sr-site .footer-premium-col a {
  padding: 0.35rem 0 !important;
}

.sr-site .footer-premium-bottom {
  margin-top: 2rem !important;
  padding-top: 1.5rem !important;
}

.sr-site .footer-premium-bottom p {
  color: #64748b !important;
}

.sr-site button.back-to-top,
.sr-site .back-to-top {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  z-index: 40;
}

/* ── Star modal (keep off-page until opened) ── */
.sr-site .star-modal:not(.open) {
  display: none !important;
  pointer-events: none;
}

.sr-site .star-step-panel:not(.active) {
  display: none !important;
}

.sr-site .star-step-panel.active {
  display: block !important;
}


/* ── world-solar-bg.css ── */
/*
  Schumann Cosmos — clean backdrop shell (WebGL owns the scene)
*/

#world-solar-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: radial-gradient(ellipse 120% 90% at 50% 38%, #0a1830 0%, #050f1e 42%, #020610 100%);
}

#world-solar-bg canvas,
.wsb-gl-canvas {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

#world-solar-bg .wsb-vignette {
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(ellipse 88% 72% at 50% 44%, transparent 22%, rgba(2, 6, 14, 0.55) 100%),
    linear-gradient(180deg, rgba(2, 8, 18, 0.42) 0%, transparent 18%, transparent 76%, rgba(2, 6, 14, 0.58) 100%);
}

#world-solar-bg .wsb-stars-fallback {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.85;
  background-image:
    radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,0.55) 50%, transparent 50%),
    radial-gradient(1px 1px at 30% 65%, rgba(200,220,255,0.45) 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 55% 35%, rgba(255,255,255,0.75) 50%, transparent 50%),
    radial-gradient(1px 1px at 72% 78%, rgba(255,240,210,0.5) 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 88% 22%, rgba(180,220,255,0.65) 50%, transparent 50%);
  background-size: 280px 220px;
  animation: wsb-fallback-drift 120s linear infinite;
}

@keyframes wsb-fallback-drift {
  from { transform: translate(0, 0); }
  to { transform: translate(-280px, -140px); }
}

#world-solar-bg.wsb-live .wsb-stars-fallback,
#world-solar-bg.is-ready:not(.no-webgl) .wsb-stars-fallback {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
}

#world-solar-bg.no-webgl .wsb-stars-fallback {
  opacity: 1 !important;
  visibility: visible !important;
}

#world-solar-bg .wsb-fallback {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: none;
  pointer-events: none;
  background:
    radial-gradient(circle at 68% 46%, rgba(56, 189, 248, 0.22) 0%, rgba(14, 116, 144, 0.08) 18%, transparent 42%),
    radial-gradient(circle at 68% 46%, rgba(34, 211, 238, 0.12) 0%, transparent 28%),
    radial-gradient(ellipse 140% 100% at 50% 40%, #0a1830 0%, #020610 100%);
}

#world-solar-bg.no-webgl .wsb-fallback {
  display: block;
}

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

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

#world-solar-bg.wsb-booting::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    radial-gradient(circle at 30% 45%, rgba(56, 189, 248, 0.06) 0%, transparent 35%),
    radial-gradient(ellipse 100% 80% at 50% 50%, transparent 30%, rgba(2, 6, 14, 0.35) 100%);
  animation: wsb-boot-pulse 2.4s ease-in-out infinite;
}

@keyframes wsb-boot-pulse {
  0%, 100% { opacity: 0.45; }
  50% { opacity: 0.85; }
}

#world-solar-bg.is-ready.wsb-live::after,
#world-solar-bg.wsb-revealed::after {
  display: none;
}

.sr-site .site-wrapper {
  position: relative;
  z-index: 4;
  background: transparent !important;
}

body.sr-site .sr-scroll-cosmos-hint {
  position: fixed;
  left: 50%;
  bottom: max(6.25rem, calc(env(safe-area-inset-bottom, 0px) + 5.5rem));
  z-index: 9;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  pointer-events: none;
  font-size: 0.68rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(186, 230, 253, 0.92);
  text-shadow: 0 0 24px rgba(56, 189, 248, 0.45), 0 2px 12px rgba(2, 8, 22, 0.85);
  transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;
}

body.sr-site.sr-past-hero .sr-scroll-cosmos-hint {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translate(-50%, 12px);
}

body.sr-site .sr-scroll-cosmos-hint span {
  width: 1px;
  height: 2.6rem;
  background: linear-gradient(180deg, rgba(56, 189, 248, 0.9), transparent);
  animation: wsb-hint-pulse 2s ease-in-out infinite;
}

@keyframes wsb-hint-pulse {
  0%, 100% { transform: translateY(0); opacity: 0.5; }
  50% { transform: translateY(10px); opacity: 1; }
}

#globe-shell,
.cosmos-glow,
#earth-three-canvas,
#sr-solar-earth-canvas,
#earth-3d-container,
#wow-earth-canvas,
#cosmic-earth-canvas,
.wsb-earth-hero,
.wsb-stars-css,
.wsb-nebula,
.wsb-milky,
.wsb-meteor-css,
.wsb-earth-photo,
.sr-earth-heart {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
  #world-solar-bg.wsb-booting::after {
    animation: none;
  }

  #world-solar-bg.no-webgl .wsb-fallback {
    display: block !important;
  }
}

@media (max-width: 767px) {
  body.sr-site:not(.sr-past-hero) .sr-scroll-cosmos-hint {
    display: none !important;
  }

  #world-solar-bg .wsb-vignette {
    background:
      radial-gradient(ellipse 96% 80% at 50% 46%, transparent 18%, rgba(2, 6, 14, 0.62) 100%),
      linear-gradient(180deg, rgba(2, 8, 18, 0.48) 0%, transparent 14%, transparent 80%, rgba(2, 6, 14, 0.65) 100%);
  }

  body.sr-site .sr-scroll-cosmos-hint {
    bottom: max(5.5rem, calc(env(safe-area-inset-bottom, 0px) + 4.75rem));
    font-size: 0.62rem;
    letter-spacing: 0.14em;
  }
}


/* ── sr-brand.css ── */
/*
  Schumann Resonance Live — brand lockup & logo
*/

@keyframes sr-brand-wave {
  0%, 100% { stroke-dashoffset: 0; opacity: 0.85; }
  50% { stroke-dashoffset: 12; opacity: 1; }
}

@keyframes sr-brand-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.12); opacity: 0.75; }
}

@keyframes sr-brand-glow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.35), 0 8px 28px rgba(0, 0, 0, 0.35); }
  50% { box-shadow: 0 0 0 6px rgba(56, 189, 248, 0.08), 0 12px 36px rgba(14, 165, 233, 0.22); }
}

html body.sr-site .nav-brand.sr-brand-lockup {
  display: flex !important;
  align-items: center;
  gap: 0.72rem;
  min-width: 0;
  max-width: 100%;
  text-decoration: none !important;
  flex-shrink: 1;
}

html body.sr-site .sr-brand-icon-wrap {
  position: relative;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 30% 25%, rgba(56, 189, 248, 0.18), transparent 55%),
    linear-gradient(145deg, rgba(8, 16, 32, 0.95), rgba(4, 10, 22, 0.88));
  border: 1px solid rgba(56, 189, 248, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 8px 24px rgba(0, 0, 0, 0.35);
  animation: sr-brand-glow 4.5s ease-in-out infinite;
}

html body.sr-site .sr-brand-logo {
  width: 2.35rem;
  height: 2.35rem;
  display: block;
  filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.35));
}

@keyframes sr-brand-orbit-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes sr-brand-orbit-spin-rev {
  from { transform: rotate(360deg); }
  to { transform: rotate(0deg); }
}

@keyframes sr-brand-core-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 0.82; }
}

html body.sr-site .sr-brand-logo .sr-brand-orbit-a {
  transform-origin: 32px 32px;
  animation: sr-brand-orbit-spin 18s linear infinite;
}

html body.sr-site .sr-brand-logo .sr-brand-orbit-b {
  transform-origin: 32px 32px;
  animation: sr-brand-orbit-spin-rev 24s linear infinite;
}

html body.sr-site .sr-brand-logo .sr-brand-core {
  transform-origin: 32px 32px;
  animation: sr-brand-core-pulse 3.4s ease-in-out infinite;
}

html body.sr-site .sr-brand-logo .sr-brand-wave-b {
  stroke-dasharray: 36;
  animation: sr-brand-wave 4.1s ease-in-out infinite reverse;
}

html body.sr-site .sr-brand-logo .sr-brand-wave-c {
  stroke-dasharray: 28;
  animation: sr-brand-wave 3.6s ease-in-out infinite;
  animation-delay: 0.6s;
}

html body.sr-site .sr-obs-mark .sr-brand-logo {
  width: 100%;
  height: 100%;
  max-width: 2.25rem;
  max-height: 2.25rem;
}

html body.sr-site .sr-obs-mark .sr-brand-logo .sr-brand-wave-a {
  stroke-dasharray: 56;
  animation: sr-brand-wave 3.2s ease-in-out infinite;
}

html body.sr-site .sr-brand-live-badge {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 999px;
  background: #22c55e;
  border: 2px solid rgba(4, 10, 22, 0.95);
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.85);
  animation: sr-brand-pulse 2s ease-in-out infinite;
}

html body.sr-site .sr-brand-text {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  min-width: 0;
  line-height: 1.15;
}

html body.sr-site .sr-brand-kicker {
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(125, 211, 252, 0.72);
}

html body.sr-site .sr-brand-name,
html body.sr-site .sr-brand-name .logo-desktop,
html body.sr-site .sr-brand-name .logo-mobile {
  font-family: var(--sr-font-display, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #f8fafc !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  background: linear-gradient(135deg, #f8fafc 0%, #bae6fd 55%, #fde68a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

html body.sr-site .sr-brand-tagline {
  font-size: 0.58rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: rgba(148, 163, 184, 0.82);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 14rem;
}

html body.sr-site .sr-trust-bar-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.65rem 1rem;
  padding: 0.38rem 0.75rem;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

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

html body.sr-site .sr-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex-shrink: 0;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(203, 213, 225, 0.78);
  white-space: nowrap;
}

html body.sr-site .sr-trust-item svg {
  width: 0.75rem;
  height: 0.75rem;
  opacity: 0.7;
}

html body.sr-site .sr-trust-item.is-live {
  color: #86efac;
}

html body.sr-site .sr-trust-dot {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.75);
}

@media (min-width: 1280px) {
  html body.sr-site .sr-brand-icon-wrap {
    width: 3.25rem;
    height: 3.25rem;
  }

  html body.sr-site .sr-brand-logo {
    width: 2.55rem;
    height: 2.55rem;
  }

  html body.sr-site .sr-brand-name,
  html body.sr-site .sr-brand-name .logo-desktop {
    font-size: 1.05rem;
  }
}

@media (max-width: 1023px) {
  html body.sr-site .sr-brand-icon-wrap {
    width: 2.75rem;
    height: 2.75rem;
  }

  html body.sr-site .sr-brand-logo {
    width: 2.15rem;
    height: 2.15rem;
  }
}


/* ── sr-glass-transparency.css ── */
/*
  Glass transparency — full site header → footer
  Load after theme CSS
*/

html,
body.sr-site,
.sr-site .site-wrapper {
  background: transparent !important;
}

.sr-site .site-wrapper::before,
.sr-site .site-wrapper::after {
  display: none !important;
  content: none !important;
}

/* All layout shells — transparent */
.sr-site section,
.sr-site main,
.sr-site article,
.sr-site .hero-stage,
.sr-site #dashboard,
.sr-site #guide,
.sr-site #about,
.sr-site #solar,
.sr-site .sr-intelligence-band,
.sr-site .sr-faq-section {
  background: transparent !important;
}

/* Hero glass panels */
.sr-site .hero-stage-shell,
.sr-site .hero-readout-shell,
.sr-site .hero-readout-wrap,
.sr-site .hero-visual-h1 {
  background: transparent !important;
}

.sr-site .hero-readout-shell {
  background: rgba(6, 12, 28, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(14px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.35) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.sr-site .hero-stats-row .card,
.sr-site .card {
  background: rgba(6, 10, 22, 0.26) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.25) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.sr-site .hero-audience-wrap .card,
.sr-site .hero-audience-card,
.sr-site .hero-features-strip .card {
  background: rgba(8, 14, 30, 0.28) !important;
  backdrop-filter: blur(16px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
}

.sr-site #dashboard .card,
.sr-site #guide .card,
.sr-site #guide article.card,
.sr-site #about .card,
.sr-site .spectro-container,
.sr-site #live-freq-chart-wrap,
.sr-site .chart-shell,
.sr-site .harmonic-grid .card,
.sr-site .sr-faq-card {
  background: rgba(6, 10, 22, 0.28) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.sr-site .hero-cta-row a[href="#dashboard"] {
  box-shadow: 0 8px 32px rgba(56, 189, 248, 0.28) !important;
}

.sr-site .hero-cta-row a[href="#guide"] {
  background: rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* Dashboard tabs & panels */
.sr-site .chart-tab-row,
.sr-site .tab-btn,
.sr-site .spectro-legend,
.sr-site .band-label,
.sr-site .sr-band-chip {
  background: rgba(6, 10, 22, 0.24) !important;
}

/* Footer — soft fade, not solid wall */
.sr-site .footer-premium,
.sr-site footer.footer-premium {
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(2, 6, 18, 0.35) 20%,
    rgba(2, 6, 18, 0.62) 100%
  ) !important;
}

.sr-site .footer-premium-col,
.sr-site .footer-premium-brand,
.sr-site .footer-premium-shell {
  background: transparent !important;
}

.sr-site .footer-premium-col {
  background: rgba(8, 14, 30, 0.28) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

/* Nav — readable glass */
html body.sr-site nav.nav-glass.nav-premium {
  background: linear-gradient(
    180deg,
    rgba(2, 6, 18, 0.55) 0%,
    rgba(2, 6, 18, 0.28) 100%
  ) !important;
}

html body.sr-site nav.nav-premium .nav-shell {
  background: linear-gradient(
    135deg,
    rgba(8, 16, 38, 0.52) 0%,
    rgba(14, 26, 52, 0.38) 100%
  ) !important;
}

html body.sr-site nav.nav-glass.nav-premium.scrolled {
  background: linear-gradient(
    180deg,
    rgba(2, 6, 18, 0.78) 0%,
    rgba(2, 6, 18, 0.52) 100%
  ) !important;
}

html body.sr-site nav.nav-premium.scrolled .nav-shell {
  background: linear-gradient(
    135deg,
    rgba(8, 16, 38, 0.68) 0%,
    rgba(14, 26, 52, 0.52) 100%
  ) !important;
}

@media (max-width: 767px) {
  .sr-site .hero-readout-shell,
  .sr-site .card,
  .sr-site .sr-faq-card {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sr-site section {
    transition: none !important;
  }
}


/* ── sr-ui-premium.css ── */
/*
  Shared premium UI — reveals, orbs, section accents
*/

@keyframes sr-float-orb {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.45; }
  50% { transform: translate(12px, -18px) scale(1.08); opacity: 0.7; }
}

@keyframes sr-shimmer-line {
  0% { background-position: 200% center; }
  100% { background-position: -200% center; }
}

@keyframes sr-pulse-ring {
  0% { transform: scale(0.92); opacity: 0.5; }
  70% { transform: scale(1.35); opacity: 0; }
  100% { transform: scale(1.35); opacity: 0; }
}

@keyframes sr-icon-pop {
  0% { transform: scale(0.85); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.sr-ui-reveal,
.fade-up,
.sr-fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: calc(var(--reveal-i, 0) * 0.07s);
}

.sr-ui-reveal.is-visible,
.fade-up.visible,
.fade-up.is-visible,
.sr-fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.sr-ui-reveal {
  transform: translateY(22px);
}

.sr-section-orb {
  pointer-events: none;
  position: absolute;
  border-radius: 999px;
  filter: blur(48px);
  animation: sr-float-orb 14s ease-in-out infinite;
}

.sr-section-orb.a {
  width: 220px;
  height: 220px;
  top: -40px;
  left: -60px;
  background: rgba(56, 189, 248, 0.14);
}

.sr-section-orb.b {
  width: 180px;
  height: 180px;
  bottom: 10%;
  right: -40px;
  background: rgba(232, 185, 74, 0.1);
  animation-delay: -5s;
}

.sr-section-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  margin: 0.5rem auto 1.5rem;
}

.sr-section-divider::before,
.sr-section-divider::after {
  content: "";
  height: 1px;
  width: 3.5rem;
  background: linear-gradient(90deg, transparent, rgba(79, 209, 229, 0.35), transparent);
}

.sr-section-divider-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: #38bdf8;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.65);
}

@media (prefers-reduced-motion: reduce) {
  .sr-ui-reveal,
  .fade-up,
  .sr-fade-in {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .sr-section-orb {
    animation: none;
  }
}

/* RTL — same layout language, mirrored where needed */
html[dir="rtl"] .sr-seo-paragraph::before {
  left: auto;
  right: 1rem;
}

html[dir="rtl"] .sr-seo-paragraph {
  padding: 1rem 2.75rem 1rem 1.15rem;
}

html[dir="rtl"] .sr-seo-paragraph:hover {
  transform: translateX(-4px);
}

html[dir="rtl"] .sr-faq-a,
html[dir="rtl"] .sr-faq-answer > p {
  padding: 0 3.85rem 1.15rem 1.15rem;
}

html[dir="rtl"] body.sr-site nav.nav-premium .nav-shell {
  direction: rtl;
}

html[dir="rtl"] body.sr-site nav.nav-premium .nav-pill-icon {
  transform: scaleX(-1);
}


/* ── sr-faq-premium.css ── */
/*
  FAQ Premium — clean glass accordion, no heavy bottom vignette
*/

body.sr-site .sr-faq-section {
  position: relative;
  background: transparent !important;
}

body.sr-site .sr-faq-section::before,
body.sr-site .sr-faq-section::after {
  display: none !important;
}

body.sr-site .sr-faq-header {
  text-align: center;
  margin-bottom: clamp(1.75rem, 4vw, 2.5rem);
}

body.sr-site .sr-faq-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(186, 230, 253, 0.88);
  border: 1px solid rgba(186, 230, 253, 0.18);
  background: rgba(56, 189, 248, 0.08);
}

body.sr-site .sr-faq-kicker svg {
  width: 0.85rem;
  height: 0.85rem;
  opacity: 0.85;
}

body.sr-site .sr-faq-title {
  margin: 0.85rem 0 0 !important;
  font-family: "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.45rem, 3.5vw, 2rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: #f8fafc !important;
}

body.sr-site .sr-faq-lead {
  margin: 0.65rem auto 0 !important;
  max-width: 38rem;
  font-size: 0.9375rem !important;
  line-height: 1.6;
  color: rgba(186, 230, 253, 0.72) !important;
}

body.sr-site .sr-faq-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

body.sr-site .sr-faq-card {
  border-radius: 1rem !important;
  border: 1px solid rgba(186, 230, 253, 0.12) !important;
  background:
    linear-gradient(135deg, rgba(186, 230, 253, 0.06) 0%, rgba(255, 255, 255, 0.02) 50%, transparent 100%),
    linear-gradient(180deg, rgba(6, 14, 26, 0.48), rgba(4, 10, 20, 0.58)) !important;
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 12px 36px rgba(2, 8, 20, 0.18) !important;
  overflow: hidden;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

body.sr-site .sr-faq-card:hover {
  border-color: rgba(186, 230, 253, 0.2) !important;
}

body.sr-site .sr-faq-card.open {
  border-color: rgba(226, 193, 120, 0.28) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.08) inset,
    0 16px 44px rgba(2, 8, 20, 0.24),
    0 0 24px rgba(212, 160, 23, 0.06) !important;
}

body.sr-site .sr-faq-trigger {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  width: 100%;
  padding: 1rem 1.1rem;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

body.sr-site .sr-faq-index {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.55rem;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.68rem;
  font-weight: 600;
  color: #fde68a;
  background: rgba(212, 160, 23, 0.1);
  border: 1px solid rgba(212, 160, 23, 0.22);
}

body.sr-site .sr-faq-question {
  flex: 1;
  min-width: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: #f1f5f9;
}

body.sr-site .sr-faq-chevron {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  color: rgba(186, 230, 253, 0.75);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: transform 0.25s ease, background 0.25s ease;
}

body.sr-site .sr-faq-card.open .sr-faq-chevron {
  transform: rotate(180deg);
  background: rgba(212, 160, 23, 0.12);
  border-color: rgba(212, 160, 23, 0.22);
  color: #fde68a;
}

body.sr-site .sr-faq-answer {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease;
}

body.sr-site .sr-faq-card.open .sr-faq-answer {
  max-height: 24rem;
  opacity: 1;
}

body.sr-site .sr-faq-answer p {
  margin: 0;
  padding: 0 1.1rem 1.1rem 3.85rem;
  font-size: 0.875rem;
  line-height: 1.65;
  color: rgba(186, 230, 253, 0.78);
}

@media (max-width: 640px) {
  body.sr-site .sr-faq-answer p {
    padding-left: 1.1rem;
    padding-top: 0.15rem;
  }
}


/* ── sr-seo-content.css ── */
/*
  Premium SEO / Search Guide section — icons, cards, tags, motion
*/

.sr-seo-section {
  position: relative;
  overflow: hidden;
  padding: 3.5rem 0 4rem !important;
}

.sr-seo-section .sr-seo-inner {
  position: relative;
  z-index: 1;
}

.sr-seo-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #7dd3fc;
  background: rgba(56, 189, 248, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.22);
  margin-bottom: 1rem;
}

.sr-seo-kicker svg {
  width: 0.85rem;
  height: 0.85rem;
}

.sr-seo-title {
  font-size: clamp(1.65rem, 4vw, 2.35rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, #f8fafc 0%, #94a3b8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-bottom: 0.75rem;
}

.sr-seo-lead {
  font-size: 1rem;
  line-height: 1.75;
  color: rgba(203, 213, 225, 0.88);
  max-width: 52rem;
  margin: 0 auto 2rem;
}

.sr-seo-paragraphs {
  display: grid;
  gap: 1rem;
  max-width: 52rem;
  margin: 0 auto 2.5rem;
}

.sr-seo-paragraph {
  position: relative;
  padding: 1rem 1.15rem 1rem 2.75rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 0.92rem;
  line-height: 1.7;
  color: rgba(203, 213, 225, 0.85);
  transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease;
}

.sr-seo-paragraph::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 1.15rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #38bdf8, #e8b94a);
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.5);
}

.sr-seo-paragraph:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(56, 189, 248, 0.18);
  transform: translateX(4px);
}

.sr-seo-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 2.5rem;
}

@media (max-width: 1023px) {
  .sr-seo-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  .sr-seo-cards {
    grid-template-columns: 1fr;
  }
}

.sr-seo-card {
  position: relative;
  padding: 1.35rem 1.25rem 1.25rem;
  border-radius: 1.15rem;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.sr-seo-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 0%, rgba(56, 189, 248, 0.12), transparent 55%);
  opacity: 0;
  transition: opacity 0.35s ease;
}

.sr-seo-card:hover {
  transform: translateY(-4px);
  border-color: rgba(56, 189, 248, 0.25);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.sr-seo-card:hover::before {
  opacity: 1;
}

.sr-seo-card-icon {
  position: relative;
  z-index: 1;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  animation: sr-icon-pop 0.5s ease backwards;
  animation-delay: calc(var(--reveal-i, 0) * 0.08s + 0.15s);
}

.sr-seo-card-icon svg {
  width: 1.15rem;
  height: 1.15rem;
}

.sr-seo-icon-pulse { background: rgba(34, 197, 94, 0.14); color: #4ade80; }
.sr-seo-icon-clock { background: rgba(59, 130, 246, 0.14); color: #60a5fa; }
.sr-seo-icon-chart { background: rgba(168, 85, 247, 0.14); color: #c084fc; }
.sr-seo-icon-satellite { background: rgba(232, 185, 74, 0.14); color: #fbbf24; }
.sr-seo-icon-wave { background: rgba(56, 189, 248, 0.14); color: #38bdf8; }
.sr-seo-icon-globe { background: rgba(244, 114, 182, 0.14); color: #f472b6; }

.sr-seo-card h3 {
  position: relative;
  z-index: 1;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #f1f5f9 !important;
  margin-bottom: 0.45rem !important;
  line-height: 1.35 !important;
}

.sr-seo-card p {
  position: relative;
  z-index: 1;
  font-size: 0.82rem;
  line-height: 1.65;
  color: rgba(148, 163, 184, 0.95);
  margin: 0;
}

.sr-seo-blocks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 2.5rem;
}

@media (max-width: 767px) {
  .sr-seo-blocks {
    grid-template-columns: 1fr;
  }
}

.sr-seo-block {
  display: flex;
  gap: 0.85rem;
  padding: 1.15rem 1.2rem;
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: border-color 0.3s ease, transform 0.3s ease;
}

.sr-seo-block:hover {
  border-color: rgba(232, 185, 74, 0.25);
  transform: translateY(-2px);
}

.sr-seo-block-icon {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(232, 185, 74, 0.12);
  color: #fbbf24;
  border: 1px solid rgba(232, 185, 74, 0.2);
}

.sr-seo-block-icon svg {
  width: 1rem;
  height: 1rem;
}

.sr-seo-block h4 {
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  color: #e2e8f0 !important;
  margin: 0 0 0.35rem !important;
}

.sr-seo-block p {
  font-size: 0.8rem;
  line-height: 1.6;
  color: rgba(148, 163, 184, 0.95);
  margin: 0;
}

.sr-seo-signals {
  margin-bottom: 2rem;
}

.sr-seo-signals-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: 1rem;
}

.sr-seo-signals-title svg {
  width: 0.9rem;
  height: 0.9rem;
  color: #38bdf8;
}

.sr-seo-signal-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem;
}

.sr-seo-signal {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.75rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.25s ease;
}

.sr-seo-signal::before {
  content: "";
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.6);
}

.sr-seo-signal:hover {
  color: #f8fafc;
  border-color: rgba(56, 189, 248, 0.3);
  background: rgba(56, 189, 248, 0.08);
  transform: translateY(-2px);
}

.sr-seo-tags-wrap {
  text-align: center;
}

.sr-seo-tags-label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 0.85rem;
}

.sr-seo-tags-label svg {
  width: 0.85rem;
  height: 0.85rem;
}

.sr-seo-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.45rem;
}

.sr-seo-tag {
  display: inline-block;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  color: rgba(148, 163, 184, 0.95);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: all 0.22s ease;
}

.sr-seo-tag:hover {
  color: #0f172a;
  background: linear-gradient(135deg, #38bdf8, #0ea5e9);
  border-color: transparent;
  transform: scale(1.04);
  box-shadow: 0 4px 14px rgba(56, 189, 248, 0.3);
}

@media (prefers-reduced-motion: reduce) {
  .sr-seo-card,
  .sr-seo-paragraph,
  .sr-seo-block,
  .sr-seo-signal,
  .sr-seo-tag {
    transition: none;
  }

  .sr-seo-card-icon {
    animation: none;
  }
}


/* ── sr-footer-premium.css ── */
/*
  Footer Pro v4 — institutional observatory layout
*/

html body.sr-site footer .footer-cols {
  display: none !important;
}

html body.sr-site footer.footer-premium.sr-footer-pro {
  position: relative;
  margin-top: clamp(2.5rem, 6vw, 4rem) !important;
  padding: 0 !important;
  overflow: hidden;
  background:
    radial-gradient(ellipse 90% 55% at 50% -10%, rgba(56, 189, 248, 0.12) 0%, transparent 58%),
    radial-gradient(ellipse 60% 40% at 85% 100%, rgba(251, 191, 36, 0.08) 0%, transparent 55%),
    linear-gradient(180deg, rgba(3, 7, 18, 0.72) 0%, rgba(2, 6, 16, 0.96) 100%) !important;
  border-top: 1px solid rgba(103, 232, 249, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html body.sr-site footer.footer-premium.sr-footer-pro::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.45), rgba(251, 191, 36, 0.35), transparent);
  pointer-events: none;
}

html body.sr-site .sr-footer-pro__ridge {
  position: relative;
  z-index: 1;
  height: 1.75rem;
  margin-bottom: -0.35rem;
  opacity: 0.85;
}

html body.sr-site .sr-footer-pro__ridge svg {
  display: block;
  width: 100%;
  height: 100%;
}

html body.sr-site .sr-footer-pro__container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: var(--sr-lane-wide, 92rem);
  margin: 0 auto;
  padding-block: clamp(1.5rem, 4vw, 2.25rem) clamp(1.25rem, 3vw, 1.75rem);
  padding-inline: 0;
}

html body.sr-site footer.footer-premium .footer-premium-shell,
html body.sr-site footer.footer-premium .sr-footer-shell {
  opacity: 0;
  transform: translateY(18px);
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body.sr-site footer.footer-premium.footer-is-mounted .footer-premium-shell,
html body.sr-site footer.footer-premium.footer-is-mounted .sr-footer-shell {
  animation: sr-footer-rise 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes sr-footer-rise {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Masthead */
html body.sr-site .sr-footer-pro__mast {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1.25rem 1.5rem;
  align-items: start;
  padding: clamp(1rem, 2.8vw, 1.35rem);
  margin-bottom: 1.25rem;
  border-radius: 1.1rem;
  border: 1px solid rgba(103, 232, 249, 0.18);
  background:
    linear-gradient(145deg, rgba(56, 189, 248, 0.08) 0%, rgba(15, 23, 42, 0.55) 42%, rgba(2, 6, 23, 0.75) 100%);
  box-shadow:
    0 16px 40px rgba(2, 6, 23, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html body.sr-site .sr-footer-pro__brand {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  min-width: 0;
}

html body.sr-site .sr-footer-pro__logo {
  position: relative;
  flex-shrink: 0;
  width: 3.5rem;
  height: 3.5rem;
  display: grid;
  place-items: center;
  border-radius: 1rem;
  border: 1px solid rgba(103, 232, 249, 0.28);
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.9), rgba(30, 41, 59, 0.75));
  box-shadow: 0 8px 24px rgba(2, 6, 23, 0.4);
}

html body.sr-site .sr-footer-pro__logo .sr-brand-icon-wrap {
  width: 2.35rem;
  height: 2.35rem;
}

html body.sr-site .sr-footer-pro__logo-pulse {
  position: absolute;
  inset: -3px;
  border-radius: inherit;
  border: 1px solid rgba(52, 211, 153, 0.35);
  animation: sr-footer-logo-pulse 2.4s ease-in-out infinite;
  pointer-events: none;
}

@keyframes sr-footer-logo-pulse {
  0%, 100% { opacity: 0.35; transform: scale(1); }
  50% { opacity: 0.85; transform: scale(1.04); }
}

html body.sr-site .sr-footer-pro__brand-copy {
  min-width: 0;
}

html body.sr-site .sr-footer-pro__kicker {
  display: inline-flex;
  margin-bottom: 0.35rem;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fde68a;
  border: 1px solid rgba(251, 191, 36, 0.35);
  background: rgba(251, 191, 36, 0.1);
}

html body.sr-site .sr-footer-pro__title {
  margin: 0;
  font-size: clamp(1.15rem, 3.2vw, 1.45rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: #f8fafc;
  text-wrap: balance;
}

html body.sr-site .sr-footer-pro__desc {
  margin: 0.55rem 0 0;
  max-width: 42rem;
  font-size: clamp(0.8125rem, 2.1vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.65;
  color: rgba(186, 230, 253, 0.88);
}

html body.sr-site .sr-footer-pro__signals {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.4rem;
  max-width: 16rem;
}

html body.sr-site .sr-footer-pro__signal {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.62rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(203, 213, 225, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.55);
}

html body.sr-site .sr-footer-pro__signal.is-live {
  color: #86efac;
  border-color: rgba(52, 211, 153, 0.35);
  background: rgba(52, 211, 153, 0.1);
  box-shadow: 0 0 16px rgba(52, 211, 153, 0.12);
}

html body.sr-site .sr-footer-pro__signal.is-live i {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #34d399;
  box-shadow: 0 0 8px rgba(52, 211, 153, 0.8);
  animation: sr-footer-live-dot 1.6s ease-in-out infinite;
}

@keyframes sr-footer-live-dot {
  0%, 100% { opacity: 0.55; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.1); }
}

/* Link matrix */
html body.sr-site .sr-footer-pro__matrix {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-bottom: 1rem;
}

html body.sr-site .sr-footer-pro__card {
  padding: clamp(0.85rem, 2.2vw, 1rem);
  border-radius: 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.04) 0%, rgba(15, 23, 42, 0.45) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

html body.sr-site .sr-footer-pro__card:hover {
  border-color: rgba(56, 189, 248, 0.22);
  box-shadow: 0 10px 28px rgba(2, 6, 23, 0.28);
  transform: translateY(-2px);
}

html body.sr-site .sr-footer-pro__card-head {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0 0 0.75rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.95);
}

html body.sr-site .sr-footer-pro__card-icon {
  display: grid;
  place-items: center;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 0.55rem;
  color: #67e8f9;
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.22);
}

html body.sr-site .sr-footer-pro__card-icon svg {
  width: 1rem;
  height: 1rem;
}

html body.sr-site .sr-footer-pro__card-icon--gold {
  color: #fde68a;
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.25);
}

html body.sr-site .sr-footer-pro__card-icon--mint {
  color: #6ee7b7;
  background: rgba(52, 211, 153, 0.1);
  border-color: rgba(52, 211, 153, 0.22);
}

html body.sr-site .sr-footer-pro__nav {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

html body.sr-site .sr-footer-pro__nav a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  padding: 0.48rem 0.55rem !important;
  border-radius: 0.55rem;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: rgba(226, 232, 240, 0.88) !important;
  text-decoration: none !important;
  transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

html body.sr-site .sr-footer-pro__nav a span {
  min-width: 0;
}

html body.sr-site .sr-footer-pro__nav a svg {
  flex-shrink: 0;
  width: 0.9rem;
  height: 0.9rem;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  color: #67e8f9;
}

html body.sr-site .sr-footer-pro__nav a:hover {
  color: #f8fafc !important;
  background: rgba(56, 189, 248, 0.08);
  transform: translateX(2px);
}

html body.sr-site .sr-footer-pro__nav a:hover svg {
  opacity: 1;
  transform: translateX(0);
}

/* Languages */
html body.sr-site .sr-footer-pro__world {
  padding: clamp(0.9rem, 2.4vw, 1.1rem);
  margin-bottom: 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.55), rgba(2, 6, 23, 0.65));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html body.sr-site .sr-footer-pro__world-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
  margin-bottom: 0.75rem;
}

html body.sr-site .sr-footer-pro__world-head h3 {
  margin: 0;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.95);
}

html body.sr-site .sr-footer-pro__world-head p {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 600;
  color: rgba(100, 116, 139, 0.95);
}

html body.sr-site .sr-footer-pro__lang-grid,
html body.sr-site .sr-footer-lang-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.42rem !important;
  align-items: flex-start !important;
}

html body.sr-site .sr-footer-lang-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.42rem !important;
  min-height: 2.05rem;
  padding: 0.34rem 0.62rem 0.34rem 0.48rem !important;
  border-radius: 999px !important;
  color: rgba(226, 232, 240, 0.92) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  text-decoration: none !important;
  white-space: nowrap;
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
  cursor: pointer;
  transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

html body.sr-site .sr-footer-lang-flag {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.35rem;
  height: 0.95rem;
  border-radius: 0.2rem;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14), 0 2px 6px rgba(0, 0, 0, 0.35);
}

html body.sr-site .sr-footer-flag-svg {
  display: block;
  width: 100%;
  height: 100%;
}

html body.sr-site .sr-footer-lang-code {
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 1;
}

html body.sr-site .sr-footer-lang-pill:hover {
  color: #f8fafc !important;
  border-color: rgba(56, 189, 248, 0.32) !important;
  background: rgba(56, 189, 248, 0.1) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(14, 165, 233, 0.12);
}

html body.sr-site .sr-footer-lang-pill.active {
  color: #f8fafc !important;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.95), rgba(2, 132, 199, 0.92)) !important;
  border-color: rgba(125, 211, 252, 0.45) !important;
  box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.35), 0 6px 18px rgba(14, 165, 233, 0.28);
}

/* Base bar */
html body.sr-site .sr-footer-pro__base {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

html body.sr-site .sr-footer-pro__legalbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.85rem;
  margin-left: auto;
}

html body.sr-site .sr-footer-pro__legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
}

html body.sr-site .sr-footer-pro__legal-links a {
  color: rgba(148, 163, 184, 0.9);
  text-decoration: none;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}

html body.sr-site .sr-footer-pro__legal-links a:hover {
  color: #e2e8f0;
}

html body.sr-site .sr-footer-pro__partners {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}

html body.sr-site .sr-partner-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.62rem;
  border-radius: 0.5rem;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.92);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-decoration: none !important;
  transition: color 0.2s ease, border-color 0.2s ease;
}

html body.sr-site .sr-partner-badge:hover {
  color: #f8fafc;
  border-color: rgba(56, 189, 248, 0.28);
}

html body.sr-site .sr-footer-pro__legalbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 0.85rem;
}

html body.sr-site .sr-footer-copy {
  margin: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 500;
  color: rgba(100, 116, 139, 0.95) !important;
}

html body.sr-site .sr-footer-pro__domain,
html body.sr-site .sr-footer-domain {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: rgba(186, 230, 253, 0.9) !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

html body.sr-site .sr-footer-pro__domain:hover,
html body.sr-site .sr-footer-domain:hover {
  color: #38bdf8 !important;
}

/* Legacy class kill */
html body.sr-site .sr-footer-brand-row,
html body.sr-site .sr-footer-columns,
html body.sr-site .sr-footer-meta {
  display: none !important;
}

@media (max-width: 1023px) {
  html body.sr-site .sr-footer-pro__mast {
    grid-template-columns: 1fr;
  }

  html body.sr-site .sr-footer-pro__signals {
    justify-content: flex-start;
    max-width: none;
  }

  html body.sr-site .sr-footer-pro__matrix {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 639px) {
  html body.sr-site .sr-footer-pro__matrix {
    grid-template-columns: 1fr;
  }

  html body.sr-site .sr-footer-pro__base {
    flex-direction: column;
    align-items: flex-start;
  }

  html body.sr-site .sr-footer-lang-pill {
    flex-direction: row !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.sr-site footer.footer-premium .footer-premium-shell {
    opacity: 1;
    transform: none;
    animation: none;
  }

  html body.sr-site .sr-footer-pro__logo-pulse,
  html body.sr-site .sr-footer-pro__signal.is-live i {
    animation: none;
  }
}

.sr-cookie-banner {
  position: fixed;
  left: max(0.75rem, env(safe-area-inset-left));
  right: max(0.75rem, env(safe-area-inset-right));
  bottom: max(0.75rem, env(safe-area-inset-bottom));
  z-index: 10080;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 0.85rem;
  padding: 0.75rem 0.9rem;
  border-radius: 0.85rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(2, 6, 23, 0.94);
  box-shadow: 0 16px 40px rgba(2, 6, 23, 0.45);
  backdrop-filter: blur(14px);
}

.sr-cookie-banner p {
  margin: 0;
  flex: 1;
  min-width: 12rem;
  font-size: 0.78rem;
  line-height: 1.45;
  color: rgba(226, 232, 240, 0.9);
}

.sr-cookie-banner a {
  color: #67e8f9;
}

.sr-cookie-banner__btn {
  border: 0;
  border-radius: 999px;
  padding: 0.45rem 0.85rem;
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
  color: #f8fafc;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  cursor: pointer;
}


/* ── sr-global-shell.css ── */
/*
  Global shell — design tokens, conflict fixes, mobile menu, worldwide footer
  Load last among SR custom CSS.
*/

:root {
  --sr-nav-h: 4.25rem;
  --sr-trust-h: 1.85rem;
  --sr-header-total: calc(var(--sr-nav-h) + var(--sr-trust-h) + env(safe-area-inset-top, 0px));
  --sr-cyan: #38bdf8;
  --sr-gold: #fbbf24;
  --sr-ink: #030712;
  --sr-glass: rgba(3, 7, 18, 0.88);
  --sr-border: rgba(255, 255, 255, 0.08);
  --sr-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 1023px) {
  :root {
    --sr-trust-h: 0px;
    --sr-header-total: calc(var(--sr-nav-h) + env(safe-area-inset-top, 0px));
  }
}

/* Fix legacy shell conflicts */
.sr-site .nav-glass .brand-caption,
.sr-site .nav-glass .brand-subcopy {
  display: none !important;
}

.sr-site .nav-glass .sr-brand-kicker {
  display: block !important;
}

.sr-site .nav-glass .sr-brand-tagline {
  display: none !important;
}

@media (min-width: 1280px) {
  .sr-site .nav-glass .sr-brand-tagline {
    display: block !important;
  }
}

.sr-site #dashboard,
.sr-site #about,
.sr-site #guide,
.sr-site #search-guide,
.sr-site #spectrogram,
.sr-site #solar,
.sr-site .hero-stage {
  scroll-margin-top: calc(var(--sr-header-total) + 0.75rem) !important;
}

/* ── Mobile menu — global premium ── */
html body.sr-site .nav-mobile-overlay {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: calc(var(--sr-header-total) + 0.65rem) 0.85rem 1.25rem;
  background: rgba(2, 6, 16, 0.82) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.32s var(--sr-ease), visibility 0.32s;
}

html body.sr-site .nav-mobile-overlay.active,
html body.sr-site .nav-mobile-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

html body.sr-site .nav-mobile-menu {
  width: min(100%, 26rem);
  max-height: calc(100dvh - var(--sr-header-total) - 1.5rem);
  overflow: auto;
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03)) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45) !important;
  padding: 0.85rem !important;
}

html body.sr-site .sr-mobile-brand {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem 0.65rem 0.85rem;
  margin-bottom: 0.35rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

html body.sr-site .sr-mobile-brand .sr-brand-icon-wrap {
  width: 2.75rem;
  height: 2.75rem;
}

html body.sr-site .nav-mobile-links {
  display: grid;
  gap: 0.35rem;
}

html body.sr-site .nav-mobile-link {
  display: flex !important;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.85rem;
  padding: 0.65rem 0.85rem !important;
  border-radius: 0.65rem !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: rgba(226, 232, 240, 0.88) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}

html body.sr-site .nav-mobile-link:hover,
html body.sr-site .nav-mobile-link.active {
  color: #f8fafc !important;
  background: rgba(14, 165, 233, 0.14) !important;
  border-color: rgba(56, 189, 248, 0.28) !important;
}

html body.sr-site .nav-mobile-link.star-link {
  color: #fde68a !important;
  background: rgba(251, 191, 36, 0.08) !important;
  border-color: rgba(251, 191, 36, 0.2) !important;
}

html body.sr-site .nav-mobile-footer {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

/* ── Partner badges ── */
.sr-partner-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.85rem;
}

.sr-partner-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.38rem 0.72rem;
  border-radius: 0.55rem;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(203, 213, 225, 0.9);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-decoration: none !important;
  transition: border-color 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.sr-partner-badge:hover {
  color: #f8fafc;
  border-color: rgba(56, 189, 248, 0.28);
  transform: translateY(-1px);
}

/* Language pills — footer only (sr-footer-premium.css owns layout) */

html[dir="rtl"] footer.footer-premium .footer-premium-col a:hover {
  transform: translateX(-4px);
}

@media (prefers-reduced-motion: reduce) {
  html body.sr-site .nav-mobile-overlay {
    transition: none;
  }
}


/* ── sr-splash-intro.css ── */
/**
 * Schumann Resonance Live — Cinematic splash + hero entrance + layout guard
 */

/* ── Layout: no horizontal drift ── */
html {
  overflow-x: clip;
  scroll-behavior: smooth;
}

.sr-site {
  overflow-x: clip;
  width: 100%;
  max-width: 100%;
}

.sr-site .site-wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  min-width: 0;
}

.sr-site img,
.sr-site video,
.sr-site canvas,
.sr-site svg:not(.brand-spectrum):not(.nav-pill-icon) {
  max-width: 100%;
  height: auto;
}

.sr-site .spectro-container img,
.sr-site #spectro-img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

.sr-site .hero-visual-h1 {
  font-size: clamp(1.3rem, 4.2vw, 2.35rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.03em;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  hyphens: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 0.35rem;
}

.sr-site .hero-stage-shell,
.sr-site .hero-readout-wrap,
.sr-site .hero-audience-wrap,
.sr-site .hero-features-strip {
  max-width: 100%;
  min-width: 0;
}

.sr-site .hero-audience-countline {
  min-width: 0;
}

.sr-site .hero-audience-text {
  min-width: 0;
  overflow-wrap: anywhere;
}

.sr-site .chart-tab-row {
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.sr-site .chart-tab-row::-webkit-scrollbar {
  display: none;
}

@media (max-width: 420px) {
  .sr-site .hero-stats-row {
    flex-wrap: wrap !important;
    max-width: 100% !important;
    gap: 0.4rem !important;
  }

  .sr-site .hero-stats-row .card {
    flex: 1 1 calc(50% - 0.25rem) !important;
    min-width: calc(50% - 0.25rem) !important;
  }
}

@media (max-width: 359px) {
  .sr-site .hero-stats-row .card {
    flex: 1 1 100% !important;
    min-width: 100% !important;
  }
}


/* ── Splash screen ── */
.sr-splash {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  background: radial-gradient(ellipse 120% 80% at 50% 0%, #0a1628 0%, #030712 55%, #010409 100%);
  transition: opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1),
              visibility 0.65s;
  overflow: hidden;
}

.sr-splash.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.sr-splash.is-skip {
  display: none;
}

.sr-splash-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.sr-splash-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  border-radius: 50%;
  border: 1px solid rgba(45, 212, 191, 0.25);
  animation: srSplashRing 2.4s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.sr-splash-ring-2 { animation-delay: 0.55s; border-color: rgba(99, 102, 241, 0.2); }
.sr-splash-ring-3 { animation-delay: 1.1s; border-color: rgba(167, 139, 250, 0.15); }

@keyframes srSplashRing {
  0% { transform: scale(0.35); opacity: 0.85; }
  100% { transform: scale(4.2); opacity: 0; }
}

.sr-splash-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  animation: srSplashOrb 8s ease-in-out infinite;
}

.sr-splash-orb-a {
  width: 280px; height: 280px;
  top: 15%; left: 10%;
  background: rgba(45, 212, 191, 0.18);
}

.sr-splash-orb-b {
  width: 220px; height: 220px;
  bottom: 10%; right: 8%;
  background: rgba(99, 102, 241, 0.14);
  animation-delay: -3s;
}

@keyframes srSplashOrb {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(18px, -22px); }
}

.sr-splash-core {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 2rem;
  animation: srSplashCoreIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes srSplashCoreIn {
  from { opacity: 0; transform: translateY(28px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.sr-splash-wave {
  width: 72px;
  height: 72px;
  margin: 0 auto 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(45, 212, 191, 0.15), rgba(99, 102, 241, 0.12));
  border: 1px solid rgba(45, 212, 191, 0.35);
  box-shadow: 0 0 48px rgba(45, 212, 191, 0.25);
  color: #2dd4bf;
  font-size: 1.75rem;
  animation: srSplashWavePulse 2s ease-in-out infinite;
}

@keyframes srSplashWavePulse {
  0%, 100% { box-shadow: 0 0 48px rgba(45, 212, 191, 0.25); transform: scale(1); }
  50% { box-shadow: 0 0 64px rgba(45, 212, 191, 0.45); transform: scale(1.04); }
}

.sr-splash-freq {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}

.sr-splash-freq-num {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: clamp(2.5rem, 10vw, 3.75rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  background: linear-gradient(135deg, #f0fdfa 0%, #2dd4bf 50%, #818cf8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-variant-numeric: tabular-nums;
}

.sr-splash-freq-unit {
  font-size: 1.1rem;
  font-weight: 600;
  color: rgba(45, 212, 191, 0.75);
  letter-spacing: 0.08em;
}

.sr-splash-brand {
  font-size: clamp(1rem, 3.5vw, 1.25rem);
  font-weight: 700;
  color: #f8fafc;
  letter-spacing: -0.02em;
  margin-bottom: 0.35rem;
}

.sr-splash-tagline {
  font-size: 0.8125rem;
  color: #64748b;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 1.75rem;
}

.sr-splash-progress {
  width: min(220px, 70vw);
  height: 3px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  overflow: hidden;
}

.sr-splash-progress-bar {
  height: 100%;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(90deg, #14b8a6, #2dd4bf, #818cf8);
  box-shadow: 0 0 12px rgba(45, 212, 191, 0.6);
  transition: width 0.15s linear;
}

/* ── Page lock during splash ── */
body.sr-splash-active {
  overflow: hidden !important;
  height: 100vh;
  height: 100dvh;
}

body.sr-splash-active .site-wrapper {
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
}

body.sr-page-ready .site-wrapper {
  opacity: 1;
  transform: none;
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.05s,
              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.05s;
}

body.sr-splash-active .nav-glass {
  opacity: 0;
  transform: translateY(-8px);
}

body.sr-page-ready .nav-glass {
  opacity: 1;
  transform: none;
  transition: opacity 0.55s ease 0.15s, transform 0.55s ease 0.15s;
}

/* ── Hero stagger entrance ── */
.sr-hero-in {
  opacity: 0;
  transform: translateY(24px);
  filter: blur(6px);
  transition:
    opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.75s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: calc(var(--sr-i, 0) * 0.09s + 0.12s);
}

body.sr-page-ready .sr-hero-in {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* Repeat visits: show hero immediately (no splash) */
html:not(.sr-splash-pending) .sr-hero-in {
  opacity: 1;
  transform: none;
  filter: none;
  transition: none;
}

html.sr-splash-pending .sr-hero-in {
  opacity: 0;
  transform: translateY(24px);
  filter: blur(6px);
}

html.sr-splash-pending body.sr-page-ready .sr-hero-in {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
  transition:
    opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.75s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: calc(var(--sr-i, 0) * 0.09s + 0.12s);
}

.sr-hero-in-freq {
  --sr-i: 3;
  transform: translateY(28px) scale(0.92);
}

body.sr-page-ready .sr-hero-in-freq {
  transform: translateY(0) scale(1);
}

/* Section scroll reveal (fixed — no forced visible) */
.sr-site .fade-up {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.sr-site .fade-up.is-visible,
.sr-site .fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.sr-site .sr-ui-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Override GPM forced-visible fade-up — restore scroll reveal */
.sr-site #dashboard .fade-up:not(.is-visible):not(.visible),
.sr-site #guide .fade-up:not(.is-visible):not(.visible),
.sr-site #about .fade-up:not(.is-visible):not(.visible),
.sr-site .card.fade-up:not(.is-visible):not(.visible) {
  opacity: 0 !important;
  transform: translateY(22px) !important;
  visibility: visible !important;
}

.sr-site #dashboard .fade-up.is-visible,
.sr-site #dashboard .fade-up.visible,
.sr-site #guide .fade-up.is-visible,
.sr-site #about .fade-up.is-visible,
.sr-site .card.fade-up.is-visible {
  opacity: 1 !important;
  transform: none !important;
}

/* First paint: hide content until splash script runs */
html.sr-splash-pending body {
  overflow: hidden !important;
}

html.sr-splash-pending #sr-splash,
body.sr-splash-active #sr-splash {
  display: flex;
}

html.sr-splash-pending .site-wrapper {
  opacity: 0;
  visibility: hidden;
}

html.sr-splash-pending #sr-splash {
  display: flex;
}

html:not(.sr-splash-pending) #sr-splash.is-skip {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .sr-splash { display: none !important; }
  body.sr-splash-active { overflow: auto !important; height: auto !important; }
  body.sr-splash-active .site-wrapper,
  body.sr-page-ready .site-wrapper {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .sr-hero-in,
  .sr-site .fade-up {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
  .sr-splash-ring,
  .sr-splash-orb,
  .sr-splash-wave {
    animation: none !important;
  }
}


/* ── sr-layout-guard.css ── */
/*
  Schumann Resonance Live — layout guard (load last)
  Prevents horizontal overflow, fixes RTL/long strings, smooth scroll UX.
*/

html {
  overflow-x: clip;
  scroll-behavior: auto;
  scrollbar-gutter: stable;
  --sr-scroll-p: 0;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body.sr-site {
  overflow-x: clip !important;
  width: 100%;
  max-width: 100vw;
}

body.sr-site .site-wrapper {
  overflow-x: clip;
  max-width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
}

body.sr-site #world-solar-bg {
  overflow: hidden;
  max-width: 100vw;
}

/* Hero glow was 120vw — main horizontal overflow source */
body.sr-site .hero-orbit-glow {
  width: 100% !important;
  max-width: 100vw !important;
  height: 100% !important;
  max-height: 100vh !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none;
}

body.sr-site .hero-stage {
  overflow: hidden;
}

/* Sections — no bleed */
body.sr-site section,
body.sr-site .sr-viz-suite,
body.sr-site .sr-seo-inner,
body.sr-site .footer-premium-shell,
body.sr-site .nav-glass {
  max-width: 100%;
}

body.sr-site .chart-tab-row {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}

body.sr-site .chart-tab-row::-webkit-scrollbar {
  display: none;
}

body.sr-site .tab-btn {
  flex-shrink: 0;
  max-width: 14rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Long translations (DE, RU, AR, etc.) */
body.sr-site .brand-title,
body.sr-site .nav-cta-link,
body.sr-site .hero-visual-h1,
body.sr-site .hero-readout-meta,
body.sr-site .sr-viz-panel-title,
body.sr-site .sr-viz-panel-sub,
body.sr-site .sr-footer-desc,
body.sr-site .sr-seo-title,
body.sr-site .sr-seo-lead,
body.sr-site .card h3,
body.sr-site .faq-question {
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

body.sr-site .sr-viz-panel-head {
  flex-wrap: wrap;
  gap: 0.5rem;
  min-width: 0;
}

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

body.sr-site .sr-viz-canvas-wrap,
body.sr-site .sr-viz-canvas-wrap canvas {
  max-width: 100%;
}

body.sr-site #main-spectro,
body.sr-site .spectro-image-wrap img {
  max-width: 100%;
  height: auto;
}

body.sr-site .hero-stats-row .card span {
  white-space: normal !important;
  text-align: center;
  line-height: 1.25;
}

/* RTL (Arabic) */
[dir="rtl"] body.sr-site .nav-glass .nav-shell,
[dir="rtl"] body.sr-site .hero-stats-row,
[dir="rtl"] body.sr-site .sr-viz-panel-head {
  direction: rtl;
}

[dir="rtl"] body.sr-site .chart-tab-row {
  direction: rtl;
}

/* Scroll performance — pause decorative motion while scrolling (not cosmos bg) */
body.is-scrolling .hero-orbit-glow,
body.is-scrolling .sr-section-orb {
  animation-play-state: paused !important;
}

/* Nav progress */
body.sr-site .nav-scroll-progress {
  transform-origin: left center;
  will-change: width;
}

[dir="rtl"] body.sr-site .nav-scroll-progress {
  transform-origin: right center;
}

/* Mobile menu open — no background scroll bleed */
body.sr-mobile-menu-open {
  overflow: hidden !important;
  position: fixed;
  width: 100%;
}

/* ── Smooth scroll polish ── */
body.sr-site .nav-scroll-progress {
  height: 2px;
  background: linear-gradient(90deg, #0d9488, #2dd4bf, #818cf8);
  box-shadow: 0 0 12px rgba(45, 212, 191, 0.45);
  transition: width 0.12s linear;
}

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

/* ── Mobile: zero overflow, tight layout ── */
@media (max-width: 767px) {
  body.sr-site {
    overflow-x: clip !important;
    -webkit-text-size-adjust: 100%;
  }

  body.sr-site .site-wrapper,
  body.sr-site main,
  body.sr-site section,
  body.sr-site .hero-stage-shell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  body.sr-site .hero-stage,
  body.sr-site .sr-aether-hero:not(.sr-hero-pro) {
    padding-top: calc(var(--sr-nav-offset, 5.15rem) + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: 1.35rem !important;
    padding-inline: max(0.75rem, env(safe-area-inset-left, 0px)) !important;
  }

  body.sr-site .hero-visual-h1 {
    font-size: clamp(1rem, 4.8vw, 1.45rem) !important;
    line-height: 1.15 !important;
    padding-inline: 0.15rem;
  }

  body.sr-site .hero-freq-value {
    font-size: clamp(2.65rem, 15vw, 4rem) !important;
    line-height: 1 !important;
    max-width: 100%;
  }

  body.sr-site .hero-readout-shell {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0.85rem 0.65rem !important;
  }

  body.sr-site .hero-readout-meta,
  body.sr-site .hero-readout-status {
    max-width: 100%;
    padding-inline: 0.15rem;
  }

  body.sr-site .hero-readout-status {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 0.35rem;
    font-size: 0.72rem;
  }

  body.sr-site .hero-stats-row {
    gap: 0.4rem !important;
    margin-bottom: 0.85rem !important;
  }

  body.sr-site .hero-stats-row .card {
    flex: 1 1 calc(50% - 0.25rem) !important;
    min-width: 0 !important;
    padding: 0.45rem 0.4rem !important;
  }

  body.sr-site .hero-audience-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.65rem;
    padding: 0.85rem !important;
  }

  body.sr-site .hero-audience-copy {
    min-width: 0;
    max-width: 100%;
  }

  body.sr-site .nav-glass .nav-shell {
    padding-inline: 0.55rem;
    gap: 0.35rem;
    min-width: 0;
  }

  body.sr-site .nav-glass .nav-brand,
  body.sr-site .nav-glass .brand-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.sr-site .grid.grid-cols-2 {
    gap: 0.45rem !important;
  }

  body.sr-site #solar.grid-cols-2 .card,
  body.sr-site .grid.grid-cols-2 .card {
    min-width: 0;
    padding: 0.65rem !important;
  }

  body.sr-site .card {
    min-width: 0;
  }

  body.sr-site .sr-viz-panel {
    padding: 0.85rem !important;
  }

  body.sr-site .sr-viz-live-badge {
    flex-shrink: 0;
  }

  body.sr-site .spectro-container,
  body.sr-site .spectro-image-wrap {
    max-width: 100%;
    overflow: hidden;
  }

  body.sr-site .sr-footer-chips {
    flex-wrap: wrap;
    gap: 0.35rem;
  }

  body.sr-site .sr-footer-chip {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 380px) {
  body.sr-site .hero-freq-value {
    font-size: clamp(2.35rem, 14vw, 3.2rem) !important;
  }

  body.sr-site .hero-cta-row a {
    font-size: 0.82rem;
    padding-inline: 0.85rem;
  }
}


/* ── sr-legal.css ── */
/* Inner legal pages — centered homepage dashboard shell */
body.sr-inner-page {
  background: transparent;
}

body.sr-inner-page .sr-inner-page__container {
  width: 100%;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
}

body.sr-inner-page #legal.sr-dash-pro {
  padding-top: calc(var(--sr-nav-offset, 7rem) + 1.5rem) !important;
  padding-bottom: clamp(2rem, 5vw, 3rem) !important;
}

body.sr-inner-page .sr-aether-dash-head,
body.sr-inner-page .sr-dash-pro-head {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

body.sr-inner-page .sr-aether-dash-head h1,
body.sr-inner-page .sr-dash-pro-head h1 {
  margin-left: auto;
  margin-right: auto;
}

body.sr-inner-page .sr-aether-dash-head p,
body.sr-inner-page .sr-dash-pro-head p {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

body.sr-inner-page .sr-dash-pro-head__row {
  justify-content: center;
}

body.sr-inner-page .sr-inner-legal__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin: 0 auto 1.15rem;
  max-width: 52rem;
}

body.sr-inner-page .sr-inner-legal__nav-link {
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.62rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(186, 230, 253, 0.82);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.sr-inner-page .sr-inner-legal__nav-link:hover {
  color: #f8fafc;
  border-color: rgba(56, 189, 248, 0.32);
  background: rgba(56, 189, 248, 0.1);
}

body.sr-inner-page .sr-inner-legal__nav-link.is-active {
  color: #fff7ed;
  border-color: rgba(251, 191, 36, 0.38);
  background: rgba(251, 191, 36, 0.12);
}

body.sr-inner-page .sr-inner-legal {
  max-width: 52rem;
  margin: 0 auto;
  padding: clamp(1.25rem, 3vw, 1.75rem);
}

body.sr-inner-page .sr-inner-legal__article h2 {
  margin: 1.45rem 0 0.55rem;
  padding-top: 0.35rem;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  font-size: 0.95rem;
  font-weight: 700;
  color: #bae6fd;
  text-align: left;
}

body.sr-inner-page .sr-inner-legal__article h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

body.sr-inner-page .sr-inner-legal__article p,
body.sr-inner-page .sr-inner-legal__article li {
  font-size: 0.86rem;
  line-height: 1.68;
  color: rgba(226, 232, 240, 0.9);
  text-align: left;
}

body.sr-inner-page .sr-inner-legal__article ul {
  margin: 0.35rem 0 0.85rem;
  padding-left: 1.15rem;
}

body.sr-inner-page .sr-inner-legal__article li {
  margin-bottom: 0.35rem;
}

body.sr-inner-page .sr-inner-legal__back {
  margin: 1.35rem auto 0;
  padding-top: 0.25rem;
  text-align: center;
  max-width: 52rem;
}

body.sr-inner-page .sr-inner-legal__back a {
  color: #67e8f9;
  font-weight: 650;
  text-decoration: none;
}

body.sr-inner-page .sr-inner-legal__back a:hover {
  color: #a5f3fc;
}

@media (max-width: 767px) {
  body.sr-inner-page .sr-inner-legal__nav-link {
    font-size: 0.62rem;
  }
}

.sr-news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
  margin: 1.25rem auto 0;
  max-width: 72rem;
}

.sr-news-card {
  padding: 1.25rem 1.35rem;
  border-radius: 1rem;
}

.sr-news-card__date {
  display: block;
  font-size: 0.72rem;
  font-family: 'Roboto Mono', monospace;
  color: rgba(148, 163, 184, 0.85);
  margin-bottom: 0.65rem;
}

.sr-news-card__title {
  font-size: 1rem;
  line-height: 1.35;
  margin: 0 0 0.65rem;
}

.sr-news-card__title a {
  color: #f8fafc;
  text-decoration: none;
}

.sr-news-card__title a:hover {
  color: #67e8f9;
}

.sr-news-card__excerpt {
  font-size: 0.84rem;
  line-height: 1.6;
  color: rgba(226, 232, 240, 0.82);
  margin: 0 0 0.85rem;
}

.sr-news-card__link {
  font-size: 0.78rem;
  font-weight: 650;
  color: #67e8f9;
  text-decoration: none;
}

.sr-news-meta,
.sr-news-lede {
  color: rgba(226, 232, 240, 0.82);
  font-size: 0.88rem;
  line-height: 1.6;
}

.sr-news-article__body h2 {
  font-size: 1.05rem;
  margin: 1.15rem 0 0.55rem;
  color: #f8fafc;
}

.sr-news-article__body p,
.sr-news-article__body li {
  font-size: 0.88rem;
  line-height: 1.68;
  color: rgba(226, 232, 240, 0.9);
}

.sr-news-related ul {
  margin: 0.5rem 0 0;
  padding-left: 1.1rem;
}

.sr-ad-slot {
  margin: 1.25rem auto;
  max-width: 72rem;
  min-height: 90px;
  text-align: center;
}

.sr-ad-label {
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.65);
  margin: 0 0 0.35rem;
}

.sr-cookie-banner__actions {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}

.sr-cookie-banner__btn--ghost {
  background: transparent;
  border: 1px solid rgba(148, 163, 184, 0.35);
  color: rgba(226, 232, 240, 0.9);
}

.sr-pro-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.25rem;
  margin: 1.5rem 0;
}

.sr-pro-card {
  position: relative;
  padding: 1.5rem;
}

.sr-pro-card--featured {
  border: 1px solid rgba(251, 191, 36, 0.35);
}

.sr-pro-badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fde68a;
  background: rgba(251, 191, 36, 0.12);
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
}

.sr-pro-price {
  font-size: 2rem;
  font-weight: 700;
  margin: 0.5rem 0 1rem;
  color: #e2e8f0;
}

.sr-pro-price__currency {
  font-size: 1.1rem;
  vertical-align: super;
}

.sr-pro-price__period {
  font-size: 0.95rem;
  font-weight: 500;
  color: rgba(148, 163, 184, 0.85);
}

.sr-pro-features {
  margin: 0 0 1.25rem;
  padding-left: 1.1rem;
  color: rgba(226, 232, 240, 0.9);
}

.sr-pro-features li {
  margin: 0.35rem 0;
}

.sr-pro-checkout-btn {
  width: 100%;
  border: 0;
  border-radius: 0.75rem;
  padding: 0.85rem 1rem;
  font-weight: 600;
  cursor: pointer;
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
  color: #fff;
}

.sr-pro-checkout-btn--gold {
  background: linear-gradient(135deg, #fbbf24, #d97706);
  color: #111827;
}

.sr-pro-checkout-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.sr-pro-setup-note,
.sr-pro-trust {
  margin-top: 1rem;
}


/* CTA link */
body.sr-inner-page .sr-inner-legal__cta {
  text-align: center;
  margin: 1.25rem auto 0.5rem;
  max-width: 52rem;
}

body.sr-inner-page .sr-inner-legal__cta-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.75rem 1.75rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
  color: #fff;
  font-weight: 650;
  font-size: 0.9rem;
  text-decoration: none;
  transition: opacity 0.2s, transform 0.2s;
}

body.sr-inner-page .sr-inner-legal__cta-link:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  color: #fff;
}

/* Kicker / overline */
body.sr-inner-page .sr-inner-kicker {
  text-align: center;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(186, 230, 253, 0.72);
  margin-bottom: 1rem;
}

/* Language note */
body.sr-inner-page .sr-inner-lang-note {
  text-align: center;
  font-size: 0.75rem;
  color: rgba(148, 163, 184, 0.75);
  font-style: italic;
  margin-top: 0.35rem;
}

/* News related section */
.sr-news-related {
  max-width: 52rem;
  margin: 1.5rem auto 0;
  padding: 1rem 1.25rem;
  border-radius: 1rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
}

.sr-news-related h2 {
  font-size: 0.85rem;
  font-weight: 700;
  color: #bae6fd;
  margin: 0 0 0.65rem;
}

.sr-news-related ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.sr-news-related li {
  font-size: 0.84rem;
}

.sr-news-related a {
  color: #67e8f9;
  text-decoration: none;
}

.sr-news-related a:hover {
  color: #a5f3fc;
}

/* News article body */
.sr-news-article__body {
  padding: 1.25rem 1.5rem;
}

.sr-news-article__body h2 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #f8fafc;
  margin: 1.25rem 0 0.55rem;
  text-align: left;
}

.sr-news-article__body h2:first-child {
  margin-top: 0;
}

.sr-news-article__body h3 {
  font-size: 0.95rem;
  font-weight: 650;
  color: #e2e8f0;
  margin: 1rem 0 0.45rem;
  text-align: left;
}

.sr-news-article__body p,
.sr-news-article__body li {
  font-size: 0.88rem;
  line-height: 1.7;
  color: rgba(226,232,240,0.88);
  text-align: left;
}

.sr-news-article__body ul,
.sr-news-article__body ol {
  padding-left: 1.25rem;
  margin: 0.35rem 0 0.85rem;
}

.sr-news-article__body li {
  margin-bottom: 0.3rem;
}

/* Mobile fixes for inner pages */
@media (max-width: 767px) {
  body.sr-inner-page .sr-inner-page__container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  
  body.sr-inner-page .sr-inner-legal {
    padding: 1rem 0.85rem;
  }
  
  body.sr-inner-page .sr-inner-legal__article h2 {
    font-size: 0.88rem;
  }
  
  body.sr-inner-page .sr-inner-legal__article p,
  body.sr-inner-page .sr-inner-legal__article li {
    font-size: 0.8rem;
    line-height: 1.6;
  }
  
  body.sr-inner-page .sr-inner-legal__nav {
    gap: 0.3rem;
  }
  
  body.sr-inner-page .sr-inner-legal__nav-link {
    font-size: 0.6rem;
    padding: 0.25rem 0.5rem;
  }
  
  body.sr-inner-page .sr-dash-pro-head h1 {
    font-size: clamp(1.2rem, 5vw, 1.5rem) !important;
  }
  
  body.sr-inner-page .sr-dash-pro-head p {
    font-size: 0.82rem;
  }
  
  .sr-news-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  
  .sr-news-card {
    padding: 1rem;
  }
}

/* Fix inner page section width to prevent overflow */
body.sr-inner-page .sr-dash-pro {
  max-width: 100vw;
  overflow-x: hidden;
}

body.sr-inner-page .sr-inner-legal__article {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

body.sr-inner-page .sr-inner-legal__article a {
  color: #67e8f9;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

body.sr-inner-page .sr-inner-legal__article a:hover {
  color: #a5f3fc;
}

/* Fix FAQ page headings inside inner legal articles */
body.sr-inner-page .sr-inner-legal__article h3 {
  font-size: 0.9rem;
  font-weight: 650;
  color: #e2e8f0;
  margin: 1rem 0 0.35rem;
  text-align: left;
}

/* Fix editoral standards list spacing */
body.sr-inner-page .sr-inner-legal__article > ul:first-of-type {
  margin-top: 0;
}


/* ═══════════════════════════════════════════════════
   COMPREHENSIVE INNER PAGE DESIGN FIXES
   - News cards with glass bg
   - Proper spacing & visual hierarchy
   - Card & content styling
   - Mobile optimizations
   ═══════════════════════════════════════════════════ */

/* ── News Cards: ADD GLASS BACKGROUND ── */
.sr-news-card {
  padding: 1.35rem 1.5rem;
  border-radius: 1rem;
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: border-color 0.25s, transform 0.25s;
}

.sr-news-card:hover {
  border-color: rgba(56, 189, 248, 0.2);
  transform: translateY(-1px);
}

.sr-news-card__date {
  display: block;
  font-size: 0.7rem;
  font-family: 'Roboto Mono', monospace;
  color: rgba(148, 163, 184, 0.75);
  margin-bottom: 0.55rem;
}

.sr-news-card__title {
  font-size: 1.05rem;
  line-height: 1.35;
  margin: 0 0 0.55rem;
  font-weight: 650;
}

.sr-news-card__title a {
  color: #f1f5f9;
  text-decoration: none;
}

.sr-news-card__title a:hover {
  color: #67e8f9;
}

.sr-news-card__excerpt {
  font-size: 0.84rem;
  line-height: 1.6;
  color: rgba(203, 213, 225, 0.78);
  margin: 0 0 0.85rem;
}

.sr-news-card__link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.78rem;
  font-weight: 650;
  color: #38bdf8;
  text-decoration: none;
}

.sr-news-card__link:hover {
  color: #7dd3fc;
}

/* ── News article body polish ── */
.sr-news-article__body {
  padding: 1.5rem 1.75rem;
}

.sr-news-article__body h2 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #f1f5f9;
  margin: 1.35rem 0 0.6rem;
  text-align: left;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  padding-top: 0.5rem;
}

.sr-news-article__body h2:first-child {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}

.sr-news-article__body h3 {
  font-size: 0.95rem;
  font-weight: 650;
  color: #e2e8f0;
  margin: 1rem 0 0.45rem;
  text-align: left;
}

.sr-news-article__body p,
.sr-news-article__body li {
  font-size: 0.9rem;
  line-height: 1.72;
  color: rgba(226, 232, 240, 0.88);
  text-align: left;
}

.sr-news-article__body ul,
.sr-news-article__body ol {
  padding-left: 1.35rem;
  margin: 0.4rem 0 0.9rem;
}

.sr-news-article__body li {
  margin-bottom: 0.35rem;
}

/* ── Article card glass effect enforcement ── */
body.sr-inner-page .card.sr-glass-deep.sr-inner-legal__article {
  background: rgba(15, 23, 42, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 1.15rem !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  padding: 1.5rem 1.75rem !important;
}

/* ── Section container polish ── */
body.sr-inner-page .sr-dash-pro {
  padding-top: 6rem !important;
  padding-bottom: 2rem !important;
}

body.sr-inner-page #legal.sr-dash-pro {
  padding-top: 6rem !important;
  padding-bottom: 2rem !important;
}

/* ── Section header polish ── */
body.sr-inner-page .sr-aether-dash-head.sr-dash-pro-head {
  margin-bottom: 1.5rem;
  padding: 1.25rem 1.5rem;
  border-radius: 1.15rem;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.sr-inner-page .sr-aether-dash-head.sr-dash-pro-head h1 {
  font-size: clamp(1.4rem, 3.5vw, 1.85rem) !important;
  font-weight: 700 !important;
  color: #f8fafc !important;
  margin: 0.3rem 0 0 !important;
}

body.sr-inner-page .sr-aether-dash-head.sr-dash-pro-head p {
  font-size: 0.9rem !important;
  line-height: 1.55;
  color: rgba(186, 230, 253, 0.78) !important;
  max-width: 44rem;
  margin: 0.4rem auto 0 !important;
}

/* ── Kicker / label in header ── */
body.sr-inner-page .sr-dash-pro-head__row {
  justify-content: center;
  margin-bottom: 0.25rem;
}

body.sr-inner-page .sr-aether-dash-label.sr-dash-pro-live-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fde68a;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  border: 1px solid rgba(251, 191, 36, 0.25);
  background: rgba(251, 191, 36, 0.08);
}

body.sr-inner-page .sr-aether-dash-label i {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fbbf24;
  box-shadow: 0 0 6px rgba(251, 191, 36, 0.5);
}

/* ── Legal nav pills ── */
body.sr-inner-page .sr-inner-legal__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.45rem;
  margin: 0 auto 1.5rem;
  max-width: 56rem;
}

body.sr-inner-page .sr-inner-legal__nav-link {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(186, 230, 253, 0.85);
  font-size: 0.7rem;
  font-weight: 650;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: all 0.2s;
}

body.sr-inner-page .sr-inner-legal__nav-link:hover {
  color: #f8fafc;
  border-color: rgba(56, 189, 248, 0.35);
  background: rgba(56, 189, 248, 0.12);
}

body.sr-inner-page .sr-inner-legal__nav-link.is-active {
  color: #fff7ed;
  border-color: rgba(251, 191, 36, 0.45);
  background: rgba(251, 191, 36, 0.15);
  font-weight: 700;
}

/* ── Content article typography ── */
body.sr-inner-page .sr-inner-legal__article h2 {
  margin: 1.5rem 0 0.6rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  font-size: 1rem;
  font-weight: 700;
  color: #bae6fd;
  text-align: left;
}

body.sr-inner-page .sr-inner-legal__article h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

body.sr-inner-page .sr-inner-legal__article h3 {
  font-size: 0.92rem;
  font-weight: 650;
  color: #e2e8f0;
  margin: 1.1rem 0 0.4rem;
  text-align: left;
}

body.sr-inner-page .sr-inner-legal__article p,
body.sr-inner-page .sr-inner-legal__article li {
  font-size: 0.88rem;
  line-height: 1.7;
  color: rgba(226, 232, 240, 0.9);
  text-align: left;
}

body.sr-inner-page .sr-inner-legal__article ul {
  margin: 0.4rem 0 0.9rem;
  padding-left: 1.25rem;
}

body.sr-inner-page .sr-inner-legal__article li {
  margin-bottom: 0.4rem;
}

/* ── CTA Button ── */
body.sr-inner-page .sr-inner-legal__cta {
  text-align: center;
  margin: 1.5rem auto 0.5rem;
  max-width: 52rem;
}

body.sr-inner-page .sr-inner-legal__cta-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.8rem 2rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
  color: #fff;
  font-weight: 650;
  font-size: 0.92rem;
  text-decoration: none;
  transition: all 0.2s;
  box-shadow: 0 4px 16px rgba(14, 165, 233, 0.25);
}

body.sr-inner-page .sr-inner-legal__cta-link:hover {
  opacity: 0.92;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(14, 165, 233, 0.35);
  color: #fff;
}

/* ── Back link ── */
body.sr-inner-page .sr-inner-legal__back {
  margin: 1.5rem auto 0;
  text-align: center;
  max-width: 52rem;
}

body.sr-inner-page .sr-inner-legal__back a {
  color: #67e8f9;
  font-weight: 600;
  font-size: 0.88rem;
  text-decoration: none;
  transition: color 0.2s;
}

body.sr-inner-page .sr-inner-legal__back a:hover {
  color: #a5f3fc;
}

/* ── Kicker / overline text ── */
body.sr-inner-page .sr-inner-kicker {
  text-align: center;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(186, 230, 253, 0.65);
  margin-bottom: 0.85rem;
}

/* ── Language note ── */
body.sr-inner-page .sr-inner-lang-note {
  text-align: center;
  font-size: 0.72rem;
  color: rgba(148, 163, 184, 0.7);
  font-style: italic;
  margin-top: 0.3rem;
}

/* ── News meta and lede ── */
.sr-news-meta {
  display: block;
  font-size: 0.75rem;
  font-family: 'Roboto Mono', monospace;
  color: rgba(148, 163, 184, 0.75);
  margin-bottom: 0.5rem;
}

.sr-news-lede {
  font-size: 0.95rem;
  line-height: 1.6;
  color: rgba(203, 213, 225, 0.85);
  margin-bottom: 0.5rem;
}

/* ── News related section ── */
.sr-news-related {
  max-width: 52rem;
  margin: 1.5rem auto 0;
  padding: 1.15rem 1.35rem;
  border-radius: 1rem;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.sr-news-related h2 {
  font-size: 0.85rem;
  font-weight: 700;
  color: #bae6fd;
  margin: 0 0 0.65rem;
}

.sr-news-related ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.sr-news-related li {
  font-size: 0.85rem;
}

.sr-news-related a {
  color: #67e8f9;
  text-decoration: none;
}

.sr-news-related a:hover {
  color: #a5f3fc;
  text-decoration: underline;
}

/* ── Ad slot spacing ── */
.sr-ad-slot {
  margin: 1.5rem auto;
  max-width: 72rem;
  min-height: 90px;
  text-align: center;
  padding: 0.5rem 0;
}

.sr-ad-label {
  font-size: 0.6rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.55);
  margin: 0 0 0.4rem;
}

/* ── Content area spacing from footer ── */
body.sr-inner-page .sr-dash-pro + .footer-premium,
body.sr-inner-page section + .footer-premium {
  margin-top: 2rem;
}

/* ── Inner page content links ── */
body.sr-inner-page .sr-inner-legal__article a {
  color: #38bdf8;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

body.sr-inner-page .sr-inner-legal__article a:hover {
  color: #7dd3fc;
}

/* ── Overflow protection ── */
body.sr-inner-page .sr-dash-pro {
  max-width: 100vw;
  overflow-x: hidden;
}

body.sr-inner-page .sr-inner-legal__article {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

body.sr-inner-page .sr-inner-page__container {
  width: 100%;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* ── Fade-up animation fix ── */
body.sr-inner-page .fade-up.is-visible,
body.sr-inner-page .fade-up.visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* ═══════════════════════════════════════════════════
   MOBILE RESPONSIVE FIXES
   ═══════════════════════════════════════════════════ */
@media (max-width: 767px) {
  body.sr-inner-page .sr-dash-pro {
    padding-top: 5rem !important;
    padding-bottom: 1.5rem !important;
  }

  body.sr-inner-page .sr-inner-page__container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  body.sr-inner-page .sr-aether-dash-head.sr-dash-pro-head {
    padding: 1rem;
    margin-bottom: 1rem;
  }

  body.sr-inner-page .sr-aether-dash-head.sr-dash-pro-head h1 {
    font-size: 1.25rem !important;
  }

  body.sr-inner-page .sr-aether-dash-head.sr-dash-pro-head p {
    font-size: 0.82rem !important;
  }

  body.sr-inner-page .card.sr-glass-deep.sr-inner-legal__article {
    padding: 1rem 1.1rem !important;
  }

  body.sr-inner-page .sr-inner-legal {
    padding: 0.5rem 0;
  }

  body.sr-inner-page .sr-inner-legal__article h2 {
    font-size: 0.9rem;
  }

  body.sr-inner-page .sr-inner-legal__article h3 {
    font-size: 0.84rem;
  }

  body.sr-inner-page .sr-inner-legal__article p,
  body.sr-inner-page .sr-inner-legal__article li {
    font-size: 0.82rem;
    line-height: 1.6;
  }

  body.sr-inner-page .sr-inner-legal__nav {
    gap: 0.3rem;
  }

  body.sr-inner-page .sr-inner-legal__nav-link {
    font-size: 0.62rem;
    padding: 0.28rem 0.55rem;
  }

  body.sr-inner-page .sr-inner-legal__cta-link {
    padding: 0.7rem 1.5rem;
    font-size: 0.85rem;
  }

  .sr-news-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .sr-news-card {
    padding: 1rem 1.15rem;
  }

  .sr-news-card__title {
    font-size: 0.95rem;
  }

  .sr-news-article__body {
    padding: 1rem 1.1rem;
  }
}


/* ── sr-mobile-perfect.css ── */
/*
  Schumann Resonance Live — mobile perfection (load last)
  Full header → footer fixes for 320px–767px viewports.
*/

@media (max-width: 767px) {
  html,
  body.sr-site {
    overflow-x: clip !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.sr-site *,
  body.sr-site *::before,
  body.sr-site *::after {
    box-sizing: border-box;
  }

  body.sr-site .site-wrapper,
  body.sr-site main,
  body.sr-site section,
  body.sr-site footer,
  body.sr-site .max-w-7xl,
  body.sr-site .max-w-5xl,
  body.sr-site .max-w-3xl,
  body.sr-site .max-w-xl {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.sr-site section,
  body.sr-site #dashboard,
  body.sr-site #guide,
  body.sr-site #about,
  body.sr-site .sr-seo-section {
    padding-left: max(0.75rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(0.75rem, env(safe-area-inset-right, 0px)) !important;
  }

  /* ── Trust strip ── */
  body.sr-site .nav-trust-strip,
  body.sr-site .sr-trust-bar {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
  }

  body.sr-site .nav-trust-strip::-webkit-scrollbar,
  body.sr-site .sr-trust-bar::-webkit-scrollbar {
    display: none;
  }

  body.sr-site .sr-trust-bar-inner {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.45rem;
    padding: 0.35rem 0.75rem;
    width: max-content;
    max-width: none;
  }

  /* ── Header nav ── */
  body.sr-site .nav-glass > .max-w-7xl {
    padding-left: max(0.5rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(0.5rem, env(safe-area-inset-right, 0px)) !important;
  }

  body.sr-site .nav-shell {
    flex-wrap: nowrap !important;
    gap: 0.35rem !important;
    padding: 0.42rem 0.48rem !important;
    min-height: 50px !important;
    border-radius: 0.95rem !important;
  }

  body.sr-site .nav-brand,
  body.sr-site .nav-glass .nav-brand {
    flex: 1 1 auto;
    min-width: 0 !important;
    max-width: calc(100% - 5.5rem) !important;
    overflow: hidden;
  }

  body.sr-site .sr-brand-icon-wrap {
    flex-shrink: 0;
  }

  body.sr-site .sr-brand-text {
    min-width: 0;
    overflow: hidden;
  }

  body.sr-site .sr-brand-kicker,
  body.sr-site .sr-brand-tagline {
    display: none !important;
  }

  body.sr-site .logo-desktop {
    display: none !important;
  }

  body.sr-site .logo-mobile {
    display: block !important;
    font-size: 0.82rem !important;
    line-height: 1.15 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  body.sr-site .sr-brand-name {
    display: block !important;
    min-width: 0;
    overflow: hidden;
  }

  body.sr-site .nav-center {
    display: none !important;
  }

  body.sr-site .nav-right {
    flex-shrink: 0 !important;
    gap: 0.28rem !important;
  }

  /* Star CTA in header — mobile menu already has star link */
  body.sr-site .nav-cta-link.nav-star-cta {
    display: none !important;
  }

  body.sr-site .locale-select-wrap {
    min-width: 0;
    flex-shrink: 0;
  }

  body.sr-site .locale-select {
    max-width: 3.6rem;
    min-width: 2.8rem;
    font-size: 0.7rem !important;
    padding: 0.35rem 1.1rem 0.35rem 0.4rem !important;
  }

  body.sr-site .nav-mobile-toggle {
    flex-shrink: 0;
    min-width: 40px;
    min-height: 40px;
  }

  /* ── Mobile menu ── */
  body.sr-site .nav-mobile-menu {
    max-width: 100vw;
    overflow-x: hidden;
    padding-inline: max(1rem, env(safe-area-inset-left, 0px));
  }

  body.sr-site .nav-mobile-link {
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* ── Hero ── */
  body.sr-site .hero-stage,
  body.sr-site .sr-aether-hero {
    padding-top: calc(var(--sr-nav-offset, 4.75rem) + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: 1.15rem !important;
    padding-inline: max(0.75rem, env(safe-area-inset-left, 0px)) !important;
  }

  body.sr-site .sr-aether-inner,
  body.sr-site .sr-aether-stage,
  body.sr-site .sr-aether-complication {
    min-width: 0;
    max-width: 100%;
  }

  body.sr-site .hero-visual-h1:not(.hero-terminal-title) {
    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;
  }

  body.sr-site .hero-stage-shell {
    width: 100%;
    padding-inline: 0;
  }

  body.sr-site .hero-stage .inline-flex.items-center.gap-3 {
    gap: 0.4rem !important;
    margin-bottom: 0.75rem !important;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }

  body.sr-site .hero-stage .inline-flex.items-center.gap-3 span.h-px {
    display: none;
  }

  body.sr-site .hero-stage .inline-flex.items-center.gap-3 span.text-\[10px\] {
    font-size: 0.58rem !important;
    letter-spacing: 0.12em !important;
    line-height: 1.3;
    text-align: center;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  body.sr-site .hero-freq-value,
  body.sr-site #hero-freq {
    font-size: clamp(2.45rem, 14vw, 3.65rem) !important;
    line-height: 1 !important;
    max-width: 100%;
  }

  body.sr-site .hero-readout-shell {
    width: 100%;
    max-width: 100%;
    padding: 0.7rem 0.5rem !important;
    border-radius: 1rem !important;
  }

  body.sr-site .hero-readout-sub {
    font-size: 0.8rem !important;
    line-height: 1.35;
    padding-inline: 0.1rem;
  }

  body.sr-site .hero-readout-status {
    flex-wrap: wrap !important;
    justify-content: center !important;
    text-align: center;
    gap: 0.3rem !important;
    font-size: 0.68rem !important;
    line-height: 1.35;
    padding-inline: 0.1rem;
  }

  body.sr-site .hero-stats-row {
    gap: 0.38rem !important;
    margin-bottom: 0.75rem !important;
    width: 100%;
  }

  body.sr-site .hero-stats-row .card {
    flex: 1 1 calc(50% - 0.2rem) !important;
    min-width: 0 !important;
    padding: 0.38rem 0.32rem !important;
    justify-content: center;
  }

  body.sr-site .hero-stats-row .card:last-child {
    flex: 1 1 100% !important;
    max-width: 11rem;
    margin-inline: auto;
  }

  body.sr-site .hero-stats-row .card span {
    font-size: 0.64rem !important;
  }

  body.sr-site .hero-cta-row {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.6rem !important;
    width: 100%;
  }

  body.sr-site .hero-cta-row a {
    width: 100% !important;
    justify-content: center !important;
    padding: 0.8rem 0.85rem !important;
    font-size: 0.86rem !important;
    border-radius: 1rem !important;
  }

  body.sr-site .hero-audience-wrap {
    width: 100%;
    max-width: 100%;
    padding-inline: 0;
  }

  body.sr-site .hero-audience-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.55rem;
    padding: 0.8rem !important;
  }

  body.sr-site .hero-audience-countline {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.3rem;
    min-width: 0;
  }

  body.sr-site .hero-audience-text,
  body.sr-site .hero-audience-desc {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body.sr-site .hero-audience-signal {
    width: 100%;
    justify-content: center;
  }

  body.sr-site .hero-features-strip {
    margin-top: 0.85rem !important;
    gap: 0.45rem !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.sr-site .hero-features-strip .card {
    padding: 0.6rem 0.4rem !important;
    min-width: 0;
  }

  body.sr-site .hero-features-strip .text-xs {
    font-size: 0.66rem !important;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  body.sr-site .hero-features-strip .text-\[10px\] {
    font-size: 0.56rem !important;
    line-height: 1.28;
    overflow-wrap: anywhere;
  }

  /* ── Dashboard ── */
  body.sr-site #dashboard {
    padding-top: 2.25rem !important;
    padding-bottom: 1.75rem !important;
  }

  body.sr-site #dashboard .text-3xl,
  body.sr-site #guide .text-3xl,
  body.sr-site #about .text-3xl {
    font-size: clamp(1.28rem, 5.8vw, 1.7rem) !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere;
  }

  body.sr-site .card,
  body.sr-site .card.p-5,
  body.sr-site .card.p-4,
  body.sr-site .card.p-6 {
    padding: 0.8rem !important;
    min-width: 0;
    overflow: hidden;
  }

  body.sr-site .spectro-header,
  body.sr-site .sr-prism-spectro-head {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.45rem !important;
  }

  body.sr-site .spectro-header-main h3 {
    font-size: 0.8rem !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere;
  }

  body.sr-site .spectro-header-main p {
    overflow-wrap: anywhere;
  }

  body.sr-site .spectro-container {
    max-width: 100%;
    overflow: hidden;
    border-radius: 0.65rem;
  }

  body.sr-site .spectro-container img,
  body.sr-site #main-spectro {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 9.5rem;
    max-height: 14rem;
    object-fit: contain !important;
    display: block;
  }

  body.sr-site .spectro-overlay-note {
    max-width: calc(100% - 0.75rem);
    font-size: 0.56rem !important;
    line-height: 1.25;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  body.sr-site .spectro-marker-badge {
    font-size: 0.5rem !important;
    max-width: 4.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.sr-site .spectro-analysis-grid,
  body.sr-site .spectro-insight-grid {
    grid-template-columns: 1fr !important;
    gap: 0.6rem !important;
  }

  body.sr-site .spectro-insight-value {
    font-size: 1.05rem !important;
    word-break: break-word;
  }

  body.sr-site .live-note {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.45rem !important;
    width: 100%;
  }

  body.sr-site .live-note-headline,
  body.sr-site .live-note-sub {
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body.sr-site .chart-tab-row {
    margin-inline: 0;
    padding-bottom: 0.35rem;
  }

  body.sr-site .tab-btn {
    font-size: 0.68rem !important;
    padding: 0.38rem 0.6rem !important;
    max-width: 10.5rem;
  }

  body.sr-site #live-freq-chart-wrap {
    min-height: 10.5rem;
    max-width: 100%;
    overflow: hidden;
  }

  body.sr-site #solar.grid-cols-2,
  body.sr-site .grid.grid-cols-2,
  body.sr-site .grid.grid-cols-2.sm\:grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.42rem !important;
  }

  body.sr-site .metric-card .text-3xl {
    font-size: 1.55rem !important;
  }

  body.sr-site .metric-card span.uppercase,
  body.sr-site .metric-card .text-\[10px\] {
    font-size: 0.56rem !important;
    line-height: 1.2;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body.sr-site .harmonic-freq {
    font-size: 1.45rem !important;
  }

  body.sr-site .sr-viz-panel {
    padding: 0.8rem !important;
  }

  body.sr-site .sr-viz-panel-title {
    font-size: 0.86rem !important;
  }

  body.sr-site .sr-viz-panel-sub {
    font-size: 0.66rem !important;
  }

  body.sr-site .sr-viz-live-badge {
    font-size: 0.58rem !important;
    flex-shrink: 0;
  }

  body.sr-site .sr-viz-legend {
    flex-wrap: wrap;
    gap: 0.3rem 0.55rem;
    font-size: 0.6rem;
  }

  body.sr-site #kp-chart,
  body.sr-site #wind-chart {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }

  /* ── Guide / SEO ── */
  body.sr-site #guide,
  body.sr-site .sr-seo-section {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  body.sr-site .sr-seo-title {
    font-size: clamp(1.2rem, 5.2vw, 1.55rem) !important;
  }

  body.sr-site .sr-seo-lead,
  body.sr-site .sr-seo-paragraph {
    font-size: 0.82rem !important;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }

  /* ── FAQ ── */
  body.sr-site .sr-faq-trigger {
    align-items: flex-start !important;
    gap: 0.45rem !important;
    padding: 0.85rem 0.75rem !important;
    text-align: left !important;
  }

  body.sr-site .sr-faq-question {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.8rem !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body.sr-site .sr-faq-answer p {
    font-size: 0.78rem !important;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }

  /* ── Footer ── */
  body.sr-site .footer-premium > .max-w-7xl {
    padding: 1.75rem max(0.75rem, env(safe-area-inset-left, 0px)) 1.25rem !important;
  }

  body.sr-site .sr-footer-brand-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.65rem;
  }

  body.sr-site .sr-footer-desc {
    font-size: 0.78rem !important;
    line-height: 1.5;
  }

  body.sr-site .sr-footer-columns,
  body.sr-site .footer-premium-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }

  body.sr-site .sr-footer-col h4 {
    margin-bottom: 0.5rem !important;
  }

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

  body.sr-site .sr-footer-lang-grid a,
  body.sr-site .sr-footer-lang-pill {
    min-width: 0;
    flex: 0 1 auto;
  }

  body.sr-site .sr-footer-meta {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0.85rem !important;
  }

  body.sr-site .sr-footer-meta-left,
  body.sr-site .sr-footer-meta-right,
  body.sr-site .sr-partner-row {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  body.sr-site .sr-footer-chips {
    flex-wrap: wrap;
    gap: 0.32rem;
  }

  body.sr-site .back-to-top {
    right: max(0.7rem, env(safe-area-inset-right, 0px)) !important;
    left: auto !important;
    bottom: calc(max(0.75rem, env(safe-area-inset-bottom, 0px)) + 4.35rem) !important;
    z-index: 10015 !important;
  }

  body.sr-site:not(.sr-past-hero) .back-to-top {
    bottom: max(0.75rem, env(safe-area-inset-bottom, 0px)) !important;
  }

  body.sr-site .star-modal-shell {
    width: calc(100% - 1rem) !important;
    max-width: calc(100% - 1rem) !important;
    margin: 0.5rem auto !important;
  }
}

@media (max-width: 359px) {
  body.sr-site .hero-stats-row .card {
    flex: 1 1 100% !important;
    max-width: 100%;
  }

  body.sr-site .hero-features-strip {
    grid-template-columns: 1fr !important;
  }
}


/* ── sr-responsive-polish.css ── */
/*
  Responsive polish v2 — layout-safe (no hero flex row breakage)
  Load after sr-mobile-perfect.css
*/

/* Earth visible, content readable */
#world-solar-bg .wsb-vignette {
  background:
    radial-gradient(ellipse 55% 50% at 22% 42%, transparent 32%, rgba(2, 6, 14, 0.38) 72%),
    radial-gradient(ellipse 88% 72% at 50% 44%, transparent 24%, rgba(2, 6, 14, 0.5) 100%),
    linear-gradient(180deg, rgba(2, 8, 18, 0.32) 0%, transparent 20%, transparent 74%, rgba(2, 6, 14, 0.48) 100%);
}

#world-solar-bg canvas {
  filter: saturate(1.08) contrast(1.06) brightness(0.9);
}

body.sr-site #dashboard .card,
body.sr-site #spectrogram.card,
body.sr-site .hero-readout-shell,
body.sr-site .hero-audience-card,
body.sr-site .sr-viz-panel {
  background: rgba(6, 10, 22, 0.78) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
}

/* Hero stays single centered column — never flex-row on .hero-stage */
body.sr-site .hero-stage {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
}

body.sr-site .hero-stage::before {
  content: none !important;
  display: none !important;
}

body.sr-site .hero-stage > .hero-orbit-glow,
body.sr-site .hero-stage > .hero-orbit-glow.secondary {
  position: absolute !important;
  flex: none !important;
}

body.sr-site .hero-stage-shell {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
  flex: 0 0 auto;
  order: unset !important;
}

body.sr-site .hero-visual-h1 {
  order: 2;
  font-size: clamp(1.25rem, 4vw, 1.75rem);
  line-height: 1.25;
  max-width: 24ch;
  margin: 0.35rem 0 0.5rem;
}

body.sr-site .hero-terminal-intro { order: 1; }
body.sr-site .hero-terminal-card { order: 2; }
body.sr-site .hero-t-audience { order: 3; }
body.sr-site .hero-features-strip { order: 4; }

@media (min-width: 768px) {
  body.sr-site .hero-stage {
    min-height: min(78vh, 720px);
    padding-top: 7.5rem !important;
    padding-bottom: 3rem !important;
  }

  body.sr-site .hero-visual-h1 {
    font-size: clamp(1.4rem, 2.5vw, 1.9rem);
    max-width: 28ch;
  }

  body.sr-site #spectrogram .spectro-container img {
    min-height: 16rem;
    object-fit: cover;
  }

  body.sr-site .spectro-insight-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px) {
  #world-solar-bg .wsb-vignette {
    background:
      radial-gradient(ellipse 48% 55% at 18% 46%, transparent 38%, rgba(2, 6, 14, 0.35) 70%),
      radial-gradient(ellipse 75% 65% at 62% 40%, transparent 30%, rgba(2, 6, 14, 0.42) 100%),
      linear-gradient(180deg, rgba(2, 8, 18, 0.28) 0%, transparent 18%, transparent 76%, rgba(2, 6, 14, 0.45) 100%);
  }

  body.sr-site .hero-stage-shell {
    max-width: 42rem;
  }

  body.sr-site .spectro-analysis-grid {
    grid-template-columns: 1.15fr 0.85fr;
    gap: 1.25rem;
  }

  body.sr-site .sr-footer-columns {
    gap: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  body.sr-site #spectrogram .spectro-container {
    min-height: 11.5rem;
  }

  body.sr-site .spectro-marker {
    max-width: 42%;
  }

  body.sr-site .hero-visual-h1 {
    font-size: 1.2rem;
    max-width: 100%;
  }

  body.sr-site .hero-freq-value {
    font-size: clamp(2.75rem, 14vw, 3.5rem) !important;
  }
}


/* ── sr-scroll-fluid.css ── */
/*
  Scroll fluidity + reveal cleanup — load last (after sr-responsive-polish.css)
  Fixes janky scroll, double animations, hero/footer overlap.
*/

html {
  scroll-behavior: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}

/* One reveal system: CSS transitions only, no stacked keyframes */
body.sr-site .fade-up.is-visible,
body.sr-site .fade-up.visible,
body.sr-site .sr-ui-reveal.is-visible,
body.sr-site .sr-ui-reveal.visible {
  animation: none !important;
}

/* Grand-premium hotfix forces visible before motion JS — restore hidden state */
body.sr-site.sr-motion-ready #dashboard .fade-up:not(.is-visible):not(.visible),
body.sr-site.sr-motion-ready #search-guide .sr-ui-reveal:not(.is-visible),
body.sr-site.sr-motion-ready #guide .fade-up:not(.is-visible):not(.visible),
body.sr-site.sr-motion-ready #about .sr-ui-reveal:not(.is-visible),
body.sr-site.sr-motion-ready .card.fade-up:not(.is-visible):not(.visible),
body.sr-site.sr-motion-ready section[id] > .max-w-7xl > header.fade-up:not(.is-visible):not(.visible),
body.sr-site.sr-motion-ready section[id] > .max-w-7xl > .card.fade-up:not(.is-visible):not(.visible),
body.sr-site.sr-motion-ready section[id] > .max-w-7xl > .sr-glass-deep.fade-up:not(.is-visible):not(.visible),
body.sr-site.sr-motion-ready .sr-ui-reveal:not(.is-visible) {
  opacity: 0 !important;
  transform: translateY(18px) !important;
  visibility: visible !important;
}

body.sr-site .hero-stage.sr-scroll-scene {
  min-height: auto !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 767px) {
  body.sr-site .hero-stage {
    min-height: min(88svh, 820px) !important;
  }
}

/* Scroll indicator — keep pinned, never overlap readout */
body.sr-site .hero-stage > .absolute.bottom-8 {
  position: absolute !important;
  bottom: 1.75rem !important;
  left: 50% !important;
  width: auto !important;
  max-width: none !important;
  transform: translateX(-50%) !important;
  z-index: 5;
  pointer-events: none;
}

/* Section stacking — content above fixed backdrop */
body.sr-site main,
body.sr-site section,
body.sr-site footer.footer-premium {
  isolation: isolate;
}

body.sr-site #dashboard,
body.sr-site #guide,
body.sr-site #about,
body.sr-site .sr-seo-section,
body.sr-site .sr-faq-section {
  position: relative;
  z-index: 10;
}

/* Spectrogram markers stay inside image bounds */
body.sr-site .spectro-image-wrap {
  position: relative;
  overflow: hidden;
  border-radius: inherit;
}

body.sr-site .spectro-overlay {
  inset: 0;
  z-index: 2;
  overflow: hidden;
}

body.sr-site .spectro-marker {
  max-width: 46%;
  z-index: 3;
}

/* Footer — lang pills never overlap columns */
body.sr-site .sr-footer-columns {
  align-items: flex-start;
}

body.sr-site .sr-footer-col--langs .sr-footer-lang-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem;
  max-width: 100%;
}

body.sr-site .sr-footer-meta {
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
}

/* While scrolling: pause only heavy milky layer (stars/nebula stay live) */
body.is-scrolling #world-solar-bg .wsb-milky,
body.is-scrolling #world-solar-bg::before {
  animation-play-state: paused;
}

body.sr-site .sr-cinematic-scroll-hint {
  opacity: calc(0.45 * (1 - var(--sr-hero-progress, 0)));
  transform: translateX(-50%) translate3d(0, calc(var(--sr-hero-progress, 0) * 20px), 0);
}


/* ── sr-hero-premium.css ── */
/*
  Hero premium — institutional frequency dial & live traffic panel
  Load after sr-scroll-fluid.css
*/

@keyframes sr-hero-ring-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes sr-hero-ring-pulse {
  0%, 100% { opacity: 0.45; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 0.85; transform: translate(-50%, -50%) scale(1.03); }
}

@keyframes sr-hero-freq-glow {
  0%, 100% { filter: drop-shadow(0 0 18px rgba(56, 189, 248, 0.35)); }
  50% { filter: drop-shadow(0 0 32px rgba(56, 189, 248, 0.55)); }
}

@keyframes sr-hero-bar-dance {
  0%, 100% { transform: scaleY(0.55); opacity: 0.55; }
  50% { transform: scaleY(1); opacity: 1; }
}

body.sr-site .hero-premium-shell {
  width: 100%;
  max-width: 42rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

body.sr-site .hero-premium-intro {
  width: 100%;
  text-align: center;
  margin-bottom: 1.35rem;
}

body.sr-site .hero-premium-kicker-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  margin-bottom: 0.65rem;
  max-width: 100%;
}

body.sr-site .hero-premium-kicker-wrap .hero-kicker-line {
  width: 2rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.45), transparent);
}

body.sr-site .hero-premium-kicker {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(125, 211, 252, 0.88);
}

body.sr-site .hero-visual-h1.hero-premium-title {
  font-family: var(--sr-font-display, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);
  font-size: clamp(1.05rem, 3.2vw, 1.45rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em;
  color: rgba(226, 232, 240, 0.92) !important;
  max-width: 28ch;
  margin: 0 auto;
  padding-inline: 0.25rem;
}

/* ── Frequency dial ── */
body.sr-site .hero-premium-dial {
  position: relative;
  width: 100%;
  max-width: 22rem;
  margin: 0 auto 1.25rem;
  padding: 0.35rem;
}

body.sr-site .hero-dial-aura {
  position: absolute;
  inset: -12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(56, 189, 248, 0.14) 0%, transparent 68%);
  pointer-events: none;
  animation: sr-hero-ring-pulse 5s ease-in-out infinite;
}

body.sr-site .hero-dial-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  pointer-events: none;
  border: 1px solid rgba(56, 189, 248, 0.12);
}

body.sr-site .hero-dial-ring--outer {
  width: 108%;
  height: 108%;
  animation: sr-hero-ring-spin 48s linear infinite;
  border-style: dashed;
  opacity: 0.35;
}

body.sr-site .hero-dial-ring--inner {
  width: 92%;
  height: 92%;
  border-color: rgba(251, 191, 36, 0.15);
  animation: sr-hero-ring-spin 32s linear infinite reverse;
}

body.sr-site .hero-premium-dial .hero-readout-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
}

body.sr-site .hero-premium-dial .hero-readout-shell {
  position: relative;
  padding: 1.65rem 1.35rem 1.35rem !important;
  border-radius: 1.65rem !important;
  background:
    linear-gradient(165deg, rgba(12, 20, 38, 0.92) 0%, rgba(6, 11, 24, 0.88) 100%) !important;
  border: 1px solid rgba(56, 189, 248, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 24px 64px rgba(0, 0, 0, 0.45),
    0 0 48px rgba(14, 165, 233, 0.08) !important;
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  overflow: hidden;
}

body.sr-site .hero-premium-dial .hero-readout-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(145deg, rgba(56, 189, 248, 0.45), transparent 40%, rgba(251, 191, 36, 0.25));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

body.sr-site .hero-dial-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.85rem;
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #86efac;
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.28);
}

body.sr-site .hero-dial-live-dot {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.85);
}

body.sr-site .hero-freq-stack {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.35rem;
  line-height: 1;
}

body.sr-site .hero-freq-value,
body.sr-site #hero-freq {
  font-family: var(--sr-font-mono, 'IBM Plex Mono', ui-monospace, monospace) !important;
  font-size: clamp(3.25rem, 14vw, 5.25rem) !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.04em !important;
  line-height: 0.92 !important;
  background: linear-gradient(180deg, #f0f9ff 0%, #7dd3fc 42%, #38bdf8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent !important;
  text-shadow: none !important;
  animation: sr-hero-freq-glow 3.5s ease-in-out infinite;
}

body.sr-site .hero-freq-unit {
  font-family: var(--sr-font-sans, 'Inter', -apple-system, sans-serif) !important;
  font-size: clamp(1.15rem, 4vw, 1.85rem) !important;
  font-weight: 500 !important;
  color: rgba(186, 230, 253, 0.55) !important;
  padding-bottom: 0.35rem;
  letter-spacing: 0.06em;
}

body.sr-site .hero-readout-meta {
  margin-top: 1rem;
  text-align: center;
}

body.sr-site .hero-readout-sub {
  font-size: clamp(0.92rem, 2.5vw, 1.05rem) !important;
  font-weight: 600 !important;
  color: rgba(226, 232, 240, 0.94) !important;
  line-height: 1.45;
  margin: 0 0 0.55rem;
  letter-spacing: -0.01em;
}

body.sr-site .hero-readout-status {
  display: inline-flex !important;
  align-items: center;
  gap: 0.45rem;
  padding: 0.42rem 0.85rem;
  border-radius: 999px;
  font-size: 0.72rem !important;
  font-weight: 600;
  color: rgba(203, 213, 225, 0.88) !important;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

body.sr-site .hero-readout-status strong {
  color: #bae6fd !important;
  font-weight: 700;
}

body.sr-site .hero-readout-status-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.75);
  flex-shrink: 0;
}

/* ── Stat chips ── */
body.sr-site .hero-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem !important;
  width: 100%;
  max-width: 26rem;
  margin: 0 auto 1.35rem !important;
}

body.sr-site .hero-stat-grid .hero-stat-chip {
  padding: 0.72rem 0.55rem !important;
  border-radius: 1rem !important;
  background: rgba(8, 14, 28, 0.82) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

body.sr-site .hero-stat-grid .hero-stat-icon {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 0.55rem;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.04);
}

body.sr-site .hero-stat-grid .hero-stat-value {
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  line-height: 1.2;
  text-align: center;
  color: rgba(226, 232, 240, 0.92) !important;
}

body.sr-site .hero-stat-grid .hero-stat-value span {
  font-family: var(--sr-font-mono, 'IBM Plex Mono', monospace);
  font-variant-numeric: tabular-nums;
}

/* ── CTAs ── */
body.sr-site .hero-cta-premium {
  width: 100%;
  max-width: 24rem;
  margin: 0 auto 1.15rem;
}

body.sr-site .hero-cta-premium .hero-cta-primary {
  width: 100%;
  justify-content: center;
  padding: 0.95rem 1.35rem !important;
  border-radius: 1rem !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.02em;
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 50%, #0369a1 100%) !important;
  box-shadow: 0 12px 32px rgba(14, 165, 233, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

body.sr-site .hero-cta-premium .hero-cta-secondary {
  width: 100%;
  justify-content: center;
  padding: 0.88rem 1.25rem !important;
  border-radius: 1rem !important;
  font-size: 0.84rem !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.sr-site .hero-cta-premium {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

@media (min-width: 480px) {
  body.sr-site .hero-cta-premium {
    flex-direction: row;
    max-width: 28rem;
  }

  body.sr-site .hero-cta-premium .hero-cta-primary,
  body.sr-site .hero-cta-premium .hero-cta-secondary {
    width: auto;
    flex: 1 1 0;
  }
}

/* ── Live traffic panel ── */
body.sr-site .hero-traffic-panel .hero-audience-card {
  width: 100%;
  max-width: 26rem;
  margin: 0 auto;
  padding: 1rem 1.1rem !important;
  border-radius: 1.25rem !important;
  background:
    linear-gradient(135deg, rgba(10, 18, 36, 0.94) 0%, rgba(6, 12, 26, 0.9) 100%) !important;
  border: 1px solid rgba(56, 189, 248, 0.18) !important;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.85rem;
}

body.sr-site .hero-traffic-panel .hero-audience-radar {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  border: 1px solid rgba(56, 189, 248, 0.25);
  background: radial-gradient(circle, rgba(56, 189, 248, 0.12), transparent 70%);
  position: relative;
  flex-shrink: 0;
}

body.sr-site .hero-traffic-panel .hero-audience-core {
  position: absolute;
  inset: 32%;
  border-radius: 999px;
  background: #38bdf8;
  box-shadow: 0 0 14px rgba(56, 189, 248, 0.65);
}

body.sr-site .hero-traffic-panel .hero-audience-chip {
  display: inline-block;
  margin-bottom: 0.35rem;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  font-size: 0.5rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #7dd3fc;
  background: rgba(14, 165, 233, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.22);
}

body.sr-site .hero-traffic-panel .hero-audience-countline {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

body.sr-site .hero-traffic-panel .hero-audience-count {
  font-family: var(--sr-font-mono, 'IBM Plex Mono', monospace) !important;
  font-size: clamp(1.85rem, 8vw, 2.35rem) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  background: linear-gradient(180deg, #f0f9ff, #38bdf8);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-variant-numeric: tabular-nums;
}

body.sr-site .hero-traffic-panel .hero-audience-title {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  line-height: 1.25;
}

body.sr-site .hero-traffic-panel .hero-audience-desc {
  font-size: 0.68rem !important;
  color: rgba(148, 163, 184, 0.9) !important;
  line-height: 1.45;
  margin: 0.15rem 0 0;
}

body.sr-site .hero-traffic-panel .hero-audience-signal {
  display: flex;
  align-items: flex-end;
  gap: 0.18rem;
  height: 2rem;
}

body.sr-site .hero-traffic-panel .hero-audience-bar {
  width: 0.22rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #38bdf8, #0ea5e9);
  transform-origin: bottom;
  animation: sr-hero-bar-dance 1.4s ease-in-out infinite;
}

body.sr-site .hero-traffic-panel .hero-audience-bar:nth-child(2) { animation-delay: 0.15s; }
body.sr-site .hero-traffic-panel .hero-audience-bar:nth-child(3) { animation-delay: 0.3s; }
body.sr-site .hero-traffic-panel .hero-audience-bar:nth-child(4) { animation-delay: 0.45s; }
body.sr-site .hero-traffic-panel .hero-audience-bar:nth-child(5) { animation-delay: 0.6s; }

/* ── Feature strip ── */
body.sr-site .hero-features-premium {
  margin-top: 1.35rem !important;
  max-width: 26rem;
}

body.sr-site .hero-features-premium .card {
  border-radius: 1rem !important;
  background: rgba(8, 14, 28, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}

@media (max-width: 767px) {
  body.sr-site .hero-visual-h1.hero-premium-title {
    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;
  }

  body.sr-site .hero-stat-grid {
    gap: 0.4rem !important;
  }

  body.sr-site .hero-stat-grid .hero-stat-chip {
    padding: 0.55rem 0.35rem !important;
  }

  body.sr-site .hero-stat-grid .hero-stat-value {
    font-size: 0.72rem !important;
  }

  body.sr-site .hero-traffic-panel .hero-audience-card {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
  }

  body.sr-site .hero-traffic-panel .hero-audience-signal {
    grid-column: 1 / -1;
    justify-content: center;
    height: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site .hero-dial-ring--outer,
  body.sr-site .hero-dial-ring--inner,
  body.sr-site .hero-freq-value,
  body.sr-site .hero-traffic-panel .hero-audience-bar,
  body.sr-site .hero-dial-aura {
    animation: none !important;
  }
}


/* ── sr-typography-institutional.css ── */
/*
  Typography v2 — system-first (Apple) + Instrument Sans (Windows) + Roboto Mono ticks
  Load last
*/

:root {
  --sr-font-sans:
    'Instrument Sans',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    system-ui,
    sans-serif;
  --sr-font-mono:
    'SF Mono',
    ui-monospace,
    'Roboto Mono',
    Menlo,
    Monaco,
    Consolas,
    monospace;
  --sr-font-display: var(--sr-font-sans);
  --sr-text-primary: #eaecef;
  --sr-text-secondary: #848e9c;
  --sr-text-muted: #5e6673;
  --sr-accent-gold: #f0b90b;
  --sr-accent-green: #0ecb81;
  --sr-border: #2b3139;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body.sr-site {
  font-family: var(--sr-font-sans) !important;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.011em;
  line-height: 1.4705882353;
  color: var(--sr-text-primary);
  font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body.sr-site button,
body.sr-site .btn,
body.sr-site input,
body.sr-site select,
body.sr-site textarea,
body.sr-site .locale-select {
  font-family: var(--sr-font-sans) !important;
}

body.sr-site h1,
body.sr-site h2,
body.sr-site h3,
body.sr-site h4,
body.sr-site h5,
body.sr-site h6 {
  font-family: var(--sr-font-display) !important;
  font-weight: 600 !important;
  letter-spacing: -0.022em !important;
  color: var(--sr-text-primary);
}

body.sr-site p,
body.sr-site li,
body.sr-site span,
body.sr-site label,
body.sr-site .sr-footer-desc,
body.sr-site .faq-answer {
  color: rgba(234, 236, 239, 0.86);
}

body.sr-site #hero-freq,
body.sr-site .hero-freq-value,
body.sr-site .hero-audience-count,
body.sr-site #active-viewers-count,
body.sr-site .harmonic-freq,
body.sr-site .metric-card .text-3xl,
body.sr-site .metric-card .text-2xl,
body.sr-site #utc-clock,
body.sr-site .hero-t-metric dd,
body.sr-site code,
body.sr-site pre {
  font-family: var(--sr-font-mono) !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1, 'zero' 1;
}

body.sr-site .sr-brand-name,
body.sr-site .sr-brand-name .logo-desktop,
body.sr-site .sr-brand-name .logo-mobile {
  font-weight: 600 !important;
  letter-spacing: -0.028em !important;
  color: var(--sr-text-primary) !important;
  -webkit-text-fill-color: unset !important;
  background: none !important;
}

body.sr-site nav.nav-premium .nav-pill {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}

body.sr-site .card,
body.sr-site .metric-card,
body.sr-site #spectrogram.card {
  color: var(--sr-text-primary);
}

body.sr-site .text-gray-300,
body.sr-site .text-gray-500 {
  color: var(--sr-text-secondary) !important;
}

@media (max-width: 767px) {
  html,
  body.sr-site {
    font-size: 15px;
  }
}


/* ── sr-hero-terminal.css ── */
/*
  Hero terminal — Binance / OKX ticker layout (no decorative rings)
  Load after sr-typography-institutional.css
*/

body.sr-site .hero-terminal-shell {
  width: 100%;
  max-width: 40rem;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.85rem;
}

body.sr-site .hero-terminal-intro {
  text-align: center;
  padding-inline: 0.5rem;
}

body.sr-site .hero-premium-kicker,
body.sr-site .hero-terminal-kicker {
  margin: 0 0 0.4rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(234, 179, 8, 0.92);
}

body.sr-site .hero-visual-h1.hero-terminal-title {
  margin: 0;
  font-size: clamp(1.125rem, 3.4vw, 1.625rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.2 !important;
  color: #f4f4f5 !important;
  max-width: none;
}

/* Main terminal card */
body.sr-site .hero-terminal-card {
  position: relative;
  width: 100%;
  border-radius: 1.125rem;
  background: rgba(11, 14, 17, 0.94);
  border: 1px solid rgba(43, 49, 57, 0.95);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 24px 80px rgba(0, 0, 0, 0.55);
  overflow: hidden;
}

body.sr-site .hero-terminal-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(240, 185, 11, 0.35), rgba(56, 189, 248, 0.35), transparent);
  pointer-events: none;
}

body.sr-site .hero-t-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 1.1rem;
  border-bottom: 1px solid rgba(43, 49, 57, 0.9);
  background: rgba(255, 255, 255, 0.02);
}

body.sr-site .hero-t-head-left {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
}

body.sr-site .hero-t-pair {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #f4f4f5;
  white-space: nowrap;
}

body.sr-site .hero-t-live {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.35rem;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #0ecb81;
  background: rgba(14, 203, 129, 0.1);
  border: 1px solid rgba(14, 203, 129, 0.22);
}

body.sr-site .hero-t-live i {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 999px;
  background: #0ecb81;
  box-shadow: 0 0 8px rgba(14, 203, 129, 0.8);
  font-style: normal;
}

body.sr-site .hero-t-status-line {
  font-size: 0.6875rem;
  font-weight: 500;
  color: rgba(161, 170, 179, 0.95);
  text-align: right;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.sr-site .hero-t-status-line strong {
  color: #eaecef;
  font-weight: 600;
}

body.sr-site .hero-t-body {
  padding: 1.35rem 1.1rem 1.1rem;
}

body.sr-site .hero-t-price-block {
  text-align: center;
  margin-bottom: 1.15rem;
}

body.sr-site .hero-t-price-row {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.45rem;
  line-height: 1;
}

body.sr-site .hero-freq-value,
body.sr-site #hero-freq {
  font-family: var(--sr-font-mono) !important;
  font-size: clamp(3.5rem, 16vw, 5.75rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.05em !important;
  line-height: 0.95 !important;
  color: #eaecef !important;
  -webkit-text-fill-color: #eaecef !important;
  background: none !important;
  animation: none !important;
  filter: none !important;
  text-shadow: none !important;
  font-variant-numeric: tabular-nums;
}

body.sr-site .hero-freq-unit {
  font-family: var(--sr-font-sans) !important;
  font-size: clamp(1.125rem, 4vw, 1.5rem) !important;
  font-weight: 500 !important;
  color: rgba(161, 170, 179, 0.9) !important;
  padding-bottom: 0.45rem;
}

body.sr-site .hero-readout-sub,
body.sr-site .hero-t-tagline {
  margin: 0.75rem 0 0;
  font-size: clamp(0.9375rem, 2.8vw, 1.0625rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: rgba(234, 236, 239, 0.88) !important;
  line-height: 1.4;
}

/* Metrics row — exchange style */
body.sr-site .hero-t-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.sr-site .hero-t-metric {
  padding: 0.75rem 0.55rem;
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(43, 49, 57, 0.85);
  text-align: center;
  min-width: 0;
}

body.sr-site .hero-t-metric dt {
  margin: 0 0 0.35rem;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(132, 142, 156, 0.95);
}

body.sr-site .hero-t-metric dd {
  margin: 0;
  font-family: var(--sr-font-mono) !important;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #eaecef;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

body.sr-site .hero-t-metric dd .metric-up { color: #0ecb81; }
body.sr-site .hero-t-metric dd .metric-down { color: #f6465d; }
body.sr-site .hero-t-metric dd .metric-neutral { color: #a78bfa; }

body.sr-site .hero-t-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
  padding: 0 1.1rem 1.1rem;
}

body.sr-site .hero-t-actions .hero-cta-primary {
  grid-column: 1 / -1;
  justify-content: center;
  min-height: 3rem;
  border-radius: 0.65rem !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  color: #0b0e11 !important;
  background: linear-gradient(180deg, #fcd535 0%, #f0b90b 100%) !important;
  border: none !important;
  box-shadow: 0 8px 24px rgba(240, 185, 11, 0.22) !important;
}

body.sr-site .hero-t-actions .hero-cta-secondary {
  grid-column: 1 / -1;
  justify-content: center;
  min-height: 2.75rem;
  border-radius: 0.65rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #eaecef !important;
  background: rgba(43, 49, 57, 0.55) !important;
  border: 1px solid rgba(71, 77, 87, 0.9) !important;
}

/* Audience strip */
body.sr-site .hero-t-audience {
  width: 100%;
}

body.sr-site .hero-t-audience .hero-audience-card {
  width: 100%;
  margin: 0;
  padding: 0.9rem 1rem !important;
  border-radius: 0.85rem !important;
  background: rgba(11, 14, 17, 0.92) !important;
  border: 1px solid rgba(43, 49, 57, 0.95) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center;
  gap: 0.85rem;
}

body.sr-site .hero-t-audience .hero-audience-radar {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  border: 1px solid rgba(43, 49, 57, 0.95);
  background: rgba(255, 255, 255, 0.02);
}

body.sr-site .hero-t-audience .hero-audience-count {
  font-size: clamp(1.5rem, 6vw, 1.875rem) !important;
  font-weight: 500 !important;
  color: #eaecef !important;
  -webkit-text-fill-color: #eaecef !important;
  background: none !important;
}

body.sr-site .hero-t-audience .hero-audience-chip {
  color: rgba(161, 170, 179, 0.95);
  background: transparent;
  border: none;
  padding: 0;
  font-size: 0.625rem;
  letter-spacing: 0.08em;
}

body.sr-site .hero-t-audience .hero-audience-title {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: #eaecef !important;
}

body.sr-site .hero-t-audience .hero-audience-desc {
  font-size: 0.75rem !important;
  color: rgba(132, 142, 156, 0.95) !important;
}

body.sr-site .hero-t-audience .hero-audience-signal {
  margin-left: auto;
  height: 1.75rem;
}

body.sr-site .hero-t-audience .hero-audience-bar {
  background: #0ecb81;
  animation: none;
  opacity: 0.85;
}

body.sr-site .hero-features-premium {
  max-width: none;
}

body.sr-site .hero-features-premium .card {
  background: rgba(11, 14, 17, 0.88) !important;
  border: 1px solid rgba(43, 49, 57, 0.9) !important;
  border-radius: 0.75rem !important;
}

/* Hide old dial decorations */
body.sr-site .hero-dial-aura,
body.sr-site .hero-dial-ring,
body.sr-site .hero-dial-live-badge,
body.sr-site .hero-premium-dial .hero-readout-shell {
  display: none !important;
}

body.sr-site .hero-premium-dial,
body.sr-site .hero-terminal-card-wrap {
  display: contents;
}

body.sr-site .hero-stat-grid {
  display: none !important;
}

body.sr-site .hero-cta-premium:not(.hero-t-actions) {
  display: none !important;
}

@media (min-width: 768px) {
  body.sr-site .hero-terminal-shell {
    max-width: 36rem;
  }

  body.sr-site .hero-visual-h1.hero-terminal-title {
    font-size: 1.5rem !important;
  }

  body.sr-site .hero-t-actions {
    grid-template-columns: 1fr 1fr;
  }

  body.sr-site .hero-t-actions .hero-cta-primary {
    grid-column: 1;
  }

  body.sr-site .hero-t-actions .hero-cta-secondary {
    grid-column: 2;
  }
}

@media (max-width: 767px) {
  body.sr-site .hero-visual-h1.hero-terminal-title {
    position: static !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    font-size: 1.05rem !important;
  }

  body.sr-site .hero-t-head {
    flex-wrap: wrap;
  }

  body.sr-site .hero-t-status-line {
    width: 100%;
    text-align: left;
    white-space: normal;
  }
}


/* ── sr-content-cohesion.css ── */
/*
  Content flow — SEO / Guide / FAQ / Footer layout integrity
  Load after sr-scroll-cinematic.css
*/

body.sr-site .sr-seo-section,
body.sr-site .sr-faq-section,
body.sr-site #guide {
  overflow: clip;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

body.sr-site .sr-seo-section .sr-section-orb.a {
  left: 0;
  transform: translateX(-30%);
}

body.sr-site .sr-seo-section .sr-section-orb.b {
  right: 0;
  transform: translateX(25%);
}

body.sr-site .sr-seo-inner,
body.sr-site .sr-seo-body,
body.sr-site .sr-seo-paragraphs,
body.sr-site .sr-seo-cards,
body.sr-site .sr-seo-blocks,
body.sr-site .sr-faq-list,
body.sr-site #guide .max-w-7xl,
body.sr-site #guide .max-w-4xl {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* No scroll-scrub on body copy — stable readable layout */
body.sr-site .sr-seo-paragraph,
body.sr-site .sr-seo-card,
body.sr-site .sr-seo-block,
body.sr-site .sr-seo-signal,
body.sr-site .sr-seo-tag,
body.sr-site .sr-faq-card,
body.sr-site #guide .card {
  filter: none !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.sr-site .sr-seo-paragraph.sr-ui-reveal:not(.is-visible) {
  opacity: 0 !important;
  transform: translateY(18px) !important;
}

body.sr-site .sr-seo-paragraph.sr-ui-reveal.is-visible {
  opacity: 1 !important;
  transform: none !important;
}

body.sr-site .sr-seo-paragraph.sr-ui-reveal.is-visible:hover {
  transform: translateX(4px) !important;
}

body.sr-site .sr-seo-header.sr-ui-reveal:not(.is-visible) .sr-seo-kicker,
body.sr-site .sr-seo-header.sr-ui-reveal:not(.is-visible) .sr-seo-title,
body.sr-site .sr-seo-header.sr-ui-reveal:not(.is-visible) .sr-seo-lead {
  opacity: inherit;
}

body.sr-site .sr-seo-title,
body.sr-site .sr-faq-title,
body.sr-site .sr-faq-question {
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

body.sr-site .sr-seo-cards {
  align-items: stretch;
}

body.sr-site .sr-seo-card h3,
body.sr-site .sr-seo-card p {
  min-width: 0;
}

body.sr-site .sr-seo-signal-grid,
body.sr-site .sr-seo-tags {
  max-width: 100%;
}

body.sr-site .sr-seo-signal {
  max-width: 100%;
  text-align: left;
}

body.sr-site .sr-faq-trigger {
  min-width: 0;
  align-items: flex-start;
}

body.sr-site .sr-faq-question {
  min-width: 0;
  flex: 1 1 auto;
}

body.sr-site #guide .card {
  width: 100%;
  max-width: 100%;
}

body.sr-site #guide .grid {
  width: 100%;
  min-width: 0;
}

body.sr-site .footer-premium {
  position: relative;
  z-index: 10;
  overflow: clip;
  margin-top: 0;
  clear: both;
}

body.sr-site .footer-premium-shell,
body.sr-site .sr-footer-columns {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 767px) {
  body.sr-site .sr-seo-paragraph {
    padding: 0.9rem 0.95rem 0.9rem 2.35rem;
    font-size: 0.88rem;
  }

  body.sr-site .sr-seo-paragraph::before {
    left: 0.85rem;
    top: 1rem;
  }

  body.sr-site .sr-seo-paragraph.sr-ui-reveal.is-visible:hover {
    transform: none !important;
  }

  body.sr-site .sr-seo-section .sr-section-orb {
    opacity: 0.35;
    filter: blur(56px);
  }
}


/* ── sr-site-unified.css ── */
/*
  Site unified — single visual system header → footer
  Load LAST. Neutralizes broken scroll layers, fixes layout cohesion.
*/

:root {
  --sr-bg-deep: #020610;
  --sr-bg-mid: #030812;
  --sr-surface: rgba(255, 255, 255, 0.04);
  --sr-surface-hover: rgba(255, 255, 255, 0.06);
  --sr-border: rgba(255, 255, 255, 0.08);
  --sr-border-accent: rgba(56, 189, 248, 0.22);
  --sr-accent-cyan: #38bdf8;
  --sr-accent-gold: #f0b90b;
  --sr-section-y: clamp(3.25rem, 7vw, 5rem);
  --sr-content-max: var(--sr-lane-wide, min(92rem, calc(100vw - 2rem)));
}

/* ── Disable experimental scroll layers (keep DOM safe) ── */
body.sr-site .sr-scroll-hz-hud,
body.sr-site .sr-wave-canvas,
body.sr-site .sr-em-field-bg,
body.sr-site .sr-ionosphere-veil,
body.sr-site .sr-ionosphere-scan,
body.sr-site .sr-resonance-bridge,
body.sr-site .sr-depth-orb {
  display: none !important;
}

body.sr-site .sr-scroll-scene-track {
  display: none !important;
  height: 0 !important;
}

body.sr-site .sr-cinematic-content,
body.sr-site .sr-cinematic-panel,
body.sr-site .sr-scrub-block,
body.sr-site .sr-scrub-card,
body.sr-site .sr-scrub-panel,
body.sr-site .sr-scrub-faq,
body.sr-site .sr-scrub-headline,
body.sr-site .sr-scroll-reveal-title {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
  will-change: auto !important;
}

body.sr-site .sr-flow-section {
  will-change: auto;
}

body.sr-site .sr-scroll-scene {
  min-height: auto !important;
  overflow: visible !important;
}

body.sr-site .sr-scroll-scene-inner {
  position: relative !important;
  top: auto !important;
  height: auto !important;
  min-height: min(92vh, 900px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5.5rem 1rem 4rem !important;
  overflow: visible !important;
}

/* ── Page shell ── */
body.sr-site .site-wrapper {
  background: transparent;
}

body.sr-site main,
body.sr-site .site-wrapper > section,
body.sr-site .site-wrapper > footer {
  position: relative;
  z-index: 10;
}

/* ── Hero ── */
body.sr-site .sr-hero-unified {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: min(92vh, 900px);
  padding-bottom: 2rem;
}

body.sr-site .sr-hero-unified .hero-stage-shell {
  width: 100%;
  max-width: 48rem;
}

body.sr-site .sr-hero-handoff {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(80px, 14vh, 140px);
  pointer-events: none;
  z-index: 6;
  background:
    linear-gradient(180deg, transparent 0%, rgba(2, 6, 16, 0.65) 45%, var(--sr-bg-deep) 100%);
}

body.sr-site .sr-hero-unified .hero-orbit-glow {
  opacity: 0.48 !important;
  transform: translate(-50%, -50%) !important;
}

/* ── Section rhythm — owned by sr-layout-lock.css ── */
body.sr-site #dashboard {
  background:
    linear-gradient(180deg, var(--sr-bg-deep) 0%, rgba(2, 6, 16, 0.4) 12%, transparent 28%) !important;
  margin-top: 0 !important;
}

body.sr-site .sr-seo-section {
  background:
    linear-gradient(180deg, rgba(2, 6, 16, 0.35) 0%, transparent 18%),
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(56, 189, 248, 0.06), transparent 70%);
}

body.sr-site #guide {
  background: transparent;
}

body.sr-site .sr-faq-section {
  background:
    radial-gradient(ellipse 60% 40% at 50% 100%, rgba(168, 85, 247, 0.06), transparent 70%);
}

body.sr-site .sr-section-orb {
  opacity: 0.35;
  filter: blur(56px);
}

body.sr-site .sr-seo-section .sr-section-orb.a {
  left: 0;
  transform: none;
}

body.sr-site .sr-seo-section .sr-section-orb.b {
  right: 0;
  transform: none;
}

/* ── Unified cards / panels ── */
body.sr-site .card,
body.sr-site .sr-seo-card,
body.sr-site .sr-seo-block,
body.sr-site .sr-seo-paragraph,
body.sr-site .sr-faq-card {
  background: var(--sr-surface) !important;
  border: 1px solid var(--sr-border) !important;
  border-radius: 1rem;
}

body.sr-site .card:hover,
body.sr-site .sr-seo-card:hover {
  border-color: var(--sr-border-accent) !important;
  background: var(--sr-surface-hover) !important;
}

body.sr-site .sr-seo-paragraph {
  transform: none !important;
}

body.sr-site .sr-seo-paragraph:hover {
  transform: translateX(4px) !important;
  border-color: rgba(56, 189, 248, 0.18) !important;
}

body.sr-site .sr-seo-title {
  opacity: 1 !important;
  transform: none !important;
  background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 55%, #94a3b8 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

body.sr-site .sr-faq-title {
  opacity: 1 !important;
  transform: none !important;
}

/* ── FAQ accordion fix ── */
body.sr-site .sr-faq-card:not(.open) .sr-faq-answer {
  visibility: hidden;
}

body.sr-site .sr-faq-card:not(.open) .sr-faq-answer > p {
  padding-top: 0;
  padding-bottom: 0;
}

body.sr-site .sr-faq-card.open .sr-faq-answer {
  visibility: visible;
}

/* ── Footer cohesion ── */
body.sr-site .footer-premium {
  border-top: 1px solid var(--sr-border);
  background:
    linear-gradient(180deg, transparent, rgba(2, 6, 16, 0.85) 24%, var(--sr-bg-deep) 100%) !important;
  overflow: clip;
  margin-top: 0;
}

body.sr-site .footer-premium-shell {
  border: 1px solid var(--sr-border);
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.02);
}

body.sr-site .sr-footer-columns {
  gap: 1.5rem 2rem;
}

body.sr-site .sr-footer-col a {
  line-height: 1.5;
}

/* ── Reveal system — one motion path ── */
body.sr-site.sr-motion-ready .sr-ui-reveal:not(.is-visible),
body.sr-site.sr-motion-ready .fade-up:not(.is-visible):not(.visible) {
  opacity: 0;
  transform: translateY(20px);
}

body.sr-site .sr-ui-reveal.is-visible,
body.sr-site .fade-up.is-visible,
body.sr-site .fade-up.visible {
  opacity: 1 !important;
  transform: none !important;
}

body.sr-site .sr-scrub-block.sr-ui-reveal:not(.is-visible),
body.sr-site .sr-seo-paragraph:not(.is-visible) {
  opacity: 0 !important;
  transform: translateY(18px) !important;
}

body.sr-site .sr-seo-paragraph.is-visible {
  opacity: 1 !important;
  transform: none !important;
}

/* ── Nav + scroll hint ── */
body.sr-site .nav-scroll-progress {
  opacity: 1;
}

body.sr-site .sr-cinematic-scroll-hint {
  opacity: 0.45 !important;
  transform: translateX(-50%) !important;
}

/* ── Visual QA pass: desktop header balance ── */
@media (min-width: 1180px) {
  html body.sr-site nav.nav-premium > .max-w-7xl {
    max-width: 82rem !important;
    margin-inline: auto;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  html body.sr-site nav.nav-premium .nav-shell {
    grid-template-columns: minmax(13.5rem, 16rem) minmax(0, 1fr) minmax(20rem, auto) !important;
    gap: 0.9rem !important;
  }

  html body.sr-site nav.nav-premium .nav-brand {
    min-width: 13.5rem !important;
    max-width: 16rem !important;
  }

  html body.sr-site nav.nav-premium .sr-brand-tagline {
    display: none !important;
  }

  html body.sr-site nav.nav-premium .sr-brand-name,
  html body.sr-site nav.nav-premium .sr-brand-name .logo-desktop {
    max-width: 11.25rem !important;
    font-size: 0.92rem !important;
  }

  html body.sr-site nav.nav-premium .nav-pills {
    max-width: none !important;
    width: max-content !important;
  }
}

/* ── Visual QA pass: section atmosphere (width owned by sr-lane-cohesion.css) ── */
body.sr-site .sr-seo-section::before,
body.sr-site #guide::before,
body.sr-site .sr-faq-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 80% 35% at 50% 0%, rgba(56, 189, 248, 0.045), transparent 72%),
    linear-gradient(180deg, rgba(2, 6, 16, 0.18), rgba(2, 6, 16, 0.38));
}

body.sr-site .sr-seo-section > *,
body.sr-site #guide > *,
body.sr-site .sr-faq-section > * {
  position: relative;
  z-index: 1;
}

body.sr-site .sr-seo-paragraph,
body.sr-site .sr-seo-card,
body.sr-site .sr-seo-block,
body.sr-site .sr-faq-card,
body.sr-site #guide .card {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 52px rgba(0, 0, 0, 0.16);
}

body.sr-site .footer-premium {
  background:
    linear-gradient(180deg, rgba(2, 6, 16, 0.18) 0%, rgba(2, 6, 16, 0.92) 18%, var(--sr-bg-deep) 100%) !important;
}

/* FAQ spacing — sr-layout-lock.css */

@media (max-width: 767px) {
  body.sr-site .sr-scroll-scene-inner {
    min-height: min(88svh, 820px) !important;
    padding-top: 5rem !important;
    padding-bottom: 3rem !important;
  }

  body.sr-site .sr-seo-paragraph:hover {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site .sr-ui-reveal,
  body.sr-site .fade-up {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* ── sr-monolith-premium.css ── */
/*
  Monolith Premium — institutional data terminal (header → footer)
  Binance / Bloomberg tone: no gradient spam, no floating orbs, no AI slop.
  Load LAST.
*/

body.sr-monolith {
  --m-bg: #0b0e11;
  --m-surface: #141821;
  --m-surface-2: #1a1f2a;
  --m-border: #2b3139;
  --m-border-soft: rgba(43, 49, 57, 0.85);
  --m-text: #eaecef;
  --m-text-2: #848e9c;
  --m-text-3: #5e6673;
  --m-gold: #f0b90b;
  --m-green: #0ecb81;
  --m-red: #f6465d;
  --m-radius: 0.5rem;
  --m-radius-lg: 0.75rem;
  --m-section-y: clamp(4rem, 8vw, 5.5rem);
  --m-rail: min(72rem, calc(100% - 2rem));
  background: var(--m-bg) !important;
  color: var(--m-text);
}

/* ── Background: data terminal, not sci-fi wallpaper ── */
body.sr-monolith #world-solar-bg {
  opacity: 0.42;
}

body.sr-monolith #world-solar-bg .wsb-nebula,
body.sr-monolith #world-solar-bg .wsb-milky {
  opacity: 0.18 !important;
  animation: none !important;
}

body.sr-monolith #world-solar-bg .wsb-vignette {
  background:
    radial-gradient(ellipse 90% 70% at 50% 45%, transparent 20%, rgba(11, 14, 17, 0.72) 100%),
    linear-gradient(180deg, rgba(11, 14, 17, 0.55) 0%, transparent 18%, transparent 70%, rgba(11, 14, 17, 0.88) 100%) !important;
}

body.sr-monolith .hero-orbit-glow,
body.sr-monolith .sr-section-orb,
body.sr-monolith .sr-hero-handoff,
body.sr-monolith .section-orb-divider,
body.sr-monolith .hero-audience-radar,
body.sr-monolith .sr-section-divider-dot {
  display: none !important;
}

/* ── Header ── */
body.sr-monolith nav.nav-glass.nav-premium {
  background: rgba(11, 14, 17, 0.94) !important;
  border-bottom: 1px solid var(--m-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) saturate(120%) !important;
}

body.sr-monolith nav.nav-glass.nav-premium::after {
  display: none !important;
}

body.sr-monolith nav.nav-premium .nav-scroll-progress {
  height: 2px !important;
  background: var(--m-gold) !important;
  box-shadow: none !important;
  animation: none !important;
}

body.sr-monolith nav.nav-premium .nav-trust-strip {
  border-bottom: 1px solid rgba(43, 49, 57, 0.6);
  background: rgba(0, 0, 0, 0.25);
}

body.sr-monolith .sr-trust-item {
  color: var(--m-text-3) !important;
  font-size: 0.5625rem !important;
  letter-spacing: 0.08em !important;
}

body.sr-monolith .sr-trust-item.is-live {
  color: var(--m-green) !important;
}

body.sr-monolith .sr-brand-icon-wrap {
  animation: none !important;
  box-shadow: none !important;
  border-color: var(--m-border) !important;
  background: var(--m-surface) !important;
}

body.sr-monolith .sr-brand-name,
body.sr-monolith .sr-brand-name .logo-desktop,
body.sr-monolith .sr-brand-name .logo-mobile {
  background: none !important;
  -webkit-text-fill-color: var(--m-text) !important;
  color: var(--m-text) !important;
  font-weight: 600 !important;
  font-size: 0.9375rem !important;
}

body.sr-monolith .sr-brand-kicker {
  color: var(--m-text-3) !important;
  letter-spacing: 0.1em !important;
}

body.sr-monolith .sr-brand-tagline {
  color: var(--m-text-3) !important;
}

body.sr-monolith nav.nav-premium .nav-pills {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius) !important;
  padding: 0.15rem !important;
}

body.sr-monolith nav.nav-premium .nav-pill {
  border-radius: 0.375rem !important;
  color: var(--m-text-2) !important;
  font-size: 0.6875rem !important;
  letter-spacing: 0.06em !important;
  padding: 0.45rem 0.75rem !important;
}

body.sr-monolith nav.nav-premium .nav-pill.active {
  color: var(--m-text) !important;
  background: var(--m-surface-2) !important;
  border-color: var(--m-border) !important;
  box-shadow: none !important;
}

body.sr-monolith nav.nav-premium .nav-pill.active::after {
  background: var(--m-gold) !important;
  left: 0.5rem !important;
  right: 0.5rem !important;
}

body.sr-monolith nav.nav-premium .nav-live-strip {
  color: var(--m-green) !important;
  background: rgba(14, 203, 129, 0.08) !important;
  border-color: rgba(14, 203, 129, 0.2) !important;
}

body.sr-monolith nav.nav-premium .nav-cta-link.nav-star-cta {
  color: var(--m-text-2) !important;
  background: var(--m-surface) !important;
  border-color: var(--m-border) !important;
}

/* ── Hero ── */
body.sr-monolith .hero-stage,
body.sr-monolith .sr-hero-unified,
body.sr-monolith .sr-scroll-scene-inner {
  min-height: auto !important;
  padding-top: 7.5rem !important;
  padding-bottom: 3rem !important;
  background: transparent !important;
}

body.sr-monolith .hero-terminal-kicker {
  color: var(--m-gold) !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
}

body.sr-monolith .hero-visual-h1.hero-terminal-title {
  color: var(--m-text) !important;
  font-weight: 600 !important;
}

body.sr-monolith .hero-terminal-card {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-lg) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}

body.sr-monolith .hero-terminal-card::before {
  background: linear-gradient(90deg, transparent, rgba(240, 185, 11, 0.25), transparent) !important;
}

body.sr-monolith .hero-freq-value,
body.sr-monolith .glow-text {
  color: var(--m-text) !important;
  text-shadow: none !important;
  filter: none !important;
  font-variant-numeric: tabular-nums;
}

body.sr-monolith .hero-freq-unit {
  color: var(--m-text-2) !important;
}

body.sr-monolith .hero-t-tagline {
  color: var(--m-text-2) !important;
}

body.sr-monolith .hero-t-metrics {
  border-top: 1px solid var(--m-border) !important;
}

body.sr-monolith .hero-t-metric dt {
  color: var(--m-text-3) !important;
}

body.sr-monolith .metric-up { color: var(--m-green) !important; }
body.sr-monolith .metric-down { color: var(--m-red) !important; }
body.sr-monolith .metric-neutral { color: var(--m-text) !important; }

body.sr-monolith .hero-cta-primary {
  background: var(--m-gold) !important;
  color: #0b0e11 !important;
  border: none !important;
  border-radius: var(--m-radius) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.sr-monolith .hero-cta-secondary {
  background: var(--m-surface-2) !important;
  color: var(--m-text) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius) !important;
}

body.sr-monolith .hero-audience-card,
body.sr-monolith .hero-features-strip .card {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius) !important;
  backdrop-filter: none !important;
}

body.sr-monolith .hero-features-strip .card:hover,
body.sr-monolith .card:hover {
  transform: none !important;
  border-color: rgba(240, 185, 11, 0.28) !important;
}

/* ── Global cards & panels ── */
body.sr-monolith .card {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-lg) !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

body.sr-monolith #dashboard,
body.sr-monolith .sr-seo-section,
body.sr-monolith #guide,
body.sr-monolith .sr-faq-section {
  padding-top: var(--m-section-y) !important;
  padding-bottom: var(--m-section-y) !important;
  background: transparent !important;
}

body.sr-monolith #dashboard::before,
body.sr-monolith .sr-seo-section::before,
body.sr-monolith #guide::before,
body.sr-monolith .sr-faq-section::before,
body.sr-monolith .sr-faq-section::after {
  display: none !important;
}

body.sr-monolith #dashboard > .max-w-7xl,
body.sr-monolith .sr-seo-inner,
body.sr-monolith #guide > .max-w-7xl,
body.sr-monolith .sr-faq-list,
body.sr-monolith .sr-faq-header {
  max-width: var(--m-rail) !important;
  margin-inline: auto !important;
}

body.sr-monolith #dashboard .text-center.mb-12 span,
body.sr-monolith .text-brand-400,
body.sr-monolith .text-brand-400\/60 {
  color: var(--m-text-3) !important;
}

body.sr-monolith #dashboard .text-center.mb-12 h2 {
  color: var(--m-text) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
}

body.sr-monolith #dashboard .text-center.mb-12 p {
  color: var(--m-text-2) !important;
}

/* ── SEO / Guide ── */
body.sr-monolith .sr-seo-kicker {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  color: var(--m-text-2) !important;
  border-radius: var(--m-radius) !important;
  font-size: 0.625rem !important;
  letter-spacing: 0.1em !important;
}

body.sr-monolith .sr-seo-title,
body.sr-monolith .sr-faq-title {
  color: var(--m-text) !important;
  background: none !important;
  -webkit-text-fill-color: var(--m-text) !important;
  font-weight: 600 !important;
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  letter-spacing: -0.025em !important;
}

body.sr-monolith .sr-seo-lead,
body.sr-monolith .sr-faq-lead {
  color: var(--m-text-2) !important;
  max-width: 42rem;
  margin-inline: auto;
  line-height: 1.65 !important;
}

body.sr-monolith .sr-seo-paragraph {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius) !important;
  color: var(--m-text-2) !important;
  padding: 1rem 1.15rem 1rem 2.5rem !important;
  box-shadow: none !important;
}

body.sr-monolith .sr-seo-paragraph::before {
  background: var(--m-gold) !important;
  box-shadow: none !important;
}

body.sr-monolith .sr-seo-paragraph:hover {
  transform: none !important;
  border-color: rgba(240, 185, 11, 0.22) !important;
}

body.sr-monolith .sr-seo-card,
body.sr-monolith .sr-seo-block {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-lg) !important;
  box-shadow: none !important;
}

body.sr-monolith .sr-seo-card:hover,
body.sr-monolith .sr-seo-block:hover {
  transform: none !important;
  border-color: rgba(240, 185, 11, 0.22) !important;
}

body.sr-monolith .sr-seo-card-icon {
  background: var(--m-surface-2) !important;
  border: 1px solid var(--m-border) !important;
  color: var(--m-gold) !important;
  animation: none !important;
}

body.sr-monolith .sr-seo-icon-pulse,
body.sr-monolith .sr-seo-icon-clock,
body.sr-monolith .sr-seo-icon-chart,
body.sr-monolith .sr-seo-icon-satellite,
body.sr-monolith .sr-seo-icon-wave,
body.sr-monolith .sr-seo-icon-globe {
  background: var(--m-surface-2) !important;
  color: var(--m-gold) !important;
}

body.sr-monolith .sr-seo-card h3,
body.sr-monolith .sr-seo-block h4 {
  color: var(--m-text) !important;
}

body.sr-monolith .sr-seo-card p,
body.sr-monolith .sr-seo-block p {
  color: var(--m-text-2) !important;
}

body.sr-monolith .sr-seo-signal,
body.sr-monolith .sr-seo-tag {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  color: var(--m-text-2) !important;
  border-radius: var(--m-radius) !important;
}

body.sr-monolith .sr-seo-signal::before {
  background: var(--m-green) !important;
  box-shadow: none !important;
}

body.sr-monolith .sr-seo-tag:hover {
  background: var(--m-surface-2) !important;
  color: var(--m-text) !important;
  border-color: rgba(240, 185, 11, 0.25) !important;
  transform: none !important;
}

body.sr-monolith .sr-seo-signals-title,
body.sr-monolith .sr-seo-tags-label {
  color: var(--m-text-3) !important;
}

/* ── FAQ ── */
body.sr-monolith .sr-faq-kicker {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  color: var(--m-text-2) !important;
}

body.sr-monolith .sr-faq-card {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius-lg) !important;
  box-shadow: none !important;
}

body.sr-monolith .sr-faq-card::before {
  display: none !important;
}

body.sr-monolith .sr-faq-card.open {
  border-color: rgba(240, 185, 11, 0.28) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.sr-monolith .sr-faq-index {
  background: var(--m-surface-2) !important;
  border-color: var(--m-border) !important;
  color: var(--m-gold) !important;
}

body.sr-monolith .sr-faq-card.open .sr-faq-index {
  background: var(--m-gold) !important;
  color: #0b0e11 !important;
}

body.sr-monolith .sr-faq-question {
  color: var(--m-text) !important;
}

body.sr-monolith .sr-faq-answer > p {
  color: var(--m-text-2) !important;
}

/* ── Footer ── */
body.sr-monolith footer.footer-premium {
  margin-top: 0 !important;
  background: var(--m-bg) !important;
  border-top: 1px solid var(--m-border) !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

body.sr-monolith footer.footer-premium::before {
  display: none !important;
}

body.sr-monolith .footer-premium-shell {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

body.sr-monolith .sr-footer-brand-row {
  border-bottom-color: var(--m-border) !important;
}

body.sr-monolith .sr-footer-desc {
  color: var(--m-text-2) !important;
}

body.sr-monolith .sr-footer-chip {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  color: var(--m-text-2) !important;
  border-radius: var(--m-radius) !important;
}

body.sr-monolith .sr-footer-chip.is-live {
  color: var(--m-green) !important;
  border-color: rgba(14, 203, 129, 0.25) !important;
}

body.sr-monolith .sr-footer-col h4 {
  color: var(--m-text-3) !important;
  font-size: 0.6875rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

body.sr-monolith .sr-footer-col a {
  color: var(--m-text-2) !important;
}

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

body.sr-monolith .sr-footer-lang-pill {
  border-radius: var(--m-radius) !important;
}

/* ── Motion: subtle only ── */
body.sr-monolith .sr-ui-reveal,
body.sr-monolith .fade-up {
  transition: opacity 0.4s ease, transform 0.4s ease !important;
}

@media (min-width: 1180px) {
  body.sr-monolith nav.nav-premium .sr-brand-tagline {
    display: none !important;
  }
}

@media (max-width: 767px) {
  body.sr-monolith .hero-stage,
  body.sr-monolith .sr-scroll-scene-inner {
    padding-top: 5.25rem !important;
  }

  body.sr-monolith #world-solar-bg {
    opacity: 0.28;
  }
}

body.sr-monolith .section-orb-divider,
body.sr-monolith .section-orb-divider-ball {
  display: none !important;
}

/* ── Dashboard / charts ── */
body.sr-monolith #dashboard h2,
body.sr-monolith #dashboard h3,
body.sr-monolith #dashboard h4,
body.sr-monolith #dashboard h5 {
  color: var(--m-text) !important;
  font-weight: 600 !important;
}

body.sr-monolith #dashboard .text-gray-500,
body.sr-monolith #dashboard .text-gray-400 {
  color: var(--m-text-2) !important;
}

body.sr-monolith #dashboard .text-gray-300 {
  color: var(--m-text) !important;
}

body.sr-monolith #dashboard .font-black {
  font-weight: 600 !important;
}

body.sr-monolith .spectro-analysis-card,
body.sr-monolith .spectro-insight-card,
body.sr-monolith .metric-card,
body.sr-monolith .sr-viz-panel,
body.sr-monolith .harmonic-card,
body.sr-monolith .sr-harmonic-card {
  background: var(--m-surface-2) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius) !important;
  box-shadow: none !important;
}

body.sr-monolith .spectro-analysis-kicker,
body.sr-monolith .spectro-insight-label {
  color: var(--m-text-3) !important;
}

body.sr-monolith .spectro-insight-value {
  color: var(--m-text) !important;
}

body.sr-monolith .spectro-insight-caption,
body.sr-monolith .spectro-analysis-intro,
body.sr-monolith .spectro-analysis-footnote {
  color: var(--m-text-2) !important;
}

body.sr-monolith .spectro-status-pill,
body.sr-monolith .live-note {
  background: var(--m-surface-2) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius) !important;
}

body.sr-monolith .live-note-badge {
  background: rgba(14, 203, 129, 0.1) !important;
  color: var(--m-green) !important;
  border: 1px solid rgba(14, 203, 129, 0.2) !important;
}

body.sr-monolith .chart-tab-row .tab-btn {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  color: var(--m-text-2) !important;
  border-radius: var(--m-radius) !important;
}

body.sr-monolith .chart-tab-row .tab-btn.active {
  background: var(--m-surface-2) !important;
  color: var(--m-text) !important;
  border-color: rgba(240, 185, 11, 0.35) !important;
  box-shadow: none !important;
}

body.sr-monolith .text-brand-400,
body.sr-monolith .text-cyan-400,
body.sr-monolith .text-purple-400,
body.sr-monolith .text-blue-400 {
  color: var(--m-gold) !important;
}

body.sr-monolith .bg-brand-400\/10,
body.sr-monolith .bg-brand-500\/10,
body.sr-monolith .bg-blue-500\/10,
body.sr-monolith .bg-cyan-500\/10,
body.sr-monolith .bg-purple-500\/10,
body.sr-monolith .bg-green-500\/10 {
  background: var(--m-surface-2) !important;
  border: 1px solid var(--m-border) !important;
}

body.sr-monolith .metric-card .text-3xl {
  color: var(--m-text) !important;
}

body.sr-monolith .metric-card-kp .text-green-400,
body.sr-monolith #kp-value {
  color: var(--m-green) !important;
}

body.sr-monolith .metric-card-wind .text-cyan-400,
body.sr-monolith #wind-value {
  color: var(--m-text) !important;
}

body.sr-monolith .bg-gradient-to-r {
  background: var(--m-gold) !important;
}

body.sr-monolith .metric-card-kp .bg-gradient-to-r {
  background: var(--m-green) !important;
}

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

body.sr-monolith .sr-viz-panel:hover,
body.sr-monolith .card.sr-glow-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

body.sr-monolith .sr-viz-canvas-wrap {
  background: #0d1117 !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius) !important;
}

body.sr-monolith .hero-features-strip .group-hover\:scale-110,
body.sr-monolith .group-hover\:scale-110 {
  transform: none !important;
}

body.sr-monolith .hero-audience-card {
  border-color: var(--m-border) !important;
}

body.sr-monolith .hero-audience-chip {
  color: var(--m-text-3) !important;
  background: var(--m-surface-2) !important;
  border: 1px solid var(--m-border) !important;
}

body.sr-monolith .hero-audience-count {
  color: var(--m-text) !important;
}

body.sr-monolith .hero-audience-bar {
  background: var(--m-gold) !important;
  opacity: 0.55;
}

body.sr-monolith .animate-ping,
body.sr-monolith .animate-bounce {
  animation: none !important;
}

body.sr-monolith .spectro-container {
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius) !important;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  body.sr-monolith * {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}


/* ── sr-aether-premium.css ── */
/*
  Aether Premium — luxury transparent glass, background visible site-wide
  Load absolutely LAST
*/

body.sr-aether {
  --ae-glass: rgba(255, 255, 255, 0.07);
  --ae-glass-hover: rgba(255, 255, 255, 0.11);
  --ae-border: rgba(255, 255, 255, 0.18);
  --ae-border-soft: rgba(255, 255, 255, 0.1);
  --ae-gold: #e2c178;
  --ae-teal: #6ee7d5;
  --ae-text: rgba(255, 255, 255, 0.96);
  --ae-muted: rgba(255, 255, 255, 0.58);
  --ae-blur: blur(36px) saturate(190%);
  --ae-up: #5eead4;
  --ae-down: #fda4af;
  background: transparent !important;
}

/* ── Background: always visible ── */
body.sr-aether #world-solar-bg {
  opacity: 1 !important;
}

body.sr-aether #world-solar-bg .wsb-nebula,
body.sr-aether #world-solar-bg .wsb-milky {
  opacity: 0.72 !important;
}

body.sr-aether #world-solar-bg .wsb-vignette {
  background:
    radial-gradient(ellipse 120% 90% at 50% 42%, transparent 0%, rgba(6, 8, 12, 0.28) 55%, rgba(6, 8, 12, 0.62) 100%),
    linear-gradient(180deg, rgba(6, 8, 12, 0.35) 0%, transparent 20%, transparent 72%, rgba(6, 8, 12, 0.55) 100%) !important;
}

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

body.sr-aether .sr-aether-glass {
  background: var(--ae-glass);
  backdrop-filter: var(--ae-blur);
  -webkit-backdrop-filter: var(--ae-blur);
  border: 1px solid var(--ae-border);
  box-shadow:
    0 16px 48px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04);
}

body.sr-aether .card,
body.sr-aether .sr-seo-paragraph,
body.sr-aether .sr-seo-card,
body.sr-aether .sr-seo-block,
body.sr-aether .sr-faq-card,
body.sr-aether footer.footer-premium,
body.sr-aether nav.nav-glass.nav-premium {
  background: var(--ae-glass) !important;
  backdrop-filter: var(--ae-blur) !important;
  -webkit-backdrop-filter: var(--ae-blur) !important;
  border-color: var(--ae-border-soft) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body.sr-aether footer.footer-premium::before {
  display: none !important;
}

body.sr-aether .spectro-analysis-card,
body.sr-aether .spectro-insight-card,
body.sr-aether .metric-card,
body.sr-aether .live-note {
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid var(--ae-border-soft) !important;
}

/* ═══ HERO — cinematic ═══ */
body.sr-aether .sr-aether-hero {
  position: relative;
  z-index: 10;
  min-height: 100vh;
  min-height: 100dvh;
  padding: calc(var(--sr-nav-offset, 5rem) + env(safe-area-inset-top, 0px)) clamp(1rem, 3vw, 2rem) clamp(2rem, 5vw, 3rem);
  display: flex;
  flex-direction: column;
}

body.sr-aether .sr-aether-bg-grid {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.28;
  z-index: 0;
}

body.sr-aether .sr-aether-inner {
  position: relative;
  z-index: 2;
  flex: 1;
  max-width: 76rem;
  margin-inline: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 4vw, 2.5rem);
}

/* Editorial header — no box, floats on bg */
body.sr-aether .sr-aether-editorial {
  max-width: 36rem;
}

body.sr-aether .sr-aether-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 1rem;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ae-gold);
}

body.sr-aether .sr-aether-kicker::before {
  content: "";
  width: 2rem;
  height: 1px;
  background: linear-gradient(90deg, var(--ae-gold), transparent);
}

body.sr-aether .sr-aether-h1-main {
  display: block;
  margin: 0;
  font-size: clamp(2.25rem, 6.5vw, 4.25rem);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1.02;
  color: var(--ae-text);
  text-shadow: 0 4px 40px rgba(0, 0, 0, 0.45);
}

body.sr-aether .sr-aether-h1-sub {
  display: block;
  margin-top: 0.35rem;
  font-size: clamp(1rem, 2.5vw, 1.35rem);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: var(--ae-muted);
}

body.sr-aether .sr-aether-lead {
  margin: 1rem 0 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--ae-muted);
  max-width: 28rem;
}

/* Stage */
body.sr-aether .sr-aether-stage {
  display: grid;
  gap: 1.25rem;
  align-items: center;
  flex: 1;
}

@media (min-width: 900px) {
  body.sr-aether .sr-aether-stage {
    grid-template-columns: 1fr auto;
    gap: 2rem;
  }
}

/* Complication — luxury dial */
body.sr-aether .sr-aether-complication {
  position: relative;
  border-radius: 2rem;
  padding: clamp(1.5rem, 4vw, 2.25rem);
  min-height: clamp(18rem, 42vw, 24rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

body.sr-aether .sr-aether-orbit-svg {
  position: absolute;
  width: min(92%, 22rem);
  aspect-ratio: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -52%);
  pointer-events: none;
  opacity: 0.9;
  animation: ae-orbit 60s linear infinite;
}

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

body.sr-aether .sr-aether-orbit-ring {
  fill: none;
  stroke: rgba(255, 255, 255, 0.12);
  stroke-width: 0.75;
}

body.sr-aether .sr-aether-orbit-node {
  fill: var(--ae-gold);
  filter: drop-shadow(0 0 4px rgba(226, 193, 120, 0.8));
}

body.sr-aether .sr-aether-orbit-label {
  fill: rgba(255, 255, 255, 0.45);
  font-size: 6px;
  font-family: ui-monospace, monospace;
  letter-spacing: 0.08em;
}

body.sr-aether .sr-aether-pulse {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(11rem, 44vw);
  height: min(11rem, 44vw);
  transform: translate(-50%, -54%);
  border-radius: 50%;
  border: 1px solid rgba(110, 231, 213, 0.35);
  box-shadow: 0 0 60px rgba(110, 231, 213, 0.08);
  pointer-events: none;
  animation: ae-pulse 3s ease-in-out infinite;
}

@keyframes ae-pulse {
  0%, 100% { transform: translate(-50%, -54%) scale(1); opacity: 0.5; }
  50% { transform: translate(-50%, -54%) scale(1.08); opacity: 0.85; }
}

body.sr-aether .sr-aether-comp-meta {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.5rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--ae-muted);
}

body.sr-aether .sr-aether-live-dot {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  color: var(--ae-teal);
  border: 1px solid rgba(110, 231, 213, 0.35);
  background: rgba(110, 231, 213, 0.08);
  font-size: 0.5625rem;
  letter-spacing: 0.12em;
}

body.sr-aether .sr-aether-live-dot i {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background: var(--ae-teal);
  font-style: normal;
}

body.sr-aether .sr-aether-hz {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  line-height: 1;
  margin: 0.25rem 0;
}

body.sr-aether .sr-aether-hz .hero-freq-value,
body.sr-aether .sr-aether-hz #hero-freq {
  font-family: var(--sr-font-mono, ui-monospace, monospace) !important;
  font-size: clamp(4.5rem, 20vw, 7.5rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.06em !important;
  color: var(--ae-text) !important;
  -webkit-text-fill-color: var(--ae-text) !important;
  background: none !important;
  text-shadow: 0 8px 48px rgba(0, 0, 0, 0.55) !important;
  filter: none !important;
  animation: none !important;
  font-variant-numeric: tabular-nums;
  line-height: 0.9 !important;
}

body.sr-aether .sr-aether-hz .hero-freq-unit {
  font-size: clamp(1.25rem, 4vw, 1.75rem) !important;
  color: var(--ae-muted) !important;
  font-weight: 400 !important;
  padding-bottom: 0.65rem;
}

body.sr-aether .sr-aether-status {
  position: relative;
  z-index: 2;
  margin: 0.35rem 0 0;
  font-size: 0.75rem;
  color: var(--ae-muted);
}

body.sr-aether .sr-aether-status strong {
  color: var(--ae-text);
  font-weight: 500;
}

body.sr-aether .sr-aether-trace {
  position: relative;
  z-index: 2;
  width: min(100%, 20rem);
  height: 2.75rem;
  margin-top: 1rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Spectro portal */
body.sr-aether .sr-aether-portal {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65rem;
  text-decoration: none;
  border-radius: 1.5rem;
  padding: 0.85rem;
  width: min(100%, 14rem);
  margin-inline: auto;
  transition: background 0.25s ease, transform 0.25s ease;
}

body.sr-aether .sr-aether-portal:hover {
  background: var(--ae-glass-hover);
  transform: translateY(-2px);
}

body.sr-aether .sr-aether-portal-ring {
  position: relative;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  padding: 3px;
  background: linear-gradient(135deg, rgba(226, 193, 120, 0.6), rgba(110, 231, 213, 0.4));
}

body.sr-aether .sr-aether-portal-ring img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(8, 10, 14, 0.5);
}

body.sr-aether .sr-aether-portal-scan {
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: linear-gradient(180deg, transparent 45%, rgba(110, 231, 213, 0.15) 50%, transparent 55%);
  animation: ae-scan 4s linear infinite;
  pointer-events: none;
}

@keyframes ae-scan {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

body.sr-aether .sr-aether-portal-label {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ae-gold);
  text-align: center;
}

body.sr-aether .sr-aether-portal-sub {
  font-size: 0.6875rem;
  color: var(--ae-muted);
  text-align: center;
  line-height: 1.35;
}

/* Command deck — single luxury bar */
body.sr-aether .sr-aether-deck {
  border-radius: 1.25rem;
  padding: 0.85rem 1.15rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1.15rem;
}

body.sr-aether .sr-aether-deck-metric {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}

body.sr-aether .sr-aether-deck-metric span:first-child {
  font-size: 0.5625rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ae-muted);
}

body.sr-aether .sr-aether-deck-metric strong,
body.sr-aether .sr-aether-deck-metric .sr-aether-deck-val {
  font-family: var(--sr-font-mono, ui-monospace, monospace);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--ae-text);
}

body.sr-aether .sr-aether-deck-metric .metric-up { color: var(--ae-up) !important; }
body.sr-aether .sr-aether-deck-metric .metric-down { color: var(--ae-down) !important; }

body.sr-aether .sr-aether-deck-sep {
  width: 1px;
  height: 1.75rem;
  background: rgba(255, 255, 255, 0.12);
  flex-shrink: 0;
}

body.sr-aether .sr-aether-deck-traffic {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
}

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

body.sr-aether .sr-aether-deck-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-left: auto;
}

body.sr-aether .sr-aether-btn-primary,
body.sr-aether .sr-aether-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.65rem 1.15rem;
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease;
  white-space: nowrap;
}

body.sr-aether .sr-aether-btn-primary {
  background: rgba(226, 193, 120, 0.92);
  color: #0a0c10;
  border: none;
}

body.sr-aether .sr-aether-btn-primary:hover {
  transform: translateY(-1px);
  background: #e8c872;
}

body.sr-aether .sr-aether-btn-ghost {
  background: rgba(255, 255, 255, 0.08);
  color: var(--ae-text);
  border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(12px);
}

/* Harmonic arc labels — desktop only inline under complication */
body.sr-aether .sr-aether-harmonics {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.45rem;
  margin-top: 0.5rem;
}

body.sr-aether .sr-aether-h-chip {
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  font-size: 0.5625rem;
  font-family: var(--sr-font-mono, ui-monospace, monospace);
  color: var(--ae-muted);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
}

body.sr-aether .sr-aether-h-chip em {
  font-style: normal;
  color: var(--ae-gold);
  font-weight: 600;
  margin-right: 0.25rem;
}

/* Dashboard + spectrogram */
body.sr-aether .sr-prism-dash-head,
body.sr-aether .sr-aether-dash-head {
  border-radius: 1rem;
  padding: 1.15rem 1.35rem;
  margin-bottom: 1.25rem;
  border-left: 2px solid var(--ae-gold);
  background: var(--ae-glass) !important;
  backdrop-filter: var(--ae-blur) !important;
}

body.sr-aether .sr-aether-dash-head h2,
body.sr-aether .sr-prism-dash-head h2 {
  color: var(--ae-text) !important;
  font-weight: 600 !important;
  text-align: left !important;
}

body.sr-aether #spectrogram.sr-prism-spectro,
body.sr-aether #spectrogram {
  background: var(--ae-glass) !important;
  backdrop-filter: var(--ae-blur) !important;
  border: 1px solid var(--ae-border) !important;
  border-radius: 1.5rem !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2) !important;
}

body.sr-aether .sr-prism-spectro-viewport,
body.sr-aether .sr-aether-spectro-viewport {
  background: rgba(0, 0, 0, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body.sr-aether .sr-prism-spectro-viewport #main-spectro {
  opacity: 0.97;
}

/* Hide old prism hero clutter */
body.sr-aether .sr-prism-hero,
body.sr-aether .sr-prism-inner,
body.sr-aether .sr-prism-layout,
body.sr-aether .sr-prism-telemetry {
  display: none !important;
}

@media (max-width: 719px) {
  body.sr-aether .sr-aether-deck-actions {
    width: 100%;
    margin-left: 0;
  }

  body.sr-aether .sr-aether-btn-primary,
  body.sr-aether .sr-aether-btn-ghost {
    flex: 1;
    justify-content: center;
  }

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

  body.sr-aether .sr-aether-hero {
    min-height: auto;
  }
}

body.sr-aether .sr-seo-kicker,
body.sr-aether .sr-faq-kicker {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--ae-border-soft) !important;
  backdrop-filter: blur(16px) !important;
}

body.sr-aether .sr-seo-title,
body.sr-aether .sr-faq-title {
  color: var(--ae-text) !important;
  -webkit-text-fill-color: var(--ae-text) !important;
  background: none !important;
}

body.sr-aether .sr-aether-dash-label,
body.sr-aether .sr-prism-dash-label {
  font-size: 0.5625rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ae-gold);
}

@media (prefers-reduced-motion: reduce) {
  body.sr-aether .sr-aether-orbit-svg,
  body.sr-aether .sr-aether-pulse,
  body.sr-aether .sr-aether-portal-scan {
    animation: none !important;
  }
}


/* ── sr-design-tokens.css ── */
/*
  Schumann Observatory — unified color system (load before component CSS)
  Cyan = data / brand · Gold = live / premium · Green = live dot only
*/

body.sr-site {
  --sr-bg-deep: #030810;
  --sr-bg-mid: #061018;
  --sr-bg-card: rgba(6, 14, 26, 0.58);
  --sr-cyan: #38bdf8;
  --sr-cyan-bright: #7dd3fc;
  --sr-cyan-soft: rgba(56, 189, 248, 0.14);
  --sr-cyan-dim: rgba(125, 211, 252, 0.72);
  --sr-gold: #c9a962;
  --sr-gold-bright: #dcc07a;
  --sr-gold-soft: rgba(201, 169, 98, 0.16);
  --sr-text: #eef4f8;
  --sr-text-muted: rgba(186, 210, 230, 0.72);
  --sr-live: #4ade80;
  --sr-border: rgba(56, 189, 248, 0.18);
  --sr-border-strong: rgba(56, 189, 248, 0.32);
  --sr-glass: rgba(6, 14, 26, 0.52);
  --sr-blur: blur(28px) saturate(155%);

  --sr-page-gutter: clamp(0.75rem, 2vw, 1.25rem);
  --sr-lane-wide: min(92rem, calc(100vw - var(--sr-page-gutter) * 2));
  --sr-lane-standard: var(--sr-lane-wide);
  --sr-dash-lane: var(--sr-lane-wide);

  --fg-gold: var(--sr-gold);
  --fg-teal: var(--sr-cyan);
  --fg-text: var(--sr-text);
  --fg-muted: var(--sr-text-muted);
  --fg-border: var(--sr-border);
  --fg-glass: var(--sr-glass);
  --ae-gold: var(--sr-gold);
  --ae-teal: var(--sr-cyan);
  --ae-text: var(--sr-text);
  --ae-muted: var(--sr-text-muted);
  --ae-border: var(--sr-border);
  --hp-gold: var(--sr-gold);
  --hp-teal: var(--sr-cyan);
  --hp-text: var(--sr-text);
  --hp-muted: var(--sr-text-muted);
  --hp-border: var(--sr-border);
  --hp-up: var(--sr-cyan);
  --hp-down: #f87171;
}


/* ── sr-flagship.css ── */
/*
  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;
  }
}


/* ── sr-header-apex.css ── */
/*
  Void Meridian header — stabilized layout
  Prefix: sr-vdm
*/

:root,
body.sr-site,
body.sr-flagship {
  --sr-nav-offset: 5.85rem;
  --sr-vdm-max: var(--sr-lane-wide, min(92rem, 100%));
  --sr-vdm-text: #f0f9ff;
  --sr-vdm-muted: rgba(186, 230, 253, 0.72);
  --sr-vdm-gold: #fde68a;
  --sr-vdm-cyan: #22d3ee;
}

@media (min-width: 768px) {
  :root,
  body.sr-site,
  body.sr-flagship { --sr-nav-offset: 6.25rem; }
}

@media (min-width: 1100px) {
  :root,
  body.sr-site,
  body.sr-flagship { --sr-nav-offset: 6.55rem; }
}

.sr-vdm-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-vdm {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 10050;
  pointer-events: none;
  font-family: "Instrument Sans", system-ui, sans-serif;
  color: var(--sr-vdm-text);
}

.sr-vdm-meridian {
  display: none;
}

.sr-vdm-progress {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, var(--sr-vdm-cyan), var(--sr-vdm-gold), #34d399);
  opacity: 0.9;
  pointer-events: none;
  z-index: 2;
}

.sr-vdm-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  max-width: var(--sr-vdm-max);
  margin: 0 auto;
  padding: calc(env(safe-area-inset-top, 0px) + 0.55rem) var(--sr-page-gutter, clamp(0.75rem, 2vw, 1.25rem)) 0.65rem;
  pointer-events: auto;
}

.sr-vdm-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  min-height: 3.55rem;
  padding: 0.52rem 0.85rem;
  border-radius: 1.05rem;
  border: 1px solid rgba(186, 230, 253, 0.22);
  background: linear-gradient(180deg, rgba(8, 18, 32, 0.52), rgba(4, 10, 20, 0.58));
  backdrop-filter: blur(32px) saturate(180%);
  -webkit-backdrop-filter: blur(32px) saturate(180%);
  box-shadow:
    0 16px 48px rgba(2, 8, 20, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.sr-vdm.is-scrolled .sr-vdm-bar {
  background: linear-gradient(180deg, rgba(6, 14, 26, 0.68), rgba(3, 8, 16, 0.74));
  border-color: rgba(186, 230, 253, 0.28);
  box-shadow: 0 20px 52px rgba(2, 8, 20, 0.45);
}

.sr-vdm-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  flex: 1 1 auto;
  max-width: calc(100% - 9.5rem);
  text-decoration: none;
  color: inherit;
}

.sr-vdm-brand-copy {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  min-width: 0;
}

.sr-vdm-brand-title {
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sr-vdm-wordmark {
  display: flex;
  flex-direction: column;
  gap: 0.02rem;
  min-width: 0;
  line-height: 1;
}

.sr-vdm-wordmark__line {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

.sr-vdm-wordmark__sch {
  font-family: "Syne", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(0.82rem, 1.6vw, 1.05rem);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sr-cyan-bright, #7dd3fc);
  text-shadow: 0 0 20px rgba(56, 189, 248, 0.25);
}

.sr-vdm-wordmark__rez {
  font-family: "Syne", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(0.72rem, 1.35vw, 0.88rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--sr-text-muted, rgba(186, 210, 230, 0.72));
}

.sr-vdm-wordmark__live {
  font-family: "Syne", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(0.78rem, 1.45vw, 0.95rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sr-gold, #c9a962);
  text-shadow: 0 0 14px rgba(201, 169, 98, 0.35);
  animation: sr-wordmark-live 2.4s ease-in-out infinite;
}

.sr-vdm-wordmark__wave {
  flex: 1;
  min-width: 1.2rem;
  max-width: 2.8rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--sr-cyan, #38bdf8), var(--sr-gold, #c9a962), transparent);
  opacity: 0.75;
  animation: sr-wordmark-wave 2.8s ease-in-out infinite;
}

@keyframes sr-wordmark-live {
  0%, 100% { opacity: 0.88; }
  50% { opacity: 1; }
}

@keyframes sr-wordmark-wave {
  0%, 100% { transform: scaleX(0.65); opacity: 0.45; }
  50% { transform: scaleX(1); opacity: 1; }
}

.sr-vdm-brand-freq {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--sr-vdm-muted);
}

.sr-vdm-brand-freq strong {
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--sr-cyan-bright, #7dd3fc);
}

.sr-vdm-live-dot {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background: var(--sr-live, #4ade80);
  box-shadow: 0 0 8px rgba(74, 222, 128, 0.65);
  animation: sr-vdm-pulse 1.6s ease-in-out infinite;
}

@keyframes sr-vdm-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}

.sr-vdm-stars {
  display: none;
  align-items: center;
  gap: 0.15rem;
  padding: 0.18rem;
  border-radius: 999px;
  background: rgba(2, 8, 18, 0.55);
  border: 1px solid rgba(186, 230, 253, 0.1);
  flex: 0 0 auto;
}

.sr-vdm-star {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.38rem 0.68rem;
  border-radius: 999px;
  text-decoration: none;
  color: var(--sr-vdm-muted);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  white-space: nowrap;
  transition: color 0.2s ease, background 0.2s ease;
}

.sr-vdm-star-node {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  border: 1px solid rgba(129, 140, 248, 0.4);
  background: rgba(8, 18, 32, 0.85);
  flex-shrink: 0;
}

.sr-vdm-star:hover {
  color: var(--sr-vdm-text);
  background: rgba(186, 230, 253, 0.08);
}

.sr-vdm-star.is-active {
  color: var(--sr-gold-bright, #dcc07a);
  background: var(--sr-gold-soft, rgba(201, 169, 98, 0.16));
  border: 1px solid rgba(201, 169, 98, 0.28);
}

.sr-vdm-star.is-active .sr-vdm-star-node {
  background: var(--sr-gold, #c9a962);
  border-color: var(--sr-gold, #c9a962);
}

.sr-vdm-ops {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
  flex: 0 0 auto;
  margin-left: auto;
}

.sr-vdm-aud,
.sr-vdm-utc {
  display: none;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.05;
  padding-right: 0.35rem;
  border-right: 1px solid rgba(186, 230, 253, 0.1);
}

.sr-vdm-aud-k,
.sr-vdm-utc span:first-child {
  font-size: 0.48rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sr-vdm-muted);
}

.sr-vdm-aud strong,
.sr-vdm-utc time {
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.68rem;
}

.sr-vdm-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
  min-width: 2.1rem;
  height: 2.1rem;
  padding: 0 0.42rem;
  border: 1px solid rgba(186, 230, 253, 0.12);
  border-radius: 0.55rem;
  background: rgba(2, 8, 18, 0.55);
  color: var(--sr-vdm-text);
  font: inherit;
  font-size: 0.62rem;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.sr-vdm-icon svg {
  width: 0.92rem;
  height: 0.92rem;
}

.sr-vdm-icon--gold {
  color: #fde68a;
  border-color: rgba(251, 191, 36, 0.28);
}

.sr-vdm-flag {
  display: inline-flex;
  width: 1rem;
  height: 0.72rem;
  border-radius: 0.12rem;
  overflow: hidden;
}

.sr-vdm-flag svg {
  width: 100%;
  height: 100%;
  display: block;
}

.sr-vdm-lang {
  position: relative;
}

.sr-vdm-lang-menu {
  position: absolute;
  top: calc(100% + 0.4rem);
  right: 0;
  min-width: 9rem;
  padding: 0.3rem;
  border-radius: 0.65rem;
  background: rgba(4, 10, 22, 0.96);
  border: 1px solid rgba(186, 230, 253, 0.16);
  box-shadow: 0 16px 40px rgba(2, 8, 20, 0.5);
  z-index: 30;
}

.sr-vdm-lang-opt {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  width: 100%;
  padding: 0.42rem 0.5rem;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: var(--sr-vdm-text);
  font: inherit;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
}

.sr-vdm-lang-opt:hover { background: rgba(186, 230, 253, 0.08); }
.sr-vdm-lang-opt.is-active { background: rgba(251, 191, 36, 0.12); color: #fde68a; }

.sr-vdm-lang-native {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.sr-vdm-burger,
.sr-vdm-burger::before,
.sr-vdm-burger::after {
  display: block;
  width: 0.95rem;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.sr-vdm-burger { position: relative; }
.sr-vdm-burger::before,
.sr-vdm-burger::after {
  content: "";
  position: absolute;
  left: 0;
}
.sr-vdm-burger::before { top: -4px; }
.sr-vdm-burger::after { top: 4px; }

.sr-vdm-icon--menu[aria-expanded="true"] .sr-vdm-burger { background: transparent; }
.sr-vdm-icon--menu[aria-expanded="true"] .sr-vdm-burger::before { top: 0; transform: rotate(45deg); }
.sr-vdm-icon--menu[aria-expanded="true"] .sr-vdm-burger::after { top: 0; transform: rotate(-45deg); }

/* Nexus logo */
.sr-nexus-mark {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  width: 3.65rem;
  height: 3.65rem;
  align-items: center;
  justify-content: center;
}

.sr-nexus-mark-ring {
  position: absolute;
  inset: -6%;
  border-radius: 50%;
  border: 1px solid rgba(56, 189, 248, 0.28);
  animation: sr-nexus-ring 6s linear infinite;
}

@keyframes sr-nexus-ring {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.sr-nexus-mark-glow {
  position: absolute;
  inset: -28%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(56, 189, 248, 0.28), transparent 72%);
  animation: sr-nexus-glow 3.5s ease-in-out infinite;
}

@keyframes sr-nexus-glow {
  0%, 100% { opacity: 0.65; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.06); }
}

.sr-nexus-logo {
  position: relative;
  z-index: 1;
  width: 3.05rem;
  height: 3.05rem;
  filter: drop-shadow(0 0 14px rgba(56, 189, 248, 0.32));
}

.sr-nexus-logo .sr-nexus-wave,
.sr-nexus-logo .sr-nexus-wave-b {
  animation: sr-nexus-wave 2.8s ease-in-out infinite;
}

@keyframes sr-nexus-wave {
  0%, 100% { opacity: 0.85; }
  50% { opacity: 1; }
}

/* Legacy meridian — hidden */
.sr-meridian-mark {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  width: 2.45rem;
  height: 2.45rem;
  align-items: center;
  justify-content: center;
}

.sr-meridian-mark-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(129, 140, 248, 0.35);
}

.sr-meridian-mark-flare {
  position: absolute;
  inset: -12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(34, 211, 238, 0.16), transparent 68%);
}

.sr-meridian-mark-pulse {
  display: none;
}

.sr-meridian-logo {
  position: relative;
  z-index: 1;
  width: 2rem;
  height: 2rem;
}

/* Drawer */
.sr-vdm-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10040;
  background: rgba(2, 6, 18, 0.65);
  backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

.sr-vdm-backdrop.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.sr-vdm-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10045;
  width: min(20rem, 90vw);
  height: 100dvh;
  padding: calc(env(safe-area-inset-top, 0px) + 1rem) 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  background: linear-gradient(180deg, rgba(4, 10, 22, 0.98), rgba(2, 6, 14, 0.99));
  border-left: 1px solid rgba(129, 140, 248, 0.2);
  transform: translateX(105%);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  overflow-y: auto;
}

.sr-vdm-drawer.is-open { transform: translateX(0); }

.sr-vdm-drawer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sr-vdm-drawer-live {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(52, 211, 153, 0.2);
  background: rgba(52, 211, 153, 0.06);
  font-size: 0.78rem;
}

.sr-vdm-drawer-nav {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.sr-vdm-drawer-link {
  padding: 0.7rem 0.8rem;
  border-radius: 0.6rem;
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--sr-vdm-text);
}

.sr-vdm-drawer-link:hover { background: rgba(186, 230, 253, 0.06); }
.sr-vdm-drawer-link.is-active {
  color: #fde68a;
  background: rgba(251, 191, 36, 0.08);
}

.sr-vdm-drawer-link--star { color: #fde68a; }

.sr-vdm-drawer-lang {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.sr-vdm-lang-pill {
  padding: 0.35rem 0.55rem;
  border-radius: 999px;
  border: 1px solid rgba(186, 230, 253, 0.14);
  background: rgba(4, 10, 22, 0.55);
  color: var(--sr-vdm-text);
  font: inherit;
  font-size: 0.62rem;
  font-weight: 700;
  cursor: pointer;
}

.sr-vdm-lang-pill.is-active {
  border-color: rgba(251, 191, 36, 0.35);
  color: #fde68a;
}

body.sr-cmd-drawer-open { overflow: hidden; }

@media (min-width: 960px) {
  .sr-vdm-stars { display: inline-flex; }
  .sr-vdm-aud,
  .sr-vdm-utc { display: flex; }
  .sr-vdm-icon--menu { display: none; }
  .sr-vdm-brand-title { max-width: 16rem; }
}

@media (max-width: 959px) {
  .sr-vdm-brand-freq { display: none; }
  .sr-vdm-brand {
    max-width: calc(100% - 8.75rem);
    gap: 0.45rem;
  }
  .sr-vdm-wordmark__sch { font-size: 0.76rem; }
  .sr-vdm-wordmark__rez,
  .sr-vdm-wordmark__live { font-size: 0.68rem; }
  .sr-vdm-wordmark__wave { display: none; }
  .sr-nexus-mark { width: 3.1rem; height: 3.1rem; flex-shrink: 0; }
  .sr-nexus-logo { width: 2.55rem; height: 2.55rem; }
  .sr-vdm-icon {
    width: 2.15rem;
    height: 2.15rem;
  }
}

@media (max-width: 420px) {
  .sr-vdm-bar { min-height: 3.45rem; padding: 0.48rem 0.62rem; gap: 0.45rem; }
  .sr-vdm-brand { max-width: calc(100% - 7.85rem); }
  .sr-vdm-wordmark__sch { font-size: 0.72rem; }
  .sr-vdm-lang-code { display: none; }
}

.sr-hzn, .sr-obs { display: none !important; }

/* Footer FAB clearance + promo dock stacking */
@media (max-width: 959px) {
  html body.sr-site footer.footer-premium.sr-footer-pro {
    padding-bottom: calc(4.75rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body.sr-site .sr-footer-pro__legalbar {
    padding-right: 0.25rem;
  }
}

html body.sr-site .sr-promo-fab.is-visible.is-near-footer,
html body.sr-site .sr-promo-dock.is-visible.is-near-footer {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(16px) !important;
}


/* ── sr-app-promo.css ── */
.sr-promo-dock {
  position: fixed;
  z-index: 10020;
  right: clamp(0.75rem, 2vw, 1.25rem);
  bottom: clamp(4.75rem, 8vh, 5.75rem);
  width: min(24.5rem, calc(100vw - 1.5rem));
  padding: 0;
  border-radius: 1.25rem;
  overflow: hidden;
  color: #f0f9ff;
  font-family: "Instrument Sans", system-ui, sans-serif;
  transform: translateY(120%) scale(0.94);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.5s ease,
    visibility 0.5s ease;
}

.sr-promo-dock.is-visible {
  transform: translateY(0) scale(1);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.sr-promo-dock__aurora {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 80% 60% at 20% 0%, rgba(34, 211, 238, 0.18), transparent 55%),
    radial-gradient(ellipse 60% 50% at 90% 20%, rgba(251, 191, 36, 0.1), transparent 50%),
    radial-gradient(ellipse 70% 40% at 50% 100%, rgba(99, 102, 241, 0.08), transparent 55%);
}

.sr-promo-dock__border {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(145deg, rgba(34, 211, 238, 0.45), rgba(186, 230, 253, 0.12) 40%, rgba(251, 191, 36, 0.25));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.sr-promo-dock__head,
.sr-promo-dock__panel {
  position: relative;
  z-index: 1;
}

.sr-promo-dock__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.75rem 0.85rem 0.55rem;
  background: linear-gradient(180deg, rgba(6, 14, 28, 0.72), rgba(4, 10, 22, 0.55));
  border-bottom: 1px solid rgba(186, 230, 253, 0.08);
}

.sr-promo-dock__tabs {
  display: inline-flex;
  gap: 0.2rem;
  padding: 0.22rem;
  border-radius: 999px;
  background: rgba(2, 8, 18, 0.65);
  border: 1px solid rgba(186, 230, 253, 0.14);
}

.sr-promo-dock__tab {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(186, 230, 253, 0.65);
  font: inherit;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 0.42rem 0.75rem;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  transition: background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease;
}

.sr-promo-dock__tab-ico {
  width: 0.85rem;
  height: 0.85rem;
  opacity: 0.7;
}

.sr-promo-dock__tab.is-active {
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.22), rgba(99, 102, 241, 0.14));
  color: #f0fdfa;
  box-shadow: 0 0 16px rgba(34, 211, 238, 0.12);
}

.sr-promo-dock__tab.is-active .sr-promo-dock__tab-ico {
  opacity: 1;
  color: #67e8f9;
}

.sr-promo-dock__pro-pill {
  font-size: 0.55rem;
  font-weight: 800;
  color: #fde68a;
  padding: 0.1rem 0.35rem;
  border-radius: 999px;
  background: rgba(251, 191, 36, 0.16);
  border: 1px solid rgba(251, 191, 36, 0.22);
}

.sr-promo-dock__close {
  appearance: none;
  border: 1px solid rgba(186, 230, 253, 0.12);
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(186, 230, 253, 0.75);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, color 0.2s ease;
}

.sr-promo-dock__close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f0fdfa;
}

.sr-promo-dock__panel {
  display: none;
  padding: 0.85rem 0.95rem 1rem;
  background: linear-gradient(180deg, rgba(4, 10, 22, 0.82), rgba(2, 6, 14, 0.92));
}

.sr-promo-dock__panel.is-active {
  display: block;
  animation: srPromoIn 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes srPromoIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}

/* Hero: device + copy */
.sr-promo-dock__hero {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.sr-promo-dock__device {
  position: relative;
}

.sr-promo-dock__device-frame {
  border-radius: 0.85rem;
  border: 1px solid rgba(186, 230, 253, 0.16);
  background: linear-gradient(165deg, rgba(2, 8, 18, 0.95), rgba(6, 16, 32, 0.98));
  box-shadow:
    0 12px 32px rgba(2, 8, 22, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

.sr-promo-dock__device-bar {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.65rem;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(186, 230, 253, 0.08);
}

.sr-promo-dock__device-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: #34d399;
  box-shadow: 0 0 8px rgba(52, 211, 153, 0.7);
  animation: srPromoDot 1.8s ease-in-out infinite;
}

@keyframes srPromoDot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}

.sr-promo-dock__device-title {
  flex: 1;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: rgba(240, 253, 250, 0.88);
}

.sr-promo-dock__device-live {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: #6ee7b7;
}

.sr-promo-dock__device-live i {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  background: #34d399;
  animation: srPromoDot 1.4s ease-in-out infinite;
}

.sr-promo-dock__device-body {
  position: relative;
  padding: 0.85rem 0.65rem 0.7rem;
  min-height: 5.5rem;
}

.sr-promo-dock__wave-svg {
  width: 100%;
  height: 2.5rem;
  display: block;
  margin-bottom: 0.35rem;
}

.sr-promo-dock__wave-a {
  animation: srPromoWaveShift 3.2s ease-in-out infinite;
}

.sr-promo-dock__wave-b {
  animation: srPromoWaveShift 3.2s ease-in-out infinite reverse;
  animation-delay: 0.4s;
}

@keyframes srPromoWaveShift {
  0%, 100% { opacity: 0.7; transform: translateX(0); }
  50% { opacity: 1; transform: translateX(2px); }
}

.sr-promo-dock__device-freq {
  display: flex;
  align-items: baseline;
  gap: 0.2rem;
  margin-bottom: 0.35rem;
}

.sr-promo-dock__device-num {
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 1.65rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  background: linear-gradient(135deg, #f0fdfa, #67e8f9 45%, #fde68a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 12px rgba(34, 211, 238, 0.35));
}

.sr-promo-dock__device-unit {
  font-size: 0.75rem;
  font-weight: 700;
  color: rgba(103, 232, 249, 0.75);
}

.sr-promo-dock__device-bands {
  display: flex;
  gap: 0.35rem;
}

.sr-promo-dock__device-bands span {
  font-size: 0.52rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 0.15rem 0.38rem;
  border-radius: 999px;
  background: rgba(34, 211, 238, 0.1);
  border: 1px solid rgba(34, 211, 238, 0.18);
  color: rgba(167, 243, 208, 0.85);
}

.sr-promo-dock__platform-badge {
  position: absolute;
  right: -0.35rem;
  bottom: -0.35rem;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, rgba(8, 18, 34, 0.95), rgba(4, 10, 22, 0.98));
  border: 1px solid rgba(186, 230, 253, 0.2);
  box-shadow: 0 8px 20px rgba(2, 8, 22, 0.5);
}

.sr-promo-dock__platform-ico {
  width: 1.25rem;
  height: 1.25rem;
}

/* Platform accent colors */
.sr-promo-dock[data-sr-platform="windows"] .sr-promo-dock__platform-badge {
  color: #0078d4;
  box-shadow: 0 8px 24px rgba(0, 120, 212, 0.35);
}
.sr-promo-dock[data-sr-platform="android"] .sr-promo-dock__platform-badge {
  color: #3ddc84;
  box-shadow: 0 8px 24px rgba(61, 220, 132, 0.3);
}
.sr-promo-dock[data-sr-platform="ios"] .sr-promo-dock__platform-badge,
.sr-promo-dock[data-sr-platform="macos"] .sr-promo-dock__platform-badge {
  color: #a1a1aa;
  box-shadow: 0 8px 24px rgba(161, 161, 170, 0.25);
}
.sr-promo-dock[data-sr-platform="linux"] .sr-promo-dock__platform-badge {
  color: #fbbf24;
}

.sr-promo-dock__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.4rem;
}

.sr-promo-dock__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.2rem 0.48rem;
  border-radius: 999px;
}

.sr-promo-dock__badge--app {
  color: #67e8f9;
  background: rgba(34, 211, 238, 0.12);
  border: 1px solid rgba(34, 211, 238, 0.2);
}

.sr-promo-dock__badge--live {
  color: #6ee7b7;
  background: rgba(52, 211, 153, 0.1);
  border: 1px solid rgba(52, 211, 153, 0.18);
}

.sr-promo-dock__badge--live i {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  background: #34d399;
}

.sr-promo-dock__badge--pro {
  color: #fde68a;
  background: rgba(251, 191, 36, 0.14);
  border: 1px solid rgba(251, 191, 36, 0.22);
}

.sr-promo-dock__highlight {
  margin: 0 0 0.2rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #67e8f9;
}

.sr-promo-dock__highlight--gold {
  color: #fde68a;
}

.sr-promo-dock__title {
  margin: 0 0 0.3rem;
  font-size: 1.12rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

.sr-promo-dock__body {
  margin: 0;
  font-size: 0.76rem;
  line-height: 1.55;
  color: rgba(186, 230, 253, 0.78);
}

/* Feature grid */
.sr-promo-dock__features {
  margin: 0 0 0.65rem;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.38rem;
}

.sr-promo-dock__features li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.72rem;
  line-height: 1.4;
  color: rgba(240, 253, 250, 0.92);
  padding: 0.42rem 0.55rem;
  border-radius: 0.55rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(186, 230, 253, 0.08);
}

.sr-promo-dock__feat-ico {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 0.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(34, 211, 238, 0.12);
  color: #67e8f9;
}

.sr-promo-dock__features--pro .sr-promo-dock__feat-ico {
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
}

.sr-promo-dock__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.7rem;
}

.sr-promo-dock__stat {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  color: rgba(186, 230, 253, 0.7);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(186, 230, 253, 0.1);
}

.sr-promo-dock__note {
  margin: 0 0 0.55rem;
  font-size: 0.62rem;
  color: rgba(186, 230, 253, 0.5);
  letter-spacing: 0.03em;
}

.sr-promo-dock__sub {
  margin: 0.45rem 0 0;
  text-align: center;
  font-size: 0.58rem;
  color: rgba(186, 230, 253, 0.45);
  letter-spacing: 0.04em;
}

/* CTA */
.sr-promo-dock__cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.78rem 1rem;
  border-radius: 0.8rem;
  border: 0;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.sr-promo-dock__cta-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.28) 50%, transparent 65%);
  transform: translateX(-120%);
  animation: srPromoShine 3.5s ease-in-out infinite;
}

@keyframes srPromoShine {
  0%, 70%, 100% { transform: translateX(-120%); }
  85% { transform: translateX(120%); }
}

.sr-promo-dock__cta-text {
  position: relative;
}

.sr-promo-dock__cta--app {
  color: #022c22;
  background: linear-gradient(135deg, #5eead4 0%, #22d3ee 50%, #38bdf8 100%);
  box-shadow:
    0 10px 28px rgba(34, 211, 238, 0.35),
    0 0 0 1px rgba(255, 255, 255, 0.12) inset;
}

.sr-promo-dock__cta--pro {
  color: #1c1917;
  background: linear-gradient(135deg, #fde68a 0%, #fbbf24 50%, #f59e0b 100%);
  box-shadow:
    0 10px 28px rgba(251, 191, 36, 0.32),
    0 0 0 1px rgba(255, 255, 255, 0.15) inset;
}

.sr-promo-dock__cta:hover {
  transform: translateY(-2px);
}

.sr-promo-dock__cta--app:hover {
  box-shadow: 0 14px 36px rgba(34, 211, 238, 0.45);
}

.sr-promo-dock__cta--pro:hover {
  box-shadow: 0 14px 36px rgba(251, 191, 36, 0.4);
}

.sr-promo-dock__pro-hero {
  margin-bottom: 0.65rem;
}

@media (min-width: 960px) {
  .sr-promo-dock {
    top: calc(var(--sr-nav-offset, 6.5rem) + 0.75rem);
    bottom: auto;
    right: 1rem;
    width: min(22rem, 28vw);
  }

  .sr-promo-dock__hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 959px) {
  .sr-promo-dock {
    left: 0.65rem;
    right: 0.65rem;
    width: auto;
    max-width: none;
  }

  .sr-promo-dock__device-num {
    font-size: 1.45rem;
  }
}

body.is-scrolling .sr-promo-fab__orb-ring {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .sr-promo-dock,
  .sr-promo-dock__panel.is-active,
  .sr-promo-dock__cta-shine,
  .sr-promo-dock__wave-a,
  .sr-promo-dock__wave-b,
  .sr-promo-dock__device-dot,
  .sr-promo-dock__device-live i,
  .sr-promo-fab__halo,
  .sr-promo-fab__orb-ring {
    transition: none;
    animation: none;
  }
}

/* ── FAB v2 — premium floating install pill ── */
.sr-promo-fab {
  position: fixed;
  z-index: 10025;
  right: clamp(0.85rem, 2.2vw, 1.35rem);
  bottom: clamp(1.1rem, 3vh, 1.65rem);
  left: auto;
  top: auto;
  width: auto;
  max-width: min(22rem, calc(100vw - 1.75rem));
  padding: 0;
  border: none;
  background: transparent;
  color: #f0fdfa;
  font: inherit;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(1.25rem) scale(0.96);
  transition:
    opacity 0.45s ease,
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0.45s ease;
}

.sr-promo-fab__halo {
  position: absolute;
  inset: -0.35rem -0.5rem;
  border-radius: 999px;
  background: radial-gradient(ellipse 80% 100% at 50% 50%, rgba(34, 211, 238, 0.22), transparent 70%);
  filter: blur(8px);
  pointer-events: none;
  animation: srFabHalo 3.2s ease-in-out infinite;
}

@keyframes srFabHalo {
  0%, 100% { opacity: 0.55; transform: scale(0.98); }
  50% { opacity: 1; transform: scale(1.04); }
}

.sr-promo-fab__body {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.72rem;
  padding: 0.62rem 0.72rem 0.62rem 0.62rem;
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(56, 189, 248, 0.14) 0%, rgba(4, 12, 28, 0.88) 42%, rgba(201, 169, 98, 0.1) 100%);
  border: 1px solid rgba(186, 230, 253, 0.22);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  box-shadow:
    0 12px 40px rgba(2, 8, 22, 0.55),
    0 0 0 1px rgba(56, 189, 248, 0.12) inset,
    0 0 32px rgba(34, 211, 238, 0.12);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.sr-promo-fab:hover .sr-promo-fab__body {
  transform: translateY(-2px);
  border-color: rgba(103, 232, 249, 0.38);
  box-shadow:
    0 18px 48px rgba(2, 8, 22, 0.62),
    0 0 0 1px rgba(103, 232, 249, 0.18) inset,
    0 0 44px rgba(34, 211, 238, 0.2);
}

.sr-promo-fab__orb {
  position: relative;
  flex-shrink: 0;
  width: 2.85rem;
  height: 2.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, rgba(125, 211, 252, 0.35), rgba(2, 8, 22, 0.85) 68%);
  border: 1px solid rgba(186, 230, 253, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.sr-promo-fab__orb-ring {
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 1px dashed rgba(56, 189, 248, 0.35);
  animation: srFabOrbit 10s linear infinite;
}

@keyframes srFabOrbit {
  to { transform: rotate(360deg); }
}

.sr-promo-fab__orb-earth {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 2px 8px rgba(2, 132, 199, 0.45));
}

.sr-promo-fab__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.12rem;
  min-width: 0;
  text-align: left;
}

.sr-promo-fab__eyebrow {
  font-size: 0.52rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c9a962;
  line-height: 1.2;
}

.sr-promo-fab__title {
  font-family: "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(0.82rem, 2.2vw, 0.95rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #f8fafc;
  white-space: nowrap;
}

.sr-promo-fab__live {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: rgba(186, 230, 253, 0.88);
}

.sr-promo-fab__live i {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background: #34d399;
  box-shadow: 0 0 10px rgba(52, 211, 153, 0.85);
  animation: srFabLivePulse 1.4s ease-in-out infinite;
}

@keyframes srFabLivePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(1.15); }
}

.sr-promo-fab__live strong {
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.72rem;
  font-weight: 700;
  color: #ecfdf5;
  letter-spacing: -0.03em;
}

.sr-promo-fab__action {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  margin-left: 0.1rem;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(52, 211, 153, 0.28), rgba(56, 189, 248, 0.22));
  border: 1px solid rgba(110, 231, 183, 0.35);
  color: #ecfdf5;
  box-shadow: 0 4px 16px rgba(52, 211, 153, 0.18);
  transition: transform 0.22s ease, background 0.22s ease;
}

.sr-promo-fab:hover .sr-promo-fab__action {
  transform: translateY(-1px) scale(1.04);
  background: linear-gradient(145deg, rgba(52, 211, 153, 0.42), rgba(56, 189, 248, 0.32));
}

.sr-promo-fab.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

body.sr-site:not(.sr-past-hero) .sr-promo-fab {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(1.25rem) scale(0.96) !important;
}

.sr-promo-fab.is-near-footer {
  bottom: calc(clamp(1.1rem, 3vh, 1.65rem) + 2.75rem);
}

body.sr-site:has(.sr-cookie-banner:not([hidden])) .sr-promo-fab.is-visible {
  bottom: calc(max(5.25rem, env(safe-area-inset-bottom, 0px)) + 0.65rem);
}

body.sr-site:has(.sr-cookie-banner:not([hidden])) .back-to-top.visible {
  bottom: calc(max(5.25rem, env(safe-area-inset-bottom, 0px)) + 4.75rem);
}

@media (max-width: 520px) {
  .sr-promo-fab {
    right: 0.65rem;
    bottom: max(0.85rem, env(safe-area-inset-bottom, 0px));
    max-width: calc(100% - 1.25rem);
  }

  .sr-promo-fab__eyebrow {
    display: none;
  }

  .sr-promo-fab__live span:last-child {
    display: none;
  }

  .sr-promo-fab__orb {
    width: 2.45rem;
    height: 2.45rem;
  }

  .sr-promo-fab__title {
    font-size: 0.78rem;
  }

  .sr-promo-fab__body {
    gap: 0.55rem;
    padding: 0.52rem 0.58rem 0.52rem 0.52rem;
  }
}

.sr-promo-strip {
  position: relative;
  z-index: 12;
  padding: 0 1rem 1.25rem;
}

.sr-promo-strip__inner {
  display: grid;
  gap: 0.65rem;
  padding: 0.85rem 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(186, 230, 253, 0.16);
  background: linear-gradient(135deg, rgba(8, 18, 34, 0.72), rgba(4, 10, 22, 0.82));
  backdrop-filter: blur(24px) saturate(170%);
  box-shadow: 0 16px 40px rgba(2, 8, 22, 0.35);
}

@media (min-width: 900px) {
  .sr-promo-strip__inner {
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
  }
}

.sr-promo-strip__app,
.sr-promo-strip__pro {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}

.sr-promo-strip__divider {
  display: none;
  width: 1px;
  height: 2.5rem;
  background: linear-gradient(180deg, transparent, rgba(186, 230, 253, 0.2), transparent);
}

@media (min-width: 900px) {
  .sr-promo-strip__divider { display: block; }
}

.sr-promo-strip__icon {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(34, 211, 238, 0.12);
  color: #67e8f9;
  border: 1px solid rgba(34, 211, 238, 0.2);
}

.sr-promo-strip__icon--gold {
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
  border-color: rgba(251, 191, 36, 0.22);
}

.sr-promo-strip__copy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

.sr-promo-strip__copy strong {
  font-size: 0.82rem;
  font-weight: 800;
}

.sr-promo-strip__copy span {
  font-size: 0.68rem;
  line-height: 1.35;
  color: rgba(186, 230, 253, 0.72);
}

.sr-promo-strip__btn {
  flex-shrink: 0;
  padding: 0.5rem 0.85rem;
  border-radius: 0.6rem;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  border: 0;
  white-space: nowrap;
}

.sr-promo-strip__btn--app {
  color: #022c22;
  background: linear-gradient(135deg, #5eead4, #22d3ee);
}

.sr-promo-strip__btn--pro {
  color: #1c1917;
  background: linear-gradient(135deg, #fde68a, #fbbf24);
}

@media (max-width: 899px) {
  .sr-promo-strip__app,
  .sr-promo-strip__pro { flex-wrap: wrap; }
  .sr-promo-strip__btn { width: 100%; margin-top: 0.25rem; }
}


/* ── sr-cosmos-reveal.css ── */
/*
  Cosmos reveal — minimal overrides (scene owned by world-solar-bg v1)
*/

#world-solar-bg .wsb-earth-photo,
#world-solar-bg .wsb-earth-hero {
  display: none !important;
}

#world-solar-bg canvas {
  opacity: 1 !important;
  mix-blend-mode: normal;
}

#world-solar-bg.no-webgl .wsb-fallback {
  display: block !important;
}

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


/* ── sr-cosmos-bg.css ── */
/*
  Legacy cosmos-bg — neutralized; world-solar-bg.css is source of truth
*/

#world-solar-bg canvas {
  z-index: 1 !important;
}

#world-solar-bg .wsb-vignette {
  z-index: 2 !important;
}


/* ── sr-hero-pro.css ── */
/*
  Hero Pro — institutional observatory panel
  Loads last; scoped to .sr-hero-pro
*/

body.sr-site .sr-hero-pro {
  --hp-bg: var(--sr-glass, rgba(6, 14, 26, 0.22));
  --hp-border: var(--sr-border, rgba(56, 189, 248, 0.18));
  --hp-text: var(--sr-text, #eef4f8);
  --hp-muted: var(--sr-text-muted, rgba(186, 210, 230, 0.72));
  --hp-gold: var(--sr-gold, #c9a962);
  --hp-teal: var(--sr-cyan, #38bdf8);
  --hp-up: var(--sr-cyan, #38bdf8);
  --hp-down: #f87171;
  position: relative;
  z-index: 10;
  min-height: auto !important;
  max-height: none !important;
  padding: calc(var(--sr-nav-offset, 5.5rem) + 0.35rem) var(--sr-page-gutter, 1rem) 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

body.sr-site .sr-hero-pro__grid {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.14;
  pointer-events: none;
}

#world-solar-bg.wsb-live ~ .site-wrapper .sr-hero-pro__grid,
#world-solar-bg.is-ready:not(.no-webgl) ~ .site-wrapper .sr-hero-pro__grid {
  opacity: 0.04;
}

body.sr-site .sr-hero-pro__shell {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2.2vw, 1.45rem);
}

/* ── Apex bento: player + live observatory ── */
body.sr-site .sr-hero-pro__intro--masthead {
  position: relative;
  z-index: 2;
}

body.sr-site .sr-hero-pro__intro--masthead::before {
  content: none;
}


body.sr-site .sr-hero-pro__intro--masthead .sr-hero-trust {
  margin-bottom: clamp(0.55rem, 1.8vw, 0.75rem);
}

body.sr-site .sr-hero-pro__intro--masthead .sr-hero-pro__tagline {
  margin-top: clamp(0.5rem, 1.8vw, 0.75rem);
}

body.sr-site .sr-hero-pro__intro--masthead .sr-hero-pro__intro-wave {
  margin-top: 0.65rem;
  height: 1.1rem;
  opacity: 0.55;
}

body.sr-site .sr-hero-pro__apex {
  display: grid;
  gap: clamp(0.85rem, 2vw, 1.15rem);
  align-items: stretch;
}

body.sr-site .sr-hero-pro__apex-play,
body.sr-site .sr-hero-pro__apex-live {
  min-width: 0;
}

body.sr-site .sr-hero-pro__apex-live {
  display: flex;
  flex-direction: column;
}

body.sr-site .sr-hero-pro__apex-live .sr-hero-pro__stage {
  flex: 1;
}

@media (min-width: 1024px) {
  body.sr-site .sr-hero-pro__intro--earth-view {
    max-width: 100%;
    margin-inline: auto;
    text-align: center;
    align-items: center;
  }

  body.sr-site .sr-hero-pro__intro--masthead::before {
    inset: -0.75rem -1rem 0 -0.5rem;
    background: linear-gradient(105deg, rgba(4, 10, 22, 0.42) 0%, rgba(4, 10, 22, 0.08) 55%, transparent 100%);
  }

  body.sr-site .sr-hero-pro__apex {
    grid-template-columns: minmax(0, 0.44fr) minmax(0, 0.56fr);
    gap: clamp(1rem, 1.8vw, 1.35rem);
  }

  body.sr-site .sr-hero-pro__apex-live .sr-hero-pro__stage {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(11rem, 1fr);
    height: 100%;
  }

  body.sr-site .sr-hero-pro__apex-live .sr-hero-pro__readout {
    min-height: auto;
    padding: clamp(1rem, 2.2vw, 1.25rem);
  }

  body.sr-site .sr-hero-pro__apex-live .sr-hero-pro__hz .hero-freq-value,
  body.sr-site .sr-hero-pro__apex-live .sr-hero-pro__hz #hero-freq {
    font-size: clamp(2.5rem, 4.2vw, 3.75rem) !important;
  }

  body.sr-site .sr-hero-pro__apex-live .sr-hero-pro__trace {
    height: 2.5rem;
    margin-top: 0.65rem;
  }

  body.sr-site .sr-hero-pro__apex-live .sr-hero-pro__harmonics {
    margin-top: 0.65rem;
    gap: 0.35rem;
  }

  body.sr-site .sr-hero-pro__apex-live .sr-hero-pro__spectro {
    min-height: 0;
  }

  body.sr-site .sr-hero-pro__apex-live .sr-hero-pro__spectro-frame {
    min-height: 9.5rem;
  }

  body.sr-site .sr-hero-pro__tone-headline {
    font-size: clamp(1.05rem, 1.6vw, 1.25rem);
    margin-bottom: 0.35rem;
  }

  body.sr-site .sr-hero-pro__tone-pitch {
    margin-bottom: 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  body.sr-site .sr-hero-pro__tone-pro {
    padding: 0.65rem 0.75rem;
  }

  body.sr-site .sr-hero-pro__tone-pro-cta {
    padding: 0.5rem 0.85rem;
    font-size: 0.72rem;
    white-space: nowrap;
  }
}

/* ── Intro copy — apex cinematic masthead ── */
body.sr-site .sr-hero-pro__intro--earth-view {
  max-width: 100%;
  margin-inline: auto;
  padding: 0;
  text-align: center;
  align-items: center;
}

body.sr-site .sr-hero-pro__intro {
  position: relative;
  width: 100%;
  max-width: 52rem;
  margin-inline: auto;
  padding: clamp(0.5rem, 2vw, 1rem) 0 clamp(0.35rem, 1.5vw, 0.65rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.sr-site .sr-hero-pro__intro--cinema {
  isolation: isolate;
}

body.sr-site .sr-hero-pro__intro--apex {
  --apex-freq: 7.83;
}

body.sr-site .sr-hero-pro__intro-aurora {
  position: absolute;
  inset: -3rem -2.5rem -2rem;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(ellipse 85% 70% at 50% 12%, rgba(56, 189, 248, 0.22), transparent 58%),
    radial-gradient(ellipse 50% 45% at 18% 38%, rgba(251, 191, 36, 0.12), transparent 52%),
    radial-gradient(ellipse 50% 45% at 82% 40%, rgba(45, 212, 191, 0.12), transparent 52%),
    radial-gradient(ellipse 65% 50% at 50% 95%, rgba(129, 140, 248, 0.1), transparent 62%);
  animation: sr-hero-aurora 14s ease-in-out infinite alternate;
  opacity: 0.95;
}

body.sr-site .sr-hero-pro__intro-orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: min(92vw, 28rem);
  height: min(92vw, 28rem);
  transform: translate(-50%, -48%);
  pointer-events: none;
}

body.sr-site .sr-hero-pro__intro-orbit-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px dashed rgba(103, 232, 249, 0.14);
}

body.sr-site .sr-hero-pro__intro-orbit-ring--a {
  inset: 8%;
  border-color: rgba(56, 189, 248, 0.2);
  animation: sr-hero-orbit-spin 48s linear infinite;
}

body.sr-site .sr-hero-pro__intro-orbit-ring--b {
  inset: 18%;
  border-style: solid;
  border-color: rgba(251, 191, 36, 0.12);
  border-width: 1px;
  animation: sr-hero-orbit-spin 32s linear infinite reverse;
}

body.sr-site .sr-hero-pro__intro-orbit-ring--c {
  inset: 0;
  border: none;
  background: conic-gradient(from 0deg, transparent 0deg, rgba(52, 211, 153, 0.14) 40deg, transparent 80deg, rgba(56, 189, 248, 0.1) 180deg, transparent 220deg);
  mask: radial-gradient(circle, transparent 62%, #000 63%, #000 66%, transparent 67%);
  -webkit-mask: radial-gradient(circle, transparent 62%, #000 63%, #000 66%, transparent 67%);
  animation: sr-hero-orbit-spin 22s linear infinite;
}

body.sr-site .sr-hero-pro__intro-beam {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 1px;
  height: 55%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(103, 232, 249, 0.45), transparent);
  opacity: 0.35;
  pointer-events: none;
}

body.sr-site .sr-hero-pro__intro-telemetry {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.35rem 0.25rem;
  margin-bottom: clamp(0.85rem, 2.5vw, 1.15rem);
  padding: 0.35rem 0.45rem;
  border-radius: 999px;
  border: 1px solid rgba(103, 232, 249, 0.22);
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.82), rgba(2, 6, 23, 0.72));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow:
    0 12px 32px rgba(2, 6, 23, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  animation: sr-hero-fade-up 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.sr-site .sr-hero-pro__tel-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.32rem 0.62rem;
  border-radius: 999px;
  white-space: nowrap;
}

body.sr-site .sr-hero-pro__tel-pill strong {
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.sr-site .sr-hero-pro__tel-pill--live {
  color: #86efac;
  background: rgba(52, 211, 153, 0.12);
  border: 1px solid rgba(52, 211, 153, 0.32);
  box-shadow: 0 0 20px rgba(52, 211, 153, 0.12);
}

body.sr-site .sr-hero-pro__tel-pill--live i {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: #34d399;
  box-shadow: 0 0 10px rgba(52, 211, 153, 0.9);
  animation: sr-hero-live-pulse 1.8s ease-in-out infinite;
}

body.sr-site .sr-hero-pro__tel-pill--freq {
  color: #fde68a;
  background: rgba(251, 191, 36, 0.08);
  border: 1px solid rgba(251, 191, 36, 0.28);
}

body.sr-site .sr-hero-pro__tel-pill--freq small {
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: rgba(253, 224, 71, 0.75);
}

body.sr-site .sr-hero-pro__tel-hz {
  font-family: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  text-transform: none !important;
  color: #fef3c7;
  text-shadow: 0 0 16px rgba(251, 191, 36, 0.35);
}

body.sr-site .sr-hero-pro__tel-pill--freq em {
  font-style: normal;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: rgba(253, 224, 71, 0.85);
}

body.sr-site .sr-hero-pro__tel-pill--source {
  color: rgba(186, 230, 253, 0.95);
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.22);
}

body.sr-site .sr-hero-pro__tel-pill--source svg {
  width: 0.85rem;
  height: 0.85rem;
  color: #67e8f9;
}

body.sr-site .sr-hero-pro__tel-bridge {
  width: 0.65rem;
  height: 1px;
  background: linear-gradient(90deg, rgba(52, 211, 153, 0.35), rgba(251, 191, 36, 0.35));
  opacity: 0.7;
}

body.sr-site .sr-hero-pro__title {
  margin: 0;
  animation: sr-hero-fade-up 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.06s both;
}

body.sr-site .sr-hero-pro__title--apex {
  width: 100%;
}

body.sr-site .sr-hero-pro__title-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.12rem;
}

body.sr-site .sr-hero-pro__title-line {
  display: block;
  position: relative;
}

body.sr-site .sr-hero-pro__title-line--accent {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.08rem;
}

body.sr-site .sr-hero-pro__title-main {
  display: inline-block;
  font-family: "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.65rem, 5.2vw, 2.35rem);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.15;
  color: rgba(224, 242, 254, 0.88);
  text-shadow: 0 2px 24px rgba(56, 189, 248, 0.15);
}

body.sr-site .sr-hero-pro__title-accent-wrap {
  position: relative;
  display: inline-block;
  padding: 0.08rem 0.35rem 0.2rem;
}

body.sr-site .sr-hero-pro__title-accent {
  position: relative;
  z-index: 1;
  font-style: normal;
  font-family: "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(2.75rem, 11vw, 4.5rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 0.95;
  background: linear-gradient(165deg, #ffffff 0%, #fef3c7 28%, #fde68a 45%, #fbbf24 68%, #f59e0b 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: sr-hero-accent-shimmer 4.5s ease-in-out infinite;
  filter: drop-shadow(0 4px 32px rgba(251, 191, 36, 0.35));
}

body.sr-site .sr-hero-pro__title-glow {
  position: absolute;
  left: 50%;
  bottom: 0.05em;
  z-index: 0;
  width: min(100%, 12rem);
  height: 0.65em;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center, rgba(251, 191, 36, 0.45), transparent 72%);
  filter: blur(12px);
  animation: sr-hero-glow-pulse 3s ease-in-out infinite;
  pointer-events: none;
}

body.sr-site .sr-hero-pro__title-underline {
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #67e8f9, #fde68a, #67e8f9, transparent);
  background-size: 200% 100%;
  animation: sr-hero-underline-flow 3s ease-in-out infinite;
  box-shadow: 0 0 16px rgba(103, 232, 249, 0.45);
}

body.sr-site .sr-hero-pro__tagline {
  margin: clamp(0.75rem, 2.5vw, 1rem) 0 0;
  width: 100%;
  max-width: 38rem;
  animation: sr-hero-fade-up 1s cubic-bezier(0.22, 1, 0.36, 1) 0.14s both;
}

body.sr-site .sr-hero-pro__tagline--apex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.55rem 0.85rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(186, 230, 253, 0.14);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.45), rgba(2, 6, 23, 0.35));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.sr-site .sr-hero-pro__tagline-rule {
  flex: 1;
  max-width: 3.5rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(103, 232, 249, 0.55));
}

body.sr-site .sr-hero-pro__tagline-rule:last-child {
  background: linear-gradient(90deg, rgba(103, 232, 249, 0.55), transparent);
}

@keyframes sr-hero-orbit-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes sr-hero-underline-flow {
  0%, 100% { background-position: 0% center; opacity: 0.75; }
  50% { background-position: 100% center; opacity: 1; }
}

/* ── Premium tone player (marketing deck) ── */
body.sr-site .sr-hero-pro__tone {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(1rem, 2.5vw, 1.2rem) clamp(0.95rem, 2.5vw, 1.15rem) clamp(0.9rem, 2vw, 1.05rem);
  text-align: center;
  border-radius: 1.25rem;
  border: 1px solid rgba(186, 230, 253, 0.24);
  background:
    linear-gradient(160deg, rgba(56, 189, 248, 0.16) 0%, rgba(6, 14, 26, 0.78) 46%, rgba(251, 191, 36, 0.1) 100%);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06) inset,
    0 20px 50px rgba(2, 6, 23, 0.55),
    0 0 48px rgba(56, 189, 248, 0.12);
  animation: sr-hero-fade-up 1.05s cubic-bezier(0.22, 1, 0.36, 1) 0.24s both;
  overflow: hidden;
  font-family: "Instrument Sans", system-ui, sans-serif;
}

body.sr-site .sr-hero-pro__tone-aura {
  position: absolute;
  inset: -35% -8%;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 18%, rgba(251, 191, 36, 0.2), transparent 44%),
    radial-gradient(circle at 82% 28%, rgba(56, 189, 248, 0.16), transparent 46%),
    radial-gradient(circle at 50% 100%, rgba(52, 211, 153, 0.1), transparent 52%);
  opacity: 0.95;
}

body.sr-site .sr-hero-pro__tone.is-playing {
  border-color: rgba(52, 211, 153, 0.42);
  box-shadow:
    0 0 0 1px rgba(52, 211, 153, 0.16) inset,
    0 20px 50px rgba(2, 6, 23, 0.55),
    0 0 52px rgba(52, 211, 153, 0.18);
  animation: sr-tone-card-breathe calc(10s / var(--sr-tone-freq, 7.83)) ease-in-out infinite;
}

body.sr-site .sr-hero-pro__tone.is-playing .sr-hero-pro__tone-aura {
  animation: sr-tone-aura-pulse calc(10s / var(--sr-tone-freq, 7.83)) ease-in-out infinite;
}

body.sr-site.sr-tone-active .sr-hero-pro__tone.is-playing .sr-hero-pro__tone-viz {
  opacity: 1;
  filter: drop-shadow(0 0 12px rgba(52, 211, 153, 0.35));
}

body.sr-site .sr-hero-pro__tone-top {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 0.65rem;
  margin-bottom: 0.75rem;
}

body.sr-site .sr-hero-pro__tone-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.38rem 0.75rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fef3c7;
  border: 1px solid rgba(251, 191, 36, 0.5);
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.28), rgba(245, 158, 11, 0.12));
  box-shadow: 0 4px 16px rgba(251, 191, 36, 0.12);
}

body.sr-site .sr-hero-pro__tone-badge em {
  font-style: normal;
  padding-left: 0.45rem;
  border-left: 1px solid rgba(255, 255, 255, 0.22);
  color: #fffbeb;
  letter-spacing: 0.06em;
}

body.sr-site .sr-hero-pro__tone-live {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(224, 242, 254, 0.92);
}

body.sr-site .sr-hero-pro__tone-live i {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: #34d399;
  box-shadow: 0 0 10px rgba(52, 211, 153, 0.85);
  animation: sr-hero-live-pulse 2s ease-in-out infinite;
}

body.sr-site .sr-hero-pro__tone-headline {
  position: relative;
  z-index: 2;
  margin: 0 0 0.5rem;
  font-size: clamp(1.2rem, 3.6vw, 1.55rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.22;
  color: #f8fafc;
  text-wrap: balance;
}

body.sr-site .sr-hero-pro__tone-pitch {
  position: relative;
  z-index: 2;
  margin: 0 auto 1rem;
  max-width: 32rem;
  font-size: clamp(0.875rem, 2.2vw, 1rem);
  font-weight: 500;
  line-height: 1.55;
  color: rgba(203, 213, 225, 0.94);
  text-wrap: balance;
}

body.sr-site .sr-hero-pro__tone-deck {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  padding: clamp(0.95rem, 2.5vw, 1.15rem) clamp(1rem, 2.8vw, 1.25rem);
  border-radius: 1rem;
  border: 1px solid rgba(186, 230, 253, 0.22);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.62), rgba(2, 6, 23, 0.72));
  box-shadow: 0 8px 24px rgba(2, 6, 23, 0.35);
  overflow: hidden;
}

body.sr-site .sr-hero-pro__tone-ripples {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0;
}

body.sr-site .sr-hero-pro__tone.is-playing .sr-hero-pro__tone-ripples {
  opacity: 1;
}

body.sr-site .sr-hero-pro__tone-ripples span {
  position: absolute;
  width: clamp(5rem, 28vw, 7rem);
  height: clamp(5rem, 28vw, 7rem);
  border-radius: 50%;
  border: 1px solid rgba(52, 211, 153, 0.45);
  box-shadow: 0 0 24px rgba(52, 211, 153, 0.12);
  animation: sr-tone-ripple calc(2s / var(--sr-tone-freq, 7.83) * 10) ease-out infinite;
}

body.sr-site .sr-hero-pro__tone-ripples span:nth-child(2) {
  animation-delay: calc(0.33s / var(--sr-tone-freq, 7.83) * 10);
  border-color: rgba(103, 232, 249, 0.35);
}

body.sr-site .sr-hero-pro__tone-ripples span:nth-child(3) {
  animation-delay: calc(0.66s / var(--sr-tone-freq, 7.83) * 10);
  border-color: rgba(251, 191, 36, 0.28);
}

body.sr-site .sr-hero-pro__tone-readout--hero {
  text-align: center;
}

body.sr-site .sr-hero-pro__tone-trial-pill {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  padding: 0.42rem 0.85rem;
  border-radius: 999px;
  font-size: clamp(0.72rem, 1.9vw, 0.8125rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fde68a;
  border: 1px solid rgba(251, 191, 36, 0.38);
  background: rgba(251, 191, 36, 0.1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.sr-site .sr-hero-pro__tone-trial-pill.is-active {
  color: #6ee7b7;
  border-color: rgba(52, 211, 153, 0.45);
  background: rgba(52, 211, 153, 0.12);
  animation: sr-hero-timer-pulse 1.2s ease-in-out infinite;
}

body.sr-site .sr-hero-pro__tone-cta {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.9rem;
  width: 100%;
  margin-top: 0.75rem;
  padding: 0.95rem 1.05rem;
  border: 1px solid rgba(103, 232, 249, 0.35);
  border-radius: 1rem;
  cursor: pointer;
  text-align: left;
  overflow: hidden;
  color: #f8fafc;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.92) 45%, rgba(15, 23, 42, 0.98) 100%);
  box-shadow:
    0 14px 36px rgba(2, 6, 23, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset,
    0 0 40px rgba(56, 189, 248, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

body.sr-site .sr-hero-pro__tone-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(103, 232, 249, 0.08) 50%, transparent 65%);
  pointer-events: none;
}

body.sr-site .sr-hero-pro__tone-cta:hover:not(:disabled) {
  transform: translateY(-2px);
  border-color: rgba(103, 232, 249, 0.55);
  box-shadow:
    0 18px 42px rgba(2, 6, 23, 0.5),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset,
    0 0 48px rgba(56, 189, 248, 0.14);
}

body.sr-site .sr-hero-pro__tone-cta.is-playing {
  color: #ecfdf5;
  border-color: rgba(52, 211, 153, 0.55);
  background: linear-gradient(135deg, rgba(6, 78, 59, 0.92) 0%, rgba(4, 120, 87, 0.88) 50%, rgba(6, 95, 70, 0.94) 100%);
  box-shadow:
    0 14px 36px rgba(16, 185, 129, 0.28),
    0 0 32px rgba(52, 211, 153, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

body.sr-site .sr-hero-pro__tone.is-near-end .sr-hero-pro__tone-cta.is-playing {
  border-color: rgba(251, 191, 36, 0.65);
  animation: sr-hero-cta-near-end 1.2s ease-in-out infinite;
}

body.sr-site .sr-hero-pro__tone-cta:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

body.sr-site .sr-hero-pro__tone-cta-icon {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  display: grid;
  place-items: center;
  border-radius: 0.8rem;
  color: #0f172a;
  background: linear-gradient(145deg, #fde68a 0%, #fbbf24 100%);
  box-shadow: 0 4px 14px rgba(251, 191, 36, 0.35);
}

body.sr-site .sr-hero-pro__tone-cta.is-playing .sr-hero-pro__tone-cta-icon {
  color: #064e3b;
  background: linear-gradient(145deg, #a7f3d0 0%, #6ee7b7 100%);
  box-shadow: 0 4px 14px rgba(52, 211, 153, 0.35);
}

body.sr-site .sr-hero-pro__tone-cta-svg {
  width: 1.3rem;
  height: 1.3rem;
}

body.sr-site .sr-hero-pro__tone-cta-svg--stop { display: none; }
body.sr-site .sr-hero-pro__tone-cta.is-playing .sr-hero-pro__tone-cta-svg--play { display: none; }
body.sr-site .sr-hero-pro__tone-cta.is-playing .sr-hero-pro__tone-cta-svg--stop { display: block; }

body.sr-site .sr-hero-pro__tone-cta-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  flex: 1;
  min-width: 0;
}

body.sr-site .sr-hero-pro__tone-cta-title {
  font-size: clamp(1rem, 2.6vw, 1.125rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

body.sr-site .sr-hero-pro__tone-cta-sub {
  font-size: clamp(0.78rem, 2vw, 0.875rem);
  font-weight: 600;
  line-height: 1.35;
  color: rgba(186, 230, 253, 0.92);
}

body.sr-site .sr-hero-pro__tone-cta.is-playing .sr-hero-pro__tone-cta-sub {
  color: rgba(209, 250, 229, 0.9);
}

body.sr-site .sr-hero-pro__tone-upsell {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  margin: 0.55rem 0 0;
  padding: 0.75rem 0.85rem;
  border-radius: 0.75rem;
  text-align: center;
  color: #fde68a;
  border: 1px solid rgba(251, 191, 36, 0.42);
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.18), rgba(6, 14, 26, 0.55));
  box-shadow: 0 8px 24px rgba(251, 191, 36, 0.12);
  overflow: hidden;
  animation: sr-tone-upsell-glow 1.4s ease-in-out infinite;
}

body.sr-site .sr-hero-pro__tone-upsell[hidden] {
  display: none !important;
}

body.sr-site .sr-hero-pro__tone-upsell-pulse {
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle, rgba(251, 191, 36, 0.22), transparent 62%);
  animation: sr-tone-aura-pulse 2s ease-in-out infinite;
  pointer-events: none;
}

body.sr-site .sr-hero-pro__tone-upsell-title {
  position: relative;
  z-index: 1;
  font-size: clamp(0.8125rem, 2.1vw, 0.9rem);
  font-weight: 800;
  line-height: 1.35;
  color: #fef3c7;
}

body.sr-site .sr-hero-pro__tone-upsell-pro {
  position: relative;
  z-index: 1;
  font-size: clamp(0.72rem, 1.9vw, 0.8125rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(253, 224, 71, 0.95);
}

body.sr-site .sr-hero-pro__tone.is-playing .sr-hero-pro__tone-readout .sr-hero-pro__tone-value {
  animation: sr-hero-freq-live 2.4s ease-in-out infinite;
}

@keyframes sr-hero-cta-shine {
  0%, 100% { transform: translateX(-120%) skewX(-18deg); opacity: 0; }
  45% { opacity: 0.85; }
  55%, 100% { transform: translateX(220%) skewX(-18deg); opacity: 0; }
}

@keyframes sr-hero-cta-wave {
  0%, 100% { transform: scaleY(0.45); opacity: 0.45; }
  50% { transform: scaleY(1); opacity: 1; }
}

@keyframes sr-hero-cta-near-end {
  0%, 100% { box-shadow: 0 14px 36px rgba(16, 185, 129, 0.35), 0 0 24px rgba(251, 191, 36, 0.15); }
  50% { box-shadow: 0 14px 36px rgba(16, 185, 129, 0.35), 0 0 32px rgba(251, 191, 36, 0.35); }
}

@keyframes sr-hero-freq-live {
  0%, 100% { filter: drop-shadow(0 0 16px rgba(251, 191, 36, 0.2)); transform: scale(1); }
  50% { filter: drop-shadow(0 0 32px rgba(52, 211, 153, 0.45)); transform: scale(1.02); }
}

@keyframes sr-tone-card-breathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.008); }
}

@keyframes sr-tone-aura-pulse {
  0%, 100% { opacity: 0.75; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.06); }
}

@keyframes sr-tone-ripple {
  0% { transform: scale(0.55); opacity: 0.65; }
  100% { transform: scale(2.4); opacity: 0; }
}

@keyframes sr-tone-upsell-glow {
  0%, 100% { box-shadow: 0 8px 24px rgba(251, 191, 36, 0.12); border-color: rgba(251, 191, 36, 0.42); }
  50% { box-shadow: 0 8px 32px rgba(251, 191, 36, 0.28); border-color: rgba(251, 191, 36, 0.62); }
}

body.sr-site .sr-hero-pro__tone-readout {
  text-align: left;
  min-width: 0;
}

body.sr-site .sr-hero-pro__tone-freq {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  line-height: 1;
}

body.sr-site .sr-hero-pro__tone-value {
  font-family: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
  font-size: clamp(2.35rem, 9vw, 3.15rem);
  font-weight: 800;
  letter-spacing: -0.045em;
  background: linear-gradient(180deg, #ffffff 0%, #fde68a 48%, #f59e0b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 20px rgba(251, 191, 36, 0.22));
}

body.sr-site .sr-hero-pro__tone-unit {
  font-size: clamp(1rem, 3vw, 1.2rem);
  font-weight: 700;
  color: rgba(186, 230, 253, 0.85);
}

body.sr-site .sr-hero-pro__tone-sync {
  margin: 0.4rem 0 0;
  font-size: clamp(0.72rem, 1.8vw, 0.8125rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(52, 211, 153, 0.95);
}

body.sr-site .sr-hero-pro__tone-meter {
  position: relative;
  width: clamp(4.5rem, 14vw, 5.25rem);
  height: clamp(4.5rem, 14vw, 5.25rem);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

body.sr-site .sr-hero-pro__tone-meter-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

body.sr-site .sr-hero-pro__tone-meter-track {
  stroke: rgba(148, 163, 184, 0.28);
  stroke-width: 5;
}

body.sr-site .sr-hero-pro__tone-meter-progress {
  stroke: #fde68a;
  stroke-width: 5;
  stroke-dasharray: 188.5;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.25s linear;
  filter: drop-shadow(0 0 6px rgba(251, 191, 36, 0.35));
}

body.sr-site .sr-hero-pro__tone-meter.is-active .sr-hero-pro__tone-meter-progress {
  stroke: #6ee7b7;
  filter: drop-shadow(0 0 8px rgba(52, 211, 153, 0.4));
}

body.sr-site .sr-hero-pro__tone-meter-time {
  font-family: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
  font-size: clamp(0.95rem, 2.8vw, 1.1rem);
  font-weight: 800;
  color: #fde68a;
  line-height: 1;
}

body.sr-site .sr-hero-pro__tone-meter.is-active .sr-hero-pro__tone-meter-time {
  color: #6ee7b7;
  animation: sr-hero-timer-pulse 1s ease-in-out infinite;
}

body.sr-site .sr-hero-pro__tone-meter-label {
  position: absolute;
  bottom: -0.35rem;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 6.5rem;
  font-size: clamp(0.62rem, 1.6vw, 0.72rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.25;
  color: rgba(203, 213, 225, 0.9);
}

body.sr-site .sr-hero-pro__tone-viz {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 2.75rem;
  margin-top: 0.75rem;
  opacity: 0.88;
}

body.sr-site .sr-hero-pro__tone-status {
  position: relative;
  z-index: 2;
  min-height: 1.1rem;
  margin: 0.4rem 0 0;
  font-size: clamp(0.72rem, 1.8vw, 0.8125rem);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(52, 211, 153, 0.95);
}

body.sr-site .sr-hero-pro__tone.is-trial-ended .sr-hero-pro__tone-status {
  color: rgba(251, 191, 36, 0.98);
}

body.sr-site .sr-hero-pro__tone-chips {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  margin-top: 0.85rem;
}

body.sr-site .sr-hero-pro__tone-chip {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 0.65rem;
  border-radius: 0.65rem;
  font-size: clamp(0.78rem, 2vw, 0.875rem);
  font-weight: 700;
  letter-spacing: 0.01em;
  text-align: left;
  border: 1px solid rgba(186, 230, 253, 0.16);
  background: rgba(15, 23, 42, 0.55);
  color: rgba(241, 245, 249, 0.96);
  line-height: 1.25;
}

body.sr-site .sr-hero-pro__tone-chip::before {
  content: "";
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  box-shadow: 0 0 10px currentColor;
}

body.sr-site .sr-hero-pro__tone-chip--focus { border-color: rgba(56, 189, 248, 0.35); }
body.sr-site .sr-hero-pro__tone-chip--focus::before { background: #38bdf8; color: #38bdf8; }
body.sr-site .sr-hero-pro__tone-chip--calm { border-color: rgba(52, 211, 153, 0.35); }
body.sr-site .sr-hero-pro__tone-chip--calm::before { background: #34d399; color: #34d399; }
body.sr-site .sr-hero-pro__tone-chip--sync { border-color: rgba(103, 232, 249, 0.35); }
body.sr-site .sr-hero-pro__tone-chip--sync::before { background: #67e8f9; color: #67e8f9; }
body.sr-site .sr-hero-pro__tone-chip--pro {
  border-color: rgba(251, 191, 36, 0.42);
  color: #fde68a;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), rgba(15, 23, 42, 0.55));
}
body.sr-site .sr-hero-pro__tone-chip--pro::before { background: #fbbf24; color: #fbbf24; }

body.sr-site .sr-hero-pro__tone-hint {
  position: relative;
  z-index: 2;
  margin: 0.65rem 0 0;
  font-size: clamp(0.78rem, 2vw, 0.875rem);
  font-weight: 500;
  line-height: 1.45;
  color: rgba(186, 230, 253, 0.82);
}

body.sr-site .sr-hero-pro__tone-pro {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.85rem;
  padding: clamp(0.75rem, 2vw, 0.9rem) clamp(0.85rem, 2.5vw, 1rem);
  border-radius: 0.85rem;
  text-decoration: none;
  border: 1px solid rgba(251, 191, 36, 0.42);
  background:
    linear-gradient(135deg, rgba(251, 191, 36, 0.18) 0%, rgba(6, 14, 26, 0.55) 55%, rgba(251, 191, 36, 0.08) 100%);
  box-shadow: 0 8px 28px rgba(251, 191, 36, 0.1);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.sr-site .sr-hero-pro__tone-pro:hover {
  transform: translateY(-2px);
  border-color: rgba(251, 191, 36, 0.58);
  box-shadow: 0 12px 32px rgba(251, 191, 36, 0.16);
}

body.sr-site .sr-hero-pro__tone-pro-cta {
  margin-left: auto;
  flex-shrink: 0;
  padding: 0.55rem 0.85rem;
  border-radius: 0.55rem;
  font-size: clamp(0.72rem, 1.8vw, 0.8125rem);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0f172a;
  background: linear-gradient(180deg, #fef3c7, #fbbf24);
  box-shadow: 0 6px 18px rgba(251, 191, 36, 0.3);
  white-space: nowrap;
}

body.sr-site .sr-hero-pro__tone.is-trial-ended {
  border-color: rgba(251, 191, 36, 0.55);
  padding: clamp(0.75rem, 2.2vw, 0.95rem);
  box-shadow:
    0 0 0 1px rgba(251, 191, 36, 0.12) inset,
    0 16px 40px rgba(2, 6, 23, 0.5),
    0 0 48px rgba(251, 191, 36, 0.14);
}

body.sr-site .sr-hero-pro__tone.is-trial-ended > :not(.sr-hero-pro__tone-expired) {
  display: none !important;
}

body.sr-site .sr-hero-pro__tone-expired {
  display: none;
  position: relative;
  z-index: 8;
  width: 100%;
  border-radius: inherit;
  overflow: hidden;
}

body.sr-site .sr-hero-pro__tone-expired.is-visible,
body.sr-site .sr-hero-pro__tone-expired:not([hidden]) {
  display: block;
}

body.sr-site .sr-hero-pro__tone.is-trial-ended .sr-hero-pro__tone-expired {
  display: block;
}

body.sr-site .sr-hero-pro__tone-expired-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}

body.sr-site .sr-hero-pro__tone-expired-bg span {
  position: absolute;
  border-radius: 50%;
  filter: blur(24px);
  animation: sr-expired-orb 5s ease-in-out infinite;
}

body.sr-site .sr-hero-pro__tone-expired-bg span:nth-child(1) {
  width: 55%;
  height: 55%;
  top: -20%;
  left: -10%;
  background: rgba(251, 191, 36, 0.28);
}

body.sr-site .sr-hero-pro__tone-expired-bg span:nth-child(2) {
  width: 45%;
  height: 45%;
  bottom: -15%;
  right: -8%;
  background: rgba(52, 211, 153, 0.16);
  animation-delay: -1.6s;
}

body.sr-site .sr-hero-pro__tone-expired-bg span:nth-child(3) {
  width: 35%;
  height: 35%;
  top: 40%;
  right: 10%;
  background: rgba(56, 189, 248, 0.14);
  animation-delay: -3.2s;
}

body.sr-site .sr-hero-pro__tone-expired-panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  padding: clamp(0.85rem, 2.4vw, 1rem);
  border-radius: 0.9rem;
  border: 1px solid rgba(251, 191, 36, 0.42);
  background: linear-gradient(155deg, rgba(251, 191, 36, 0.14) 0%, rgba(15, 23, 42, 0.92) 38%, rgba(2, 6, 23, 0.96) 100%);
  box-shadow:
    0 10px 32px rgba(2, 6, 23, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.05) inset,
    0 0 36px rgba(251, 191, 36, 0.1);
}

body.sr-site .sr-hero-pro__tone-expired-compare {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 0.4rem;
}

body.sr-site .sr-hero-pro__tone-expired-compare-item {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.55rem 0.5rem;
  border-radius: 0.65rem;
  text-align: center;
}

body.sr-site .sr-hero-pro__tone-expired-compare-item strong {
  font-family: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
  font-size: clamp(1.05rem, 3vw, 1.2rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.03em;
}

body.sr-site .sr-hero-pro__tone-expired-compare-item small {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.sr-site .sr-hero-pro__tone-expired-compare-item--trial {
  color: rgba(148, 163, 184, 0.95);
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: rgba(15, 23, 42, 0.65);
}

body.sr-site .sr-hero-pro__tone-expired-compare-item--trial strong {
  color: rgba(203, 213, 225, 0.85);
  text-decoration: line-through;
  text-decoration-color: rgba(248, 113, 113, 0.55);
}

body.sr-site .sr-hero-pro__tone-expired-compare-item--pro {
  color: #fef3c7;
  border: 1px solid rgba(251, 191, 36, 0.55);
  background: linear-gradient(145deg, rgba(251, 191, 36, 0.22), rgba(245, 158, 11, 0.08));
  box-shadow: 0 0 28px rgba(251, 191, 36, 0.18);
}

body.sr-site .sr-hero-pro__tone-expired-compare-item--pro strong {
  background: linear-gradient(180deg, #fffbeb 0%, #fde68a 50%, #fbbf24 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 12px rgba(251, 191, 36, 0.35));
}

body.sr-site .sr-hero-pro__tone-expired-compare-item--pro small {
  color: rgba(253, 224, 71, 0.95);
}

body.sr-site .sr-hero-pro__tone-expired-compare-arrow {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  color: #6ee7b7;
  filter: drop-shadow(0 0 8px rgba(52, 211, 153, 0.45));
  animation: sr-expired-arrow 1.1s ease-in-out infinite;
}

body.sr-site .sr-hero-pro__tone-expired-compare-arrow svg {
  width: 1.15rem;
  height: 1.15rem;
}

body.sr-site .sr-hero-pro__tone-expired-kicker {
  display: inline-flex;
  align-self: center;
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6ee7b7;
  border: 1px solid rgba(52, 211, 153, 0.45);
  background: rgba(52, 211, 153, 0.12);
  box-shadow: 0 0 16px rgba(52, 211, 153, 0.15);
}

body.sr-site .sr-hero-pro__tone-expired-title {
  display: block;
  margin: 0;
  font-size: clamp(1.15rem, 3.6vw, 1.35rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.2;
  text-align: center;
  text-wrap: balance;
  background: linear-gradient(180deg, #ffffff 0%, #fef3c7 45%, #fde68a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 8px rgba(251, 191, 36, 0.25));
}

body.sr-site .sr-hero-pro__tone-expired-copy {
  margin: 0;
  font-size: clamp(0.8125rem, 2.1vw, 0.9rem);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  color: rgba(224, 242, 254, 0.95);
  text-wrap: balance;
}

body.sr-site .sr-hero-pro__tone-expired-benefits {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.3rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.sr-site .sr-hero-pro__tone-expired-benefits li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.48rem 0.6rem;
  border-radius: 0.55rem;
  font-size: clamp(0.78rem, 2vw, 0.875rem);
  font-weight: 700;
  color: #f8fafc;
  border: 1px solid rgba(56, 189, 248, 0.22);
  background: linear-gradient(90deg, rgba(15, 23, 42, 0.75), rgba(30, 41, 59, 0.55));
}

body.sr-site .sr-hero-pro__tone-expired-benefits li::before {
  content: "✓";
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  font-size: 0.62rem;
  font-weight: 900;
  color: #064e3b;
  background: linear-gradient(145deg, #6ee7b7, #34d399);
  box-shadow: 0 0 10px rgba(52, 211, 153, 0.45);
}

body.sr-site .sr-hero-pro__tone-expired-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  width: 100%;
  min-height: 3rem;
  margin-top: 0.15rem;
  padding: 0 1.1rem;
  border-radius: 0.75rem;
  text-decoration: none;
  color: #0f172a;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 30%, #fbbf24 70%, #f59e0b 100%);
  box-shadow:
    0 10px 28px rgba(245, 158, 11, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.35) inset;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  animation: sr-expired-cta-pulse 2s ease-in-out infinite;
}

body.sr-site .sr-hero-pro__tone-expired-btn-text {
  font-size: clamp(0.8125rem, 2.2vw, 0.9375rem);
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
}

body.sr-site .sr-hero-pro__tone-expired-btn:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow:
    0 14px 34px rgba(245, 158, 11, 0.55),
    0 0 24px rgba(251, 191, 36, 0.25);
}

body.sr-site .sr-hero-pro__tone-expired-btn svg {
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15));
}

body.sr-site .sr-hero-pro__tone-expired-btn-shine {
  position: absolute;
  inset: -50% auto -50% -30%;
  width: 40%;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  transform: skewX(-18deg);
  animation: sr-hero-cta-shine 2.8s ease-in-out infinite;
  pointer-events: none;
}

body.sr-site .sr-hero-pro__tone-expired-foot {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-align: center;
  color: rgba(251, 191, 36, 0.88);
  text-shadow: 0 0 12px rgba(251, 191, 36, 0.25);
}

@keyframes sr-expired-orb {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.85; }
  50% { transform: translate(6%, 4%) scale(1.08); opacity: 1; }
}

@keyframes sr-expired-arrow {
  0%, 100% { transform: translateX(0); opacity: 0.7; }
  50% { transform: translateX(3px); opacity: 1; }
}

@keyframes sr-expired-cta-pulse {
  0%, 100% { box-shadow: 0 10px 28px rgba(245, 158, 11, 0.42); }
  50% { box-shadow: 0 10px 36px rgba(245, 158, 11, 0.58), 0 0 24px rgba(251, 191, 36, 0.22); }
}

body.sr-site .sr-hero-pro__tone-pro-icon {
  flex-shrink: 0;
  width: clamp(2.25rem, 6vw, 2.65rem);
  height: clamp(2.25rem, 6vw, 2.65rem);
  display: grid;
  place-items: center;
  border-radius: 0.65rem;
  color: #fde68a;
  background: rgba(251, 191, 36, 0.16);
  border: 1px solid rgba(251, 191, 36, 0.28);
}

body.sr-site .sr-hero-pro__tone-pro-icon svg {
  width: 1.15rem;
  height: 1.15rem;
}

body.sr-site .sr-hero-pro__tone-pro-copy {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  text-align: left;
  min-width: 0;
}

body.sr-site .sr-hero-pro__tone-pro-copy strong {
  font-size: clamp(0.875rem, 2.2vw, 1rem);
  font-weight: 800;
  color: #fde68a;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

body.sr-site .sr-hero-pro__tone-pro-copy small {
  font-size: clamp(0.75rem, 1.9vw, 0.8125rem);
  font-weight: 500;
  line-height: 1.35;
  color: rgba(203, 213, 225, 0.88);
}

@keyframes sr-hero-timer-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.72; }
}

@keyframes sr-hero-tone-ring {
  0% { opacity: 0.75; transform: scale(0.92); }
  100% { opacity: 0; transform: scale(1.18); }
}

body.sr-site .sr-hero-pro__tagline-inner {
  display: inline-block;
  flex-shrink: 0;
  font-size: clamp(0.9375rem, 2.5vw, 1.125rem);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.02em;
  color: rgba(224, 242, 254, 0.95);
  text-wrap: balance;
}

body.sr-site .sr-hero-pro__tagline--apex .sr-hero-pro__tagline-inner {
  background: linear-gradient(90deg, rgba(224, 242, 254, 0.98) 0%, rgba(186, 230, 253, 0.92) 50%, rgba(253, 224, 71, 0.88) 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: sr-hero-tagline-flow 7s ease-in-out infinite;
}

body.sr-site .sr-hero-pro__intro-wave {
  margin-top: 1rem;
  margin-inline: auto;
  width: min(100%, 20rem);
  height: 1.5rem;
  opacity: 0.75;
  animation: sr-hero-fade-up 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
}

body.sr-site .sr-hero-pro__intro-wave svg {
  display: block;
  width: 100%;
  height: 100%;
}

body.sr-site .sr-hero-pro__wave-a {
  stroke-dasharray: 420;
  animation: sr-hero-wave-draw 4.5s ease-in-out infinite;
}

body.sr-site .sr-hero-pro__wave-b {
  stroke-dasharray: 360;
  animation: sr-hero-wave-draw 5.5s ease-in-out infinite reverse;
  opacity: 0.65;
}

@keyframes sr-hero-aurora {
  0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.75; }
  100% { transform: translate3d(2%, -1%, 0) scale(1.04); opacity: 0.95; }
}

@keyframes sr-hero-title-shimmer {
  0%, 100% { background-position: 0% center; }
  50% { background-position: 100% center; }
}

@keyframes sr-hero-accent-shimmer {
  0%, 100% { background-position: 0% center; filter: drop-shadow(0 0 28px rgba(251, 191, 36, 0.28)); }
  50% { background-position: 100% center; filter: drop-shadow(0 0 36px rgba(251, 191, 36, 0.42)); }
}

@keyframes sr-hero-tagline-flow {
  0%, 100% { background-position: 0% center; }
  50% { background-position: 100% center; }
}

@keyframes sr-hero-glow-pulse {
  0%, 100% { opacity: 0.55; transform: scaleX(1); }
  50% { opacity: 1; transform: scaleX(1.08); }
}

@keyframes sr-hero-live-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.15); opacity: 0.7; }
}

@keyframes sr-hero-fade-up {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes sr-hero-wave-draw {
  0%, 100% { stroke-dashoffset: 0; opacity: 0.85; }
  50% { stroke-dashoffset: 80; opacity: 1; }
}

@media (max-width: 479px) {
  body.sr-site .sr-hero-pro__intro-telemetry {
    border-radius: 1rem;
    padding: 0.45rem 0.5rem;
    gap: 0.35rem;
  }

  body.sr-site .sr-hero-pro__tel-bridge {
    display: none;
  }

  body.sr-site .sr-hero-pro__tel-pill {
    padding: 0.28rem 0.5rem;
  }

  body.sr-site .sr-hero-pro__tel-hz {
    font-size: 0.72rem !important;
  }

  body.sr-site .sr-hero-pro__intro-orbit {
    width: min(100%, 22rem);
    height: min(100%, 22rem);
  }

  body.sr-site .sr-hero-pro__title-main {
    font-size: clamp(1.15rem, 4.8vw, 1.45rem);
    letter-spacing: 0.05em;
  }

  body.sr-site .sr-hero-pro__title-accent {
    font-size: clamp(2.35rem, 13vw, 3.15rem);
  }

  body.sr-site .sr-hero-pro__tagline--apex {
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.65rem 0.75rem;
  }

  body.sr-site .sr-hero-pro__tagline-rule {
    max-width: 5rem;
    width: 100%;
  }

  body.sr-site .sr-hero-pro__tagline-inner {
    font-size: 0.9rem;
  }

  body.sr-site .sr-hero-pro__tone {
    width: 100%;
    margin-top: 0;
    padding: 0.95rem 0.85rem 0.9rem;
  }

  body.sr-site .sr-hero-pro__tone-deck {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 0.75rem;
  }

  body.sr-site .sr-hero-pro__tone-readout {
    text-align: center;
  }

  body.sr-site .sr-hero-pro__tone-freq {
    justify-content: center;
  }

  body.sr-site .sr-hero-pro__tone-cta {
    padding: 0.8rem 0.85rem;
  }

  body.sr-site .sr-hero-pro__tone-cta-waves {
    display: none;
  }

  body.sr-site .sr-hero-pro__tone-chips {
    grid-template-columns: 1fr;
  }

  body.sr-site .sr-hero-pro__tone-pro {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  body.sr-site .sr-hero-pro__tone-pro-copy {
    text-align: center;
    flex: 1 1 100%;
  }

  body.sr-site .sr-hero-pro__tone-pro-cta {
    margin-left: 0;
    width: 100%;
    text-align: center;
    padding: 0.65rem 1rem;
    font-size: 0.8125rem;
  }

  body.sr-site .sr-hero-pro__intro-wave {
    width: 100%;
    margin-top: 0.85rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site .sr-hero-pro__intro-aurora,
  body.sr-site .sr-hero-pro__intro-orbit-ring,
  body.sr-site .sr-hero-pro__title-accent,
  body.sr-site .sr-hero-pro__tagline--apex .sr-hero-pro__tagline-inner,
  body.sr-site .sr-hero-pro__wave-a,
  body.sr-site .sr-hero-pro__wave-b,
  body.sr-site .sr-hero-pro__title-glow,
  body.sr-site .sr-hero-pro__title-underline,
  body.sr-site .sr-hero-pro__tel-pill--live i {
    animation: none;
  }

  body.sr-site .sr-hero-pro__tone-play-ring,
  body.sr-site .sr-hero-pro__tone-cta-glow,
  body.sr-site .sr-hero-pro__tone-cta-waves i,
  body.sr-site .sr-hero-pro__tone-live i {
    animation: none;
  }

  body.sr-site .sr-hero-pro__intro-telemetry,
  body.sr-site .sr-hero-pro__title,
  body.sr-site .sr-hero-pro__tagline,
  body.sr-site .sr-hero-pro__tone,
  body.sr-site .sr-hero-pro__intro-wave {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

/* ── Stage: readout + spectro ── */
body.sr-site .sr-hero-pro__stage {
  display: grid;
  gap: 1rem;
  align-items: stretch;
}

@media (min-width: 960px) {
  body.sr-site .sr-hero-pro__stage {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 1.15rem;
  }
}

body.sr-site .sr-hero-pro__readout,
body.sr-site .sr-hero-pro__spectro {
  border-radius: 1.25rem;
  border: 1px solid var(--hp-border);
  background:
    linear-gradient(135deg, rgba(186, 230, 253, 0.08) 0%, rgba(255, 255, 255, 0.02) 45%, rgba(56, 189, 248, 0.04) 100%),
    linear-gradient(180deg, rgba(6, 14, 26, 0.42), rgba(4, 10, 20, 0.55));
  backdrop-filter: blur(28px) saturate(170%);
  -webkit-backdrop-filter: blur(28px) saturate(170%);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.1) inset,
    0 20px 56px rgba(2, 8, 20, 0.28);
}

body.sr-site .sr-hero-pro__readout {
  padding: clamp(1.15rem, 3vw, 1.65rem);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 18rem;
}

body.sr-site .sr-hero-pro__readout-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.35rem;
}

body.sr-site .sr-hero-pro__readout-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--hp-muted);
}

body.sr-site .sr-hero-pro__readout-live {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--hp-teal);
  border: 1px solid rgba(94, 234, 212, 0.28);
  background: rgba(94, 234, 212, 0.08);
}

body.sr-site .sr-hero-pro__readout-live i {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 999px;
  background: currentColor;
  font-style: normal;
  box-shadow: 0 0 8px rgba(94, 234, 212, 0.7);
}

body.sr-site .sr-hero-pro__hz {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  margin: 0.15rem 0 0.35rem;
  line-height: 1;
}

body.sr-site .sr-hero-pro__hz .hero-freq-value,
body.sr-site .sr-hero-pro__hz #hero-freq {
  font-family: "Roboto Mono", ui-monospace, monospace !important;
  font-size: clamp(3.25rem, 14vw, 5.5rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.05em !important;
  color: var(--hp-text) !important;
  -webkit-text-fill-color: var(--hp-text) !important;
  background: none !important;
  text-shadow: none !important;
  filter: none !important;
  animation: none !important;
  font-variant-numeric: tabular-nums;
  line-height: 0.95 !important;
}

body.sr-site .sr-hero-pro__hz .hero-freq-unit {
  font-size: clamp(1rem, 3vw, 1.35rem) !important;
  font-weight: 500 !important;
  color: var(--hp-muted) !important;
  padding-bottom: 0.35rem;
}

body.sr-site .sr-hero-pro__status {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--hp-muted);
}

body.sr-site .sr-hero-pro__status strong {
  color: var(--hp-text);
  font-weight: 600;
}

body.sr-site .sr-hero-pro__status .hero-readout-status-dot {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 999px;
  background: var(--hp-gold);
  margin-right: 0.25rem;
  vertical-align: middle;
}

body.sr-site .sr-hero-pro__trace {
  width: 100%;
  height: 3.25rem;
  margin-top: 1rem;
  border-radius: 0.65rem;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

body.sr-site .sr-hero-pro__harmonics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.45rem;
  margin-top: 1rem;
}

body.sr-site .sr-hero-pro__harm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.45rem 0.25rem;
  border-radius: 0.55rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

body.sr-site .sr-hero-pro__harm span {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hp-muted);
}

body.sr-site .sr-hero-pro__harm strong {
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--hp-gold);
}

/* Spectrogram card */
body.sr-site .sr-hero-pro__spectro {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.25s ease, transform 0.25s ease;
}

body.sr-site .sr-hero-pro__spectro:hover {
  border-color: rgba(212, 160, 23, 0.28);
  transform: translateY(-2px);
}

body.sr-site .sr-hero-pro__spectro-frame {
  flex: 1;
  min-height: 12rem;
  background: #020617;
  overflow: hidden;
}

body.sr-site .sr-hero-pro__spectro-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  background: #020617;
}

body.sr-site .sr-hero-pro__spectro-cap {
  padding: 0.85rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

body.sr-site .sr-hero-pro__spectro-cap strong {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hp-gold);
}

body.sr-site .sr-hero-pro__spectro-cap span {
  font-size: 0.75rem;
  color: var(--hp-muted);
}

/* ── Bottom telemetry bar ── */
body.sr-site .sr-hero-pro__bar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.85rem;
  border-radius: 1.15rem;
  border: 1px solid var(--hp-border);
  background:
    linear-gradient(135deg, rgba(186, 230, 253, 0.07) 0%, rgba(255, 255, 255, 0.02) 50%, rgba(56, 189, 248, 0.03) 100%),
    linear-gradient(180deg, rgba(6, 14, 26, 0.4), rgba(4, 10, 20, 0.52));
  backdrop-filter: blur(26px) saturate(170%);
  -webkit-backdrop-filter: blur(26px) saturate(170%);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.08) inset,
    0 16px 48px rgba(2, 8, 20, 0.22);
}

@media (min-width: 900px) {
  body.sr-site .sr-hero-pro__bar {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0.75rem 0.65rem 0.85rem;
  }
}

body.sr-site .sr-hero-pro__telemetry {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  flex: 1;
  min-width: 0;
}

@media (min-width: 640px) {
  body.sr-site .sr-hero-pro__telemetry {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  body.sr-site .sr-hero-pro__telemetry {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.45rem;
  }
}

body.sr-site .sr-hero-pro__tel {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  padding: 0.55rem 0.65rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(186, 230, 253, 0.1);
  background: rgba(255, 255, 255, 0.025);
  transition: border-color 0.2s ease, background 0.2s ease;
}

body.sr-site .sr-hero-pro__tel:hover {
  border-color: rgba(186, 230, 253, 0.18);
  background: rgba(255, 255, 255, 0.04);
}

body.sr-site .sr-hero-pro__tel-icon {
  display: grid;
  place-items: center;
  width: 1.85rem;
  height: 1.85rem;
  flex-shrink: 0;
  border-radius: 0.55rem;
  background: rgba(56, 189, 248, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.16);
  color: #7dd3fc;
}

body.sr-site .sr-hero-pro__tel-icon svg {
  width: 0.95rem;
  height: 0.95rem;
}

body.sr-site .sr-hero-pro__tel--peak .sr-hero-pro__tel-icon { background: rgba(45, 212, 191, 0.12); border-color: rgba(45, 212, 191, 0.2); color: #2dd4bf; }
body.sr-site .sr-hero-pro__tel--low .sr-hero-pro__tel-icon { background: rgba(251, 113, 133, 0.1); border-color: rgba(251, 113, 133, 0.18); color: #fb7185; }
body.sr-site .sr-hero-pro__tel--amp .sr-hero-pro__tel-icon { background: rgba(251, 191, 36, 0.1); border-color: rgba(251, 191, 36, 0.18); color: #fbbf24; }
body.sr-site .sr-hero-pro__tel--traffic .sr-hero-pro__tel-icon { background: rgba(129, 140, 248, 0.12); border-color: rgba(129, 140, 248, 0.2); color: #a5b4fc; }
body.sr-site .sr-hero-pro__tel-icon--live { box-shadow: 0 0 12px rgba(129, 140, 248, 0.2); }

body.sr-site .sr-hero-pro__tel-body {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  min-width: 0;
}

body.sr-site .sr-hero-pro__tel-label {
  font-size: 0.54rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--hp-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.sr-site .sr-hero-pro__tel-value {
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--hp-text);
  line-height: 1.1;
  white-space: nowrap;
}

body.sr-site .sr-hero-pro__tel-value small {
  font-size: 0.62rem;
  font-weight: 500;
  color: var(--hp-muted);
  margin-left: 0.12rem;
}

body.sr-site .sr-hero-pro__tel-value--text {
  font-family: "Instrument Sans", system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.25;
  white-space: normal;
}

body.sr-site .sr-hero-pro__tel-value--mono {
  font-variant-numeric: tabular-nums;
}

body.sr-site .sr-hero-pro__tel .metric-up { color: var(--hp-up) !important; }
body.sr-site .sr-hero-pro__tel .metric-down { color: var(--hp-down) !important; }

body.sr-site .sr-hero-pro__tel--utc {
  display: none;
}

@media (min-width: 640px) {
  body.sr-site .sr-hero-pro__tel--traffic {
    grid-column: 1 / -1;
  }
}

@media (min-width: 900px) {
  body.sr-site .sr-hero-pro__tel--utc {
    display: flex;
  }

  body.sr-site .sr-hero-pro__tel--traffic {
    grid-column: auto;
    max-width: 14rem;
  }
}

/* legacy metric classes removed — use __tel */
body.sr-site .sr-hero-pro__metrics { display: none; }

body.sr-site .sr-hero-pro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

@media (min-width: 900px) {
  body.sr-site .sr-hero-pro__actions {
    flex-shrink: 0;
    margin-left: auto;
  }
}

body.sr-site .sr-hero-pro__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 2.65rem;
  padding: 0 1.15rem;
  border-radius: 0.75rem;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

body.sr-site .sr-hero-pro__btn svg {
  width: 0.95rem;
  height: 0.95rem;
}

body.sr-site .sr-hero-pro__btn--primary {
  color: #0f172a;
  background: linear-gradient(180deg, #fbbf24, #d4a017);
  border: 1px solid rgba(251, 191, 36, 0.45);
  box-shadow: 0 8px 24px rgba(212, 160, 23, 0.22);
}

body.sr-site .sr-hero-pro__btn--primary:hover {
  transform: translateY(-1px);
}

body.sr-site .sr-hero-pro__btn--ghost {
  color: var(--hp-text);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--hp-border);
}

body.sr-site .sr-hero-pro__btn--ghost:hover {
  background: rgba(255, 255, 255, 0.07);
}

/* Kill legacy aether decorations inside hero pro */
body.sr-site .sr-hero-pro .sr-aether-orbit-svg,
body.sr-site .sr-hero-pro .sr-aether-pulse,
body.sr-site .sr-hero-pro .sr-aether-luxe-rim,
body.sr-site .sr-hero-pro .sr-aether-editorial,
body.sr-site .sr-hero-pro .sr-aether-kicker {
  display: none !important;
}

@media (max-width: 479px) {
  body.sr-site .sr-hero-pro__harmonics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.sr-site .sr-hero-pro__harm:nth-child(4),
  body.sr-site .sr-hero-pro__harm:nth-child(5) {
    grid-column: span 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site .sr-hero-pro__spectro,
  body.sr-site .sr-hero-pro__btn--primary {
    transition: none;
  }
}

/* Neutralize legacy aether / flagship hero layers on pro layout */
body.sr-site.sr-aether.sr-flagship .sr-hero-pro.sr-aether-hero,
body.sr-site.sr-aether .sr-hero-pro.sr-aether-hero {
  overflow-x: clip !important;
  min-height: auto !important;
}

body.sr-site .sr-hero-pro .sr-aether-orbit-svg,
body.sr-site .sr-hero-pro .sr-aether-pulse,
body.sr-site .sr-hero-pro .sr-aether-luxe-rim,
body.sr-site .sr-hero-pro .sr-aether-portal,
body.sr-site .sr-hero-pro .sr-aether-portal-scan,
body.sr-site .sr-hero-pro .sr-aether-editorial,
body.sr-site .sr-hero-pro .sr-aether-kicker,
body.sr-site .sr-hero-pro .sr-aether-complication {
  display: none !important;
}

body.sr-site .sr-hero-pro__spectro-frame,
body.sr-site .sr-hero-pro__spectro-frame img {
  border-radius: 0 !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

body.sr-site .sr-hero-pro__harmonics {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

@media (max-width: 479px) {
  body.sr-site .sr-hero-pro__harmonics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.sr-site .sr-hero-pro__harm:nth-child(4),
  body.sr-site .sr-hero-pro__harm:nth-child(5) {
    grid-column: auto !important;
  }
}

/* ── Spotify-style mini player dock ── */
body.sr-site.sr-tone-dock-open {
  padding-bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px));
}

body.sr-site .sr-tone-dock {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9990;
  padding: 0 clamp(0.65rem, 2.5vw, 1rem) calc(0.65rem + env(safe-area-inset-bottom, 0px));
  pointer-events: none;
}

body.sr-site .sr-tone-dock:not([hidden]) {
  pointer-events: auto;
}

body.sr-site .sr-tone-dock__inner {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: 0.55rem 0.75rem;
  align-items: center;
  max-width: 42rem;
  margin: 0 auto;
  padding: 0.7rem 0.85rem 0.75rem;
  border-radius: 1rem 1rem 0.85rem 0.85rem;
  border: 1px solid rgba(103, 232, 249, 0.28);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.97) 0%, rgba(2, 6, 23, 0.98) 100%);
  box-shadow:
    0 -8px 32px rgba(2, 6, 23, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.05) inset,
    0 0 40px rgba(56, 189, 248, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.sr-site .sr-tone-dock.is-playing .sr-tone-dock__inner {
  border-color: rgba(52, 211, 153, 0.38);
  box-shadow:
    0 -8px 32px rgba(2, 6, 23, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.05) inset,
    0 0 36px rgba(52, 211, 153, 0.12);
  animation: sr-tone-card-breathe calc(10s / var(--sr-tone-freq, 7.83)) ease-in-out infinite;
}

body.sr-site .sr-tone-dock__play {
  grid-row: 1 / span 2;
  flex-shrink: 0;
  width: 2.85rem;
  height: 2.85rem;
  display: grid;
  place-items: center;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: #0f172a;
  background: linear-gradient(145deg, #fde68a 0%, #fbbf24 100%);
  box-shadow: 0 4px 16px rgba(251, 191, 36, 0.35);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

body.sr-site .sr-tone-dock__play:hover {
  transform: scale(1.04);
  box-shadow: 0 6px 20px rgba(251, 191, 36, 0.45);
}

body.sr-site .sr-tone-dock__play.is-playing {
  color: #064e3b;
  background: linear-gradient(145deg, #a7f3d0 0%, #6ee7b7 100%);
  box-shadow: 0 4px 16px rgba(52, 211, 153, 0.35);
}

body.sr-site .sr-tone-dock__icon {
  width: 1.25rem;
  height: 1.25rem;
}

body.sr-site .sr-tone-dock__icon--pause { display: none; }
body.sr-site .sr-tone-dock__play.is-playing .sr-tone-dock__icon--play { display: none; }
body.sr-site .sr-tone-dock__play.is-playing .sr-tone-dock__icon--pause { display: block; }

body.sr-site .sr-tone-dock__meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

body.sr-site .sr-tone-dock__title {
  font-size: 0.9375rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #f8fafc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.sr-site .sr-tone-dock__sub {
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(186, 230, 253, 0.85);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.sr-site .sr-tone-dock__track {
  grid-column: 2;
  min-width: 0;
}

body.sr-site .sr-tone-dock__times {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
  font-family: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
  font-size: 0.6875rem;
  font-weight: 700;
  color: rgba(203, 213, 225, 0.9);
}

body.sr-site .sr-tone-dock__freq {
  flex: 1;
  text-align: center;
  color: #6ee7b7;
  font-size: 0.72rem;
}

body.sr-site .sr-tone-dock__bar {
  position: relative;
  height: 0.28rem;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.25);
  overflow: hidden;
}

body.sr-site .sr-tone-dock__bar-fill {
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #34d399 0%, #6ee7b7 50%, #fde68a 100%);
  transform-origin: left center;
  transition: width 0.25s linear;
  box-shadow: 0 0 10px rgba(52, 211, 153, 0.35);
}

@media (min-width: 640px) {
  body.sr-site .sr-tone-dock__inner {
    border-radius: 1rem;
    margin-bottom: 0.35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site .sr-tone-dock__bar-fill {
    transition: none;
  }

  body.sr-site .sr-hero-pro__tone.is-playing,
  body.sr-site .sr-hero-pro__tone.is-playing .sr-hero-pro__tone-aura,
  body.sr-site .sr-tone-dock.is-playing .sr-tone-dock__inner,
  body.sr-site .sr-hero-pro__tone-upsell,
  body.sr-site .sr-hero-pro__tone-expired-btn,
  body.sr-site .sr-hero-pro__tone-expired-compare-arrow {
    animation: none !important;
  }

  body.sr-site .sr-hero-pro__tone-ripples {
    display: none;
  }
}

/* ── Hero trust strip (Doğrulanmış · Tomsk · NOAA · NASA) ── */
body.sr-site .sr-hero-trust {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.45rem 0.55rem;
  margin: 0 0 clamp(0.75rem, 2.2vw, 1rem);
  padding: 0.42rem 0.62rem;
  border-radius: 999px;
  border: 1px solid rgba(186, 230, 253, 0.24);
  background: rgba(8, 18, 34, 0.1);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  box-shadow:
    0 8px 32px rgba(2, 6, 23, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  animation: sr-hero-fade-up 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.sr-site .sr-hero-trust__verified {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #86efac;
  background: rgba(52, 211, 153, 0.1);
  border: 1px solid rgba(52, 211, 153, 0.28);
}

body.sr-site .sr-hero-trust__verified svg {
  width: 0.82rem;
  height: 0.82rem;
  flex-shrink: 0;
  color: #34d399;
}

body.sr-site .sr-hero-trust__badges {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}

body.sr-site .sr-hero-trust__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.26rem 0.52rem;
  border-radius: 999px;
  font-size: 0.56rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(186, 230, 253, 0.92);
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.2);
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

body.sr-site .sr-hero-trust__badge:hover {
  color: #f0f9ff;
  border-color: rgba(103, 232, 249, 0.42);
  background: rgba(56, 189, 248, 0.16);
}

body.sr-site .sr-hero-pro__title--earth {
  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;
}


/* ── sr-cosmos-scroll.css ── */
/*
  Cosmos scroll track — room for Earth recede journey (compact, no wasteland)
*/

:root {
  --wsb-scroll-p: 0;
  --sr-hero-progress: 0;
  --sr-cosmos-track-h: clamp(320px, 52dvh, 580px);
}

#world-solar-bg {
  transform: none !important;
}

body.sr-site .sr-hero-pro.sr-aether-hero {
  position: relative;
  z-index: 8;
  overflow-x: clip !important;
  overflow-y: visible;
  background: transparent !important;
  min-height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

body.sr-site .sr-cosmos-scroll-track {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  height: var(--sr-cosmos-track-h);
  min-height: clamp(260px, 40dvh, 480px);
  margin: 0;
  padding: 0;
  pointer-events: none;
  visibility: visible;
}

body.sr-site .sr-hero-pro__shell {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site .sr-cosmos-scroll-track {
    height: 0 !important;
    min-height: 0 !important;
    display: none !important;
  }
}


/* ── sr-site-scroll.css ── */
/*
  Site scroll v4 — cosmos journey vars + shell fade (no sticky jank)
*/

:root {
  --sr-page-p: 0;
  --sr-hero-progress: 0;
}

html.sr-site-scroll-ready {
  scroll-behavior: auto;
  scroll-padding-top: calc(var(--sr-nav-offset, 5.85rem) + 0.65rem);
}

body.sr-site .sr-cosmos-scroll-track {
  display: block;
  height: var(--sr-cosmos-track-h, clamp(300px, 46dvh, 520px));
  min-height: clamp(260px, 40dvh, 480px);
  pointer-events: none;
}

body.sr-site .sr-hero-pro__shell {
  position: relative;
  z-index: 2;
  will-change: transform, opacity;
}

body.sr-site .sr-flow-section {
  --flow-p: 1;
  opacity: 1 !important;
  transform: none !important;
  will-change: auto;
}

body.sr-site .sr-flow-section > .max-w-7xl,
body.sr-site .sr-flow-section > .mx-auto {
  transform: none;
}

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

body.sr-site .sr-scroll-cosmos-hint {
  transition: opacity 0.25s linear, visibility 0.25s linear;
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site .sr-cosmos-scroll-track {
    height: 0 !important;
    min-height: 0 !important;
    display: none !important;
  }

  body.sr-site .sr-hero-pro__shell {
    transform: none !important;
    opacity: 1 !important;
  }
}


/* ── sr-scroll-perf.css ── */
/*
  Scroll performance — 60fps native scroll, lighter compositing while scrolling
*/

html.sr-site-scroll-ready,
html.sr-site-scroll-ready body.sr-site {
  scroll-behavior: auto !important;
  overscroll-behavior-y: none;
}

body.sr-site.is-scrolling #world-solar-bg canvas,
body.sr-site.is-scrolling .wsb-gl-canvas {
  pointer-events: none !important;
  opacity: 1 !important;
  will-change: transform;
}

body.sr-site.is-scrolling .sr-header-apex,
body.sr-site.is-scrolling .sr-hero-pro,
body.sr-site.is-scrolling .sr-hero-pro__apex-play,
body.sr-site.is-scrolling .sr-hero-pro__apex-live,
body.sr-site.is-scrolling .sr-hero-pro__tone,
body.sr-site.is-scrolling .sr-hero-trust,
body.sr-site.is-scrolling .card,
body.sr-site.is-scrolling .metric-card,
body.sr-site.is-scrolling .sr-glass-deep,
body.sr-site.is-scrolling .sr-dashboard-pro,
body.sr-site.is-scrolling .sr-promo-fab,
body.sr-site.is-scrolling .footer-premium,
body.sr-site.is-scrolling .sr-faq-section .sr-faq-item {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.sr-site.is-scrolling .fade-up,
body.sr-site.is-scrolling .sr-ui-reveal,
body.sr-site.is-scrolling .sr-flow-section {
  transition: none !important;
}

body.sr-site section[id]:not(.sr-hero-pro) {
  content-visibility: auto;
  contain-intrinsic-size: auto 560px;
}

body.sr-site .sr-hero-pro,
body.sr-site #world-solar-bg {
  content-visibility: visible;
}

body.sr-site.perf-lite #world-solar-bg canvas {
  image-rendering: auto;
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site section[id] {
    content-visibility: visible;
  }
}


/* ── sr-hero-layout-fix.css ── */
/*
  Hero layout fix — saydam cam panel, ortalı masthead, Dünya arka planda görünür
  Load LAST
*/

body.sr-flagship .sr-hero-pro.sr-aether-hero {
  min-height: auto !important;
  max-height: none !important;
  padding-bottom: 0 !important;
}

body.sr-site .sr-cosmos-scroll-track {
  display: block !important;
  height: var(--sr-cosmos-track-h, clamp(300px, 46dvh, 520px)) !important;
  min-height: clamp(260px, 40dvh, 480px) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
}

/* ── Hero: tam ekran Dünya, içerik üstte cam panel ── */
body.sr-site .sr-hero-pro.sr-aether-hero {
  position: relative;
  z-index: 10;
  overflow-x: clip !important;
  overflow-y: visible;
  min-height: auto;
  display: flex;
  flex-direction: column;
}

body.sr-site .sr-hero-pro__shell {
  position: relative;
  z-index: 3;
  max-width: var(--sr-lane-wide, min(92rem, 100%));
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.sr-site .sr-hero-pro__intro--earth-view {
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
}

body.sr-site .sr-hero-pro__title-stack {
  align-items: center !important;
}

body.sr-site .sr-hero-pro__intro--earth-view .sr-hero-pro__title-stack {
  align-items: center !important;
}

body.sr-site .sr-hero-pro__tagline--apex {
  justify-content: center !important;
}

body.sr-site .sr-hero-pro__grid {
  opacity: 0.04 !important;
}

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

body.sr-site.is-scrolling #world-solar-bg canvas,
body.sr-site.is-scrolling .wsb-gl-canvas {
  opacity: 0.92 !important;
  visibility: visible !important;
}

body.sr-site:not(.is-scrolling) #world-solar-bg.is-ready canvas,
body.sr-site:not(.is-scrolling) #world-solar-bg.wsb-live canvas {
  opacity: 1 !important;
  visibility: visible !important;
}

#world-solar-bg .wsb-vignette {
  background:
    radial-gradient(ellipse 100% 82% at 50% 42%, transparent 24%, rgba(2, 6, 14, 0.22) 100%),
    linear-gradient(180deg, rgba(2, 8, 18, 0.18) 0%, transparent 12%, transparent 82%, rgba(2, 6, 14, 0.28) 100%) !important;
}

body.sr-site .sr-hero-pro__bar {
  margin-top: 0.15rem;
}

body.sr-site .sr-promo-strip {
  position: relative;
  z-index: 12;
  padding-block: 0 clamp(1rem, 2.5vw, 1.35rem);
  padding-inline: 0;
}

body.sr-site #dashboard,
body.sr-site .sr-flow-section {
  position: relative;
  z-index: 12;
}

@media (min-width: 1024px) {
  body.sr-site .sr-hero-pro__apex {
    grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr);
    align-items: start;
  }
}

@media (max-width: 767px) {
  body.sr-site .sr-hero-pro__telemetry {
    grid-template-columns: 1fr 1fr;
  }
}

/* ── Masthead: ortalı, saydam cam ── */
body.sr-site .sr-hero-masthead--observatory {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.55rem, 1.5vw, 0.85rem);
  width: 100%;
  padding: clamp(0.75rem, 2vw, 1rem);
  border-radius: 1.1rem;
  border: 1px solid rgba(186, 230, 253, 0.12);
  background: linear-gradient(180deg, rgba(4, 12, 24, 0.14) 0%, rgba(2, 8, 18, 0.08) 100%);
  backdrop-filter: blur(8px) saturate(120%);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
}

body.sr-site .sr-hero-masthead__trust {
  width: 100%;
}

body.sr-site .sr-hero-masthead__trust .sr-hero-trust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

body.sr-site .sr-hero-masthead__copy {
  min-width: 0;
  width: 100%;
  text-align: center;
}

body.sr-site .sr-hero-masthead__title {
  margin: 0;
}

body.sr-site .sr-hero-masthead__tagline {
  margin: clamp(0.4rem, 1.2vw, 0.6rem) 0 0;
  padding: 0;
  font-size: clamp(0.9rem, 2.2vw, 1.05rem);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.02em;
  color: rgba(203, 213, 225, 0.92);
  text-wrap: balance;
}

body.sr-site .sr-hero-masthead__live-deck {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.42rem 0.62rem;
  width: 100%;
  margin-top: 0.1rem;
  padding: clamp(0.62rem, 1.6vw, 0.78rem) clamp(0.72rem, 1.8vw, 0.92rem);
  border-radius: 0.85rem;
  border: 1px solid rgba(52, 211, 153, 0.28);
  background: linear-gradient(135deg, rgba(52, 211, 153, 0.1) 0%, rgba(4, 12, 24, 0.18) 50%, rgba(56, 189, 248, 0.06) 100%);
  box-shadow: 0 0 20px rgba(52, 211, 153, 0.08);
}

body.sr-site .sr-hero-masthead__live-dot {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: #34d399;
  box-shadow: 0 0 12px rgba(52, 211, 153, 0.85);
  animation: sr-live-dot 1.35s ease-in-out infinite;
  flex-shrink: 0;
}

body.sr-site .sr-hero-masthead__live-kicker {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #86efac;
}

body.sr-site .sr-hero-masthead__live-hz {
  display: inline-flex;
  align-items: baseline;
  gap: 0.2rem;
  line-height: 1;
  padding: 0.18rem 0.55rem;
  border-radius: 0.5rem;
  background: rgba(2, 8, 18, 0.28);
  border: 1px solid rgba(52, 211, 153, 0.24);
}

body.sr-site .sr-hero-masthead__hz {
  font-family: "Roboto Mono", "JetBrains Mono", ui-monospace, monospace;
  font-size: clamp(1.75rem, 5.8vw, 2.45rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  text-shadow: 0 0 22px rgba(52, 211, 153, 0.38);
}

body.sr-site.sr-live-streaming .sr-hero-masthead__hz {
  animation: sr-live-hz-breathe 2.8s ease-in-out infinite;
}

body.sr-site .sr-hero-masthead__hz-unit {
  font-size: clamp(0.85rem, 2.2vw, 1rem);
  font-weight: 700;
  color: rgba(186, 230, 253, 0.82);
}

body.sr-site .sr-hero-masthead__live-src {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(186, 230, 253, 0.72);
}

body.sr-site .sr-hero-masthead__live-note {
  margin: 0;
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: rgba(186, 230, 253, 0.58);
}

/* Tone kartı da saydam kalsın */
body.sr-site .sr-hero-pro__tone {
  background:
    linear-gradient(160deg, rgba(56, 189, 248, 0.1) 0%, rgba(6, 14, 26, 0.28) 46%, rgba(251, 191, 36, 0.06) 100%) !important;
  backdrop-filter: blur(10px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(125%) !important;
}

#world-solar-bg {
  transform: none !important;
}

#world-solar-bg canvas,
.wsb-gl-canvas {
  z-index: 1 !important;
  opacity: 1 !important;
}

body.sr-site .sr-hero-pro.sr-aether-hero {
  background: transparent !important;
  min-height: auto !important;
}

body.sr-site .sr-flow-section {
  opacity: 1 !important;
}


/* ── sr-cursor.css ── */
/*
  Schumann Resonance custom cursor
*/

html.sr-custom-cursor,
html.sr-custom-cursor body.sr-site {
  cursor: none !important;
}

html.sr-custom-cursor body.sr-site a,
html.sr-custom-cursor body.sr-site button,
html.sr-custom-cursor body.sr-site [role="button"],
html.sr-custom-cursor body.sr-site input,
html.sr-custom-cursor body.sr-site textarea,
html.sr-custom-cursor body.sr-site select,
html.sr-custom-cursor body.sr-site label,
html.sr-custom-cursor body.sr-site summary {
  cursor: none !important;
}

.sr-cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease;
  mix-blend-mode: normal;
}

.sr-cursor.is-visible {
  opacity: 1;
}

.sr-cursor__ring {
  position: absolute;
  width: 38px;
  height: 38px;
  margin: -19px 0 0 -19px;
  border-radius: 50%;
  border: 1.5px solid rgba(56, 189, 248, 0.72);
  box-shadow:
    0 0 18px rgba(56, 189, 248, 0.35),
    inset 0 0 12px rgba(56, 189, 248, 0.12);
  transition: width 0.22s ease, height 0.22s ease, margin 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
  animation: srCursorPulse 7.83s ease-in-out infinite;
}

.sr-cursor__wave {
  position: absolute;
  inset: 7px;
  color: rgba(103, 232, 249, 0.85);
  opacity: 0.9;
  animation: srCursorWaveSpin 12s linear infinite;
}

.sr-cursor__dot {
  position: absolute;
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
  border-radius: 50%;
  background: #fde68a;
  box-shadow: 0 0 10px rgba(251, 191, 36, 0.85);
}

.sr-cursor__halo {
  position: absolute;
  width: 56px;
  height: 56px;
  margin: -28px 0 0 -28px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(56, 189, 248, 0.14) 0%, transparent 70%);
  opacity: 0.55;
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.sr-cursor[data-mode="link"] .sr-cursor__ring {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  border-color: rgba(103, 232, 249, 0.92);
}

.sr-cursor[data-mode="cta"] .sr-cursor__ring {
  width: 54px;
  height: 54px;
  margin: -27px 0 0 -27px;
  border-color: rgba(251, 191, 36, 0.95);
  box-shadow:
    0 0 22px rgba(251, 191, 36, 0.42),
    inset 0 0 14px rgba(251, 191, 36, 0.16);
}

.sr-cursor[data-mode="cta"] .sr-cursor__wave {
  color: rgba(253, 230, 138, 0.95);
}

.sr-cursor[data-mode="cta"] .sr-cursor__dot {
  background: #fbbf24;
  box-shadow: 0 0 14px rgba(251, 191, 36, 1);
}

.sr-cursor.is-pressed .sr-cursor__ring {
  transform: scale(0.88);
}

.sr-cursor.is-pressed .sr-cursor__halo {
  opacity: 0.85;
  transform: scale(1.12);
}

@keyframes srCursorPulse {
  0%, 100% { transform: scale(1); opacity: 0.88; }
  50% { transform: scale(1.06); opacity: 1; }
}

@keyframes srCursorWaveSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (pointer: coarse), (prefers-reduced-motion: reduce) {
  html.sr-custom-cursor,
  html.sr-custom-cursor body.sr-site,
  html.sr-custom-cursor body.sr-site a,
  html.sr-custom-cursor body.sr-site button {
    cursor: auto !important;
  }

  .sr-cursor {
    display: none !important;
  }
}


/* ── sr-live-ticker.css ── */
/*
  Live ticker — borsa tarzı anlık okuma
  Scoped to .sr-site
*/

body.sr-site .sr-live-num,
body.sr-site .hero-freq-value,
body.sr-site #hero-freq,
body.sr-site #sr-hero-masthead-hz,
body.sr-site .sr-hero-masthead__hz,
body.sr-site .sr-promo-fab__live strong,
body.sr-site [data-sr-live-fab-hz],
body.sr-site .sr-hero-pro__tone-value,
body.sr-site .sr-aether-h-val,
body.sr-site .sr-earth-heart__freq,
body.sr-site .harmonic-freq,
body.sr-site #live-chart-freq,
body.sr-site #dash-live-hz,
body.sr-site #active-viewers-count {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: -0.03em;
  transition: color 0.28s ease, text-shadow 0.28s ease, transform 0.28s ease;
}

body.sr-site.sr-live-streaming .sr-hero-pro__hz .hero-freq-value,
body.sr-site.sr-live-streaming .sr-hero-pro__hz #hero-freq,
body.sr-site.sr-live-streaming .sr-hero-masthead__hz,
body.sr-site.sr-live-streaming #sr-hero-masthead-hz,
body.sr-site.sr-live-streaming .sr-hero-pro__tone-value,
body.sr-site.sr-live-streaming [data-sr-live-fab-hz] {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  text-shadow:
    0 0 24px rgba(52, 211, 153, 0.22),
    0 0 48px rgba(56, 189, 248, 0.12);
  animation: sr-live-hz-breathe 2.8s ease-in-out infinite;
}

body.sr-site .sr-tick-up {
  color: #34d399 !important;
  -webkit-text-fill-color: #34d399 !important;
  text-shadow: 0 0 20px rgba(52, 211, 153, 0.55) !important;
  transform: translateY(-1px);
}

body.sr-site .sr-tick-down {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  text-shadow: 0 0 18px rgba(251, 191, 36, 0.45) !important;
  transform: translateY(1px);
}

body.sr-site .sr-tick-flat {
  color: #67e8f9 !important;
  -webkit-text-fill-color: #67e8f9 !important;
  text-shadow: 0 0 16px rgba(103, 232, 249, 0.35) !important;
}

body.sr-site .sr-hero-pro__readout-live i,
body.sr-site .sr-dash-pro-live-kicker i,
body.sr-site .sr-hero-pro__tone-live i {
  animation: sr-live-dot 1.35s ease-in-out infinite;
}

body.sr-site .sr-live-audience #active-viewers-count,
body.sr-site .sr-hero-pro__tel--traffic .sr-hero-pro__tel-value--text #active-viewers-count {
  font-family: "Roboto Mono", "JetBrains Mono", ui-monospace, monospace;
  font-weight: 600;
  color: #a5b4fc;
  text-shadow: 0 0 14px rgba(129, 140, 248, 0.35);
}

body.sr-site .sr-audience-bump {
  animation: sr-audience-pop 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}

body.sr-site .sr-hero-pro__tel--traffic.sr-live-audience {
  border-color: rgba(129, 140, 248, 0.28);
  box-shadow: 0 0 24px rgba(129, 140, 248, 0.1);
}

@keyframes sr-live-hz-breathe {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.08); }
}

@keyframes sr-live-dot {
  0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 10px rgba(52, 211, 153, 0.85); }
  50% { opacity: 0.55; transform: scale(0.82); box-shadow: 0 0 4px rgba(52, 211, 153, 0.35); }
}

@keyframes sr-audience-pop {
  0% { transform: scale(1); }
  35% { transform: scale(1.14); color: #c4b5fd; }
  100% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site .sr-hero-pro__readout-live i,
  body.sr-site .sr-dash-pro-live-kicker i,
  body.sr-site .sr-hero-pro__tone-live i,
  body.sr-site.sr-live-streaming .sr-hero-pro__hz .hero-freq-value,
  body.sr-site.sr-live-streaming .sr-hero-pro__hz #hero-freq {
    animation: none;
  }
}


/* ── sr-dashboard-pro.css ── */
/*
  Dashboard Pro — spectrogram, insight tiles, live chart
  Scoped to .sr-dash-pro
*/

body.sr-site .sr-dash-pro {
  --dp-bg: rgba(8, 12, 20, 0.82);
  --dp-border: rgba(255, 255, 255, 0.1);
  --dp-text: #f1f5f9;
  --dp-muted: rgba(148, 163, 184, 0.88);
  --dp-gold: #e2c178;
  --dp-teal: #2dd4bf;
  --dp-blue: #60a5fa;
  --dp-violet: #c084fc;
}

/* ── Section header ── */
body.sr-site .sr-dash-pro .sr-aether-dash-head {
  margin-bottom: 1.35rem;
  padding: 1.15rem 1.35rem;
  border-radius: 1.15rem;
  border: 1px solid var(--dp-border);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01)),
    var(--dp-bg);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

body.sr-site .sr-dash-pro .sr-aether-dash-head h2 {
  margin: 0.35rem 0 0 !important;
  font-family: "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.25rem, 2.8vw, 1.65rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em;
  color: var(--dp-text) !important;
  text-align: left !important;
}

body.sr-site .sr-dash-pro .sr-aether-dash-head p {
  margin: 0.45rem 0 0 !important;
  font-size: 0.875rem !important;
  line-height: 1.55;
  color: var(--dp-muted) !important;
  max-width: 40rem;
}

body.sr-site .sr-dash-pro .sr-aether-dash-label {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--dp-gold);
}

/* ── Spectrogram card ── */
body.sr-site .sr-dash-pro #spectrogram.sr-dash-pro-spectro {
  padding: 0 !important;
  border-radius: 1.25rem !important;
  overflow: hidden;
  border: 1px solid var(--dp-border) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
    var(--dp-bg) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 24px 64px rgba(0, 0, 0, 0.38) !important;
}

body.sr-site .sr-dash-pro .sr-prism-spectro-head {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
}

body.sr-site .sr-dash-pro .sr-prism-station-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.4rem;
  padding: 0.24rem 0.55rem;
  border-radius: 999px;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dp-gold);
  border: 1px solid rgba(226, 193, 120, 0.28);
  background: rgba(226, 193, 120, 0.07);
}

body.sr-site .sr-dash-pro .sr-prism-spectro-head h3 {
  margin: 0 !important;
  font-size: clamp(0.95rem, 2vw, 1.125rem) !important;
  font-weight: 600 !important;
  color: var(--dp-text) !important;
  letter-spacing: -0.02em;
}

body.sr-site .sr-dash-pro .sr-prism-spectro-meta {
  text-align: right;
}

body.sr-site .sr-dash-pro .sr-prism-coords {
  display: block;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.625rem;
  color: var(--dp-muted);
  margin-bottom: 0.3rem;
}

body.sr-site .sr-dash-pro .sr-prism-timer {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.625rem;
  color: var(--dp-muted);
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

body.sr-site .sr-dash-pro .sr-prism-timer-dot {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 999px;
  background: var(--dp-teal);
  box-shadow: 0 0 8px rgba(45, 212, 191, 0.65);
}

/* Spectro stage: viewport + insights */
body.sr-site .sr-dash-pro-spectro-stage {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 0.85rem 1.25rem 0;
}

body.sr-site .sr-dash-pro-spectro-viewport {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0;
  margin: 0 !important;
  border-radius: 0.85rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #020617;
  box-shadow: inset 0 0 48px rgba(0, 0, 0, 0.45);
}

body.sr-site .sr-dash-pro-axis {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.65rem 0.45rem;
  min-width: 2.1rem;
  background: rgba(0, 0, 0, 0.55);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.55rem;
  font-weight: 500;
  color: rgba(148, 163, 184, 0.75);
  text-align: right;
  user-select: none;
}

body.sr-site .sr-dash-pro-axis span::after {
  content: " Hz";
  font-size: 0.5rem;
  opacity: 0.65;
}

body.sr-site .sr-dash-pro-spectro-viewport .spectro-container {
  position: relative;
  margin: 0;
  min-height: clamp(11rem, 32vw, 16.5rem);
}

body.sr-site .sr-dash-pro-spectro-viewport #main-spectro {
  display: block;
  width: 100%;
  height: clamp(11rem, 32vw, 16.5rem) !important;
  min-height: 11rem !important;
  object-fit: contain;
  object-position: center;
  opacity: 0.96;
  background: #020617;
}

body.sr-site .sr-dash-pro-scan {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(45, 212, 191, 0.06) 48%,
    rgba(45, 212, 191, 0.14) 50%,
    rgba(45, 212, 191, 0.06) 52%,
    transparent 100%
  );
  animation: sr-dash-scan 8s linear infinite;
  opacity: 0.55;
}

@keyframes sr-dash-scan {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

body.sr-site .sr-dash-pro-spectro-viewport .spectro-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

body.sr-site .sr-dash-pro .spectro-marker {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  pointer-events: none;
}

body.sr-site .sr-dash-pro .spectro-marker-line {
  flex: 1;
  height: 1px;
  margin-left: 0.35rem;
  background: linear-gradient(90deg, var(--marker-color, #e2c178), transparent 85%);
  opacity: 0.75;
}

body.sr-site .sr-dash-pro .spectro-marker-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-right: 0.5rem;
  padding: 0.22rem 0.5rem;
  border-radius: 0.45rem;
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  white-space: nowrap;
  color: var(--marker-color, #e2c178);
  background: rgba(0, 0, 0, 0.72);
  border: 1px solid color-mix(in srgb, var(--marker-color, #e2c178) 35%, transparent);
  backdrop-filter: blur(8px);
}

body.sr-site .sr-dash-pro .spectro-marker-badge strong {
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-weight: 500;
  font-size: 0.62rem;
}

body.sr-site .sr-dash-pro .spectro-marker-badge small {
  font-size: 0.52rem;
  opacity: 0.75;
}

/* Insight tiles */
body.sr-site .sr-dash-pro-insights {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.65rem !important;
  padding: 0 0 0.85rem;
}

body.sr-site .sr-dash-pro-insight {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.85rem 0.95rem !important;
  border-radius: 0.85rem !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
    rgba(6, 10, 18, 0.72) !important;
  overflow: hidden;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

body.sr-site .sr-dash-pro-insight::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--dp-insight-accent, var(--dp-gold));
  opacity: 0.85;
}

body.sr-site .sr-dash-pro-insight--gold { --dp-insight-accent: #e2c178; }
body.sr-site .sr-dash-pro-insight--blue { --dp-insight-accent: #60a5fa; }
body.sr-site .sr-dash-pro-insight--violet { --dp-insight-accent: #c084fc; }

body.sr-site .sr-dash-pro-insight:hover {
  border-color: color-mix(in srgb, var(--dp-insight-accent) 35%, transparent) !important;
  transform: translateY(-1px);
}

body.sr-site .sr-dash-pro-insight .spectro-insight-label {
  font-size: 0.58rem !important;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dp-muted) !important;
  margin: 0 !important;
}

body.sr-site .sr-dash-pro-insight .spectro-insight-value {
  font-family: "Roboto Mono", ui-monospace, monospace !important;
  font-size: clamp(1.05rem, 2.5vw, 1.35rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em;
  color: var(--dp-text) !important;
  line-height: 1.1;
}

body.sr-site .sr-dash-pro-insight-meter {
  height: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

body.sr-site .sr-dash-pro-insight-meter span {
  display: block;
  height: 100%;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--dp-insight-accent), color-mix(in srgb, var(--dp-insight-accent) 60%, white));
  transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

body.sr-site .sr-dash-pro-insight .spectro-insight-caption {
  margin: 0 !important;
  font-size: 0.625rem !important;
  color: var(--dp-muted) !important;
  line-height: 1.4;
}

/* Spectro foot: guide + tabs */
body.sr-site .sr-dash-pro-spectro-foot {
  padding: 0 1.25rem 1.15rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.12);
}

body.sr-site .sr-dash-pro .spectro-analysis-card--guide {
  padding: 1rem 1.05rem !important;
  border-radius: 0.85rem !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  background: rgba(255, 255, 255, 0.02) !important;
  margin-bottom: 0.85rem;
}

body.sr-site .sr-dash-pro .spectro-analysis-card--guide h4 {
  margin: 0 0 0.75rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dp-gold);
}

body.sr-site .sr-dash-pro .spectro-legend-list {
  display: grid;
  gap: 0.65rem;
}

@media (min-width: 768px) {
  body.sr-site .sr-dash-pro .spectro-legend-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
  }
}

body.sr-site .sr-dash-pro .spectro-legend-item {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
}

body.sr-site .sr-dash-pro .spectro-legend-swatch {
  flex-shrink: 0;
  width: 0.55rem;
  height: 2.25rem;
  border-radius: 999px;
  margin-top: 0.1rem;
}

body.sr-site .sr-dash-pro .spectro-legend-swatch.band {
  background: linear-gradient(180deg, #e2c178, rgba(226, 193, 120, 0.2));
}

body.sr-site .sr-dash-pro .spectro-legend-swatch.burst {
  background: linear-gradient(180deg, #f8fafc, rgba(248, 250, 252, 0.15));
}

body.sr-site .sr-dash-pro .spectro-legend-swatch.color {
  background: linear-gradient(180deg, #ef4444, #22c55e 50%, #3b82f6);
}

body.sr-site .sr-dash-pro .spectro-legend-item h5 {
  margin: 0 0 0.2rem;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--dp-text);
}

body.sr-site .sr-dash-pro .spectro-legend-item p {
  margin: 0;
  font-size: 0.6875rem;
  line-height: 1.45;
  color: var(--dp-muted);
}

body.sr-site .sr-dash-pro-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.15rem;
  border-radius: 0.75rem;
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

body.sr-site .sr-dash-pro-tabs .tab-btn {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0.5rem 0.85rem !important;
  border-radius: 0.55rem !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  color: var(--dp-muted) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.sr-site .sr-dash-pro-tabs .tab-btn:hover {
  color: var(--dp-text) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

body.sr-site .sr-dash-pro-tabs .tab-btn.active {
  color: #0f172a !important;
  background: linear-gradient(180deg, #fbbf24, #d4a017) !important;
  border-color: rgba(251, 191, 36, 0.45) !important;
  box-shadow: 0 4px 16px rgba(212, 160, 23, 0.2);
}

/* Live frequency chart card */
body.sr-site .sr-dash-pro-chart {
  padding: 0 !important;
  overflow: hidden;
  border-radius: 1.15rem !important;
  border: 1px solid var(--dp-border) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
    var(--dp-bg) !important;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.32) !important;
}

body.sr-site .sr-dash-pro-chart-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.15rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

body.sr-site .sr-dash-pro-chart-head > div:not(.sr-dash-pro-chart-icon) {
  flex: 1 1 12rem;
  min-width: 0;
}

body.sr-site .sr-dash-pro-chart-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.55rem;
  background: rgba(96, 165, 250, 0.12);
  border: 1px solid rgba(96, 165, 250, 0.22);
  flex-shrink: 0;
}

body.sr-site .sr-dash-pro-chart-head h3 {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--dp-text);
  letter-spacing: -0.02em;
}

body.sr-site .sr-dash-pro-chart-head p {
  margin: 0.15rem 0 0;
  font-size: 0.6875rem;
  color: var(--dp-muted);
}

body.sr-site .sr-dash-pro-chart-live {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.625rem;
  color: var(--dp-teal);
  background: rgba(45, 212, 191, 0.08);
  border: 1px solid rgba(45, 212, 191, 0.22);
}

body.sr-site .sr-dash-pro-chart-live i {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 999px;
  background: currentColor;
  font-style: normal;
  box-shadow: 0 0 6px currentColor;
}

body.sr-site .sr-dash-pro-chart-frame {
  position: relative;
  height: clamp(12rem, 28vw, 14.5rem);
  margin: 0.85rem 1.15rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(4, 12, 30, 0.9), rgba(2, 6, 16, 0.95)),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 23px,
      rgba(255, 255, 255, 0.025) 23px,
      rgba(255, 255, 255, 0.025) 24px
    );
}

body.sr-site .sr-dash-pro-chart-frame canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
}

body.sr-site .sr-dash-pro-chart-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding: 0 1.15rem 1rem;
  font-size: 0.625rem;
  color: var(--dp-muted);
}

body.sr-site .sr-dash-pro-chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

body.sr-site .sr-dash-pro-chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

body.sr-site .sr-dash-pro-chart-legend i {
  width: 0.65rem;
  height: 2px;
  border-radius: 999px;
  font-style: normal;
}

body.sr-site .sr-dash-pro-chart-legend i.sr1 { background: #60a5fa; }
body.sr-site .sr-dash-pro-chart-legend i.sr2 { background: #c084fc; }
body.sr-site .sr-dash-pro-chart-legend i.sr3 { background: #22d3ee; }

@media (max-width: 899px) {
  body.sr-site .sr-dash-pro-insights {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  body.sr-site .sr-dash-pro .sr-prism-spectro-meta {
    text-align: left;
    width: 100%;
  }

  body.sr-site .sr-dash-pro .spectro-marker-badge {
    font-size: 0.52rem;
    padding: 0.18rem 0.4rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site .sr-dash-pro-scan {
    animation: none;
    opacity: 0.25;
  }

  body.sr-site .sr-dash-pro-insight:hover {
    transform: none;
  }
}

/* ── Dashboard section header (live kicker) ── */
body.sr-site .sr-dash-pro-head {
  position: relative;
  overflow: hidden;
}

body.sr-site .sr-dash-pro-head::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 70% 80% at 0% 0%, rgba(56, 189, 248, 0.1), transparent 55%);
}

body.sr-site .sr-dash-pro-head__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-bottom: 0.35rem;
}

body.sr-site .sr-dash-pro-live-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: #6ee7b7;
  border: 1px solid rgba(52, 211, 153, 0.32);
  background: rgba(52, 211, 153, 0.1);
}

body.sr-site .sr-dash-pro-live-kicker i {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 999px;
  background: #34d399;
  font-style: normal;
  box-shadow: 0 0 8px rgba(52, 211, 153, 0.75);
  animation: sr-dash-live-pulse 2s ease-in-out infinite;
}

body.sr-site .sr-dash-pro-head__hz {
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.58rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--dp-muted);
  padding: 0.18rem 0.45rem;
  border-radius: 0.4rem;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
}

@keyframes sr-dash-live-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.65; transform: scale(1.12); }
}

/* ── Trend chart cards ── */
body.sr-site .sr-dash-pro-trend {
  border-radius: 1.15rem !important;
  border: 1px solid var(--dp-border) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
    var(--dp-bg) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.28) !important;
}

body.sr-site .sr-dash-pro-trend-head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.95rem 1.05rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

body.sr-site .sr-dash-pro-trend-head > div:nth-child(2) {
  flex: 1;
  min-width: 0;
}

body.sr-site .sr-dash-pro-trend-head h3 {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--dp-text);
  letter-spacing: -0.02em;
}

body.sr-site .sr-dash-pro-trend-head p {
  margin: 0.12rem 0 0;
  font-size: 0.625rem;
  color: var(--dp-muted);
}

body.sr-site .sr-dash-pro-trend-icon {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.55rem;
  flex-shrink: 0;
}

body.sr-site .sr-dash-pro-trend-icon--green {
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.22);
  color: #4ade80;
}

body.sr-site .sr-dash-pro-trend-icon--cyan {
  background: rgba(6, 182, 212, 0.12);
  border: 1px solid rgba(6, 182, 212, 0.22);
  color: #22d3ee;
}

body.sr-site .sr-dash-pro-trend-val {
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 1.05rem;
  font-weight: 500;
  color: #4ade80;
  flex-shrink: 0;
}

body.sr-site .sr-dash-pro-trend-val--cyan {
  color: #22d3ee;
}

body.sr-site .sr-dash-pro-trend-frame {
  position: relative;
  height: 10.5rem;
  margin: 0.75rem 1rem 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(2, 6, 16, 0.65);
}

body.sr-site .sr-dash-pro-trend-frame canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

/* ── Viz suite (earth / spectrum / scope) ── */
body.sr-site .sr-dash-pro .sr-viz-suite {
  display: grid;
  gap: 1rem;
}

@media (min-width: 1024px) {
  body.sr-site .sr-dash-pro .sr-viz-suite {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }

  body.sr-site .sr-dash-pro .sr-viz-panel--earth {
    grid-column: 1;
    grid-row: 1 / 3;
  }
}

body.sr-site .sr-dash-pro .sr-viz-panel {
  border-radius: 1.15rem;
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--dp-border);
  background:
    linear-gradient(135deg, rgba(186, 230, 253, 0.05) 0%, rgba(255, 255, 255, 0.02) 50%, transparent 100%),
    linear-gradient(180deg, rgba(6, 14, 26, 0.55), rgba(4, 10, 20, 0.68));
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}

body.sr-site .sr-dash-pro .sr-viz-panel-head {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

body.sr-site .sr-dash-pro .sr-viz-panel-head > div:nth-child(2) {
  flex: 1;
  min-width: 0;
}

body.sr-site .sr-dash-pro .sr-viz-panel-title {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--dp-text);
  letter-spacing: -0.02em;
  line-height: 1.25;
}

body.sr-site .sr-dash-pro .sr-viz-panel-sub {
  font-size: 0.625rem;
  color: var(--dp-muted);
  margin-top: 0.2rem;
  line-height: 1.45;
}

body.sr-site .sr-dash-pro .sr-viz-canvas-wrap {
  position: relative;
  border-radius: 0.75rem;
  background: rgba(2, 6, 16, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

body.sr-site .sr-dash-pro .sr-viz-canvas-wrap canvas {
  display: block;
  width: 100%;
  height: 100%;
}

body.sr-site .sr-dash-pro .sr-viz-canvas-wrap--earth {
  aspect-ratio: 1 / 1;
  max-height: 320px;
}

body.sr-site .sr-dash-pro .sr-viz-canvas-wrap--spectrum {
  height: 200px;
}

body.sr-site .sr-dash-pro .sr-viz-canvas-wrap--scope {
  height: 168px;
}

body.sr-site .sr-dash-pro .sr-viz-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-left: auto;
  flex-shrink: 0;
  padding: 0.18rem 0.45rem;
  border-radius: 999px;
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6ee7b7;
  border: 1px solid rgba(52, 211, 153, 0.28);
  background: rgba(52, 211, 153, 0.08);
}

body.sr-site .sr-dash-pro .sr-viz-live-badge::before {
  content: "";
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 999px;
  background: #34d399;
  box-shadow: 0 0 8px rgba(52, 211, 153, 0.75);
}

body.sr-site .sr-dash-pro .sr-viz-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 1rem;
  margin-top: 0.65rem;
  font-size: 0.58rem;
  color: var(--dp-muted);
  font-family: "Roboto Mono", ui-monospace, monospace;
}

body.sr-site .sr-dash-pro .sr-viz-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

body.sr-site .sr-dash-pro .sr-viz-legend i {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 2px;
  font-style: normal;
}

/* ── Tam genişlik lane — sr-lane-cohesion.css owns gutters ── */
body.sr-site #dashboard > .max-w-7xl {
  width: 100% !important;
  max-width: var(--sr-dash-lane, var(--sr-lane-wide)) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

body.sr-site #dashboard > .max-w-7xl > * {
  width: 100%;
  max-width: none !important;
  margin-inline: 0 !important;
}

body.sr-site .sr-dash-pro .sr-aether-dash-head p {
  max-width: none;
}

body.sr-site .sr-dash-pro-spectro-stage {
  padding-inline: 0;
}

body.sr-site .sr-dash-pro-spectro-viewport {
  width: 100%;
}

body.sr-site .sr-dash-pro-spectro-viewport .spectro-container {
  min-height: clamp(12rem, 26vw, 19rem);
}

body.sr-site .sr-dash-pro-spectro-viewport #main-spectro {
  width: 100% !important;
  height: clamp(12rem, 26vw, 19rem) !important;
  min-height: 12rem !important;
  object-fit: cover !important;
  object-position: center center;
}

body.sr-site .sr-dash-pro-insights {
  width: 100%;
}

body.sr-site .sr-dash-pro .card,
body.sr-site .sr-dash-pro-chart,
body.sr-site .sr-dash-pro-trend,
body.sr-site .sr-dash-pro .sr-viz-panel {
  width: 100%;
  max-width: none !important;
}

body.sr-site #dashboard .grid {
  width: 100%;
}

@media (min-width: 1024px) {
  body.sr-site .sr-dash-pro-spectro-stage {
    padding-inline: 0;
  }
}


/* ── sr-lane-cohesion.css ── */
/*
  Site-wide lane cohesion — tek genişlik şeridi, çift padding yok
  Load LAST (after sr-dashboard-pro.css)
*/

body.sr-site {
  --sr-page-gutter: clamp(0.75rem, 2vw, 1.25rem);
  --sr-lane-wide: min(92rem, 100%);
  --sr-lane-standard: var(--sr-lane-wide);
  --sr-dash-lane: var(--sr-lane-wide);
  --sr-vdm-max: var(--sr-lane-wide);
  --sr-content-max: var(--sr-lane-wide);
  --fg-max: var(--sr-lane-wide);
  --sr-section-y: clamp(3.25rem, 7vw, 5rem);
}

/* ── Section gutter (tek katman) ── */
body.sr-site .sr-hero-pro.sr-aether-hero,
body.sr-site #dashboard,
body.sr-site .sr-promo-strip,
body.sr-site .sr-seo-section,
body.sr-site #guide,
body.sr-site .sr-faq-section,
body.sr-site .footer-premium {
  padding-inline: var(--sr-page-gutter) !important;
  box-sizing: border-box;
}

/* Hero — yatay gutter yukarıda; dikey padding tek kaynak */
body.sr-site .sr-hero-pro {
  padding-block: calc(var(--sr-nav-offset, 5.85rem) + clamp(0.55rem, 1.2vh, 1rem)) clamp(1.75rem, 4vw, 2.5rem) !important;
  padding-inline: var(--sr-page-gutter) !important;
}

/* ── Tüm iç şeritler aynı genişlik ── */
body.sr-site .sr-lane,
body.sr-site .sr-hero-pro__shell,
body.sr-site .sr-vdm-inner,
body.sr-site .sr-promo-strip__inner,
body.sr-site .sr-footer-pro__container,
body.sr-site .footer-premium > .max-w-7xl,
body.sr-site #dashboard > .max-w-7xl,
body.sr-site #dashboard > div,
body.sr-site #guide > .max-w-7xl,
body.sr-site #guide > div,
body.sr-site .sr-seo-inner,
body.sr-site #about > .max-w-7xl,
body.sr-site #about > .max-w-5xl,
body.sr-site #about > div,
body.sr-site .sr-faq-list,
body.sr-site .max-w-7xl,
body.sr-site .max-w-5xl,
body.sr-site .max-w-4xl,
body.sr-site .max-w-3xl {
  width: 100% !important;
  max-width: var(--sr-lane-wide) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box;
}

body.sr-site #dashboard > .max-w-7xl > *,
body.sr-site #guide > .max-w-7xl > *,
body.sr-site .sr-seo-inner > *,
body.sr-site #about > .max-w-7xl > * {
  width: 100%;
  max-width: none !important;
  margin-inline: 0 !important;
}

/* SEO / FAQ içerik de daraltılmasın */
body.sr-site .sr-seo-header,
body.sr-site .sr-seo-paragraphs,
body.sr-site .sr-seo-cards,
body.sr-site .sr-seo-blocks,
body.sr-site .sr-seo-signals,
body.sr-site .sr-seo-tags-wrap,
body.sr-site .sr-faq-header,
body.sr-site #guide .max-w-4xl {
  max-width: none !important;
  width: 100% !important;
}

body.sr-site .sr-aether-dash-head,
body.sr-site #spectrogram,
body.sr-site .sr-dash-pro-spectro-stage,
body.sr-site .sr-dash-pro-spectro-viewport {
  max-width: none !important;
  width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

/* Hero — dashboard ile aynı şerit */
body.sr-site .sr-hero-pro__shell {
  max-width: var(--sr-lane-wide) !important;
  width: 100% !important;
}

body.sr-site .sr-hero-pro__intro--earth-view {
  max-width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
}

/* Legacy grand-premium caps */
html body.sr-site #dashboard > div,
html body.sr-site #guide > div,
html body.sr-site #about {
  max-width: var(--sr-lane-wide) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.sr-site .hero-stage-shell {
  max-width: var(--sr-lane-wide) !important;
}

html body.sr-site nav.nav-premium > .max-w-7xl,
html body.sr-site .nav-glass > div {
  max-width: var(--sr-lane-wide) !important;
  padding-inline: 0 !important;
}

html body.sr-site .footer-premium > div,
html body.sr-site .footer-premium-shell {
  max-width: var(--sr-lane-wide) !important;
  width: 100% !important;
  padding-inline: 0 !important;
  margin-inline: auto !important;
}

/* Section rhythm — delegated to sr-layout-lock.css (loads last) */

/* Kartlar tam genişlik */
body.sr-site .sr-dash-pro .card,
body.sr-site .sr-dash-pro-chart,
body.sr-site .sr-dash-pro-trend,
body.sr-site .sr-dash-pro .sr-viz-panel,
body.sr-site #guide .card,
body.sr-site .sr-faq-card,
body.sr-site .sr-seo-card,
body.sr-site .sr-seo-block {
  width: 100%;
  max-width: none !important;
}

body.sr-site .sr-dash-pro .sr-aether-dash-head p {
  max-width: none;
}

/* ── Fixed UI stack: FAB, back-to-top, cookie ── */
body.sr-site .back-to-top {
  right: clamp(0.85rem, 2.2vw, 1.35rem);
  left: auto;
  bottom: calc(clamp(1.1rem, 3vh, 1.65rem) + 4.35rem);
  z-index: 10015;
}

body.sr-site:not(.sr-past-hero) .back-to-top {
  bottom: clamp(1.1rem, 3vh, 1.65rem);
}

body.sr-site.sr-past-hero #dashboard,
body.sr-site.sr-past-hero .sr-seo-section,
body.sr-site.sr-past-hero #guide {
  scroll-margin-bottom: 5rem;
}

@media (max-width: 767px) {
  body.sr-site {
    --sr-page-gutter: clamp(0.65rem, 3vw, 0.85rem);
    --sr-section-y: clamp(2.75rem, 8vw, 3.5rem);
  }
}


/* ── sr-star-modal-pro.css ── */
/*
  Star Chart Modal Pro — premium overlay + form flow
*/

body.sr-site.sr-star-modal-open {
  overflow: hidden !important;
}

body.sr-site .star-modal {
  position: fixed;
  inset: 0;
  z-index: 10120 !important;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(0.75rem, 3vw, 1.5rem);
  padding-top: calc(env(safe-area-inset-top, 0px) + clamp(0.75rem, 3vw, 1.5rem));
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + clamp(0.75rem, 3vw, 1.5rem));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

body.sr-site .star-modal.open {
  display: flex !important;
  z-index: 10120 !important;
}

@media (min-width: 720px) {
  body.sr-site .star-modal.open {
    align-items: center;
  }
}

body.sr-site .star-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  display: block !important;
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(56, 189, 248, 0.14), transparent 55%),
    rgba(2, 6, 14, 0.88);
  backdrop-filter: blur(20px) saturate(130%);
  -webkit-backdrop-filter: blur(20px) saturate(130%);
}

body.sr-site .star-modal-close-fab {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + 0.85rem);
  right: clamp(0.85rem, 3vw, 1.25rem);
  z-index: 10125 !important;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(8, 12, 20, 0.82);
  color: #e2e8f0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

body.sr-site .star-modal-close-fab:hover {
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(239, 68, 68, 0.35);
  color: #fecaca;
  transform: scale(1.03);
}

body.sr-site .star-modal-shell {
  position: relative;
  z-index: 1;
  width: min(100%, 56rem);
  margin: 0 auto;
  padding: clamp(1.15rem, 3vw, 1.75rem);
  border-radius: 1.35rem;
  border: 1px solid rgba(255, 255, 255, 0.11);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)),
    rgba(8, 12, 20, 0.94);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 32px 80px rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(28px) saturate(150%);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
  outline: none;
}

body.sr-site .star-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.15rem;
  padding-right: 2.5rem;
}

body.sr-site .star-modal-kicker > span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.24rem 0.55rem;
  border-radius: 999px;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fde68a;
  background: rgba(212, 160, 23, 0.12);
  border: 1px solid rgba(212, 160, 23, 0.28);
}

body.sr-site .star-modal-kicker h3 {
  margin: 0.65rem 0 0.35rem;
  font-family: "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.25rem, 3vw, 1.65rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: #f8fafc;
}

body.sr-site .star-modal-kicker p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.55;
  color: rgba(148, 163, 184, 0.92);
  max-width: 36rem;
}

body.sr-site .star-modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: #94a3b8;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media (min-width: 720px) {
  body.sr-site .star-modal-close {
    display: inline-flex;
  }

  body.sr-site .star-modal-close-fab {
    display: none;
  }
}

body.sr-site .star-modal-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.45rem;
  margin-bottom: 1.15rem;
}

body.sr-site .star-modal-step {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 2rem;
  padding: 0.35rem 0.55rem;
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(148, 163, 184, 0.85);
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

body.sr-site .star-modal-step.active {
  color: #fff7ed;
  background: rgba(212, 160, 23, 0.12);
  border-color: rgba(212, 160, 23, 0.28);
}

body.sr-site .star-modal-step-index {
  display: inline-grid;
  place-items: center;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 999px;
  font-size: 0.58rem;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.06);
  color: inherit;
}

body.sr-site .star-modal-step.active .star-modal-step-index {
  background: rgba(212, 160, 23, 0.22);
  color: #fde68a;
}

body.sr-site .star-step-grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 900px) {
  body.sr-site .star-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
}

body.sr-site .star-surface {
  height: 100%;
  padding: clamp(1rem, 2.5vw, 1.35rem) !important;
  border-radius: 1rem !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
    rgba(6, 10, 18, 0.72) !important;
}

body.sr-site .star-surface-title {
  font-size: clamp(1rem, 2.2vw, 1.2rem) !important;
  letter-spacing: -0.02em;
}

body.sr-site .star-feature-item {
  padding: 0.55rem 0.65rem;
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

body.sr-site .star-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

body.sr-site .star-form-field label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.92);
}

body.sr-site .star-form-input {
  min-height: 2.75rem;
  border-radius: 0.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(0, 0, 0, 0.28) !important;
  color: #f8fafc !important;
  font-size: 0.875rem !important;
}

body.sr-site .star-form-input:focus {
  border-color: rgba(212, 160, 23, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.12);
}

body.sr-site .star-inline-error {
  margin-top: 0.65rem;
  font-size: 0.8125rem;
  color: #fca5a5;
  min-height: 1.1rem;
}

body.sr-site .star-inline-error.is-visible {
  padding: 0.55rem 0.7rem;
  border-radius: 0.65rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.22);
}

body.sr-site .star-primary-btn {
  min-height: 2.75rem;
  padding: 0 1.25rem !important;
  border-radius: 0.75rem !important;
  background: linear-gradient(180deg, #fbbf24, #d4a017) !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 28px rgba(212, 160, 23, 0.22);
}

body.sr-site .star-primary-btn:hover:not(:disabled) {
  transform: translateY(-1px);
}

body.sr-site .star-secondary-btn,
body.sr-site .star-ghost-btn {
  min-height: 2.75rem;
  border-radius: 0.75rem !important;
}

body.sr-site .star-follow-actions,
body.sr-site .star-modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: flex-start;
}

body.sr-site .star-wheel-wrap {
  padding: 1rem !important;
}

body.sr-site .star-wheel {
  animation: none !important;
  border-color: rgba(212, 160, 23, 0.25) !important;
}

body.sr-site .star-loading {
  min-height: 16rem;
  padding: 2rem !important;
}

body.sr-site .star-loading-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.85rem;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  animation: none !important;
}

body.sr-site .star-preview-stage {
  border-radius: 1rem !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(165deg, rgba(56, 189, 248, 0.08), rgba(212, 160, 23, 0.04)),
    rgba(0, 0, 0, 0.32) !important;
  aspect-ratio: auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 0.75rem !important;
  overflow: hidden !important;
  transition: filter 0.35s ease, opacity 0.35s ease;
}

body.sr-site .star-preview-stage.is-locked {
  filter: blur(5px) saturate(0.85);
  opacity: 0.72;
  pointer-events: none;
  user-select: none;
}

body.sr-site .star-preview-lock {
  display: none;
  margin-top: 1rem;
}

body.sr-site .star-preview-lock.is-visible {
  display: block;
  animation: starLockFadeIn 0.35s ease;
}

body.sr-site .star-preview-shell.is-unlock-active .star-preview-countdown {
  visibility: hidden;
}

body.sr-site .star-result-layout .star-modal-actions {
  position: sticky;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 0.35rem);
  z-index: 2;
  padding-top: 0.35rem;
  background: linear-gradient(180deg, rgba(8, 12, 20, 0), rgba(8, 12, 20, 0.92) 28%);
}

@keyframes starLockFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.sr-site .star-preview-countdown {
  flex-shrink: 0;
  min-width: 5.5rem;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  border: 1px solid rgba(212, 160, 23, 0.28);
  background: rgba(212, 160, 23, 0.1);
  color: #fde68a;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
}

body.sr-site .star-preview-copy h4,
body.sr-site .star-poster-copy h4 {
  margin: 0 0 0.35rem;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fde68a;
}

body.sr-site .star-preview-copy h3,
body.sr-site .star-poster-copy h3 {
  margin: 0 0 0.55rem;
  font-family: "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.05rem, 2.4vw, 1.35rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #f8fafc;
}

body.sr-site .star-preview-name {
  margin-bottom: 0.85rem;
  font-size: 1.05rem;
  font-weight: 600;
  color: #f8fafc;
}

body.sr-site .star-preview-poster-grid {
  display: grid;
  gap: 0.85rem;
  align-items: center;
  padding: 0.15rem;
}

body.sr-site .star-preview-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  margin-bottom: 0.65rem;
}

body.sr-site .star-preview-meta .star-mini-card.full,
body.sr-site .star-preview-meta .star-mini-card:nth-child(3) {
  grid-column: 1 / -1;
}

body.sr-site .star-result-poster {
  border-radius: 1rem !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: clamp(1rem, 2.5vw, 1.35rem) !important;
  background:
    linear-gradient(165deg, rgba(8, 14, 28, 0.98) 0%, rgba(5, 11, 22, 1) 42%, rgba(10, 16, 30, 0.98) 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 18px 48px rgba(0, 0, 0, 0.35);
}

body.sr-site .star-result-poster.is-exporting {
  box-shadow: none;
}

body.sr-site .star-poster-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.85rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

body.sr-site .star-poster-brand strong {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
  color: rgba(148, 163, 184, 0.92);
}

body.sr-site .star-poster-state {
  padding: 0.35rem 0.55rem;
  border-radius: 999px;
  border: 1px solid rgba(212, 160, 23, 0.22);
  background: rgba(212, 160, 23, 0.08);
  color: #fde68a;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: right;
}

body.sr-site .star-result-summary h4,
body.sr-site .star-planet-list h4 {
  margin: 0 0 0.65rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #f8fafc;
}

body.sr-site .star-result-summary p {
  margin: 0 0 0.65rem;
  font-size: 0.8125rem;
  line-height: 1.6;
  color: rgba(148, 163, 184, 0.95);
}

body.sr-site .star-result-summary p:last-child {
  margin-bottom: 0;
}

body.sr-site .star-planet-row strong {
  color: #f8fafc;
  font-weight: 600;
  text-align: right;
}

body.sr-site .star-secondary-btn {
  min-height: 2.75rem;
  padding: 0 1.1rem !important;
  border-radius: 0.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #e2e8f0 !important;
  font-weight: 600 !important;
}

body.sr-site .star-secondary-btn:hover:not(:disabled),
body.sr-site .star-ghost-btn:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.07) !important;
}

body.sr-site .star-primary-btn:disabled,
body.sr-site .star-secondary-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none !important;
}

body.sr-site .star-form-input[type="date"]::-webkit-calendar-picker-indicator,
body.sr-site .star-form-input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(0.85);
  opacity: 0.85;
}

body.sr-site .star-wheel,
body.sr-site .star-wheel-wrap .star-wheel,
body.sr-site .star-wheel-shell .star-wheel,
body.sr-site svg.star-wheel {
  animation: none !important;
  transform: none !important;
}

body.sr-site .star-loading {
  display: grid;
  place-items: center;
  min-height: clamp(14rem, 42vw, 20rem);
}

@media (max-width: 767px) {
  body.sr-site .star-preview-poster-grid {
    grid-template-columns: 1fr !important;
  }

  body.sr-site .star-preview-poster-grid .star-wheel-shell {
    order: -1;
    width: min(100%, 14.5rem);
    margin: 0 auto 0.15rem;
  }

  body.sr-site .star-preview-copy h3 {
    font-size: 1rem;
  }

  body.sr-site .star-preview-name {
    font-size: 0.95rem;
    margin-bottom: 0.65rem;
  }

  body.sr-site .star-chip-grid {
    justify-content: flex-start;
  }

  body.sr-site .star-poster-state {
    width: 100%;
    text-align: left;
  }
}

@media (min-width: 768px) {
  body.sr-site .star-result-poster {
    min-height: 22rem;
  }
}

body.sr-site .star-preview-lock-card {
  border-radius: 1rem !important;
  border: 1px solid rgba(212, 160, 23, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(212, 160, 23, 0.08), rgba(255, 255, 255, 0.02)),
    rgba(6, 10, 18, 0.88) !important;
}

body.sr-site .star-result-poster {
  border-radius: 1rem !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.sr-site .star-result-panels {
  gap: 0.85rem !important;
}

body.sr-site .star-result-summary,
body.sr-site .star-planet-list {
  border-radius: 0.85rem !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  background: rgba(255, 255, 255, 0.02) !important;
  padding: 1rem !important;
}

body.sr-site .star-planet-row {
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(0, 0, 0, 0.18) !important;
}

body.sr-site .star-step-panel {
  display: none;
}

body.sr-site .star-step-panel.active {
  display: block;
}

body.sr-site .star-feature-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  margin-top: 1rem;
}

body.sr-site .star-surface-badge {
  display: inline-flex;
  margin-bottom: 0.65rem;
}

body.sr-site .star-surface-body {
  margin: 0.35rem 0 0;
  line-height: 1.55;
  color: rgba(148, 163, 184, 0.92);
}

body.sr-site .star-wheel-shell {
  position: relative;
  width: min(100%, 20rem);
  height: auto;
  aspect-ratio: 1;
  margin: 0 auto;
}

body.sr-site .star-preview-poster-grid {
  display: grid;
  gap: 1rem;
  align-items: center;
}

body.sr-site .star-preview-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

body.sr-site .star-preview-stage {
  padding: clamp(0.65rem, 2vw, 0.85rem);
}

body.sr-site .star-preview-poster {
  width: 100%;
  min-height: 0;
}

body.sr-site .star-preview-shell .star-surface {
  padding-bottom: 0.85rem !important;
}

body.sr-site .star-preview-shell .star-preview-lock {
  margin-top: 0.35rem;
}

body.sr-site .star-intro-wheel {
  animation: starIntroSpin 52s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes starIntroSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

body.sr-site .star-spinner {
  width: 1.65rem;
  height: 1.65rem;
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-top-color: #fbbf24;
  border-radius: 50%;
  animation: starSpin 0.85s linear infinite;
}

@keyframes starSpin {
  to { transform: rotate(360deg); }
}

body.sr-site .star-wheel-shell .star-wheel,
body.sr-site .star-wheel-wrap .star-wheel {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 50%;
  animation: none !important;
}

body.sr-site .star-poster-grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 768px) {
  body.sr-site .star-poster-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    align-items: start;
  }
}

body.sr-site .star-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 0.85rem 0;
}

body.sr-site .star-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

body.sr-site .star-mini-card {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.22);
}

body.sr-site .star-mini-card span {
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.88);
}

body.sr-site .star-mini-card strong {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #f8fafc;
  line-height: 1.35;
}

body.sr-site .star-chip {
  display: inline-flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 5.5rem;
  padding: 0.45rem 0.65rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(212, 160, 23, 0.22);
  background: rgba(212, 160, 23, 0.08);
}

body.sr-site .star-chip span {
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(253, 230, 138, 0.85);
}

body.sr-site .star-chip strong {
  font-size: 0.78rem;
  font-weight: 600;
  color: #fff7ed;
}

body.sr-site .star-result-layout {
  display: grid;
  gap: 1rem;
}

body.sr-site .star-result-panels {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
}

@media (min-width: 768px) {
  body.sr-site .star-result-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body.sr-site .star-poster-head {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 0.75rem;
}

body.sr-site .star-poster-brand {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fde68a;
}

body.sr-site .star-poster-name {
  font-size: 1.05rem;
  font-weight: 600;
  color: #f8fafc;
}

body.sr-site .star-poster-state,
body.sr-site .star-poster-copy {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: rgba(148, 163, 184, 0.92);
}

@media (max-width: 899px) {
  body.sr-site .star-modal-step span:not(.star-modal-step-index) {
    display: none;
  }

  body.sr-site .star-form-grid {
    grid-template-columns: 1fr;
  }

  body.sr-site .star-result-panels {
    grid-template-columns: 1fr !important;
  }

  body.sr-site .star-preview-poster-grid {
    grid-template-columns: 1fr;
  }

  body.sr-site .star-poster-grid {
    grid-template-columns: 1fr !important;
  }

  body.sr-site .star-wheel-shell {
    width: min(100%, 17rem);
  }

  body.sr-site .star-follow-actions .star-primary-btn,
  body.sr-site .star-follow-actions .star-secondary-btn,
  body.sr-site .star-follow-actions .star-ghost-btn {
    flex: 1 1 100%;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  body.sr-site .star-preview-poster-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  }
}

@media (max-width: 640px) {
  body.sr-site .star-modal-header {
    padding-right: 0;
  }

  body.sr-site .star-modal-shell {
    border-radius: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site .star-modal-close-fab,
  body.sr-site .star-primary-btn {
    transition: none;
  }

  body.sr-site .star-intro-wheel,
  body.sr-site .star-spinner {
    animation: none;
  }
}


/* ── sr-layout-lock.css ── */
/*
  Layout lock — ABSOLUTE FINAL override.
  Guarantees:
  1. All max-w-* containers are centered horizontally
  2. No element overflows its parent
  3. No horizontal scrollbar anywhere
  4. Consistent page-gutter padding on all sections
  5. Everything works on 320px – 2560px screens
*/

/* ── Base reset ── */
html {
  overflow-x: clip !important;
  scrollbar-gutter: stable;
  max-width: 100% !important;
}

html body.sr-site,
body.sr-site {
  overflow-x: clip !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Site wrapper ── */
body.sr-site .site-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  max-width: 92rem !important;
  width: 100% !important;
  margin: 0 auto !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
  float: none !important;
  clear: both !important;
}

/* ── All sections full width ── */
body.sr-site section[id],
body.sr-site .footer-premium {
  width: 100% !important;
  max-width: 92rem !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: both !important;
}

/* ── Tokens ── */
body.sr-site,
body.sr-site.sr-flagship {
  --sr-page-gutter: clamp(0.75rem, 2vw, 1.25rem);
  --sr-lane-wide: min(92rem, 100%);
  --sr-vdm-max: min(92rem, 100%);
  --sr-section-y: clamp(2.25rem, 5vw, 3.75rem);
  --sr-section-y-tight: clamp(1.25rem, 3.5vw, 2rem);
}

/* ── Section gutter ── */
body.sr-site .sr-hero-pro.sr-aether-hero,
body.sr-site #dashboard,
body.sr-site .sr-promo-strip,
body.sr-site .sr-seo-section,
body.sr-site #guide,
body.sr-site .sr-faq-section,
body.sr-site .footer-premium {
  padding-left: var(--sr-page-gutter) !important;
  padding-right: var(--sr-page-gutter) !important;
}

/* ── EVERY inner container: centered, no extra padding ── */
body.sr-site .sr-lane,
body.sr-site .sr-hero-pro__shell,
body.sr-site .sr-promo-strip__inner,
body.sr-site .sr-footer-pro__container,
body.sr-site .footer-premium > .max-w-7xl,
body.sr-site #dashboard > .max-w-7xl,
body.sr-site #dashboard > div,
body.sr-site #guide > .max-w-7xl,
body.sr-site #guide > div,
body.sr-site .sr-seo-inner,
body.sr-site #about > .max-w-7xl,
body.sr-site #about > div,
body.sr-site .sr-faq-list,
body.sr-site .max-w-7xl,
body.sr-site .max-w-5xl,
body.sr-site .max-w-4xl,
body.sr-site .max-w-3xl {
  width: 100% !important;
  max-width: 92rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
  display: block !important;
}

/* ── Header inner — flex koru, sadece genişlik/ortalama ── */
body.sr-site .sr-vdm-inner {
  width: 100% !important;
  max-width: 92rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--sr-page-gutter) !important;
  padding-right: var(--sr-page-gutter) !important;
  box-sizing: border-box !important;
}

/* ── Section rhythm ── */
body.sr-site #dashboard,
body.sr-flagship #dashboard,
html body.sr-site #dashboard {
  padding-top: var(--sr-section-y-tight) !important;
  padding-bottom: var(--sr-section-y) !important;
  margin-top: 0 !important;
}

body.sr-site .sr-seo-section,
body.sr-site #guide,
body.sr-site .sr-faq-section,
body.sr-site .footer-premium,
html body.sr-site #guide,
html body.sr-site #about {
  padding-top: var(--sr-section-y) !important;
  padding-bottom: var(--sr-section-y) !important;
}

/* ── Spectrogram ── */
body.sr-site .sr-dash-pro-spectro-stage,
body.sr-site .sr-dash-pro-spectro-viewport,
body.sr-site #spectrogram,
body.sr-site .sr-aether-dash-head {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ── Cards ── */
body.sr-site .card,
body.sr-site .grid,
body.sr-site .sr-dash-pro .card,
body.sr-site .sr-seo-card,
body.sr-site .sr-faq-card {
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

/* ── Media ── */
body.sr-site img,
body.sr-site canvas,
body.sr-site video,
body.sr-site svg,
body.sr-site .spectro-container,
body.sr-site #main-spectro,
body.sr-site #world-solar-bg canvas {
  max-width: 100% !important;
  height: auto !important;
}

/* ── Tabs ── */
body.sr-site .chart-tab-row,
body.sr-site .sr-dash-pro-tabs {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ── FAQ ── */
body.sr-site .sr-faq-section::before,
body.sr-site .sr-faq-section::after {
  display: none !important;
}

/* ── Cosmos scroll ── */
body.sr-site .sr-scroll-scene-inner {
  min-height: auto !important;
  padding: 0 !important;
}

body.sr-site .sr-scroll-cosmos-hint {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

/* ── Hero ── */
body.sr-site .sr-hero-pro__shell {
  transform: none !important;
  opacity: 1 !important;
  will-change: auto !important;
  pointer-events: auto !important;
}

body.sr-site .sr-flow-section {
  transform: none !important;
  opacity: 1 !important;
}

body.sr-site .sr-hero-pro__tone-expired-bg {
  overflow: hidden;
}

body.sr-site .sr-hero-pro__tone-expired-bg span:nth-child(1) {
  left: 0 !important;
}

body.sr-site .sr-hero-pro__tone-expired-bg span:nth-child(2) {
  right: 0 !important;
}

body.sr-site .sr-hero-pro.sr-aether-hero,
body.sr-flagship .sr-hero-pro.sr-aether-hero,
html body.sr-site.sr-aether .sr-hero-pro.sr-aether-hero,
html body.sr-site.sr-aether.sr-flagship .sr-hero-pro.sr-aether-hero {
  min-height: auto !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  display: flex !important;
  flex-direction: column !important;
}

body.sr-site .sr-hero-pro {
  padding-block: calc(var(--sr-nav-offset, 5.85rem) + 0.35rem) 0 !important;
  padding-bottom: 0 !important;
  min-height: auto !important;
}

body.sr-site .sr-cosmos-scroll-track {
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Section orbs ── */
body.sr-site .sr-seo-section .sr-section-orb.a {
  left: 0 !important;
}

body.sr-site .sr-seo-section .sr-section-orb.b {
  right: 0 !important;
}

/* ── Mobile ── */
@media (max-width: 767px) {
  body.sr-site {
    --sr-page-gutter: clamp(0.65rem, 3vw, 0.85rem);
    --sr-section-y: clamp(1.75rem, 5vw, 2.5rem);
    --sr-section-y-tight: clamp(1rem, 3vw, 1.5rem);
  }

  body.sr-site .sr-hero-pro {
    padding-block-start: calc(var(--sr-nav-offset, 5.85rem) + 0.25rem) !important;
  }

  body.sr-site .sr-hero-pro__shell {
    gap: 0.65rem !important;
  }

  body.sr-site .sr-hero-masthead--observatory {
    gap: 0.4rem !important;
    padding: 0.6rem 0.65rem !important;
  }

  body.sr-site .sr-hero-pro__intro--masthead .sr-hero-trust {
    margin-bottom: 0.25rem !important;
  }

  body.sr-site .sr-hero-pro__tone-readout--hero,
  body.sr-site .sr-hero-pro__apex-live .sr-hero-pro__hz {
    display: none !important;
  }

  body.sr-site .sr-hero-pro__tone {
    margin-top: 0 !important;
    padding: 0.7rem 0.65rem !important;
  }

  body.sr-site .sr-hero-pro__apex {
    gap: 0.55rem !important;
  }

  body.sr-site .sr-hero-pro__bar {
    margin-top: 0 !important;
  }

  body.sr-site .sr-cosmos-scroll-track {
    height: clamp(120px, 22dvh, 200px) !important;
    min-height: clamp(100px, 18dvh, 180px) !important;
  }

  body.sr-site:not(.sr-past-hero) .sr-scroll-cosmos-hint {
    display: none !important;
  }

  body.sr-site .sr-hero-pro__telemetry {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.45rem !important;
  }

  body.sr-site .sr-hero-pro__tone-trial-pill {
    position: relative !important;
    z-index: 2 !important;
  }
}


/* ── sr-type-unified.css ── */
/*
  Typography unified — Instrument Sans site-wide (logo wordmark hariç).
  Load absolutely last.
*/

:root,
body.sr-site,
body.sr-site.sr-flagship {
  --sr-font-sans: "Instrument Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sr-font-display: var(--sr-font-sans);
  --sr-font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

html,
body.sr-site {
  font-family: var(--sr-font-sans) !important;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.011em;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body.sr-site button,
body.sr-site input,
body.sr-site select,
body.sr-site textarea,
body.sr-site .btn,
body.sr-site .locale-select {
  font-family: var(--sr-font-sans) !important;
}

body.sr-site h1,
body.sr-site h2,
body.sr-site h3,
body.sr-site h4,
body.sr-site h5,
body.sr-site h6 {
  font-family: var(--sr-font-sans) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
}

/* ── Logo wordmark — Syne korunur ── */
body.sr-site .sr-vdm-wordmark,
body.sr-site .sr-vdm-wordmark__sch,
body.sr-site .sr-vdm-wordmark__rez,
body.sr-site .sr-vdm-wordmark__live {
  font-family: "Syne", "Instrument Sans", system-ui, sans-serif !important;
}

/* ── Bilinen Syne / Inter / JetBrains geçişlerini kapat ── */
body.sr-site .sr-promo-fab,
body.sr-site .sr-promo-dock,
body.sr-site .sr-promo-fab__title,
body.sr-site .sr-promo-fab__eyebrow,
body.sr-site .sr-promo-fab__live,
body.sr-site .sr-promo-strip,
body.sr-site .sr-hero-pro,
body.sr-site .sr-hero-pro__title-main,
body.sr-site .sr-hero-pro__title-accent,
body.sr-site .sr-hero-pro__tone,
body.sr-site .sr-hero-pro__tone-headline,
body.sr-site .sr-hero-pro__btn,
body.sr-site .sr-dash-pro,
body.sr-site .sr-faq-section,
body.sr-site .sr-seo-section,
body.sr-site .footer-premium,
body.sr-site .sr-footer-pro,
body.sr-site .sr-vdm-drawer,
body.sr-site .sr-vdm-star-label,
body.sr-site .star-modal,
body.sr-site nav,
body.sr-site .card,
body.sr-site .sr-faq-card,
body.sr-site .sr-seo-card {
  font-family: var(--sr-font-sans) !important;
}

/* ── Canlı Hz / sayılar — tek mono ── */
body.sr-site .sr-live-num,
body.sr-site #hero-freq,
body.sr-site .hero-freq-value,
body.sr-site .sr-hero-pro__tone-value,
body.sr-site .sr-hero-pro__tone-unit,
body.sr-site .sr-hero-masthead__hz,
body.sr-site .sr-hero-masthead__hz-unit,
body.sr-site .sr-vdm-live-freq,
body.sr-site .sr-vdm-aud-v,
body.sr-site .sr-vdm-utc-v,
body.sr-site #utc-clock,
body.sr-site #sr-prism-utc,
body.sr-site .sr-promo-fab__live strong,
body.sr-site .sr-dash-pro .sr-live-num,
body.sr-site [data-sr-live-tone-sync],
body.sr-site code,
body.sr-site pre,
body.sr-site kbd {
  font-family: var(--sr-font-mono) !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "zero" 1;
}

@media (max-width: 767px) {
  html,
  body.sr-site {
    font-size: 15px;
  }
}


/* ── sr-overflow-fix.css ── */
/*
  Schumann Resonance Live — Master Fix v3
  Fixes: scroll blocking, uneven widths, FAQ, app popup design
  MUST load LAST (after sr-layout-lock.css, sr-type-unified.css)
*/

/* ═══════════════════════════════════════════════════════════════
   1. SCROLL FIX — CRITICAL: Force scroll to work
   ═══════════════════════════════════════════════════════════════ */

html {
  overflow-x: clip !important;
  overflow-y: scroll !important;
  height: auto !important;
  position: static !important;
  scroll-behavior: smooth !important;
}

html body,
html body.sr-site,
html body.sr-site.sr-flagship {
  overflow-x: clip !important;
  overflow-y: visible !important;
  height: auto !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  touch-action: manipulation !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Site wrapper must flow naturally */
body.sr-site .site-wrapper {
  overflow-x: clip !important;
  overflow-y: visible !important;
  height: auto !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.sr-site main {
  overflow-x: clip !important;
  overflow-y: visible !important;
  flex: 1 1 auto !important;
}

/* Sections must allow scroll */
body.sr-site section,
body.sr-site section[id] {
  overflow-x: clip !important;
  overflow-y: visible !important;
  position: relative !important;
  height: auto !important;
}

/* ALL pointer-events must be auto for content */
body.sr-site .site-wrapper,
body.sr-site main,
body.sr-site section,
body.sr-site footer,
body.sr-site .sr-faq-section,
body.sr-site .sr-faq-list,
body.sr-site .sr-faq-card,
body.sr-site .sr-faq-trigger {
  pointer-events: auto !important;
}

/* Background layers must never block touch */
#world-solar-bg,
#schumann-canvas,
#schumann-bg-canvas,
body > canvas,
.bg-cosmic,
#starfield,
.sr-hero-pro__grid,
.sr-hero-pro__pulse-hook,
.sr-cosmos-scroll-track,
.sr-scroll-cosmos-hint,
.wsb-vignette {
  pointer-events: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   2. EQUAL WIDTHS — No gaps, consistent full-width layout
   ═══════════════════════════════════════════════════════════════ */

/* Override sr-layout-lock 92rem cap — go full width */
body.sr-site .site-wrapper {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.sr-site section[id],
body.sr-site .footer-premium,
body.sr-site .sr-hero-pro,
body.sr-site .sr-aether-hero,
body.sr-site .sr-faq-section,
body.sr-site .sr-seo-section,
body.sr-site .sr-promo-strip,
body.sr-site #dashboard,
body.sr-site #guide,
body.sr-site #about {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Inner containers stay centered with consistent max-width */
body.sr-site .max-w-7xl,
body.sr-site .max-w-5xl,
body.sr-site .max-w-3xl,
body.sr-site .sr-lane,
body.sr-site .sr-hero-pro__shell,
body.sr-site .footer-premium-shell,
body.sr-site .sr-footer-pro__container {
  width: 100% !important;
  max-width: min(80rem, calc(100% - 2rem)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(0.75rem, 2vw, 1.5rem) !important;
  padding-right: clamp(0.75rem, 2vw, 1.5rem) !important;
  box-sizing: border-box !important;
}

/* Nav full width */
body.sr-site .nav-glass {
  width: 100% !important;
  max-width: 100% !important;
}

body.sr-site .nav-glass > .max-w-7xl,
body.sr-site .nav-glass > div {
  max-width: min(80rem, calc(100% - 2rem)) !important;
  margin: 0 auto !important;
}

/* Hero shell slightly wider */
body.sr-site .sr-hero-pro__shell {
  max-width: min(72rem, calc(100% - 2rem)) !important;
}

/* ═══════════════════════════════════════════════════════════════
   3. CANVAS / BG — Fixed, no layout space
   ═══════════════════════════════════════════════════════════════ */

#schumann-canvas,
#schumann-bg-canvas,
body > canvas,
#world-solar-bg canvas {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

#world-solar-bg {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   4. FAQ — Accordion fix
   ═══════════════════════════════════════════════════════════════ */

body.sr-site .sr-faq-section {
  overflow: visible !important;
  content-visibility: visible !important;
  contain-intrinsic-size: none !important;
}

body.sr-site .sr-faq-trigger {
  cursor: pointer !important;
  touch-action: manipulation !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  position: relative !important;
  z-index: 2 !important;
}

body.sr-site .sr-faq-answer {
  overflow: hidden !important;
  max-height: 0 !important;
  opacity: 0 !important;
  transition: max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease, padding 0.3s ease !important;
}

body.sr-site .sr-faq-card.open .sr-faq-answer {
  max-height: 60rem !important;
  opacity: 1 !important;
}

body.sr-site .sr-faq-chevron {
  transition: transform 0.3s ease !important;
}

body.sr-site .sr-faq-card.open .sr-faq-chevron {
  transform: rotate(180deg) !important;
}

/* ═══════════════════════════════════════════════════════════════
   5. NO GAPS — Remove spacing inconsistencies
   ═══════════════════════════════════════════════════════════════ */

body.sr-site .sr-hero-pro.sr-aether-hero {
  margin-bottom: 0 !important;
}

body.sr-site .sr-cosmos-scroll-track {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
}

body.sr-site .sr-scroll-cosmos-hint {
  display: none !important;
}

/* Consistent section spacing */
body.sr-site section[id] {
  padding-top: clamp(2rem, 4vw, 3.5rem) !important;
  padding-bottom: clamp(2rem, 4vw, 3.5rem) !important;
}

body.sr-site .sr-hero-pro.sr-aether-hero {
  padding-top: calc(var(--sr-nav-offset, 5.85rem) + 1rem) !important;
  padding-bottom: clamp(2rem, 4vw, 3rem) !important;
}

/* ═══════════════════════════════════════════════════════════════
   6. APP PROMO DOCK — Beautiful Premium Design
   ═══════════════════════════════════════════════════════════════ */

.sr-promo-dock {
  position: fixed !important;
  z-index: 10020 !important;
  right: clamp(0.75rem, 2vw, 1.25rem) !important;
  bottom: clamp(4.75rem, 8vh, 5.75rem) !important;
  width: min(26rem, calc(100vw - 1.5rem)) !important;
  border-radius: 1.75rem !important;
  background:
    linear-gradient(170deg, rgba(12, 20, 40, 0.98) 0%, rgba(6, 12, 28, 0.99) 100%) !important;
  border: 1.5px solid rgba(100, 200, 255, 0.15) !important;
  box-shadow:
    0 40px 100px rgba(0, 0, 0, 0.6),
    0 0 80px rgba(34, 211, 238, 0.06),
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 2px 0 rgba(255, 255, 255, 0.08) inset !important;
  backdrop-filter: blur(48px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(48px) saturate(200%) !important;
}

.sr-promo-dock__aurora {
  background:
    radial-gradient(ellipse 100% 80% at 15% -10%, rgba(34, 211, 238, 0.22), transparent 50%),
    radial-gradient(ellipse 80% 60% at 85% 15%, rgba(251, 191, 36, 0.12), transparent 45%),
    radial-gradient(ellipse 90% 50% at 50% 110%, rgba(99, 102, 241, 0.1), transparent 50%) !important;
}

.sr-promo-dock__border {
  background: linear-gradient(160deg,
    rgba(34, 211, 238, 0.5),
    rgba(186, 230, 253, 0.15) 35%,
    rgba(251, 191, 36, 0.35) 65%,
    rgba(168, 85, 247, 0.2)) !important;
}

.sr-promo-dock__head {
  background: linear-gradient(180deg, rgba(15, 25, 50, 0.95), rgba(8, 16, 36, 0.8)) !important;
  border-bottom: 1px solid rgba(100, 200, 255, 0.1) !important;
  padding: 0.9rem 1.1rem 0.75rem !important;
}

.sr-promo-dock__tabs {
  background: rgba(0, 10, 25, 0.85) !important;
  border: 1px solid rgba(100, 200, 255, 0.15) !important;
  border-radius: 0.85rem !important;
  padding: 0.28rem !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.sr-promo-dock__tab {
  border-radius: 0.65rem !important;
  padding: 0.55rem 0.95rem !important;
  font-size: 0.73rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.sr-promo-dock__tab.is-active {
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.25), rgba(56, 189, 248, 0.15)) !important;
  color: #f0fdfa !important;
  box-shadow: 0 6px 20px rgba(34, 211, 238, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.sr-promo-dock__panel {
  padding: 1.1rem 1.2rem 1.35rem !important;
  background: linear-gradient(180deg, rgba(8, 14, 28, 0.88), rgba(4, 10, 20, 0.95)) !important;
}

.sr-promo-dock__close {
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 0.6rem !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  transition: all 0.2s ease !important;
}

.sr-promo-dock__close:hover {
  background: rgba(239, 68, 68, 0.15) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  color: #fca5a5 !important;
}

/* Device mockup */
.sr-promo-dock__device-frame {
  border-radius: 1.15rem !important;
  border: 1px solid rgba(100, 200, 255, 0.16) !important;
  background: linear-gradient(170deg, rgba(3, 10, 25, 0.98), rgba(8, 20, 40, 0.99)) !important;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -1px 0 rgba(0, 0, 0, 0.3) !important;
}

.sr-promo-dock__device-bar {
  background: linear-gradient(180deg, rgba(20, 35, 60, 0.6), rgba(10, 20, 40, 0.4)) !important;
  border-bottom: 1px solid rgba(100, 200, 255, 0.08) !important;
  padding: 0.5rem 0.75rem !important;
}

.sr-promo-dock__device-body {
  padding: 0.85rem 0.75rem !important;
}

.sr-promo-dock__device-freq {
  margin: 0.5rem 0 !important;
}

.sr-promo-dock__device-num {
  font-size: 1.75rem !important;
  font-weight: 900 !important;
  color: #fbbf24 !important;
  text-shadow: 0 0 20px rgba(251, 191, 36, 0.35) !important;
  font-variant-numeric: tabular-nums !important;
}

.sr-promo-dock__device-unit {
  font-size: 0.85rem !important;
  color: rgba(251, 191, 36, 0.7) !important;
  font-weight: 600 !important;
  margin-left: 0.25rem !important;
}

/* Badges */
.sr-promo-dock__badges {
  display: flex !important;
  gap: 0.45rem !important;
  margin-bottom: 0.55rem !important;
  flex-wrap: wrap !important;
}

.sr-promo-dock__badge {
  font-size: 0.6rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 0.3rem 0.6rem !important;
  border-radius: 999px !important;
}

.sr-promo-dock__badge--app {
  background: rgba(34, 211, 238, 0.12) !important;
  color: #67e8f9 !important;
  border: 1px solid rgba(34, 211, 238, 0.2) !important;
}

.sr-promo-dock__badge--live {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #4ade80 !important;
  border: 1px solid rgba(34, 197, 94, 0.2) !important;
}

.sr-promo-dock__badge--live i {
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #22c55e !important;
  margin-right: 0.35rem !important;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.7) !important;
  animation: srPromoPulse 2s ease-in-out infinite !important;
}

@keyframes srPromoPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.8); }
}

.sr-promo-dock__badge--pro {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.15), rgba(245, 158, 11, 0.1)) !important;
  color: #fde68a !important;
  border: 1px solid rgba(251, 191, 36, 0.25) !important;
}

/* Copy */
.sr-promo-dock__highlight {
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #67e8f9 !important;
  margin-bottom: 0.25rem !important;
}

.sr-promo-dock__highlight--gold {
  color: #fde68a !important;
}

.sr-promo-dock__title {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #f8fafc !important;
  line-height: 1.25 !important;
  margin-bottom: 0.35rem !important;
}

.sr-promo-dock__body {
  font-size: 0.82rem !important;
  line-height: 1.6 !important;
  color: rgba(186, 230, 253, 0.75) !important;
  margin-bottom: 0.5rem !important;
}

/* Features */
.sr-promo-dock__features {
  list-style: none !important;
  padding: 0 !important;
  margin: 0.85rem 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
}

.sr-promo-dock__features li {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: rgba(220, 240, 255, 0.88) !important;
  padding: 0.5rem 0.7rem !important;
  border-radius: 0.7rem !important;
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.05), rgba(255, 255, 255, 0.02)) !important;
  border: 1px solid rgba(100, 200, 255, 0.08) !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}

.sr-promo-dock__features li:hover {
  border-color: rgba(100, 200, 255, 0.18) !important;
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.08), rgba(255, 255, 255, 0.03)) !important;
}

.sr-promo-dock__feat-ico {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.65rem !important;
  height: 1.65rem !important;
  border-radius: 0.45rem !important;
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.15), rgba(56, 189, 248, 0.08)) !important;
  color: #67e8f9 !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 8px rgba(34, 211, 238, 0.1) !important;
}

.sr-promo-dock__features--pro .sr-promo-dock__feat-ico {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.15), rgba(245, 158, 11, 0.08)) !important;
  color: #fde68a !important;
}

/* Stats */
.sr-promo-dock__stats {
  display: flex !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  margin: 0.75rem 0 !important;
}

.sr-promo-dock__stat {
  font-size: 0.6rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(186, 230, 253, 0.5) !important;
  padding: 0.32rem 0.6rem !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* CTA Buttons */
.sr-promo-dock__cta {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  width: 100% !important;
  min-height: 3.25rem !important;
  border-radius: 1rem !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  border: none !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease !important;
}

.sr-promo-dock__cta:hover {
  transform: translateY(-2px) !important;
}

.sr-promo-dock__cta--app {
  background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 40%, #0891b2 100%) !important;
  color: #ffffff !important;
  box-shadow:
    0 16px 40px rgba(6, 182, 212, 0.3),
    0 0 0 1px rgba(34, 211, 238, 0.3) inset,
    0 2px 0 rgba(255, 255, 255, 0.2) inset !important;
}

.sr-promo-dock__cta--app:hover {
  box-shadow:
    0 20px 50px rgba(6, 182, 212, 0.4),
    0 0 0 1px rgba(34, 211, 238, 0.4) inset,
    0 2px 0 rgba(255, 255, 255, 0.25) inset !important;
}

.sr-promo-dock__cta--pro {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 40%, #d97706 100%) !important;
  color: #1a1a2e !important;
  box-shadow:
    0 16px 40px rgba(245, 158, 11, 0.3),
    0 0 0 1px rgba(251, 191, 36, 0.3) inset,
    0 2px 0 rgba(255, 255, 255, 0.25) inset !important;
}

.sr-promo-dock__cta--pro:hover {
  box-shadow:
    0 20px 50px rgba(245, 158, 11, 0.4),
    0 0 0 1px rgba(251, 191, 36, 0.4) inset,
    0 2px 0 rgba(255, 255, 255, 0.3) inset !important;
}

.sr-promo-dock__cta-shine {
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent) !important;
  animation: srPromoShine 3s ease-in-out infinite !important;
}

@keyframes srPromoShine {
  0% { left: -100%; }
  50%, 100% { left: 100%; }
}

.sr-promo-dock__sub {
  text-align: center !important;
  font-size: 0.65rem !important;
  color: rgba(186, 230, 253, 0.45) !important;
  margin-top: 0.6rem !important;
}

.sr-promo-dock__note {
  text-align: center !important;
  font-size: 0.68rem !important;
  color: rgba(186, 230, 253, 0.5) !important;
  margin: 0.5rem 0 0.75rem !important;
}

/* Pro hero section */
.sr-promo-dock__pro-hero {
  text-align: center !important;
  margin-bottom: 0.85rem !important;
  padding: 0.5rem 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   7. FAB BUTTON — Beautiful floating button
   ═══════════════════════════════════════════════════════════════ */

.sr-promo-fab {
  position: fixed !important;
  z-index: 10010 !important;
  right: clamp(0.75rem, 2vw, 1.25rem) !important;
  bottom: clamp(4.75rem, 8vh, 5.75rem) !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 1.25rem !important;
  overflow: hidden !important;
  transform: translateY(130%) scale(0.9) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease, visibility 0.4s ease !important;
  cursor: pointer !important;
  background: linear-gradient(160deg, rgba(10, 18, 36, 0.98), rgba(5, 12, 26, 0.99)) !important;
  border: 1.5px solid rgba(100, 200, 255, 0.18) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.55),
    0 0 40px rgba(34, 211, 238, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(36px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(36px) saturate(180%) !important;
}

.sr-promo-fab.is-visible {
  transform: translateY(0) scale(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.sr-promo-fab:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.6),
    0 0 50px rgba(34, 211, 238, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(100, 200, 255, 0.28) !important;
}

.sr-promo-fab__halo {
  position: absolute !important;
  inset: -2px !important;
  border-radius: inherit !important;
  background: conic-gradient(from 0deg, rgba(34, 211, 238, 0.3), rgba(251, 191, 36, 0.2), rgba(168, 85, 247, 0.2), rgba(34, 211, 238, 0.3)) !important;
  animation: srFabHalo 4s linear infinite !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

.sr-promo-fab:hover .sr-promo-fab__halo {
  opacity: 1 !important;
}

@keyframes srFabHalo {
  to { transform: rotate(360deg); }
}

.sr-promo-fab__body {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.7rem !important;
  padding: 0.7rem 0.9rem !important;
  z-index: 1 !important;
}

.sr-promo-fab__orb {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sr-promo-fab__orb-ring {
  position: absolute !important;
  inset: -4px !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(34, 211, 238, 0.25) !important;
  animation: srFabRing 3s ease-in-out infinite !important;
}

@keyframes srFabRing {
  0%, 100% { transform: scale(1); opacity: 0.5; }
  50% { transform: scale(1.15); opacity: 1; }
}

.sr-promo-fab__copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.1rem !important;
}

.sr-promo-fab__eyebrow {
  font-size: 0.55rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(186, 230, 253, 0.55) !important;
}

.sr-promo-fab__title {
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  color: #f8fafc !important;
  letter-spacing: -0.01em !important;
}

.sr-promo-fab__live {
  display: flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  font-size: 0.62rem !important;
  color: rgba(186, 230, 253, 0.65) !important;
}

.sr-promo-fab__live i {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #22c55e !important;
  box-shadow: 0 0 6px rgba(34, 197, 94, 0.7) !important;
  animation: srPromoPulse 2s ease-in-out infinite !important;
}

.sr-promo-fab__live strong {
  color: #fbbf24 !important;
  font-weight: 800 !important;
}

.sr-promo-fab__action {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-radius: 0.7rem !important;
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.18), rgba(56, 189, 248, 0.1)) !important;
  border: 1px solid rgba(34, 211, 238, 0.2) !important;
  color: #67e8f9 !important;
  flex-shrink: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   8. MOBILE (< 768px)
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
  html,
  html body.sr-site {
    overflow-x: clip !important;
    overflow-y: scroll !important;
    touch-action: manipulation !important;
  }

  body.sr-site .site-wrapper,
  body.sr-site main,
  body.sr-site section,
  body.sr-site footer {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  body.sr-site .max-w-7xl,
  body.sr-site .max-w-5xl,
  body.sr-site .max-w-3xl,
  body.sr-site .sr-lane {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  body.sr-site .footer-premium-grid {
    grid-template-columns: 1fr !important;
  }

  body.sr-site .footer-premium-hero {
    grid-template-columns: 1fr !important;
  }

  body.sr-site .nav-center,
  body.sr-site .nav-center-v2,
  body.sr-site .nav-live-strip,
  body.sr-site .nav-live-strip-v2 {
    display: none !important;
  }

  /* Promo dock full width on mobile */
  .sr-promo-dock {
    right: 0.5rem !important;
    left: 0.5rem !important;
    width: auto !important;
    bottom: 4rem !important;
  }

  .sr-promo-fab {
    right: 0.75rem !important;
    bottom: 4rem !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   9. TABLET (768px - 1024px)
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 768px) and (max-width: 1024px) {
  body.sr-site .footer-premium-hero {
    grid-template-columns: 1fr !important;
  }

  body.sr-site .footer-premium-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   10. PRINT
   ═══════════════════════════════════════════════════════════════ */

@media print {
  html, body, body.sr-site {
    overflow: visible !important;
  }
}


/* ── sr-master-fix-v4.css ── */
/*
  Schumann Resonance Live — Master Design Fix v4
  Fixes: Layout consistency, chart professionalism, logo enhancement
  Load LAST after sr-overflow-fix.css
*/

/* ═══════════════════════════════════════════════════════════════
   1. LAYOUT CONSISTENCY — Equal widths, no overflow/gaps
   ═══════════════════════════════════════════════════════════════ */

/* Enforce consistent content lane across all sections */
html body.sr-site {
  --sr-content-lane: min(78rem, calc(100% - 2.5rem));
}

@media (max-width: 767px) {
  html body.sr-site {
    --sr-content-lane: calc(100% - 1.5rem);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  html body.sr-site {
    --sr-content-lane: min(72rem, calc(100% - 3rem));
  }
}

/* All inner containers use same max-width */
html body.sr-site .max-w-7xl,
html body.sr-site .max-w-5xl,
html body.sr-site .max-w-4xl,
html body.sr-site .max-w-3xl,
html body.sr-site .sr-lane,
html body.sr-site .sr-hero-pro__shell,
html body.sr-site .footer-premium-shell,
html body.sr-site .sr-footer-pro__container,
html body.sr-site #dashboard > .max-w-7xl,
html body.sr-site #dashboard > div,
html body.sr-site #guide > .max-w-7xl,
html body.sr-site #guide > div,
html body.sr-site #about > .max-w-7xl,
html body.sr-site #about > div {
  max-width: var(--sr-content-lane) !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

/* Ensure all full-bleed sections are truly 100% */
html body.sr-site section[id],
html body.sr-site .sr-hero-pro.sr-aether-hero,
html body.sr-site .footer-premium,
html body.sr-site .sr-faq-section,
html body.sr-site .sr-seo-section,
html body.sr-site .sr-promo-strip,
html body.sr-site #dashboard,
html body.sr-site #guide,
html body.sr-site #about {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: clamp(0.75rem, 2.5vw, 1.5rem) !important;
  box-sizing: border-box !important;
}

/* Remove any stray negative margins or excessive paddings */
html body.sr-site .sr-dash-pro .card,
html body.sr-site .sr-dash-pro-chart,
html body.sr-site .sr-dash-pro-trend,
html body.sr-site .sr-dash-pro .sr-viz-panel,
html body.sr-site .sr-faq-card,
html body.sr-site .sr-seo-card {
  margin-inline: 0 !important;
  max-width: 100% !important;
}

/* Consistent section vertical rhythm */
html body.sr-site section[id] + section[id] {
  margin-top: 0 !important;
}

/* Grid items don't overflow */
html body.sr-site .grid {
  max-width: 100% !important;
  overflow: hidden;
}

html body.sr-site .grid > * {
  min-width: 0 !important;
  overflow: hidden;
}

/* ═══════════════════════════════════════════════════════════════
   2. PROFESSIONAL CHARTS — Enhanced visual quality
   ═══════════════════════════════════════════════════════════════ */

/* Live frequency chart card — refined frame */
html body.sr-site .sr-dash-pro-chart {
  border-radius: 1.35rem !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(170deg, rgba(12, 18, 34, 0.96) 0%, rgba(4, 8, 18, 0.98) 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 32px 80px -12px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.03) !important;
  overflow: hidden !important;
}

/* Chart inner frame — crisp professional look */
html body.sr-site .sr-dash-pro-chart-frame {
  position: relative !important;
  height: clamp(13rem, 30vw, 16rem) !important;
  margin: 1rem 1.25rem !important;
  border-radius: 0.85rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(96, 165, 250, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(2, 8, 22, 0.98) 0%, rgba(4, 12, 30, 0.95) 100%) !important;
  box-shadow:
    inset 0 2px 8px rgba(0, 0, 0, 0.4),
    inset 0 0 32px rgba(96, 165, 250, 0.02) !important;
}

/* Chart canvas — smooth rendering */
html body.sr-site .sr-dash-pro-chart-frame canvas {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  image-rendering: auto !important;
}

/* Trend charts — same elevated treatment */
html body.sr-site .sr-dash-pro-trend {
  border-radius: 1.35rem !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(170deg, rgba(12, 18, 34, 0.96) 0%, rgba(4, 8, 18, 0.98) 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 24px 64px -8px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(255, 255, 255, 0.03) !important;
}

html body.sr-site .sr-dash-pro-trend-frame {
  height: 11.5rem !important;
  margin: 0.85rem 1.1rem 1.1rem !important;
  border-radius: 0.85rem !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background:
    linear-gradient(180deg, rgba(2, 8, 22, 0.95) 0%, rgba(4, 12, 30, 0.92) 100%) !important;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

/* Viz panels — earth cavity, spectrum, oscilloscope */
html body.sr-site .sr-dash-pro .sr-viz-panel {
  border-radius: 1.35rem !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(155deg, rgba(8, 16, 32, 0.92) 0%, rgba(4, 10, 22, 0.96) 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 28px 72px -12px rgba(0, 0, 0, 0.48) !important;
  backdrop-filter: blur(24px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(140%) !important;
}

html body.sr-site .sr-dash-pro .sr-viz-canvas-wrap {
  border-radius: 0.85rem !important;
  border: 1px solid rgba(56, 189, 248, 0.1) !important;
  background: rgba(2, 6, 14, 0.88) !important;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.4) !important;
}

/* Spectrogram — premium frame */
html body.sr-site .sr-dash-pro #spectrogram.sr-dash-pro-spectro {
  border-radius: 1.35rem !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(170deg, rgba(10, 16, 32, 0.96) 0%, rgba(4, 8, 18, 0.98) 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 36px 96px -16px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.03) !important;
}

html body.sr-site .sr-dash-pro-spectro-viewport {
  border-radius: 0.85rem !important;
  border: 1px solid rgba(56, 189, 248, 0.12) !important;
  background: #010812 !important;
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

/* Insight tiles — subtle top glow */
html body.sr-site .sr-dash-pro-insight {
  border-radius: 1rem !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.008) 100%),
    rgba(6, 10, 18, 0.82) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 8px 24px -4px rgba(0, 0, 0, 0.3) !important;
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}

html body.sr-site .sr-dash-pro-insight:hover {
  border-color: color-mix(in srgb, var(--dp-insight-accent, #e2c178) 40%, transparent) !important;
  transform: translateY(-2px) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 16px 40px -8px rgba(0, 0, 0, 0.4),
    0 0 24px color-mix(in srgb, var(--dp-insight-accent, #e2c178) 12%, transparent) !important;
}

/* Metric cards — uniform refined appearance */
html body.sr-site .sr-dash-pro .card.metric-card,
html body.sr-site #solar .card {
  border-radius: 1.15rem !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  background:
    linear-gradient(165deg, rgba(10, 16, 30, 0.95) 0%, rgba(4, 8, 18, 0.98) 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 16px 48px -8px rgba(0, 0, 0, 0.4) !important;
  transition: border-color 0.3s ease, transform 0.3s ease !important;
}

html body.sr-site .sr-dash-pro .card.metric-card:hover,
html body.sr-site #solar .card:hover {
  border-color: rgba(255, 255, 255, 0.12) !important;
  transform: translateY(-1px) !important;
}

/* Harmonic cards */
html body.sr-site .sr-dash-pro .grid .card:not(.metric-card) {
  border-radius: 1.15rem !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background:
    linear-gradient(170deg, rgba(10, 16, 30, 0.92) 0%, rgba(4, 8, 18, 0.96) 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.03) inset,
    0 12px 32px -6px rgba(0, 0, 0, 0.35) !important;
  transition: border-color 0.3s ease, transform 0.2s ease !important;
}

html body.sr-site .sr-dash-pro .grid .card:not(.metric-card):hover {
  border-color: rgba(251, 191, 36, 0.25) !important;
  transform: translateY(-2px) !important;
}

/* Harmonic progress bars — gradient */
html body.sr-site .harmonic-bar {
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 60%, #d97706 100%) !important;
  transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
  box-shadow: 0 0 8px rgba(251, 191, 36, 0.3) !important;
}

/* Section header glass card */
html body.sr-site .sr-dash-pro .sr-aether-dash-head {
  border-radius: 1.35rem !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(145deg, rgba(12, 18, 34, 0.92) 0%, rgba(6, 10, 22, 0.96) 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 20px 56px -12px rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(28px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(150%) !important;
}

/* ═══════════════════════════════════════════════════════════════
   3. LOGO — More logo-like, refined mark
   ═══════════════════════════════════════════════════════════════ */

/* Nexus mark container — tighter, more iconic */
html body.sr-site .sr-nexus-mark {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3.2rem !important;
  height: 3.2rem !important;
  border-radius: 1rem !important;
  background:
    linear-gradient(145deg, rgba(6, 20, 42, 0.98) 0%, rgba(2, 10, 24, 0.99) 100%) !important;
  border: 1.5px solid rgba(56, 189, 248, 0.35) !important;
  box-shadow:
    0 0 0 3px rgba(56, 189, 248, 0.06),
    0 8px 24px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.3) !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
}

html body.sr-site .sr-nexus-logo {
  width: 2.4rem !important;
  height: 2.4rem !important;
  filter: drop-shadow(0 0 6px rgba(56, 189, 248, 0.25)) !important;
}

/* Glow ring around logo — subtle professional */
html body.sr-site .sr-nexus-mark-glow {
  position: absolute !important;
  inset: -3px !important;
  border-radius: 1.15rem !important;
  background: conic-gradient(
    from 0deg,
    rgba(56, 189, 248, 0.3),
    rgba(251, 191, 36, 0.15) 25%,
    rgba(56, 189, 248, 0.05) 50%,
    rgba(251, 191, 36, 0.15) 75%,
    rgba(56, 189, 248, 0.3)
  ) !important;
  opacity: 0.6 !important;
  animation: sr-logo-glow-spin 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes sr-logo-glow-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

html body.sr-site .sr-nexus-mark-ring {
  position: absolute !important;
  inset: -1px !important;
  border-radius: 1.1rem !important;
  border: 1px solid rgba(56, 189, 248, 0.2) !important;
  animation: sr-logo-ring-pulse 3.5s ease-in-out infinite !important;
}

@keyframes sr-logo-ring-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.04); }
}

/* Brand lockup text — tighter professional spacing */
html body.sr-site .sr-vdm-brand {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.15rem !important;
  min-width: 0 !important;
}

html body.sr-site .sr-vdm-brand-title {
  font-family: 'Syne', 'Inter', system-ui, sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.15 !important;
  background: linear-gradient(135deg, #f8fafc 0%, #bae6fd 45%, #fde68a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Responsive logo sizes */
@media (min-width: 1280px) {
  html body.sr-site .sr-nexus-mark {
    width: 3.5rem !important;
    height: 3.5rem !important;
    border-radius: 1.1rem !important;
  }

  html body.sr-site .sr-nexus-logo {
    width: 2.6rem !important;
    height: 2.6rem !important;
  }

  html body.sr-site .sr-vdm-brand-title {
    font-size: 0.95rem !important;
  }
}

@media (max-width: 767px) {
  html body.sr-site .sr-nexus-mark {
    width: 2.85rem !important;
    height: 2.85rem !important;
    border-radius: 0.85rem !important;
  }

  html body.sr-site .sr-nexus-logo {
    width: 2.1rem !important;
    height: 2.1rem !important;
  }

  html body.sr-site .sr-vdm-brand-title {
    font-size: 0.72rem !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   4. VISUAL CONSISTENCY — Section transitions & polish
   ═══════════════════════════════════════════════════════════════ */

/* Smooth section transitions */
html body.sr-site section[id] {
  border-top: none !important;
  border-bottom: none !important;
}

/* Consistent card spacing in grids */
html body.sr-site .sr-dash-pro .grid {
  gap: 1rem !important;
}

@media (min-width: 1024px) {
  html body.sr-site .sr-dash-pro .grid.grid-cols-2,
  html body.sr-site .sr-dash-pro .grid.lg\:grid-cols-2 {
    gap: 1.25rem !important;
  }

  html body.sr-site .sr-dash-pro .grid.lg\:grid-cols-4 {
    gap: 1rem !important;
  }

  html body.sr-site .sr-dash-pro .grid.lg\:grid-cols-5 {
    gap: 1rem !important;
  }
}

/* Viz suite consistent spacing */
html body.sr-site .sr-dash-pro .sr-viz-suite {
  gap: 1.25rem !important;
}

/* Ensure all viz canvas heights are consistent */
html body.sr-site .sr-dash-pro .sr-viz-canvas-wrap--earth {
  aspect-ratio: 1 / 1 !important;
  max-height: 340px !important;
}

html body.sr-site .sr-dash-pro .sr-viz-canvas-wrap--spectrum {
  height: 220px !important;
}

html body.sr-site .sr-dash-pro .sr-viz-canvas-wrap--scope {
  height: 180px !important;
}

/* Footer consistent */
html body.sr-site .footer-premium {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Avoid text overflow in any card */
html body.sr-site .card,
html body.sr-site [class*="sr-dash-pro"] {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* Tab row no overflow */
html body.sr-site .sr-dash-pro-tabs {
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

html body.sr-site .sr-dash-pro-tabs::-webkit-scrollbar {
  display: none !important;
}


/* ── sr-master-fix-v5.css ── */
/*
  Schumann Resonance Live — Master Design Fix v5
  Fixes: Logo alignment, header/footer width consistency, drawer UX, mobile, overflow
  Load LAST — 20260521
*/

/* ═══════════════════════════════════════════════════════════════
   1. GLOBAL WIDTH CONSISTENCY — No overflow, no gaps
   ═══════════════════════════════════════════════════════════════ */

html, html body.sr-site {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
}

html body.sr-site {
  --sr-content-lane: min(78rem, calc(100% - 2.5rem));
  --sr-page-gutter: clamp(0.75rem, 2.5vw, 1.5rem);
}

@media (max-width: 767px) {
  html body.sr-site {
    --sr-content-lane: calc(100% - 1.25rem);
    --sr-page-gutter: 0.625rem;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  html body.sr-site {
    --sr-content-lane: min(72rem, calc(100% - 3rem));
  }
}

/* All content containers — same max-width */
html body.sr-site .max-w-7xl,
html body.sr-site .max-w-5xl,
html body.sr-site .max-w-4xl,
html body.sr-site .sr-lane,
html body.sr-site .sr-hero-pro__shell,
html body.sr-site .footer-premium-shell,
html body.sr-site .sr-footer-pro__container,
html body.sr-site #dashboard > .max-w-7xl,
html body.sr-site #dashboard > div:not(.card),
html body.sr-site #guide > .max-w-7xl,
html body.sr-site #guide > div {
  max-width: var(--sr-content-lane) !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

/* Sections full-width with consistent padding */
html body.sr-site section[id],
html body.sr-site .sr-hero-pro.sr-aether-hero,
html body.sr-site footer.footer-premium,
html body.sr-site .sr-faq-section,
html body.sr-site .sr-seo-section,
html body.sr-site .sr-promo-strip,
html body.sr-site #dashboard,
html body.sr-site #guide,
html body.sr-site #about {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: var(--sr-page-gutter) !important;
  box-sizing: border-box !important;
}

/* Footer container matches header max-width */
html body.sr-site footer.footer-premium .sr-footer-pro__container {
  max-width: var(--sr-content-lane) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

/* Header inner matches */
html body.sr-site .sr-vdm-inner {
  max-width: var(--sr-content-lane) !important;
  margin-inline: auto !important;
}

/* No overflow on grids */
html body.sr-site .grid {
  max-width: 100% !important;
  overflow: hidden;
}

html body.sr-site .grid > * {
  min-width: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   2. HEADER — Logo sol tarafa hizalı, şık ve uyumlu
   ═══════════════════════════════════════════════════════════════ */

/* Header bar — fixed, consistent */
html body.sr-site .sr-vdm-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 3.6rem !important;
  padding: 0.5rem 0.85rem !important;
  gap: 0.6rem !important;
}

/* Brand group — logo + text, flex-start (sol hizalı) */
html body.sr-site .sr-vdm-brand {
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 0.6rem !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

/* Logo container — premium rounded square */
html body.sr-site .sr-nexus-mark {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3rem !important;
  height: 3rem !important;
  border-radius: 0.85rem !important;
  background: linear-gradient(145deg, rgba(6, 20, 42, 0.98) 0%, rgba(2, 10, 24, 0.99) 100%) !important;
  border: 1.5px solid rgba(56, 189, 248, 0.3) !important;
  box-shadow:
    0 0 0 2.5px rgba(56, 189, 248, 0.06),
    0 6px 20px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
}

html body.sr-site .sr-nexus-logo {
  width: 2.2rem !important;
  height: 2.2rem !important;
  filter: drop-shadow(0 0 4px rgba(56, 189, 248, 0.2)) !important;
}

/* Glow ring — subtle rotating conic gradient */
html body.sr-site .sr-nexus-mark-glow {
  position: absolute !important;
  inset: -2px !important;
  border-radius: 1rem !important;
  background: conic-gradient(
    from 0deg,
    rgba(56, 189, 248, 0.25),
    rgba(251, 191, 36, 0.12) 25%,
    rgba(56, 189, 248, 0.04) 50%,
    rgba(251, 191, 36, 0.12) 75%,
    rgba(56, 189, 248, 0.25)
  ) !important;
  opacity: 0.55 !important;
  animation: sr-logo-glow 10s linear infinite !important;
  z-index: -1 !important;
}

@keyframes sr-logo-glow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

html body.sr-site .sr-nexus-mark-ring {
  position: absolute !important;
  inset: -1px !important;
  border-radius: 0.95rem !important;
  border: 1px solid rgba(56, 189, 248, 0.18) !important;
  animation: sr-logo-pulse 3s ease-in-out infinite !important;
}

@keyframes sr-logo-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

/* Brand text copy */
html body.sr-site .sr-vdm-brand-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.1rem !important;
  min-width: 0 !important;
}

/* Wordmark */
html body.sr-site .sr-vdm-wordmark {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.05rem !important;
}

html body.sr-site .sr-vdm-wordmark__line {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
}

html body.sr-site .sr-vdm-wordmark__sch {
  font-size: clamp(0.8rem, 1.5vw, 1rem) !important;
}

html body.sr-site .sr-vdm-wordmark__rez {
  font-size: clamp(0.68rem, 1.3vw, 0.84rem) !important;
}

html body.sr-site .sr-vdm-wordmark__live {
  font-size: clamp(0.72rem, 1.35vw, 0.9rem) !important;
}

/* Live Hz badge */
html body.sr-site .sr-vdm-brand-freq {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  font-size: 0.6rem !important;
  color: rgba(186, 230, 253, 0.7) !important;
}

/* ═══════════════════════════════════════════════════════════════
   3. DRAWER (Sağ taraf açılır menü) — Daha güzel, uyumlu
   ═══════════════════════════════════════════════════════════════ */

html body.sr-site .sr-vdm-drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 10060 !important;
  width: min(22rem, 88vw) !important;
  height: 100dvh !important;
  padding: calc(env(safe-area-inset-top, 0px) + 1.25rem) 1.25rem 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  background: linear-gradient(180deg, rgba(4, 10, 22, 0.99) 0%, rgba(2, 6, 14, 1) 100%) !important;
  border-left: 1px solid rgba(56, 189, 248, 0.15) !important;
  box-shadow: -20px 0 60px rgba(0, 0, 0, 0.6) !important;
  transform: translateX(105%) !important;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

html body.sr-site .sr-vdm-drawer.is-open {
  transform: translateX(0) !important;
}

/* Drawer backdrop */
html body.sr-site .sr-vdm-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10055 !important;
  background: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
}

html body.sr-site .sr-vdm-backdrop.is-open {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Drawer top area */
html body.sr-site .sr-vdm-drawer-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html body.sr-site .sr-vdm-drawer-top .sr-nexus-mark {
  width: 2.6rem !important;
  height: 2.6rem !important;
}

html body.sr-site .sr-vdm-drawer-top .sr-nexus-logo {
  width: 1.9rem !important;
  height: 1.9rem !important;
}

/* Drawer close button */
html body.sr-site #sr-cmd-drawer-close {
  width: 2.2rem !important;
  height: 2.2rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0.6rem !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

html body.sr-site #sr-cmd-drawer-close:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Drawer live status */
html body.sr-site .sr-vdm-drawer-live {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.7rem 0.85rem !important;
  border-radius: 0.75rem !important;
  border: 1px solid rgba(52, 211, 153, 0.18) !important;
  background: linear-gradient(135deg, rgba(52, 211, 153, 0.06) 0%, rgba(56, 189, 248, 0.03) 100%) !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

/* Drawer nav links */
html body.sr-site .sr-vdm-drawer-nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
  flex: 1 !important;
}

html body.sr-site .sr-vdm-drawer-link {
  display: flex !important;
  align-items: center !important;
  padding: 0.75rem 0.9rem !important;
  border-radius: 0.7rem !important;
  text-decoration: none !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: rgba(240, 249, 255, 0.92) !important;
  transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease !important;
}

html body.sr-site .sr-vdm-drawer-link:hover {
  background: rgba(56, 189, 248, 0.06) !important;
  transform: translateX(2px) !important;
}

html body.sr-site .sr-vdm-drawer-link.is-active {
  color: #fde68a !important;
  background: rgba(251, 191, 36, 0.08) !important;
  border-left: 3px solid rgba(251, 191, 36, 0.6) !important;
}

html body.sr-site .sr-vdm-drawer-link--star {
  color: #fde68a !important;
  background: rgba(251, 191, 36, 0.04) !important;
}

/* Drawer language section */
html body.sr-site .sr-vdm-drawer-lang {
  margin-top: auto !important;
  padding-top: 0.85rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem !important;
}

html body.sr-site .sr-vdm-drawer-lang .sr-vdm-lang-pill {
  padding: 0.4rem 0.65rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(186, 230, 253, 0.12) !important;
  background: rgba(4, 10, 22, 0.6) !important;
  color: rgba(240, 249, 255, 0.85) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}

html body.sr-site .sr-vdm-drawer-lang .sr-vdm-lang-pill:hover {
  background: rgba(56, 189, 248, 0.08) !important;
  border-color: rgba(56, 189, 248, 0.3) !important;
}

html body.sr-site .sr-vdm-drawer-lang .sr-vdm-lang-pill.is-active {
  border-color: rgba(251, 191, 36, 0.4) !important;
  color: #fde68a !important;
  background: rgba(251, 191, 36, 0.06) !important;
}

/* ═══════════════════════════════════════════════════════════════
   4. SPLASH SCREEN — Logo entegrasyonu (aynı logo)
   ═══════════════════════════════════════════════════════════════ */

/* Splash uses the same nexus logo mark */
#sr-splash .sr-splash-logo-mark {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 4.5rem !important;
  height: 4.5rem !important;
  margin: 0 auto 1rem !important;
  border-radius: 1.2rem !important;
  background: linear-gradient(145deg, rgba(6, 20, 42, 0.98) 0%, rgba(2, 10, 24, 0.99) 100%) !important;
  border: 1.5px solid rgba(45, 212, 191, 0.35) !important;
  box-shadow:
    0 0 0 4px rgba(45, 212, 191, 0.08),
    0 12px 40px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  animation: sr-splash-logo-breathe 3s ease-in-out infinite !important;
}

#sr-splash .sr-splash-logo-mark svg {
  width: 3.2rem !important;
  height: 3.2rem !important;
  filter: drop-shadow(0 0 8px rgba(45, 212, 191, 0.3)) !important;
}

@keyframes sr-splash-logo-breathe {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 4px rgba(45,212,191,0.08), 0 12px 40px rgba(0,0,0,0.5); }
  50% { transform: scale(1.04); box-shadow: 0 0 0 6px rgba(45,212,191,0.12), 0 16px 52px rgba(0,0,0,0.55); }
}

/* ═══════════════════════════════════════════════════════════════
   5. MOBILE RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
  /* Header mobile */
  html body.sr-site .sr-vdm-bar {
    min-height: 3.2rem !important;
    padding: 0.4rem 0.65rem !important;
    border-radius: 0.85rem !important;
    gap: 0.4rem !important;
  }

  html body.sr-site .sr-nexus-mark {
    width: 2.6rem !important;
    height: 2.6rem !important;
    border-radius: 0.75rem !important;
  }

  html body.sr-site .sr-nexus-logo {
    width: 1.9rem !important;
    height: 1.9rem !important;
  }

  html body.sr-site .sr-vdm-brand {
    gap: 0.4rem !important;
    max-width: calc(100% - 6rem) !important;
  }

  html body.sr-site .sr-vdm-brand-freq {
    display: none !important;
  }

  html body.sr-site .sr-vdm-wordmark__wave {
    display: none !important;
  }

  /* Content sections mobile */
  html body.sr-site section[id],
  html body.sr-site .sr-hero-pro.sr-aether-hero,
  html body.sr-site footer.footer-premium,
  html body.sr-site #dashboard {
    padding-inline: 0.625rem !important;
  }

  /* Cards mobile */
  html body.sr-site .card {
    border-radius: 0.85rem !important;
  }

  /* Footer mobile */
  html body.sr-site .sr-footer-pro__matrix {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }

  html body.sr-site .sr-footer-pro__mast {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }

  html body.sr-site .sr-footer-pro__brand {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.75rem !important;
  }

  html body.sr-site .sr-footer-pro__logo {
    width: 2.5rem !important;
    height: 2.5rem !important;
    flex-shrink: 0 !important;
  }

  html body.sr-site .sr-footer-pro__title {
    font-size: 1rem !important;
  }

  /* Grid mobile fixes */
  html body.sr-site .grid.grid-cols-2 {
    gap: 0.65rem !important;
  }

  html body.sr-site #solar.grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.65rem !important;
  }

  html body.sr-site #solar .card {
    padding: 0.85rem !important;
  }

  html body.sr-site #solar .text-3xl {
    font-size: 1.5rem !important;
  }
}

@media (max-width: 480px) {
  html body.sr-site .sr-nexus-mark {
    width: 2.4rem !important;
    height: 2.4rem !important;
  }

  html body.sr-site .sr-nexus-logo {
    width: 1.7rem !important;
    height: 1.7rem !important;
  }

  html body.sr-site .sr-vdm-wordmark__sch {
    font-size: 0.7rem !important;
  }

  html body.sr-site .sr-vdm-wordmark__rez,
  html body.sr-site .sr-vdm-wordmark__live {
    font-size: 0.62rem !important;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  html body.sr-site .sr-nexus-mark {
    width: 2.85rem !important;
    height: 2.85rem !important;
  }

  html body.sr-site .sr-nexus-logo {
    width: 2.1rem !important;
    height: 2.1rem !important;
  }

  html body.sr-site .sr-footer-pro__matrix {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Desktop large */
@media (min-width: 1280px) {
  html body.sr-site .sr-nexus-mark {
    width: 3.3rem !important;
    height: 3.3rem !important;
    border-radius: 1rem !important;
  }

  html body.sr-site .sr-nexus-logo {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   6. FOOTER — Width alignment, consistency with header
   ═══════════════════════════════════════════════════════════════ */

html body.sr-site footer.footer-premium.sr-footer-pro {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding-bottom: calc(2.5rem + env(safe-area-inset-bottom, 0px)) !important;
}

html body.sr-site .sr-footer-pro__ridge {
  width: 100% !important;
  overflow: hidden !important;
}

html body.sr-site .sr-footer-pro__ridge svg {
  width: 100% !important;
  display: block !important;
}

/* Footer brand area with logo */
html body.sr-site .sr-footer-pro__brand {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem !important;
}

html body.sr-site .sr-footer-pro__logo {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3rem !important;
  height: 3rem !important;
  flex-shrink: 0 !important;
}

html body.sr-site .sr-footer-pro__logo .sr-brand-icon-wrap {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.sr-site .sr-footer-pro__logo .sr-brand-logo {
  width: 2.8rem !important;
  height: 2.8rem !important;
}

/* Footer bottom line */
html body.sr-site .sr-footer-pro__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding-top: 1.25rem !important;
  margin-top: 2rem !important;
}

/* ═══════════════════════════════════════════════════════════════
   7. LANGUAGE DROPDOWN (Header) — Daha güzel
   ═══════════════════════════════════════════════════════════════ */

html body.sr-site .sr-vdm-lang-menu {
  position: absolute !important;
  top: calc(100% + 0.5rem) !important;
  right: 0 !important;
  z-index: 10070 !important;
  min-width: 9.5rem !important;
  padding: 0.5rem !important;
  border-radius: 0.85rem !important;
  background: linear-gradient(180deg, rgba(8, 16, 32, 0.99) 0%, rgba(4, 10, 22, 1) 100%) !important;
  border: 1px solid rgba(56, 189, 248, 0.15) !important;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.6),
    0 0 0 1px rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
}

html body.sr-site .sr-vdm-lang-opt {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: 100% !important;
  padding: 0.5rem 0.65rem !important;
  border-radius: 0.55rem !important;
  border: none !important;
  background: transparent !important;
  color: rgba(240, 249, 255, 0.85) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
}

html body.sr-site .sr-vdm-lang-opt:hover {
  background: rgba(56, 189, 248, 0.08) !important;
}

html body.sr-site .sr-vdm-lang-opt.is-active {
  background: rgba(251, 191, 36, 0.08) !important;
  color: #fde68a !important;
}

/* ═══════════════════════════════════════════════════════════════
   8. OVERFLOW PREVENTION — Her yerde kontrol
   ═══════════════════════════════════════════════════════════════ */

html body.sr-site *:not(script):not(style) {
  max-width: 100%;
}

html body.sr-site img,
html body.sr-site video,
html body.sr-site canvas,
html body.sr-site svg:not([class*="sr-vdm-wave"]):not([class*="sr-brand"]):not([class*="sr-nexus"]):not([class*="sr-footer"]):not(.sr-footer-flag-svg) {
  max-width: 100% !important;
  height: auto;
}

html body.sr-site .spectro-container img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Prevent horizontal scroll from any absolute/fixed positioned elements */
html body.sr-site .sr-vdm-meridian,
html body.sr-site .sr-scroll-cosmos-hint {
  max-width: 100vw !important;
  overflow: hidden !important;
}