.hero-dot { width: 10px; height: 10px; border-radius: 9999px; }
.hero-dot.active { background: #0070c0; }
.overlay-dark {
  background: linear-gradient(90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.0) 100%);
}