/* =========================================================
   OM FINANCIAL — CSS finance backdrop overlay
   (the real 3D scene runs in finance-3d-bg.js)
   This file only adds a soft top/bottom vignette so
   sections sit cleanly over the 3D background.
========================================================= */

.om-finance-bg{
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

/* Soft top + bottom fade so the 3D scene reads as ambient */
.om-finance-bg .layer-vignette{
  position: absolute; inset: 0;
  background: linear-gradient(180deg,
    rgba(6,9,15,0.45) 0%,
    transparent 18%,
    transparent 80%,
    rgba(6,9,15,0.55) 100%);
}

/* Hide everything else */
.om-finance-bg .layer-grain,
.om-finance-bg .layer-chart,
.om-finance-bg .layer-candles,
.om-finance-bg .layer-glyphs,
.om-finance-bg .layer-bars,
.om-finance-bg .layer-glow{ display: none !important; }

.impact-section{ position: relative; z-index: 2; }
.impact-card{ text-align: left; }