/* QualiVeil v8 Color Consistency Patch */
:root{
  --bg-dark-base:   #0B1120;
  --bg-dark-mid:    #10192E;
  --bg-dark-accent: #141F35;

  --glow-cyan:  rgba(56, 189, 248, .10);
  --glow-green: rgba(52, 211, 153, .10);

  --surface-800:#141B2D;
  --surface-700:#1A2236;
  --border-weak: rgba(255,255,255,.08);
}

html, body{ background: var(--bg-dark-base); }
section{ background: var(--bg-dark-base); position: relative; z-index: 0; }

.bg-gradient-1{ background: linear-gradient(180deg, var(--bg-dark-base) 0%, var(--bg-dark-mid) 100%); }
.bg-gradient-2{ background: linear-gradient(180deg, var(--bg-dark-mid) 0%, var(--bg-dark-accent) 100%); }
.bg-gradient-3{ background: linear-gradient(180deg, var(--bg-dark-accent) 0%, var(--bg-dark-base) 100%); }

.bg-glow-cyan::before,
.bg-glow-green::before{
  content:""; position:absolute; inset:auto; pointer-events:none; z-index:-1;
  width: 70vw; height: 70vw; max-width: 900px; max-height: 900px;
  filter: blur(80px);
  transform: translate(-10%, -15%);
  border-radius: 50%;
}
.bg-glow-cyan::before{ background: radial-gradient(50% 50% at 50% 50%, var(--glow-cyan), transparent 60%); top:-20%; left:-10%; }
.bg-glow-green::before{ background: radial-gradient(50% 50% at 50% 50%, var(--glow-green), transparent 60%); top:-10%; right:-10%; transform: translate(10%, -10%); }

.qv-band-1{ background: var(--bg-dark-base); }
.qv-band-2{ background: var(--bg-dark-mid); }
.qv-band-3{ background: var(--bg-dark-accent); }

.hero-section{        background: var(--bg-dark-base); }
.why-section{         background: linear-gradient(180deg, var(--bg-dark-base), var(--bg-dark-mid)); }
.outcomes-section{    background: linear-gradient(180deg, var(--bg-dark-mid),  var(--bg-dark-base)); }
.platform-section{    background: linear-gradient(180deg, var(--bg-dark-base), var(--bg-dark-accent)); }
.supplier-section{    background: linear-gradient(180deg, var(--bg-dark-accent), var(--bg-dark-base)); }
.foundations-section{ background: linear-gradient(180deg, var(--bg-dark-mid), var(--bg-dark-accent)); }
.pricing-section{     background: var(--bg-dark-base); }
.footer-section{      background: var(--bg-dark-base); }

.card, .panel{
  background: var(--surface-800);
  border: 1px solid var(--border-weak);
  border-radius: 16px;
}

.section-sep{
  box-shadow: 0 -1px 0 rgba(255,255,255,.04) inset, 0 1px 0 rgba(0,0,0,.35) inset;
}