*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#050505;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}

.hero{
min-height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:40px 20px;
position:relative;
overflow:hidden;
background:#030305;
}

.hero::before{
content:"";
position:absolute;
inset:-50%;
background:
radial-gradient(circle at 20% 30%,rgba(140,60,255,.55),transparent 22%),
radial-gradient(circle at 80% 40%,rgba(0,160,255,.45),transparent 25%),
radial-gradient(circle at 50% 80%,rgba(120,0,200,.50),transparent 28%);
filter:blur(38px);
animation:voidDrift 5s ease-in-out infinite alternate;
}

.hero::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.35),#050505);
}

.hero>*{
position:relative;
z-index:2;
}

@keyframes voidDrift{
0%{transform:translate(-10%,-6%) rotate(0deg) scale(1)}
100%{transform:translate(10%,6%) rotate(25deg) scale(1.2)}
}

.logo{
width:95%;
max-width:650px;
margin-bottom:25px;
filter:drop-shadow(0 0 12px rgba(132,61,255,.8)) drop-shadow(0 0 45px rgba(0,140,255,.45));
animation:logoPulse 3.5s ease-in-out infinite alternate;
}

@keyframes logoPulse{
0%{transform:scale(1)}
100%{transform:scale(1.03)}
}

.tagline{
font-size:1.3rem;
color:#bdbdbd;
margin-bottom:12px;
letter-spacing:1px;
}

.tagline + .tagline{
margin-bottom:36px;
}

.cta-stack{
display:flex;
flex-direction:column;
align-items:center;
gap:18px;
width:100%;
max-width:720px;
}

.cta-primary{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:14px;
width:100%;
}

.cta-primary a{
color:white;
text-decoration:none;
background:#6d28d9;
padding:16px 28px;
border-radius:12px;
transition:.3s;
border:1px solid #8b5cf6;
font-weight:700;
box-shadow:0 0 22px rgba(109,40,217,.35);
}

.cta-primary a:hover{
background:#7c3aed;
transform:translateY(-3px);
box-shadow:0 0 30px rgba(140,80,255,.5);
}

.cta-primary a.cta-secondary{
background:#1a1028;
border-color:rgba(180,80,255,.4);
box-shadow:none;
font-weight:600;
}

.cta-primary a.cta-secondary:hover{
background:#2a1840;
border-color:rgba(180,80,255,.7);
}

.listen-row{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:10px 14px;
color:#9a9a9a;
font-size:.95rem;
}

.listen-row .listen-label{
letter-spacing:1px;
text-transform:uppercase;
font-size:.75rem;
color:#888;
}

.listen-row a{
color:#e8d5ff;
text-decoration:none;
padding:8px 12px;
border-radius:999px;
border:1px solid rgba(255,255,255,.1);
background:rgba(255,255,255,.04);
transition:.25s;
}

.listen-row a:hover{
color:#fff;
border-color:rgba(180,80,255,.55);
background:rgba(109,40,217,.25);
}

.quiet-links{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px 18px;
font-size:.95rem;
}

.quiet-links a{
color:#9f9f9f;
text-decoration:none;
border-bottom:1px solid transparent;
transition:.2s;
}

.quiet-links a:hover{
color:#e0c8ff;
border-bottom-color:rgba(180,80,255,.5);
}

section{
max-width:1000px;
margin:auto;
padding:80px 25px;
}

h2{
font-size:2rem;
letter-spacing:4px;
margin-bottom:25px;
}

.featured{
text-align:center;
margin-bottom:40px;
}

.featured p{
color:#9f9f9f;
}

.video{
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
border-radius:15px;
box-shadow:0 0 25px rgba(132,61,255,.15),0 0 50px rgba(132,61,255,.08);
}

.video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

p{
color:#d0d0d0;
line-height:1.8;
margin-bottom:20px;
}

.contact-box{
background:#111;
border-radius:15px;
padding:25px;
border:1px solid rgba(255,255,255,.05);
}

.contact-box a{
color:#e0c8ff;
text-decoration:none;
border-bottom:1px solid rgba(180,80,255,.45);
}

.contact-box a:hover{
color:#fff;
border-bottom-color:#b45cff;
}

footer{
text-align:center;
padding:40px;
color:#666;
border-top:1px solid #151515;
}

@media(max-width:768px){
.logo{width:100%}
.tagline{font-size:1.1rem}
h2{font-size:1.5rem}
.cta-primary a{width:90%;text-align:center}
.listen-row{gap:8px}
}

#voidSplash{
position:fixed;
inset:0;
background:
radial-gradient(circle at center,#3d1468,#050505 70%);
display:flex;
align-items:center;
justify-content:center;
z-index:99999;
}

.splash-inner{
text-align:center;
color:white;
padding:20px;
}

.splash-logo{
width:min(80vw,400px);
filter:drop-shadow(0 0 35px rgba(180,80,255,.9));
animation:pulseLogo 3s infinite;
}

.splash-inner h1{
letter-spacing:4px;
margin-top:20px;
}

.splash-inner p{
font-size:1.2rem;
opacity:.9;
}

.splash-inner button{
margin-top:25px;
padding:16px 32px;
font-size:1.1rem;
border:none;
border-radius:10px;
background:#6d2cff;
color:white;
cursor:pointer;
}

.splash-inner button:hover{
background:#8f55ff;
}

@keyframes pulseLogo{
0%,100%{
transform:scale(1);
}
50%{
transform:scale(1.05);
}
}

@media (prefers-reduced-motion: reduce){
.logo,.hero::before,.splash-logo{animation:none!important;}
.hero::before{filter:none;}
}

/* skip intro button */
.void-skip{margin-top:12px;background:transparent;border:1px solid rgba(255,255,255,.35);}