/* Shared scope panel and closing CTA on growth-path detail pages. */
.premium-service-page .service-scope .scope-card{
  background:linear-gradient(140deg,#0b2d44 0%,#163c53 100%);
  border-color:#31566b;
  color:#fff;
  box-shadow:0 18px 32px rgba(11,45,68,.14);
}
.premium-service-page .service-scope .scope-card .icon-box{
  background:#fff;
  color:#0b2d44;
  border-color:#fff;
}
.premium-service-page .service-scope .scope-card>small{color:#9cdfe3;}
.premium-service-page .service-scope .scope-card h3,
.premium-service-page .service-scope .scope-card li{color:#fff;}
.premium-service-page .service-scope .scope-card p{color:#c7dce6;}
.premium-service-page .service-scope .scope-card li::before{color:#40c6c8;}
/* The person rises 75px above the card; the pale section gives that rise room. */
html body.premium-service-page .service-final{padding-top:90px!important;}
html body.premium-service-page .service-final .prominent-cta-person img[data-merch="location-consultant"]{
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
@media(max-width:760px){
  html body.premium-service-page .service-final{padding-top:0!important;}
}

/* Keep the transparent consultant image flush with the card bottom. */
.service-final-grid.prominent-cta-card>.prominent-cta-person{padding-bottom:0!important;}

/* The portrait is hidden below desktop, so its reserved rise is removed. */
@media (max-width: 1050px) {
  html body.premium-service-page .service-final {
    padding-top: 60px !important;
  }
}
@media (max-width: 760px) {
  html body.premium-service-page .service-final {
    padding-top: 0 !important;
  }
}