/* Blue photography treatment for the existing service, platform and contact banners only. */
.home-blue-page .service-banner {
  --banner-ink: #f3f7fd;
  --banner-copy: #acbdd2;
  background: #0c1622;
  box-shadow: inset 0 0 0 1px rgb(139 176 222 / 16%);
}

.home-blue-page .service-banner .service-banner-link::before {
  background: linear-gradient(180deg, rgb(8 15 24 / 2%) 0%, rgb(8 15 24 / 6%) 24%, rgb(8 15 24 / 75%) 48%, rgb(8 15 24 / 96%) 76%, #080f18 100%);
}

.home-blue-page .service-banner-feature .service-banner-link::before {
  background: linear-gradient(90deg, rgb(8 15 24 / 82%), rgb(8 15 24 / 10%) 100%), linear-gradient(180deg, transparent 8%, rgb(8 15 24 / 20%) 37%, rgb(8 15 24 / 90%) 83%, #080f18 100%);
}

.home-blue-page .service-banner .service-banner-link:focus-visible {
  outline-color: #78adff;
}

.home-blue-page .platform-banner {
  --platform-ink: #f3f7fd;
  --platform-copy: #acbdd2;
  background: #0c1622;
  box-shadow: inset 0 0 0 1px rgb(139 176 222 / 16%);
}

.home-blue-page .platform-banner::before {
  background: linear-gradient(180deg, rgb(8 15 24 / 2%) 0%, rgb(8 15 24 / 6%) 25%, rgb(8 15 24 / 80%) 47%, rgb(8 15 24 / 97%) 73%, #080f18 100%);
}

body[data-public-page="support"] .support-banner {
  --contact-ink: #f3f7fd;
  --contact-copy: #acbdd2;
  background: #0c1622;
  box-shadow: 0 0 0 1px rgb(139 176 222 / 16%);
}

body[data-public-page="support"] .support-banner::before {
  background: linear-gradient(180deg, rgb(8 15 24 / 0%) 10%, rgb(8 15 24 / 6%) 32%, rgb(8 15 24 / 72%) 57%, rgb(8 15 24 / 97%) 82%, #080f18 100%);
}

body[data-public-page="support"] .support-banner:focus-visible {
  outline-color: #78adff;
}