
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}
}

/* Site-specific motion layer */
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes slidein{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}@keyframes fadezoom{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes signal{0%{opacity:0;clip-path:inset(0 100% 0 0)}100%{opacity:1;clip-path:inset(0)}}@keyframes paperin{from{opacity:0;transform:translateY(12px) rotate(-.5deg)}to{opacity:1;transform:none}}@keyframes orbitfade{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes scanin{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.hero{animation:slidein .9s cubic-bezier(.2,.8,.2,1) both}.tile:hover{transform:scale(1.025)}

/* DISTINCT VISUAL REDESIGN */
body{background:#08121f;color:#eafaff;font-family:system-ui,sans-serif;background-image:radial-gradient(ellipse at 80% 0%,#1d4561 0,transparent 42%)}.nav{border-radius:999px;padding:5px;background:#102436}.nav a{border-radius:999px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;padding:56px 0}.hero-main{background:linear-gradient(135deg,#12364a,#102030);border:1px solid #2e7e8c;border-radius:26px;padding:38px}.hero h1{font-size:clamp(42px,7vw,92px);letter-spacing:-.06em}.signal,.stat{border:1px solid #326174;background:#0d2434;border-radius:18px;padding:20px}.redirect-button{border-radius:18px;background:#55e6c1;color:#06201d}
@media(max-width:760px){.hero{display:block;padding:24px 0}.hero-main{margin-bottom:18px}.hero h1{font-size:clamp(38px,12vw,64px)}}


/* SITE-SPECIFIC REBUILD: unique layout, typography, palette, component geometry, and motion */
body{background:#eaf0f5;color:#10283b;font-family:Inter, Arial, sans-serif}.wrap{max-width:1380px}.top{background:#10283b;color:#eaf0f5;border-bottom:1px solid #5dd6c4}.nav a{color:#eaf0f5}.hero{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:2.5rem 0}.hero-main,.hero-side,.article,.stat{border:1px solid #9cb3c4;border-radius:14px;background:#fff;padding:1.7rem}.hero h1{font-size:clamp(2.8rem,6vw,5.8rem);letter-spacing:-.055em}.signal{background:linear-gradient(90deg,#5dd6c4,transparent);height:5px}.redirect-button{border-radius:999px;background:#5dd6c4;color:#10283b}.content{gap:2rem}.card:hover{transform:translateY(-3px) scale(1.01)}
@media(max-width:760px){.hero{display:block!important;padding:1.5rem 0!important}.hero-main,.hero-side{margin:0 0 1rem!important;transform:none!important}.content{display:block!important}.side{position:static!important}.hero h1{font-size:clamp(2.3rem,11vw,4rem)!important}}
@media(prefers-reduced-motion:reduce){.hero-main{animation:none!important}}
