.hero-section { padding: 64px 0 40px; overflow: hidden; }
.hero-orb { position: absolute; border-radius: 50%; z-index: 0; }
.hero-orb--a { width: 160px; height: 160px; background: radial-gradient(circle, rgba(255,138,91,.28), transparent); top: -20px; right: 8%; filter: blur(1px); }
.hero-orb--b { width: 220px; height: 220px; background: radial-gradient(circle, rgba(108,99,255,.18), transparent); bottom: -30px; left: -10px; filter: blur(1px); }
.hero-visual { position: relative; }


/* ============================================================
   Responsive Enhancement Pack
   ============================================================ */
@media (max-width: 768px) {
  .hero-section { padding: 40px 0 28px; }
  .hero-orb--a { width: 120px; height: 120px; right: 0; }
  .hero-orb--b { width: 160px; height: 160px; left: -30px; bottom: -20px; }
}