/* Final marketing ambience: neutral graphite light without blue or violet casts. */
html body.srm-marketing-page {
  background-color: #050506 !important;
  background-image:
    radial-gradient(ellipse at 14% 12%, rgba(238, 240, 243, 0.16), transparent 34%),
    radial-gradient(ellipse at 82% 56%, rgba(177, 181, 187, 0.12), transparent 39%),
    linear-gradient(180deg, #050506 0%, #08090a 54%, #040405 100%) !important;
  background-attachment: fixed !important;
}

html body.srm-marketing-page::before {
  inset: -30% !important;
  background-image:
    linear-gradient(
      116deg,
      transparent 25%,
      rgba(192, 196, 202, 0.08) 38%,
      rgba(242, 244, 247, 0.18) 50%,
      rgba(177, 181, 187, 0.09) 62%,
      transparent 75%
    ) !important;
  background-position: 46% 46% !important;
  background-size: 150% 150% !important;
  filter: blur(48px) !important;
  opacity: 0.92 !important;
  animation: srm-neutral-ambient-breath 14s ease-in-out infinite alternate !important;
  will-change: transform, opacity, background-position;
}

html body.srm-marketing-page::after {
  inset: 0 !important;
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent 35%, rgba(0, 0, 0, 0.18)),
    radial-gradient(circle at 52% 28%, rgba(255, 255, 255, 0.045), transparent 43%) !important;
  filter: none !important;
  opacity: 1 !important;
}

html body.srm-marketing-page .site-header {
  background-color: rgba(8, 9, 10, 0.58) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.008)) !important;
  -webkit-backdrop-filter: blur(24px) saturate(0.82);
  backdrop-filter: blur(24px) saturate(0.82);
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.34);
}

html body.srm-marketing-page .hero {
  background:
    radial-gradient(ellipse at 75% 30%, rgba(225, 229, 234, 0.12), transparent 35%),
    linear-gradient(145deg, rgba(5, 6, 8, 0.12), rgba(8, 10, 12, 0.36)) !important;
}

html body.srm-marketing-page .hero::after {
  background:
    linear-gradient(90deg, rgba(5, 6, 8, 0.74), rgba(5, 6, 8, 0.16)),
    linear-gradient(180deg, transparent 64%, rgba(5, 6, 8, 0.58)) !important;
}

@keyframes srm-neutral-ambient-breath {
  0% {
    background-position: 32% 42%;
    opacity: 0.72;
    transform: translate3d(-2%, -1%, 0) scale(0.98);
  }
  52% {
    background-position: 62% 50%;
    opacity: 0.98;
  }
  100% {
    background-position: 76% 58%;
    opacity: 0.82;
    transform: translate3d(2%, 1%, 0) scale(1.03);
  }
}

@media (max-width: 767px) {
  html body.srm-marketing-page::before {
    inset: -20% !important;
    filter: blur(38px) !important;
    opacity: 0.8 !important;
  }

  html body.srm-marketing-page .site-header {
    background-color: rgba(8, 9, 10, 0.7) !important;
    -webkit-backdrop-filter: blur(18px) saturate(0.8);
    backdrop-filter: blur(18px) saturate(0.8);
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.srm-marketing-page::before {
    animation: none !important;
    transform: none !important;
  }
}