/* Pricing-specific actions and selected term share a dark blue gradient.
   Fonts, cards, highlights, and other website controls retain their existing theme. */
body.pricing-page {
  --pricing-cta-gradient: linear-gradient(110deg, #0b1f4b 0%, #1e40af 52%, #17395d 100%);
  --pricing-cta-hover: linear-gradient(110deg, #07152e 0%, #1e3a8a 52%, #102b48 100%);
}
body.pricing-page main .pricing-purchase-action[class],
body.pricing-page .toggle-label.active[class] {
  background: var(--pricing-cta-gradient) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .25) !important;
  box-shadow: 0 5px 16px rgba(11, 31, 75, .22) !important;
  animation: none !important;
}
body.pricing-page main .pricing-purchase-action[class]:hover,
body.pricing-page .toggle-label.active[class]:hover {
  background: var(--pricing-cta-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(11, 31, 75, .3) !important;
}
body.pricing-page main .pricing-purchase-action[class]:focus-visible,
body.pricing-page .toggle-label:focus-visible {
  outline: 2px solid #1e40af;
  outline-offset: 3px;
}

body.pricing-page main .pricing-primary-action[class] {
  background: linear-gradient(to right, rgba(50, 107, 159, .9), rgba(32, 77, 124, .9), rgba(23, 57, 93, .9)) !important;
  background-size: 100% 100% !important;
  color: #ffffff !important;
  box-shadow: 0 10px 28px rgba(32, 77, 124, .16) !important;
  animation: none !important;
}
body.pricing-page main .pricing-primary-action[class]:hover {
  background: linear-gradient(to right, #285d91, #1d466f, #143250) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 32px rgba(32, 77, 124, .22) !important;
}
body.pricing-page main .pricing-primary-action[class]:focus-visible {
  outline: 2px solid #204d7c;
  outline-offset: 2px;
}
body.pricing-page #pricing-duration .duration-heading {
  font-size: .9rem;
  font-weight: 700;
}
body.pricing-page .toggle-wrapper {
  margin-top: .75rem;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .08);
}
body.pricing-page .toggle-label { color: #475569; }
body.pricing-page .toggle-label.active { color: #ffffff; }

body.pricing-page #annual-value-banner h2 {
  max-width: 780px;
  line-height: 1.3 !important;
}
body.pricing-page .annual-banner-label {
  display: inline-block;
  padding: 5px 12px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .2);
  color: #cbd5e1;
  font-size: .7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
}
body.pricing-page #annual-value-banner .annual-daily-highlight {
  color: #67e8f9 !important;
  -webkit-text-fill-color: #67e8f9 !important;
  background: none !important;
  animation: none !important;
  font-weight: 900;
}