body{margin:0;background:#06111c;color:#ecfbff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body:before,body:after{content:"";position:fixed;width:48vw;height:48vw;border-radius:50%;filter:blur(60px);opacity:.2;z-index:-2}.body:before{left:-15vw;top:-10vw;background:#48f0c8}.body:after{right:-20vw;bottom:-15vw;background:#6755ff}
.wrap{max-width:1280px;margin:auto;padding:20px}.top{position:sticky;top:12px;z-index:80}.nav{display:flex;gap:8px;overflow:auto;backdrop-filter:blur(16px);background:rgba(5,13,24,.72);border:1px solid rgba(160,240,255,.2);padding:8px;border-radius:18px}.nav a{color:#9cb6c5;text-decoration:none;padding:10px 12px;font-size:11px;border-radius:12px;text-transform:uppercase}.nav a.active,.nav a:hover{background:rgba(110,240,218,.1);color:#fff}
.hero{margin-top:24px;display:grid;grid-template-columns:1fr .55fr;gap:18px}.glass{border:1px solid rgba(165,240,255,.24);background:linear-gradient(135deg,rgba(30,70,100,.3),rgba(11,19,43,.48));backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 20px 70px rgba(0,0,0,.22)}
.hero-main{padding:44px;min-height:520px;position:relative;overflow:hidden}.hero-main:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-220px;top:-180px;border:1px solid rgba(116,255,221,.26);box-shadow:0 0 100px rgba(116,255,221,.12);animation:orbit 18s linear infinite}
.kicker{font-size:11px;letter-spacing:.2em;color:#8fe8dc}h1{font-size:clamp(54px,8vw,112px);line-height:.8;margin:14px 0;letter-spacing:-.06em}.lead{font-size:18px;line-height:1.8;color:#c2d7df;max-width:820px}.side-stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}.metric{padding:24px}.metric b{font-size:40px}.metric small{display:block;color:#8caebb;margin-top:6px}
.content{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.card{padding:26px}.card h2{margin-top:0}.card p{color:#c3d6df;line-height:1.8}.orb{width:90px;height:90px;border-radius:50%;border:1px solid rgba(126,255,228,.6);box-shadow:0 0 45px rgba(126,255,228,.15);animation:float 4s ease-in-out infinite}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-13px) scale(1.05)}}

.redirects{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.redirect-button{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 20px;border:1px solid rgba(111,213,238,.5);background:rgba(2,13,19,.3);color:#effaff;text-decoration:none;font:700 11px Arial,sans-serif;letter-spacing:.15em;transition:.25s}
.redirect-button:hover{transform:translateY(-3px);border-color:#7ce4ff;box-shadow:0 10px 26px rgba(58,191,227,.13)}
.redirect-button b{font-size:14px}
.sources-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.sources-mini>div{padding:16px;border:1px solid currentColor;opacity:.74}.sources-mini strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.sources-mini a{color:inherit}
.footer{margin:22px 0;color:inherit;opacity:.7;font-size:11px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){
 .hero,.hero-top,.content,.header{grid-template-columns:1fr}.hero-aside,.hero-note,.hero-card+.side-stack,.hero-main+.hero-aside,.stamp,.side{border-left:0;border-top:1px solid rgba(120,150,170,.3)}
 .stat-row,.band,.modules,.tiles,.records,.cards,.grid-cards,.sources-mini{grid-template-columns:1fr}
 .content{display:block}.side{border-right:0}.redirects{grid-template-columns:1fr}
}