/* v10.1.9 — More visible cloudy-sky background for Training Costs ONLY.
   Layered CSS clouds are local, lightweight and do not depend on third-party images.
   Screen-only and scoped to the pricing section to protect print, dashboards and other pages. */
@media screen {
  #rax-app section.rax-section[data-rax-page="pricing"] {
    background-color: #8eb8d6;
    background-image:
      radial-gradient(ellipse 36% 11% at 18% 24%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.91) 44%, rgba(255,255,255,.38) 76%, transparent 100%),
      radial-gradient(ellipse 29% 10% at 38% 29%, rgba(255,255,255,.94) 0%, rgba(255,255,255,.75) 48%, transparent 100%),
      radial-gradient(ellipse 42% 14% at 77% 18%, rgba(255,255,255,.97) 0%, rgba(255,255,255,.88) 45%, rgba(255,255,255,.30) 78%, transparent 100%),
      radial-gradient(ellipse 34% 12% at 88% 57%, rgba(255,255,255,.94) 0%, rgba(255,255,255,.77) 47%, transparent 100%),
      radial-gradient(ellipse 39% 12% at 25% 74%, rgba(255,255,255,.96) 0%, rgba(255,255,255,.80) 47%, transparent 100%),
      radial-gradient(ellipse 30% 10% at 63% 82%, rgba(255,255,255,.89) 0%, rgba(255,255,255,.68) 50%, transparent 100%),
      linear-gradient(165deg, #77a8cb 0%, #a7cde5 48%, #d4e7f3 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #rax-app section.rax-section[data-rax-page="pricing"] .rax-sectionhead h2,
  #rax-app section.rax-section[data-rax-page="pricing"] .rax-sectionhead h2 em {
    color: #183c58;
  }
  #rax-app section.rax-section[data-rax-page="pricing"] .rax-sectionhead p,
  #rax-app section.rax-section[data-rax-page="pricing"] .rax-kicker {
    color: #275573;
  }
}