/* Process-page body sections; hero stays white with a straight edge. */
.sp-process-page{--surface-cool:#f1f3f5}
.sp-process-page .process-intro,.sp-process-page .process-steps,.sp-process-page .proc-overview{position:relative;isolation:isolate;border:0;padding-bottom:112px}
.sp-process-page .process-intro{background:#071936}
.sp-process-page .process-intro-copy{color:#d5e1ed}
.sp-process-page .framework-intro{color:#9DC0E0}
.sp-process-page .growth-layers li{color:#071936}
.sp-process-page .organic-growth{background:#fff;color:#071936}
.sp-process-page .business-framework-graphic{background:#fff;border-radius:12px}
.sp-process-page .process-steps{background:#f1f3f5}
.sp-process-page .proc-overview{--step-surface:#fff;background:#fff}
.sp-process-page .process-intro::after,.sp-process-page .process-steps::after,.sp-process-page .proc-overview::after{content:"";position:absolute;inset:auto 0 -1px;height:40px;clip-path:polygon(0 0,38% 100%,100% 0,100% 100%,0 100%);pointer-events:none;z-index:-1}
.sp-process-page .process-intro::after,.sp-process-page .proc-overview::after{background:#f1f3f5}
.sp-process-page .process-steps::after{background:#fff}
.sp-process-page .proc-overview::before{display:none}
@media(max-width:640px){.sp-process-page .process-intro,.sp-process-page .process-steps,.sp-process-page .proc-overview{padding-bottom:76px}.sp-process-page .process-intro::after,.sp-process-page .process-steps::after,.sp-process-page .proc-overview::after{height:24px}}

.sp-process-page .process-lead strong{color:#fff;font-weight:800}

/* White setup section with a gray entry edge, followed by navy video overview. */
.sp-process-page .process-steps{background:#fff;padding-top:100px}
.sp-process-page .process-steps::before{content:"";position:absolute;inset:-1px 0 auto;height:40px;background:#f1f3f5;clip-path:polygon(0 0,100% 0,38% 100%);pointer-events:none;z-index:-1}
.sp-process-page .process-steps::after{background:#071936}
.sp-process-page .proc-overview{--step-surface:#071936;background:#071936;color:#d5e1ed}
.sp-process-page .proc-overview h2{color:#fff}
.sp-process-page .proc-overview .eyebrow{color:#9DC0E0}
.sp-process-page .proc-overview .overview-copy{color:#d5e1ed}
.sp-process-page .proc-overview .btn-primary{background:#fff;border-color:#fff;color:#071936}
.sp-process-page .proc-overview .btn-primary:hover{background:#eaf1f8}
@media(max-width:640px){.sp-process-page .process-steps{padding-top:76px}.sp-process-page .process-steps::before{height:24px}}

body.sp-process-page .shared-process.proc-overview{--step-surface:#071936;background:#071936}

body.sp-process-page .shared-cta-centered{padding-bottom:24px}
@media(max-width:640px){body.sp-process-page .shared-cta-centered{padding-bottom:24px}}

body.sp-process-page .shared-cta-centered{padding-top:48px}
@media(max-width:640px){body.sp-process-page .shared-cta-centered{padding-top:36px}}

/* Introduction now meets the white steps directly. */
.sp-process-page .process-intro::after{background:#fff}
.sp-process-page .process-steps::before{display:none}

/* Align the framework introduction with the inset text below. */
body.sp-process-page .process-lead,
body.sp-process-page .framework-intro{max-width:none;width:auto;margin-left:26px;margin-right:26px}
body.sp-process-page .organic-growth{background:#fff;border:1px solid var(--rule);border-radius:12px}