/* The photograph and LED overlay share the exact same cover geometry. */
.fastvps-platform-page .hero {
  --platform-leds:url("/assets/fastvps-platform-leds.svg?v=20260909-leds1");
  background:
    linear-gradient(90deg,rgba(4,12,31,.96) 0%,rgba(4,12,31,.84) 35%,rgba(4,12,31,.38) 65%,rgba(4,12,31,.18) 100%),
    linear-gradient(180deg,rgba(4,12,31,.32),transparent 45%,rgba(4,12,31,.4)),
    var(--platform-leds) center / cover no-repeat,
    url("/assets/fastvps-infrastructure-hero-v1.webp") center / cover no-repeat,
    #071225;
}
.fastvps-platform-page .hero::before {
  background:linear-gradient(180deg,transparent,rgba(4,12,31,.5));
}
.fastvps-platform-page .hero-grid {
  grid-template-columns:minmax(0,1fr);
  gap:0;
  padding:72px 0 112px;
}
.fastvps-platform-page .service-hero-copy { max-width:620px; }
.fastvps-platform-page .hero h1 {
  max-width:580px;
  hyphens:none;
  text-shadow:0 2px 24px rgba(0,0,0,.3);
}
.fastvps-platform-page .hero-copy { line-height:1.55; }
@media (max-width:600px) {
  .fastvps-platform-page .hero {
    background:
      linear-gradient(90deg,rgba(4,12,31,.88),rgba(4,12,31,.66)),
      linear-gradient(180deg,rgba(4,12,31,.22),transparent 40%,rgba(4,12,31,.5)),
      var(--platform-leds) 62% center / cover no-repeat,
      url("/assets/fastvps-infrastructure-hero-v1.webp") 62% center / cover no-repeat,
      #071225;
  }
  .fastvps-platform-page .hero-grid { padding:56px 0 80px; }
}

/* A still photograph when visitors request reduced motion. */
@media (prefers-reduced-motion:reduce) {
  .fastvps-platform-page .hero { --platform-leds:none; }
}