/* Deployment hero dark treatment. The page returns to its original light
   visual system immediately after the opening section. */

body.feedback-v02[data-page="deployment"] :is(.site-header, .hero--deployment-plain) :focus-visible {
  outline-color: #8ce2d6;
}

/* Match the homepage navigation treatment while it sits above the dark hero. */
body.feedback-v02[data-page="deployment"] .site-header,
body.feedback-v02[data-page="deployment"] .site-header.scrolled,
body.feedback-v02.menu-open[data-page="deployment"] .site-header {
  border-color: rgba(211, 241, 235, 0.22);
  background: rgba(4, 28, 28, 0.86);
  box-shadow: 0 18px 48px rgba(0, 12, 13, 0.3);
}

body.feedback-v02[data-page="deployment"] .site-header.scrolled,
body.feedback-v02.menu-open[data-page="deployment"] .site-header {
  background: rgba(4, 28, 28, 0.96);
}

body.feedback-v02[data-page="deployment"] .site-header .brand__name,
body.feedback-v02[data-page="deployment"] .site-header .primary-nav > a,
body.feedback-v02[data-page="deployment"] .site-header .nav-dropdown > button,
body.feedback-v02[data-page="deployment"] .site-header .header-login {
  color: #f1f8f6;
}

body.feedback-v02[data-page="deployment"] .site-header .brand__name b,
body.feedback-v02[data-page="deployment"] .site-header .primary-nav > a:hover,
body.feedback-v02[data-page="deployment"] .site-header .nav-dropdown > button:hover,
body.feedback-v02[data-page="deployment"] .site-header .header-login:hover,
body.feedback-v02[data-page="deployment"] .site-header .primary-nav [aria-current="page"] {
  color: #8ce2d6;
}

body.feedback-v02[data-page="deployment"] .site-header .primary-nav > a:hover,
body.feedback-v02[data-page="deployment"] .site-header .nav-dropdown > button:hover,
body.feedback-v02[data-page="deployment"] .site-header .header-login:hover,
body.feedback-v02[data-page="deployment"] .site-header .primary-nav [aria-current="page"] {
  background: rgba(151, 229, 218, 0.09);
}

body.feedback-v02[data-page="deployment"] .site-header .brand__logo circle[fill="#0B1A1C"] {
  fill: #d9f1ec;
}

body.feedback-v02[data-page="deployment"] .site-header .mobile-menu-button {
  border-color: rgba(221, 244, 239, 0.24);
  color: #eff8f6;
  background: rgba(229, 247, 243, 0.08);
}

body.feedback-v02[data-page="deployment"] .site-header .button--header {
  color: #042a28;
  background: #7edbcc;
}

body.feedback-v02[data-page="deployment"] .site-header .button--header:hover {
  color: #042a28;
  background: #a6e8de;
}

/* Dark opening section only. */
body.feedback-v02[data-page="deployment"] .hero--deployment-plain {
  color: #f1f8f6;
  border-bottom: 1px solid rgba(190, 229, 220, 0.16);
  background:
    radial-gradient(circle at 82% 24%, rgba(74, 205, 188, 0.13), transparent 34%),
    linear-gradient(135deg, #061918 0%, #08211f 58%, #0a2926 100%);
}

body.feedback-v02[data-page="deployment"] .hero--deployment-plain::after {
  background: none;
}

body.feedback-v02[data-page="deployment"] .hero--deployment-plain :is(h1, .hero__lead, .eyebrow) {
  text-shadow: none;
}

body.feedback-v02[data-page="deployment"] .hero--deployment-plain h1 {
  color: #f4faf8;
}

body.feedback-v02[data-page="deployment"] .hero--deployment-plain .hero__lead {
  color: #bfd3cf;
}

body.feedback-v02[data-page="deployment"] .hero--deployment-plain .eyebrow {
  color: #72d8cb;
}

body.feedback-v02[data-page="deployment"] .hero--deployment-plain .button--primary {
  color: #042a28;
  background: #78d9cb;
}

body.feedback-v02[data-page="deployment"] .hero--deployment-plain .button--primary:hover {
  color: #042a28;
  background: #a0e8dd;
}

body.feedback-v02[data-page="deployment"] .hero--deployment-plain .button--secondary {
  border-color: rgba(226, 246, 241, 0.34);
  color: #eff8f6;
  background: rgba(13, 55, 51, 0.5);
}

body.feedback-v02[data-page="deployment"] .hero--deployment-plain .button--secondary:hover {
  border-color: rgba(226, 246, 241, 0.64);
  color: #f8fcfb;
  background: rgba(20, 76, 70, 0.72);
}

body.feedback-v02[data-page="deployment"] .deployment-hero__media {
  border-color: rgba(202, 239, 232, 0.22);
  background: #0a2422;
  box-shadow: 0 32px 82px rgba(0, 10, 11, 0.48);
}

body.feedback-v02[data-page="deployment"] .deployment-hero__video-toggle {
  border-color: rgba(204, 239, 233, 0.28);
  color: #e9f7f4;
  background: rgba(4, 31, 29, 0.9);
  box-shadow: 0 10px 28px rgba(0, 9, 10, 0.34);
}

body.feedback-v02[data-page="deployment"] .deployment-hero__video-toggle:hover {
  border-color: rgba(204, 239, 233, 0.5);
  background: rgba(11, 57, 52, 0.94);
}

body.feedback-v02[data-page="deployment"] .deployment-hero__visual figcaption {
  border-color: rgba(202, 239, 232, 0.18);
  color: #bcd0cb;
  background: rgba(5, 31, 29, 0.94);
  box-shadow: 0 18px 42px rgba(0, 10, 11, 0.32);
}

body.feedback-v02[data-page="deployment"] .deployment-hero__visual figcaption strong {
  color: #f0f8f6;
}

body.feedback-v02[data-page="deployment"] .deployment-hero__visual figcaption svg {
  color: #72d8cb;
}

@media (max-width: 860px) {
  body.feedback-v02[data-page="deployment"] .site-header .primary-nav {
    border-color: rgba(211, 241, 235, 0.18);
    background: rgba(4, 28, 28, 0.98);
    box-shadow: 0 18px 48px rgba(0, 12, 13, 0.32);
  }

  body.feedback-v02[data-page="deployment"] .site-header .nav-dropdown__menu {
    border-color: rgba(211, 241, 235, 0.16);
    background: #0b302e;
  }

  body.feedback-v02[data-page="deployment"] .site-header .nav-dropdown__menu a {
    color: #edf8f5;
  }

  body.feedback-v02[data-page="deployment"] .site-header .nav-dropdown__menu a small {
    color: #9ab5b0;
  }
}

@media (prefers-reduced-transparency: reduce) {
  body.feedback-v02[data-page="deployment"] .site-header,
  body.feedback-v02[data-page="deployment"] .site-header.scrolled,
  body.feedback-v02.menu-open[data-page="deployment"] .site-header,
  body.feedback-v02[data-page="deployment"] .deployment-hero__visual figcaption,
  body.feedback-v02[data-page="deployment"] .deployment-hero__video-toggle {
    background: #041c1c;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}