/* HERO */
.hero{
    position:relative;text-align:center;
    padding:120px 20px 80px;min-height:85vh;display:flex;
    flex-direction:column;align-items:center;justify-content:center;
    overflow:hidden;
}
.hero-chip{
    display:inline-flex;align-items:center;gap:8px;
    padding:6px 18px;background:rgba(168,85,247,0.08);
    border:1px solid rgba(168,85,247,0.2);border-radius:50px;
    font-size:0.8rem;color:var(--accent);font-weight:500;margin-bottom:28px;
    animation:fadeInUp 0.6s ease;
}
.hero-chip .dot{
    width:7px;height:7px;background:var(--emerald);border-radius:50%;
    box-shadow:0 0 8px var(--emerald-glow);animation:pulse 2s ease-in-out infinite;
}
.hero h1{
    font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);
    font-weight:800;letter-spacing:-3px;line-height:0.95;margin-bottom:24px;
    animation:fadeInUp 0.6s ease 0.1s both;
}
.hero h1 .grad{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero p{
    font-size:1.2rem;color:var(--text-2);max-width:560px;margin:0 auto 36px;
    line-height:1.7;animation:fadeInUp 0.6s ease 0.2s both;
}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 0.6s ease 0.3s both}
.hero-actions .btn-primary{padding:16px 36px;font-size:1.05rem}

.live-ticker{
    display:flex;gap:32px;justify-content:center;flex-wrap:wrap;
    margin-top:50px;animation:fadeInUp 0.6s ease 0.4s both;
}
.ticker-item{text-align:center;padding:0 24px;border-right:1px solid var(--border)}
.ticker-item:last-child{border-right:none}
.ticker-label{font-size:0.7rem;color:var(--text-3);text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}
.ticker-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-1px}

/* Scanline effect over hero */
.hero::after{
    content:'';position:absolute;top:0;left:0;width:100%;height:100%;
    background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.03) 2px,rgba(0,0,0,0.03) 4px);
    pointer-events:none;z-index:1;opacity:0.5;
}
.hero>*{position:relative;z-index:2}

/* Glitch effect on title hover */
.hero h1:hover .grad{
    animation:glitch 0.3s ease;
}

/* Dramatic CTA pulse */
.hero-actions .btn-primary{
    animation:ctaPulse 3s ease-in-out infinite;
}