/* v2 главная — фоновый mesh-градиент, как в Site/v2/home.html. Печатается только на is_front_page() через wp_body_open в functions.php */

.vg-hero-bg {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: -20;
  overflow: hidden;
  background: #FFF8DF;
}

.vg-hero-bg__mesh {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 52rem;
  opacity: .9;
}

.vg-hero-bg__beam {
  position: absolute;
  left: -10rem;
  top: -7rem;
  height: 40rem;
  width: 30rem;
  transform: rotate(12deg);
  opacity: .7;
}

.vg-hero-bg__noise {
  position: absolute;
  inset: 0;
}

/* те же три класса, что в Site/v2/home.html и ollio-automate-your-life.html, на токенах great-foundation.md */
.mesh-bg {
  background:
    radial-gradient(circle at -4% 4%, rgba(0,148,255,.98) 0%, rgba(0,154,255,.82) 15%, transparent 34%),
    radial-gradient(circle at 11% 10%, rgba(0,45,150,.9) 0%, rgba(0,83,200,.6) 12%, transparent 28%),
    radial-gradient(circle at 30% 9%, rgba(187,235,255,.96) 0%, rgba(216,246,255,.7) 19%, transparent 39%),
    radial-gradient(circle at 55% 8%, rgba(255,239,40,.98) 0%, rgba(255,226,35,.85) 26%, transparent 48%),
    radial-gradient(circle at 80% 10%, rgba(255,158,15,.92) 0%, rgba(255,110,34,.78) 24%, transparent 46%),
    radial-gradient(circle at 104% 8%, rgba(255,24,90,.92) 0%, rgba(255,92,128,.74) 26%, transparent 49%),
    radial-gradient(circle at 92% 45%, rgba(255,137,178,.55) 0%, rgba(255,200,210,.6) 28%, transparent 54%),
    linear-gradient(180deg, rgba(255,252,231,0) 0%, rgba(255,248,223,.76) 66%, #FFF8DF 100%);
  filter: blur(18px) saturate(1.16);
  transform: scale(1.06);
}

.left-blue-beam {
  background: radial-gradient(ellipse at center, rgba(0,32,128,.9) 0%, rgba(0,90,210,.55) 38%, transparent 72%);
  filter: blur(44px);
}

.soft-noise {
  background-image: radial-gradient(rgba(255,255,255,.8) 1px, transparent 1px);
  background-size: 3px 3px;
  opacity: .08;
  mix-blend-mode: soft-light;
}