/* CCM v86 — requested Services full-bleed capability section + Contact/Services section rhythm.
   Loaded last so it only corrects the requested page surfaces without changing existing content. */

/* =========================
   SERVICES PAGE
   Keep all sections BEFORE Campaign-Ready Capabilities unchanged.
   From Campaign-Ready onward: WHITE → DARK → WHITE → DARK.
   ========================= */

/* Campaign-Ready Capabilities: full viewport background like "Where Each Service Fits",
   while its content keeps the same site-wide wrap alignment. */
.services-page-v18 > .services-catalog-section .services-operations-section{
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  margin:54px 0 -72px calc(50% - 50vw)!important;
  padding:72px max(28px,calc((100vw - 1450px)/2))!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  background:
    radial-gradient(circle at 92% 14%,rgba(255,116,23,.075),transparent 22%),
    radial-gradient(circle at 7% 84%,rgba(8,64,112,.065),transparent 25%),
    linear-gradient(180deg,#fff 0%,#f8fbfe 52%,#f4f8fc 100%)!important;
  color:#15212f!important;
}
.services-page-v18 > .services-catalog-section .services-operations-section .services-section-heading{
  margin-left:auto!important;
  margin-right:auto!important;
}
.services-page-v18 > .services-catalog-section .services-operations-section .services-section-heading h2{
  color:#102338!important;
  -webkit-text-fill-color:#102338!important;
}
.services-page-v18 > .services-catalog-section .services-operations-section .services-section-heading h2 strong{
  color:#ff7417!important;
  -webkit-text-fill-color:#ff7417!important;
}
.services-page-v18 > .services-catalog-section .services-operations-section .services-section-heading p{
  color:#697987!important;
  -webkit-text-fill-color:#697987!important;
}

/* Next section DARK. */
.services-page-v18 > .services-journey-section{
  background:
    radial-gradient(circle at 88% 18%,rgba(44,113,177,.25),transparent 28%),
    radial-gradient(circle at 7% 88%,rgba(255,116,23,.10),transparent 24%),
    linear-gradient(140deg,#05172a,#07213b 58%,#082b49)!important;
  color:#fff!important;
}
.services-page-v18 > .services-journey-section .services-heading-row h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.services-page-v18 > .services-journey-section .services-heading-row>p{
  color:#b9c8d4!important;
  -webkit-text-fill-color:#b9c8d4!important;
}

/* Next section WHITE. Restyle its existing dark shell/cards for a true light section. */
.services-page-v18 > .services-process-section{
  background:
    radial-gradient(circle at 92% 12%,rgba(255,116,23,.07),transparent 22%),
    radial-gradient(circle at 8% 86%,rgba(8,64,112,.06),transparent 25%),
    linear-gradient(180deg,#fff 0%,#f8fbfe 100%)!important;
  color:#15212f!important;
}
.services-page-v18 > .services-process-section .services-process-shell{
  background:rgba(255,255,255,.94)!important;
  border:1px solid #dfe7ee!important;
  box-shadow:0 20px 48px rgba(7,25,45,.08)!important;
  backdrop-filter:none!important;
}
.services-page-v18 > .services-process-section .services-process-intro h2{
  color:#102338!important;
  -webkit-text-fill-color:#102338!important;
}
.services-page-v18 > .services-process-section .services-process-intro h2 strong{
  color:#ff7417!important;
  -webkit-text-fill-color:#ff7417!important;
}
.services-page-v18 > .services-process-section .services-process-intro>p{
  color:#697987!important;
  -webkit-text-fill-color:#697987!important;
}
.services-page-v18 > .services-process-section .services-process-checks span{
  color:#455b70!important;
}
.services-page-v18 > .services-process-section .services-process-grid article{
  background:linear-gradient(145deg,#fff,#f8fbfd)!important;
  border:1px solid #dfe7ee!important;
  box-shadow:0 10px 28px rgba(7,25,45,.055)!important;
}
.services-page-v18 > .services-process-section .services-process-grid article:hover{
  border-color:rgba(255,116,23,.35)!important;
  box-shadow:0 18px 38px rgba(7,25,45,.10)!important;
}
.services-page-v18 > .services-process-section .services-process-grid article>div>span{
  background:#fff1e7!important;
  border-color:rgba(255,116,23,.20)!important;
  color:#ff7417!important;
}
.services-page-v18 > .services-process-section .services-process-grid article small{
  color:#a6b1bb!important;
}
.services-page-v18 > .services-process-section .services-process-grid h3{
  color:#17304a!important;
  -webkit-text-fill-color:#17304a!important;
}
.services-page-v18 > .services-process-section .services-process-grid p{
  color:#697987!important;
  -webkit-text-fill-color:#697987!important;
}

/* Final Services CTA section DARK. */
.services-page-v18 > .services-cta-section{
  background:
    radial-gradient(circle at 88% 18%,rgba(57,127,191,.22),transparent 30%),
    linear-gradient(140deg,#041426,#07213b 58%,#082b49)!important;
  color:#fff!important;
}
.services-page-v18 > .services-cta-section .services-cta-panel{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.16)!important;
}
.services-page-v18 > .services-cta-section .services-cta-panel h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.services-page-v18 > .services-cta-section .services-cta-panel p{
  color:#c3d0db!important;
  -webkit-text-fill-color:#c3d0db!important;
}

/* =========================
   CONTACT PAGE
   Hero is untouched.
   Sections after hero: DARK → WHITE → DARK → WHITE → DARK → WHITE.
   ========================= */

.contact-conversion-page > .contact-summary{
  background:linear-gradient(120deg,#06172a,#082844)!important;
  color:#fff!important;
}
.contact-conversion-page > #contact-form{
  background:#fff!important;
  color:#15212f!important;
}

/* What Happens Next — DARK */
.contact-conversion-page > .contact-next-steps{
  background:
    radial-gradient(circle at 88% 18%,rgba(50,124,190,.22),transparent 28%),
    radial-gradient(circle at 7% 88%,rgba(255,116,23,.09),transparent 24%),
    linear-gradient(140deg,#05172a,#07213b 58%,#082b49)!important;
  color:#fff!important;
}
.contact-conversion-page > .contact-next-steps .section-heading h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.contact-conversion-page > .contact-next-steps .section-heading p,
.contact-conversion-page > .contact-next-steps .section-intro{
  color:#bdcad6!important;
  -webkit-text-fill-color:#bdcad6!important;
}
.contact-conversion-page > .contact-next-steps .process-grid:before{
  border-color:rgba(255,145,73,.48)!important;
}
.contact-conversion-page > .contact-next-steps .process-grid article{
  padding:24px 20px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.055)!important;
}
.contact-conversion-page > .contact-next-steps .process-icon{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(255,255,255,.20)!important;
}
.contact-conversion-page > .contact-next-steps .process-grid h3{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.contact-conversion-page > .contact-next-steps .process-grid p{
  color:#bdcad6!important;
  -webkit-text-fill-color:#bdcad6!important;
}

/* Ways We Can Help — WHITE */
.contact-conversion-page > .contact-help-section{
  background:
    radial-gradient(circle at 92% 12%,rgba(255,116,23,.06),transparent 22%),
    linear-gradient(180deg,#fff,#f6f9fc)!important;
  color:#15212f!important;
}
.contact-conversion-page > .contact-help-section .section-heading h2{
  color:#102338!important;
  -webkit-text-fill-color:#102338!important;
}
.contact-conversion-page > .contact-help-section .section-heading p{
  color:#697987!important;
  -webkit-text-fill-color:#697987!important;
}

/* Map — DARK, with a contained map so the dark section is visible. */
.contact-conversion-page > .map-section{
  padding:34px 0!important;
  background:
    radial-gradient(circle at 90% 12%,rgba(50,124,190,.20),transparent 27%),
    linear-gradient(140deg,#05172a,#07213b 58%,#082b49)!important;
}
.contact-conversion-page > .map-section iframe{
  display:block!important;
  width:min(calc(100% - 56px),1450px)!important;
  max-width:1450px!important;
  margin:0 auto!important;
  border-radius:18px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.20)!important;
}

/* Quick contact CTA — WHITE. Override the older dark CTA rule loaded earlier. */
.contact-conversion-page > #quick-contact{
  padding:58px 0!important;
  background:#fff!important;
  color:#15212f!important;
  border-top:1px solid #e5ebf0!important;
  border-bottom:1px solid #e5ebf0!important;
}
.contact-conversion-page > #quick-contact:before{
  display:none!important;
}
.contact-conversion-page > #quick-contact .cta-grid h2{
  color:#102338!important;
  -webkit-text-fill-color:#102338!important;
  text-shadow:none!important;
}
.contact-conversion-page > #quick-contact .cta-grid p{
  color:#697987!important;
  -webkit-text-fill-color:#697987!important;
}
.contact-conversion-page > #quick-contact .btn-ghost{
  color:#17304a!important;
  border-color:#ccd7df!important;
  background:#fff!important;
}
.contact-conversion-page > #quick-contact .btn-ghost:hover{
  color:#fff!important;
  border-color:#17304a!important;
  background:#17304a!important;
}

@media(max-width:991px){
  .services-page-v18 > .services-catalog-section .services-operations-section{
    margin-top:46px!important;
    padding-top:58px!important;
    padding-bottom:58px!important;
  }
}
@media(max-width:767px){
  .services-page-v18 > .services-catalog-section .services-operations-section{
    margin:36px 0 -48px calc(50% - 50vw)!important;
    padding:48px 28px!important;
  }
  .services-page-v18 > .services-process-section .services-process-shell{
    padding:24px 18px!important;
  }
  .contact-conversion-page > .contact-next-steps .process-grid article{
    padding:20px 16px!important;
  }
  .contact-conversion-page > .map-section{
    padding:22px 0!important;
  }
  .contact-conversion-page > .map-section iframe{
    width:calc(100% - 28px)!important;
    border-radius:14px!important;
  }
}