/* ==========================================================================
   SECTION SEPARATION
   The closing band, the final CTA and the global footer were all #0F172A,
   so they merged into one long dark block with no edge between them.
   Rather than nudge three near-identical shades, the CTA becomes a navy
   card on a warm band. That breaks the run outright and makes the CTA read
   as the end of the page rather than part of the footer.
   Loaded after svc-extra.css.
   ========================================================================== */

/* --- Service + About pages (.ssp) --------------------------------------- */

.ssp .final-cta {
  background: #FFF7ED;
  padding: 74px 0;
}

/* The original full-bleed orange glow belonged to the old dark band. */
.ssp .final-cta:before { display: none; }

/* !important is required: elementor-bridge.css sets container padding and
   max-width with !important, and it loads after this file. Glow is a
   background layer rather than a pseudo-element so it cannot paint over
   content sitting inside Elementor's display:contents wrappers. */
.ssp .final-cta .container {
  background-color: var(--navy) !important;
  background-image: radial-gradient(circle at 88% -10%, rgba(249,115,22,0.20) 0%, rgba(249,115,22,0) 62%) !important;
  border-radius: 34px;
  padding: 70px 54px !important;
  overflow: hidden;
}

/* The closing band sits a shade deeper than the footer, so the two dark
   zones stay distinguishable even at a glance. */
.ssp .creed { background: #0A1020; }

@media (max-width: 860px) {
  .ssp .final-cta { padding: 54px 0; }
  .ssp .final-cta .container { padding: 52px 30px !important; border-radius: 28px; }
}

@media (max-width: 520px) {
  .ssp .final-cta { padding: 40px 0; }
  .ssp .final-cta .container { padding: 42px 22px !important; border-radius: 22px; }
}

/* --- Home page ----------------------------------------------------------
   Same defect, different design system: style.css puts a navy .final-cta
   directly above the navy global footer. Targeted by .home rather than by
   excluding service pages, because single posts are also .ss-page and were
   picking up this rule by accident.
   ------------------------------------------------------------------------ */

.ss-page.home .final-cta {
  background: #f5efe4;
  padding: 74px 0;
}

.ss-page.home .final-cta .container {
  background-color: #0F172A !important;
  background-image: radial-gradient(circle at 88% -10%, rgba(249,115,22,0.20) 0%, rgba(249,115,22,0) 62%) !important;
  border-radius: 34px;
  padding: 70px 54px !important;
  overflow: hidden;
}

.ss-page.home .final-cta .bg { display: none; }

@media (max-width: 860px) {
  .ss-page.home .final-cta { padding: 54px 0; }
  .ss-page.home .final-cta .container { padding: 52px 30px !important; border-radius: 28px; }
}