/* ═══════════════════════════════════════════════════════════════════
   HERO V9 — FIXES v2 (post-screenshot audit)
   Loaded AFTER hero-v9.css — overrides with !important
   ═══════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────
   FIX 1: KILL the purple rectangular
   haze behind hero. It was way too
   visible. Near-invisible now.
   ────────────────────────────────── */
#hero-v9::before {
  background:
    radial-gradient(ellipse 55% 45% at 25% 40%, rgba(255,155,107,.03) 0%, transparent 60%),
    radial-gradient(ellipse 40% 50% at 80% 60%, rgba(120,60,180,.02) 0%, transparent 65%) !important;
}

/* ──────────────────────────────────
   FIX 2: TEXT VEIL — eliminate the
   hard right edge. Extend much
   further, softer falloff.
   ────────────────────────────────── */
.h9-hero-left::before {
  content: '' !important;
  position: absolute !important;
  top: -100% !important;
  bottom: -100% !important;
  left: -100% !important;
  right: -50% !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: radial-gradient(ellipse 80% 60% at 30% 50%, #020111 0%, rgba(2,1,17,0.9) 20%, rgba(2,1,17,0.7) 40%, rgba(2,1,17,0.3) 60%, transparent 80%) !important;
}

/* ──────────────────────────────────
   FIX 3: PLANETS — position within
   the hero grid. Canvas is now inside
   the container, so no aggressive
   offset is needed.
   ────────────────────────────────── */
/* Old top/padding overrides removed — canvas is now absolute inside .h9-hero-right */

/* ──────────────────────────────────
   FIX 4: Remove the vignette ::after
   that adds another dark overlay
   ────────────────────────────────── */
#hero-v9::after {
  display: none !important;
}