:root{
  --bg:#07020d;--bg2:#0d0319;--purple:#9b18ff;--purple2:#c42cff;
  --text:#fff;--muted:#a9a1b4;--line:rgba(255,255,255,.10);--kick:#53fc18
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.topbar{position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 48px));height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand img{width:118px;height:54px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 12px rgba(155,24,255,.35))}
nav{display:flex;gap:32px;color:#b9b1c1;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
nav a:hover{color:#fff}.nav-cta{display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid rgba(83,252,24,.28);border-radius:9px;background:rgba(83,252,24,.06);font-size:.76rem;font-weight:900;letter-spacing:.08em}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--kick);box-shadow:0 0 15px var(--kick)}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:#050108}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,1,8,.96) 0%,rgba(4,1,8,.77) 35%,rgba(4,1,8,.22) 67%,rgba(4,1,8,.58) 100%),url('./assets/drex-banner-clean.png');background-size:cover;background-position:center;filter:saturate(1.05)}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#07020d 0%,transparent 24%),radial-gradient(circle at 65% 48%,rgba(155,24,255,.12),transparent 32%)}
.hero-content{position:relative;z-index:3;width:min(1280px,calc(100% - 48px));margin:0 auto;padding-top:90px;display:grid;grid-template-columns:1fr;align-items:center;min-height:100vh}
.kicker{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:900;letter-spacing:.18em;color:#c7bdcf}.kicker span{width:34px;height:2px;background:var(--purple2);box-shadow:0 0 16px var(--purple2)}
h1{font-size:clamp(3.7rem,6.6vw,7.2rem);line-height:.88;letter-spacing:-.07em;margin:20px 0 26px;font-weight:950;text-transform:uppercase;text-shadow:0 8px 40px rgba(0,0,0,.5)}
h1 em,h2 em{font-style:normal;color:var(--purple2);text-shadow:0 0 38px rgba(196,44,255,.3)}
.hero-copy>p{max-width:590px;color:#c0b7c8;font-size:1.06rem;line-height:1.72}
.actions{display:flex;align-items:center;gap:14px;margin-top:34px}.primary,.secondary{min-height:56px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:950;letter-spacing:.08em;border-radius:7px}
.primary{gap:11px;padding:0 21px;background:linear-gradient(135deg,#53fc18,#39d80b);color:#071003;box-shadow:0 15px 42px rgba(83,252,24,.22);transition:.2s}.primary:hover{transform:translateY(-2px);box-shadow:0 20px 55px rgba(83,252,24,.38)}
.secondary{padding:0 17px;color:#c6bdcd;border:1px solid var(--line);background:rgba(255,255,255,.035)}.play{font-size:.72rem}
.micro{display:flex;align-items:center;gap:12px;margin-top:32px;color:#777080;font-size:.64rem;font-weight:900;letter-spacing:.15em}.micro i{width:4px;height:4px;border-radius:50%;background:var(--purple)}
.scroll-cue{position:absolute;z-index:5;bottom:28px;left:50%;transform:translateX(-50%);color:#696170;font-size:.58rem;font-weight:900;letter-spacing:.2em}.scroll-cue span{color:var(--purple2);margin-left:7px}
.identity-strip{min-height:86px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:34px;background:#090110;color:#d8d1de;font-size:.7rem;font-weight:950;letter-spacing:.18em}.identity-strip span{color:var(--purple)}
.universe{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:120px 0}.section-label{color:var(--purple2);font-size:.67rem;font-weight:950;letter-spacing:.17em;margin-bottom:35px}.universe-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}
.universe h2,.live-copy h2{font-size:clamp(3.4rem,6vw,6rem);line-height:.88;letter-spacing:-.065em;margin:0;font-weight:950}.universe h2 span{color:var(--purple2)}
.universe-copy>p{max-width:570px;color:var(--muted);line-height:1.7;margin:28px 0 38px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.features article{border-top:1px solid var(--line);padding:17px 8px 0 0}.features b{color:var(--purple2);font-size:.65rem}.features h3{font-size:.82rem;letter-spacing:.1em;margin:22px 0 8px}.features p{font-size:.78rem;color:#88808f;line-height:1.55}
.poster{position:relative}.poster:before{content:"";position:absolute;inset:7% -3% -5% 7%;border:1px solid rgba(165,29,255,.25);z-index:-1}.poster img{width:100%;display:block;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 80px rgba(0,0,0,.45)}
.live-section{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:40px 0 120px}.live-panel{min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;border:1px solid rgba(170,30,255,.28);background:radial-gradient(circle at 20% 50%,rgba(145,17,255,.2),transparent 34%),#0a0212;box-shadow:0 30px 90px rgba(0,0,0,.45),0 0 45px rgba(155,24,255,.08)}
.live-art{width:min(calc(100% - 32px),528px);aspect-ratio:1;justify-self:center;clip-path:circle(50% at center);background:url('./assets/drex-avatar.png') center/contain no-repeat}
.live-copy{padding:60px}.live-copy p{color:var(--muted);line-height:1.7;margin:24px 0}.live-copy small{display:block;color:#6e6674;margin-top:16px;font-size:.68rem}
.live-copy .kicker span{background:var(--kick);box-shadow:0 0 16px var(--kick)}.live-copy h2 em{color:var(--kick);text-shadow:0 0 38px rgba(83,252,24,.25)}
footer{width:min(1280px,calc(100% - 48px));height:110px;margin:0 auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#706878;font-size:.67rem;letter-spacing:.12em}footer img{width:92px;height:48px;object-fit:contain}footer p span{color:var(--purple2)}footer button{border:0;background:none;color:#817889;cursor:pointer}
.cookie-banner{position:fixed;z-index:100;left:50%;bottom:18px;transform:translateX(-50%);width:min(900px,calc(100% - 30px));display:none;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;background:rgba(11,4,18,.96);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);box-shadow:0 20px 60px #000;border-radius:12px}.cookie-banner.show{display:flex}.cookie-banner strong{font-size:.84rem}.cookie-banner p{margin:5px 0 0;color:#8f8797;font-size:.73rem}.cookie-actions{display:flex;gap:8px}.cookie-actions button{padding:10px 13px;border-radius:7px;border:1px solid var(--line);background:transparent;color:#aaa1b1;font-weight:800}.cookie-actions .accept{background:var(--purple);border-color:var(--purple);color:#fff}
dialog{width:min(560px,calc(100% - 30px));background:#0c0413;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:28px;box-shadow:0 30px 90px #000}dialog::backdrop{background:rgba(0,0,0,.75)}dialog p{color:#aaa1b1;line-height:1.65}.close{position:absolute;right:14px;top:12px;border:0;background:none;color:#fff;font-size:1.4rem}
@media(max-width:900px){nav{display:none}.hero-content{grid-template-columns:1fr;padding-top:130px;padding-bottom:70px}.universe-grid,.live-panel{grid-template-columns:1fr}.poster{margin-top:20px}.features{grid-template-columns:1fr 1fr 1fr}.live-art{margin-top:16px}.identity-strip{gap:15px;overflow:hidden;justify-content:flex-start;padding:0 20px}}
@media(max-width:600px){.topbar{height:76px;width:calc(100% - 28px)}.brand img{width:88px}.nav-cta{padding:9px 11px}.hero-content{width:calc(100% - 28px);padding-top:110px}.hero-bg{background-position:56% center;opacity:.58}h1{font-size:clamp(3.2rem,16vw,5.1rem)}.actions{align-items:stretch;flex-direction:column}.primary,.secondary{width:100%}.micro{flex-wrap:wrap}.identity-strip{min-height:70px}.universe,.live-section{width:calc(100% - 28px)}.universe{padding:85px 0}.features{grid-template-columns:1fr}.features article{padding-bottom:12px}.live-copy{padding:32px 24px}.live-panel{min-height:auto}footer{width:calc(100% - 28px);height:auto;padding:30px 0;gap:16px;flex-wrap:wrap}.cookie-banner{align-items:stretch;flex-direction:column}.cookie-actions button{flex:1}}