/* SCHUMANN RESONANCE LIVE - PREMIUM MASTER v2.1
   Single final visual layer. Header to footer. 3D Earth, glass UI, premium glow.
*/

:root{
  --pm-bg:#02050d;
  --pm-bg2:#061426;
  --pm-card:rgba(7,15,31,.68);
  --pm-card2:rgba(10,24,44,.78);
  --pm-line:rgba(255,255,255,.105);
  --pm-line2:rgba(111,231,255,.34);
  --pm-text:#f7fbff;
  --pm-muted:rgba(226,236,255,.72);
  --pm-soft:rgba(226,236,255,.52);
  --pm-gold:#f8c45a;
  --pm-gold2:#e99b22;
  --pm-cyan:#54f1ff;
  --pm-teal:#26d7be;
  --pm-blue:#3a8dff;
  --pm-violet:#8c6cff;
  --pm-green:#32e676;
  --pm-red:#ff5268;
  --pm-radius:24px;
  --pm-radius2:34px;
  --pm-shadow:0 30px 90px rgba(0,0,0,.54),0 2px 18px rgba(0,0,0,.38);
  --pm-glow:0 0 55px rgba(84,241,255,.16),0 0 90px rgba(248,196,90,.08);
}

*{box-sizing:border-box!important}
html{background:#02050d!important;scroll-behavior:smooth}
body{
  margin:0!important;
  background:
    radial-gradient(circle at 18% 8%,rgba(84,241,255,.18),transparent 32%),
    radial-gradient(circle at 82% 14%,rgba(248,196,90,.12),transparent 30%),
    radial-gradient(circle at 50% 105%,rgba(38,215,190,.14),transparent 42%),
    linear-gradient(180deg,#02050d 0%,#040a16 45%,#02050d 100%)!important;
  color:var(--pm-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  overflow-x:hidden!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:radial-gradient(circle at 50% 38%,black,transparent 78%);
  opacity:.75;
}
body:after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,5,13,.15),rgba(2,5,13,.88) 82%,#02050d),
    radial-gradient(ellipse at 50% -10%,rgba(84,241,255,.11),transparent 58%),
    radial-gradient(ellipse at 50% 115%,rgba(2,5,13,.96),transparent 58%);
}
main,section,footer,nav,.relative,.z-10{position:relative;z-index:2}

/* 3D earth visibility */
#globe-shell{position:fixed!important;inset:0!important;z-index:1!important;display:block!important;pointer-events:none!important;overflow:hidden!important;opacity:1!important}
.globe-3d-stars{opacity:.95!important}
.globe-3d-sphere{filter:drop-shadow(0 0 65px rgba(84,241,255,.24)) drop-shadow(0 0 120px rgba(248,196,90,.08))!important}
.globe-3d-earth{opacity:.9!important}
.globe-3d-corona,.globe-3d-atmosphere{opacity:.9!important}

/* Navigation */
.nav-glass{z-index:9999!important;background:linear-gradient(180deg,rgba(2,5,13,.9),rgba(2,5,13,.58))!important;backdrop-filter:blur(24px) saturate(170%)!important;-webkit-backdrop-filter:blur(24px) saturate(170%)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 55px rgba(0,0,0,.33)!important}
.nav-glass:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(248,196,90,.75),rgba(84,241,255,.8),rgba(248,196,90,.75),transparent);animation:pmLine 4s ease-in-out infinite}
.nav-shell{height:78px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.nav-brand{display:flex!important;align-items:center!important;gap:13px!important;text-decoration:none!important;min-width:0!important}
.brand-mark{width:48px!important;height:48px!important;position:relative!important;display:grid!important;place-items:center!important;filter:drop-shadow(0 0 22px rgba(84,241,255,.22))!important}
.brand-ring{position:absolute!important;inset:0!important;border-radius:50%!important;background:conic-gradient(from 120deg,var(--pm-gold),var(--pm-cyan),var(--pm-violet),var(--pm-gold))!important;animation:pmSpin 6s linear infinite!important;mask:radial-gradient(circle,transparent 58%,black 61%)!important;-webkit-mask:radial-gradient(circle,transparent 58%,black 61%)!important}
.brand-wave{position:absolute!important;inset:8px!important;border-radius:50%!important;border:1px solid rgba(84,241,255,.44)!important;box-shadow:inset 0 0 16px rgba(84,241,255,.2)!important;animation:pmPulse 2.6s ease-in-out infinite!important}
.brand-core{width:15px!important;height:15px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#fff6c8,var(--pm-gold),#b75d10)!important;box-shadow:0 0 22px rgba(248,196,90,.85),0 0 38px rgba(84,241,255,.26)!important}
.brand-caption{display:block!important;font-size:10px!important;font-weight:900!important;letter-spacing:.24em!important;text-transform:uppercase!important;color:var(--pm-gold)!important;line-height:1.1!important}
.brand-title{display:block!important;font-size:18px!important;line-height:1.05!important;font-weight:900!important;letter-spacing:-.04em!important;color:#fff!important;text-shadow:0 0 26px rgba(84,241,255,.14)!important}
.brand-subcopy{display:block!important;font-size:11px!important;color:var(--pm-soft)!important;margin-top:3px!important}
.nav-center{padding:6px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.04)!important;border-radius:999px!important;backdrop-filter:blur(14px)!important}
.nav-pill{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 16px!important;border-radius:999px!important;color:rgba(232,242,255,.78)!important;text-decoration:none!important;font-weight:800!important;font-size:13px!important;transition:.25s ease!important}
.nav-pill:hover,.nav-pill.active{color:#07111f!important;background:linear-gradient(135deg,var(--pm-gold),var(--pm-cyan))!important;box-shadow:0 10px 28px rgba(84,241,255,.18)!important;transform:translateY(-1px)!important}
.nav-right{display:flex!important;align-items:center!important;gap:10px!important}
.nav-live-strip,.nav-cta-link{border:1px solid rgba(255,255,255,.1)!important;background:rgba(7,15,31,.62)!important;backdrop-filter:blur(14px)!important;border-radius:999px!important;box-shadow:0 12px 34px rgba(0,0,0,.26)!important;color:#fff!important}
.nav-live-dot{background:var(--pm-green)!important;box-shadow:0 0 16px var(--pm-green)!important;animation:pmPulse 1.5s ease-in-out infinite!important}
.nav-cta-link{background:linear-gradient(135deg,rgba(248,196,90,.98),rgba(84,241,255,.92))!important;color:#06101c!important;font-weight:900!important;text-decoration:none!important;transition:.25s!important}
.nav-cta-link:hover{transform:translateY(-2px)!important;box-shadow:0 16px 40px rgba(84,241,255,.22),0 10px 30px rgba(248,196,90,.18)!important}

/* Hero */
.hero-stage{min-height:94vh!important;padding-top:150px!important;isolation:isolate!important}
.hero-stage:before{content:"";position:absolute;inset:8% 8% auto 8%;height:58%;z-index:-1;background:radial-gradient(ellipse at center,rgba(84,241,255,.16),rgba(140,108,255,.08) 36%,transparent 70%);filter:blur(8px);animation:pmFloat 7s ease-in-out infinite}
.hero-visual-h1{font-size:clamp(42px,7.2vw,98px)!important;line-height:.92!important;letter-spacing:-.075em!important;max-width:1000px!important;margin:0 auto 22px!important;color:#fff!important;text-wrap:balance!important;text-shadow:0 0 34px rgba(84,241,255,.16),0 12px 40px rgba(0,0,0,.52)!important;background:linear-gradient(180deg,#fff 0%,#dffaff 42%,#8b9ab5 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.hero-readout-wrap{max-width:560px!important;margin:28px auto!important;padding:22px!important;border-radius:34px!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:var(--pm-shadow),var(--pm-glow)!important;backdrop-filter:blur(22px) saturate(150%)!important}
.hero-readout-shell{border-radius:26px!important;background:radial-gradient(circle at 50% 0%,rgba(248,196,90,.14),transparent 55%),rgba(2,5,13,.52)!important;border:1px solid rgba(255,255,255,.09)!important;padding:24px!important}
.hero-freq-value{font-size:clamp(72px,13vw,140px)!important;line-height:.82!important;font-weight:900!important;letter-spacing:-.08em!important;background:linear-gradient(135deg,#fff5be,var(--pm-gold),var(--pm-cyan))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 0 28px rgba(248,196,90,.24))!important}
.hero-freq-unit{color:var(--pm-cyan)!important;font-weight:900!important;letter-spacing:.2em!important;text-transform:uppercase!important}
.hero-readout-sub,.hero-readout-status{color:var(--pm-muted)!important}
.hero-stats-row>*,.hero-stat,.metric-card,.data-card,.stat-card,.panel,.glass-panel,.content-card,.info-card{background:linear-gradient(180deg,rgba(255,255,255,.073),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--pm-radius)!important;box-shadow:var(--pm-shadow)!important;backdrop-filter:blur(18px) saturate(155%)!important;-webkit-backdrop-filter:blur(18px) saturate(155%)!important;position:relative!important;overflow:hidden!important;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important}
.hero-stats-row>*:before,.metric-card:before,.data-card:before,.panel:before,.content-card:before,.info-card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(84,241,255,.62),rgba(248,196,90,.5),transparent)!important;opacity:.88!important}
.hero-stats-row>*:hover,.metric-card:hover,.data-card:hover,.panel:hover,.content-card:hover,.info-card:hover{transform:translateY(-6px)!important;border-color:rgba(84,241,255,.28)!important;box-shadow:0 34px 95px rgba(0,0,0,.58),0 0 70px rgba(84,241,255,.14)!important}

/* Sections and text */
h1,h2,h3,h4,h5,h6{color:#fff!important;font-weight:900!important;letter-spacing:-.035em!important}
p,li,span{color:inherit}
a{transition:.2s ease!important}
.section-title,h2{background:linear-gradient(135deg,#fff,#c9fbff 45%,#ffe8ad)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.text-gray-400,.text-gray-500,.text-slate-400,.text-slate-500{color:var(--pm-muted)!important}
.bg-dark-900,.bg-dark-950,.bg-slate-900,.bg-gray-900{background:rgba(7,15,31,.62)!important}
.border-dark-800,.border-slate-800,.border-gray-800{border-color:rgba(255,255,255,.1)!important}

/* Images, charts, ad blocks */
img,canvas,iframe{border-radius:18px!important}
.ad-container,ins.adsbygoogle{border-radius:20px!important;overflow:hidden!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important}

/* Footer */
.footer-premium,footer{margin-top:70px!important;background:linear-gradient(180deg,rgba(2,5,13,.48),rgba(2,5,13,.94))!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:0 -30px 90px rgba(0,0,0,.42)!important;overflow:hidden!important}
.footer-premium:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,var(--pm-gold),var(--pm-cyan),var(--pm-gold),transparent)!important;opacity:.75}
.footer-premium:after{content:"";position:absolute;inset:auto -15% -55% -15%;height:85%;background:radial-gradient(ellipse at center,rgba(84,241,255,.13),transparent 66%);pointer-events:none}
.footer-premium-shell{position:relative!important;z-index:2!important;padding:30px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:34px!important;background:linear-gradient(180deg,rgba(255,255,255,.064),rgba(255,255,255,.028))!important;backdrop-filter:blur(20px) saturate(160%)!important;box-shadow:var(--pm-shadow)!important}
.footer-premium-logo{background:linear-gradient(135deg,var(--pm-gold),var(--pm-cyan))!important;color:#06101c!important;box-shadow:0 0 30px rgba(84,241,255,.18)!important}
.footer-premium-kicker,.footer-premium-col h4{color:var(--pm-gold)!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:900!important}
.footer-premium h3{font-size:28px!important;margin:0!important;background:linear-gradient(135deg,#fff,#dffaff,var(--pm-gold))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.footer-premium p{color:var(--pm-muted)!important;line-height:1.75!important}
.footer-premium-chip{border:1px solid rgba(84,241,255,.26)!important;background:rgba(84,241,255,.08)!important;color:#dffaff!important;border-radius:999px!important}
.footer-premium-col a{color:var(--pm-muted)!important;text-decoration:none!important;padding:7px 0!important;display:block!important}
.footer-premium-col a:hover{color:var(--pm-cyan)!important;transform:translateX(4px)!important}

/* Mobile */
@media(max-width:900px){
  .nav-shell{height:68px!important}.brand-title{font-size:15px!important}.brand-subcopy,.brand-caption{display:none!important}.brand-mark{width:40px!important;height:40px!important}.hero-stage{padding-top:115px!important}.hero-visual-h1{font-size:clamp(36px,13vw,58px)!important}.hero-readout-wrap{padding:14px!important;border-radius:26px!important}.hero-freq-value{font-size:82px!important}.footer-premium-shell{padding:20px!important;border-radius:24px!important}
}
@media(max-width:640px){.nav-center,.nav-live-strip{display:none!important}.nav-cta-link{display:none!important}.hero-stage{min-height:86vh!important}.hero-readout-shell{padding:18px!important}.footer-premium-grid{grid-template-columns:1fr!important}}

/* Motion */
@keyframes pmSpin{to{transform:rotate(360deg)}}
@keyframes pmPulse{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes pmLine{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes pmFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.03)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


/* ═══════════════════════════════════════════════════════════════
   PROFESSIONAL BRAND LOGO UPGRADE v3
   Premium scientific observatory mark: orbit, pulse, core, depth
   ═══════════════════════════════════════════════════════════════ */
.nav-brand{gap:15px!important;isolation:isolate!important}
.brand-mark{width:54px!important;height:54px!important;border-radius:18px!important;background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.26),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -18px 38px rgba(0,0,0,.26),0 18px 44px rgba(0,0,0,.36),0 0 34px rgba(84,241,255,.18)!important;overflow:hidden!important;transform:translateZ(0)!important}
.brand-mark:before{content:""!important;position:absolute!important;inset:7px!important;border-radius:50%!important;background:radial-gradient(circle at 42% 38%,#fff8d6 0 8%,#f8c45a 9% 15%,transparent 16%),radial-gradient(circle at 50% 50%,rgba(84,241,255,.18),transparent 46%),conic-gradient(from 210deg,rgba(84,241,255,.0),rgba(84,241,255,.72),rgba(248,196,90,.92),rgba(140,108,255,.62),rgba(84,241,255,.0))!important;mask:radial-gradient(circle,transparent 0 38%,#000 40% 44%,transparent 46% 57%,#000 59% 63%,transparent 65%)!important;-webkit-mask:radial-gradient(circle,transparent 0 38%,#000 40% 44%,transparent 46% 57%,#000 59% 63%,transparent 65%)!important;animation:pmLogoOrbit 8s linear infinite!important;opacity:.98!important}
.brand-mark:after{content:""!important;position:absolute!important;width:72%!important;height:28%!important;left:14%!important;top:36%!important;border-radius:50%!important;border-top:2px solid rgba(84,241,255,.78)!important;border-bottom:1px solid rgba(248,196,90,.42)!important;transform:rotate(-18deg)!important;filter:drop-shadow(0 0 8px rgba(84,241,255,.52))!important;opacity:.86!important}
.brand-ring{inset:5px!important;border-radius:50%!important;background:conic-gradient(from 90deg,transparent 0 11%,rgba(84,241,255,.95) 12% 24%,transparent 25% 45%,rgba(248,196,90,.95) 46% 62%,transparent 63% 82%,rgba(140,108,255,.82) 83% 96%,transparent 97%)!important;mask:radial-gradient(circle,transparent 54%,#000 56% 60%,transparent 62%)!important;-webkit-mask:radial-gradient(circle,transparent 54%,#000 56% 60%,transparent 62%)!important;animation:pmLogoOrbitReverse 10s linear infinite!important;opacity:1!important}
.brand-wave{inset:auto!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,transparent 0 13%,rgba(84,241,255,.72) 14% 18%,transparent 19% 31%,rgba(248,196,90,.78) 32% 36%,transparent 37% 49%,rgba(84,241,255,.58) 50% 54%,transparent 55% 100%)!important;height:26px!important;top:14px!important;left:9px!important;right:9px!important;width:auto!important;clip-path:polygon(0 52%,8% 39%,16% 52%,24% 28%,32% 52%,42% 68%,52% 36%,62% 52%,72% 44%,82% 52%,100% 52%,100% 62%,82% 62%,72% 54%,62% 62%,52% 46%,42% 78%,32% 62%,24% 38%,16% 62%,8% 49%,0 62%)!important;filter:drop-shadow(0 0 7px rgba(84,241,255,.58))!important;animation:pmLogoWave 2.8s ease-in-out infinite!important;opacity:.95!important}
.brand-core{width:10px!important;height:10px!important;background:radial-gradient(circle at 35% 28%,#fff,#fff2aa 30%,#f8c45a 58%,#ff7a1a 100%)!important;box-shadow:0 0 12px rgba(248,196,90,.95),0 0 25px rgba(84,241,255,.38),0 0 44px rgba(248,196,90,.22)!important;z-index:5!important}
.brand-lockup{padding-top:1px!important}.brand-caption{color:rgba(248,196,90,.92)!important;font-size:9px!important;letter-spacing:.32em!important}.brand-title{font-size:18.5px!important;letter-spacing:-.055em!important;background:linear-gradient(135deg,#ffffff 0%,#e8fbff 42%,#f8c45a 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.brand-subcopy{color:rgba(226,236,255,.58)!important;letter-spacing:.03em!important}
@keyframes pmLogoOrbit{to{transform:rotate(360deg)}}@keyframes pmLogoOrbitReverse{to{transform:rotate(-360deg)}}@keyframes pmLogoWave{0%,100%{transform:translateY(0) scaleX(1);opacity:.82}50%{transform:translateY(-1px) scaleX(1.08);opacity:1}}
@media(max-width:900px){.brand-mark{width:46px!important;height:46px!important;border-radius:15px!important}.brand-wave{top:11px!important;left:8px!important;right:8px!important;height:23px!important}.brand-title{font-size:15.5px!important}}


/* ═══════════════════════════════════════════════════════════════
   HEADER MOBILE HARDENING v4
   Zero overflow, safe-area support, professional mobile menu
   ═══════════════════════════════════════════════════════════════ */
.nav-glass{padding-top:env(safe-area-inset-top,0)!important}
.nav-glass>.max-w-7xl{width:100%!important;max-width:1280px!important;margin:0 auto!important}
.nav-shell{min-width:0!important;width:100%!important}
.nav-brand{min-width:0!important;max-width:min(58vw,430px)!important;overflow:hidden!important}
.brand-lockup{min-width:0!important;overflow:hidden!important}
.brand-title,.brand-caption,.brand-subcopy{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.nav-right{flex-shrink:0!important;min-width:max-content!important}
.locale-select-wrap{height:42px!important;min-width:76px!important;border-radius:999px!important;background:rgba(7,15,31,.64)!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 10px 28px rgba(0,0,0,.24)!important;backdrop-filter:blur(14px)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0 10px!important;color:#fff!important}
.locale-select{height:100%!important;background:transparent!important;border:0!important;color:#fff!important;font-weight:900!important;font-size:12px!important;outline:0!important;appearance:none!important;-webkit-appearance:none!important;max-width:46px!important;padding:0!important;cursor:pointer!important}
.locale-select option{background:#07101f!important;color:#fff!important}
.nav-mobile-toggle{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;display:none!important;align-items:center!important;justify-content:center!important;box-shadow:0 10px 28px rgba(0,0,0,.26),0 0 22px rgba(84,241,255,.08)!important;backdrop-filter:blur(14px)!important}
.nav-mobile-toggle svg{display:block!important;stroke:currentColor!important}
.nav-mobile-toggle:hover{transform:translateY(-1px)!important;border-color:rgba(84,241,255,.28)!important;box-shadow:0 14px 32px rgba(0,0,0,.34),0 0 26px rgba(84,241,255,.16)!important}
.nav-mobile-overlay{position:fixed!important;inset:0!important;z-index:9998!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:calc(88px + env(safe-area-inset-top,0px)) 14px 18px!important;background:rgba(2,5,13,.72)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .24s ease,visibility .24s ease!important}
.nav-mobile-overlay.is-open,.nav-mobile-overlay.active,.nav-mobile-overlay[aria-hidden="false"]{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.nav-mobile-menu{width:min(100%,430px)!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 34px 95px rgba(0,0,0,.56),0 0 80px rgba(84,241,255,.12)!important;padding:16px!important;max-height:calc(100dvh - 112px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
.nav-mobile-links{display:grid!important;gap:9px!important}
.nav-mobile-link{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:50px!important;padding:0 16px!important;border-radius:18px!important;background:rgba(7,15,31,.52)!important;border:1px solid rgba(255,255,255,.08)!important;color:rgba(244,250,255,.88)!important;text-decoration:none!important;font-weight:900!important;letter-spacing:-.01em!important}
.nav-mobile-link:hover,.nav-mobile-link.active{color:#06101c!important;background:linear-gradient(135deg,var(--pm-gold),var(--pm-cyan))!important;box-shadow:0 12px 34px rgba(84,241,255,.18)!important}
.nav-mobile-link.star-link{background:linear-gradient(135deg,rgba(248,196,90,.2),rgba(84,241,255,.12))!important;border-color:rgba(248,196,90,.22)!important;color:#fff8df!important}
.nav-mobile-footer{margin-top:14px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important}
.nav-mobile-footer .locale-select-wrap{width:100%!important;max-width:100%!important;justify-content:space-between!important;padding:0 16px!important}
.nav-mobile-footer .locale-select{max-width:100%!important;width:100%!important}

@media(max-width:1024px){
  .nav-shell{height:72px!important;gap:10px!important}
  .nav-center{display:none!important}
  .nav-live-strip,.nav-cta-link{display:none!important}
  .nav-mobile-toggle{display:inline-flex!important}
  .nav-brand{max-width:calc(100vw - 170px)!important}
}
@media(max-width:768px){
  .nav-glass>.max-w-7xl{padding-left:14px!important;padding-right:14px!important}
  .nav-shell{height:68px!important}
  .brand-mark{width:44px!important;height:44px!important;border-radius:15px!important;min-width:44px!important}
  .status-dot{width:9px!important;height:9px!important;border-width:1px!important}
  .brand-title{font-size:14.5px!important;line-height:1!important}
  .logo-desktop{display:none!important}.logo-mobile{display:inline!important}
  .brand-caption,.brand-subcopy{display:none!important}
  .locale-select-wrap{height:40px!important;min-width:62px!important;padding:0 8px!important}
  .nav-mobile-toggle{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important}
  .nav-right{gap:7px!important}
  .hero-stage{padding-top:118px!important}
}
@media(max-width:390px){
  .nav-glass>.max-w-7xl{padding-left:10px!important;padding-right:10px!important}
  .nav-shell{gap:6px!important;height:64px!important}
  .nav-brand{gap:9px!important;max-width:calc(100vw - 128px)!important}
  .brand-mark{width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important}
  .brand-title{font-size:13px!important;max-width:120px!important}
  .locale-select-wrap{min-width:56px!important;height:38px!important}
  .locale-select{font-size:11px!important;max-width:34px!important}
  .nav-mobile-toggle{width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important}
  .nav-mobile-overlay{padding-top:calc(78px + env(safe-area-inset-top,0px))!important}
}
@media(max-width:340px){
  .brand-title{max-width:92px!important;font-size:12px!important}
  .nav-brand{max-width:calc(100vw - 116px)!important}
  .locale-select-wrap{min-width:50px!important;padding:0 6px!important}
}


/* === LIVE BACKGROUND VISIBILITY FIX 20260430 ===
   Atlas canvas/earth background was rendered but hidden under same-level overlays.
   Keep all content above, but let the animated Earth/space layer remain visible. */
#atlas-real-earth-bg{z-index:1!important;display:block!important;visibility:visible!important;opacity:1!important;mix-blend-mode:normal!important;}
#atlas-real-earth-bg canvas{opacity:1!important;visibility:visible!important;display:block!important;}
#earth-3d-container{z-index:1!important;opacity:1!important;visibility:visible!important;display:block!important;}
#globe-shell{z-index:2!important;opacity:.82!important;visibility:visible!important;display:block!important;}
body:before{z-index:3!important;opacity:.20!important;}
body:after{z-index:3!important;opacity:.38!important;background:linear-gradient(180deg,rgba(2,5,13,.03),rgba(2,5,13,.30) 72%,rgba(2,5,13,.72))!important;}
body > *:not(#atlas-real-earth-bg):not(#earth-3d-container):not(#globe-shell):not(script):not(style){position:relative!important;z-index:5!important;}
main,section,footer,nav,.relative,.z-10,.nav-glass{position:relative;z-index:6!important;}
.hero-stage{background:transparent!important;}
.hero-stage-shell,.hero-readout-wrap,.hero-audience-card,.metric-card,.data-card,.panel,.glass-panel,.content-card,.info-card{background-color:rgba(2,5,13,.42)!important;}
@media(max-width:760px){#atlas-real-earth-bg{z-index:1!important}#globe-shell{opacity:.62!important}.hero-stage-shell,.hero-readout-wrap{background-color:rgba(2,5,13,.50)!important}}


/* === FORCE VISIBLE ATLAS EARTH BACKGROUND 20260430 ===
   CSS fallback: visible even if canvas/WebGL is blocked by browser/cache. */
html,body{background:#02040b!important;min-height:100%!important;}
body{background:
  radial-gradient(circle at 72% 38%,rgba(120,210,255,.40) 0 7%,rgba(33,120,220,.50) 8% 18%,rgba(4,28,72,.72) 19% 30%,rgba(0,0,0,0) 31%),
  radial-gradient(circle at 70% 36%,rgba(255,225,145,.28) 0 4%,rgba(255,225,145,0) 18%),
  radial-gradient(ellipse at 69% 39%,rgba(95,240,255,.32) 0 24%,rgba(95,240,255,.12) 31%,rgba(95,240,255,0) 43%),
  radial-gradient(ellipse at 17% 20%,rgba(86,120,255,.24),transparent 45%),
  radial-gradient(ellipse at 45% 80%,rgba(140,90,255,.18),transparent 48%),
  linear-gradient(180deg,#01030a 0%,#061226 48%,#01030a 100%)!important;
  background-attachment:fixed!important;
}
body:before{content:""!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;opacity:.95!important;background:
  radial-gradient(circle at 72% 38%,rgba(255,255,255,.34) 0 1.5%,transparent 2.2%),
  radial-gradient(circle at 65% 31%,rgba(56,177,98,.38) 0 3.5%,transparent 4.6%),
  radial-gradient(circle at 76% 43%,rgba(69,190,112,.34) 0 4.2%,transparent 5.2%),
  radial-gradient(circle at 70% 50%,rgba(41,139,88,.30) 0 3.2%,transparent 4.4%),
  radial-gradient(circle at 72% 38%,rgba(80,205,255,.0) 0 23%,rgba(80,205,255,.36) 25%,rgba(80,205,255,.0) 34%),
  repeating-radial-gradient(circle at 72% 38%,rgba(96,225,255,.16) 0 1px,transparent 2px 18px),
  radial-gradient(circle at 15% 18%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),
  radial-gradient(circle at 25% 55%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),
  radial-gradient(circle at 42% 28%,rgba(255,255,255,.6) 0 1px,transparent 1.5px),
  radial-gradient(circle at 88% 18%,rgba(255,255,255,.55) 0 1px,transparent 1.5px)!important;
  background-size:auto,auto,auto,auto,auto,auto,220px 220px,260px 260px,310px 310px,190px 190px!important;
}
body:after{content:""!important;position:fixed!important;inset:0!important;z-index:1!important;pointer-events:none!important;opacity:.55!important;background:linear-gradient(90deg,rgba(1,3,10,.80),rgba(1,3,10,.22) 48%,rgba(1,3,10,.50)),linear-gradient(180deg,rgba(1,3,10,.06),rgba(1,3,10,.72) 88%)!important;}
#atlas-real-earth-bg,#earth-3d-container,#globe-shell{z-index:2!important;}
body > *:not(#atlas-real-earth-bg):not(#earth-3d-container):not(#globe-shell):not(script):not(style){position:relative!important;z-index:5!important;}
main,section,footer,nav,.relative,.z-10,.nav-glass{position:relative!important;z-index:7!important;}