.hero {
  position: relative;
  background: linear-gradient(160deg, #080800 0%, #1a0e00 50%, #0f0800 100%);
  padding: 32px 20px 28px; overflow: hidden;
}
.hero::before {
  content: ''; position: absolute; top: -60px; right: -40px;
  width: 280px; height: 280px;
  background: radial-gradient(circle, rgba(245,166,35,0.13) 0%, transparent 70%);
  border-radius: 50%; pointer-events: none;
}
.hero-kicker { font-size: 9px; text-transform: uppercase; letter-spacing: 4px; color: var(--rb-gold); margin-bottom: 8px; }
.hero-title  { font-family: 'Bebas Neue', sans-serif; font-size: clamp(32px,8vw,56px); line-height: .95; color: #fff; letter-spacing: 1px; margin-bottom: 10px; }
.hero-title span { color: var(--rb-gold); }
.hero-sub    { font-size: 12px; color: var(--rb-dim); font-weight: 300; margin-bottom: 14px; }
.hero-cta    { display: flex; gap: 10px; flex-wrap: wrap; }

/* Countdown */
.countdown-row { display: flex; gap: 6px; flex-wrap: wrap; margin: 12px 0; }
.cd-unit  { flex: 1; min-width: 60px; text-align: center; background: rgba(245,166,35,0.08); border-radius: 5px; padding: 8px 6px; }
.cd-num   { font-family: 'Bebas Neue', sans-serif; font-size: clamp(22px,6vw,32px); color: var(--rb-gold); line-height: 1; }
.cd-label { font-size: 8px; color: var(--rb-dim); text-transform: uppercase; letter-spacing: 1px; }

/* Live badge */
.live-badge { display: inline-flex; align-items: center; gap: 6px; background: #7a1100; color: #ffb8a0; font-size: 9px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; padding: 4px 10px; border-radius: 3px; margin-bottom: 14px; }
.live-dot   { width: 6px; height: 6px; background: #ff6040; border-radius: 50%; animation: blink 1s infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.15} }

@media (min-width: 768px) {
  .hero { padding: 48px 32px 40px; }
}