.hero {
  --hero-blue: #36b8ff;
  --hero-light: #eaf7ff;
  --hero-mid: #c9edff;
  --hero-glow: #8ed8ff;

  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 680px;

  background:
    /* Large soft blue atmosphere */
    radial-gradient(
      75% 100% at 78% 35%,
      rgba(54, 184, 255, 0.32) 0%,
      rgba(54, 184, 255, 0.18) 28%,
      rgba(54, 184, 255, 0.06) 52%,
      transparent 75%
    ),

    /* Lower-left blue wash */
    radial-gradient(
      55% 70% at 15% 90%,
      rgba(142, 216, 255, 0.28) 0%,
      rgba(142, 216, 255, 0.10) 45%,
      transparent 75%
    ),

    /* Main pale Salesforce-style gradient */
    linear-gradient(
      115deg,
      #ffffff 0%,
      #f5fbff 25%,
      #eaf7ff 48%,
      #d9f1ff 70%,
      #c5ecff 100%
    );

  color: #032d60;
}


/* Soft atmospheric glow */
.hero::before {
  content: "";
  position: absolute;
  inset: -15%;
  z-index: -1;

  background:
    radial-gradient(
      ellipse at 72% 35%,
      rgba(54, 184, 255, 0.24) 0%,
      rgba(54, 184, 255, 0.10) 28%,
      transparent 55%
    ),

    radial-gradient(
      ellipse at 35% 75%,
      rgba(255, 255, 255, 0.75) 0%,
      transparent 45%
    );

  filter: blur(55px);
  pointer-events: none;
}


/* Very subtle white fade */
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.35) 0%,
      transparent 35%,
      rgba(255, 255, 255, 0.18) 100%
    );

  pointer-events: none;
}


#zf_button_815985 {
  display: none !important;
}