/* Feature-page body only; existing hero designs remain untouched. */
body.sp-subpage{--surface-cool:#f1f3f5}
body.sp-subpage .feature-body-surface{position:relative;isolation:isolate;background:var(--section-surface);border-block:0;padding-bottom:112px}
.feature-body-surface::after{content:"";position:absolute;inset:auto 0 -1px;height:40px;background:var(--next-surface);clip-path:polygon(0 0,38% 100%,100% 0,100% 100%,0 100%);pointer-events:none;z-index:-1}
@media(max-width:640px){body.sp-subpage .feature-body-surface{padding-bottom:76px}.feature-body-surface::after{height:24px}}

/* Rotate navy, gray, white through the body; the hero boundary stays straight. */
.feature-body-surface[data-section-theme="navy"]{color:#e1e9f2}
.feature-body-surface[data-section-theme="navy"] h2,.feature-body-surface[data-section-theme="navy"] .eyebrow,.feature-body-surface[data-section-theme="navy"] figcaption{color:#fff}
.feature-body-surface[data-section-theme="navy"] :is(div,header):has(>h2)>:is(p,ul){color:#d5e1ed}
body.sp-subpage .shared-process{background:var(--step-surface)}
body.sp-subpage .shared-process::before{display:none}

.feature-body-surface[data-section-theme="light"]:is(.lf-outcome,.seo-advanced),.feature-body-surface[data-section-theme="light"]:is(.lf-outcome,.seo-advanced) :is(h2,h3,p){color:var(--ink)}

/* Text and connectors exposed directly on navy; white UI panels retain their own colors. */
.feature-body-surface[data-section-theme="navy"] :is(.stage-label,.review-step-heading strong,.seo-onsite-groups h3,.seo-onsite-groups dt,.crm-person-node>strong){color:#fff}
.feature-body-surface[data-section-theme="navy"] :is(.seo-onsite-groups dd,.apps-label,.app-support-row,.app-support-row li){color:#d5e1ed}
.feature-body-surface[data-section-theme="navy"] .campaign-customer-flow>ol :is(strong,small){color:#d5e1ed}
.feature-body-surface[data-section-theme="navy"] :is(.crm-history-link,.crm-memory-arrow,.seo-down-arrow,.campaign-down-arrow){color:#9DC0E0}
.feature-body-surface[data-section-theme="navy"] :is(.flow-arrow,.situation-arrow,.app-flow-arrow) path{stroke:#9DC0E0}
.feature-body-surface[data-section-theme="navy"] .seo-onsite-groups dl div::before{background:#9DC0E0}
.feature-body-surface[data-section-theme="navy"] .seo-onsite-groups article+article{border-color:rgba(157,192,224,.35)}

.bp-feature-page .bp-hero{padding-bottom:56px}
.bp-benefits-band{padding-top:56px}
.bp-benefits-band .bp-benefits{margin-top:0}
.bp-benefits-band .bp-benefits dt,.feature-body-surface[data-section-theme="navy"] .bp-why-grid h3{color:#fff}
.bp-benefits-band .bp-benefits dd,.feature-body-surface[data-section-theme="navy"] .bp-why-grid p{color:#d5e1ed}
.bp-benefits-band .bp-benefits>div::before,.feature-body-surface[data-section-theme="navy"] .bp-why-grid article>span{background:#9DC0E0}
.feature-body-surface[data-section-theme="navy"] .bp-why-grid,.feature-body-surface[data-section-theme="navy"] .bp-why-grid article+article{border-color:rgba(157,192,224,.35)}

/* Reviews: exposed diagram labels stay visible on navy, white panels retain dark text. */
.review-routing[data-section-theme="navy"] .review-linear-step>strong{color:#fff}
.review-routing[data-section-theme="navy"] .review-linear-arrow{color:#9DC0E0}
.review-routing[data-section-theme="navy"] .review-routing-source{color:#071936}

/* Contrast when feature bands rotate from the bottom upward. */
.bp-benefits-band[data-section-theme="light"] .bp-benefits dt{color:#071936}
.bp-benefits-band[data-section-theme="light"] .bp-benefits dd{color:var(--text)}
.bp-benefits-band[data-section-theme="light"] .bp-benefits>div::before{background:#2E5E8C}
.campaign-value[data-section-theme="navy"] h3{color:#fff}
.campaign-value[data-section-theme="navy"] .campaign-benefits p{color:#d5e1ed}
.seo-technical[data-section-theme="navy"] .seo-tech-list h3{color:#fff}
.seo-technical[data-section-theme="navy"] :is(.seo-tech-list,.seo-site-status) li{color:#d5e1ed}
.seo-technical[data-section-theme="navy"] .seo-site-status li b{color:#9DC0E0}
.seo-technical[data-section-theme="navy"] .seo-tech-list :is(ul,li){border-color:rgba(157,192,224,.35)}
.seo-advanced[data-section-theme="light"] .seo-advanced-groups li{color:var(--text)}
.seo-advanced[data-section-theme="light"] .seo-advanced-groups,.seo-advanced[data-section-theme="light"] .seo-advanced-groups article+article{border-color:#d7e0e9}

.campaign-followup-band{padding-top:76px}
.campaign-followup-band .campaign-hero-flow{margin-top:0}
@media(max-width:640px){.campaign-followup-band{padding-top:52px}}

/* Separate the campaign graphic from its gray section. */
.campaign-followup-band .campaign-finished{background:#fff;border-color:#cbd5df}
.campaign-followup-band .campaign-timeline{padding:28px;border:1px solid #cbd5df;border-radius:15px;background:#fff;box-shadow:0 24px 54px -42px rgba(7,25,54,.55)}
.campaign-followup-band .campaign-timeline::before{left:35px;top:45px;bottom:45px;background:#9bb3ca}
.campaign-followup-band .campaign-timeline li:last-child{min-height:0}
.campaign-followup-band .campaign-timeline li:last-child div{padding-bottom:0}

.review-process[data-section-theme="navy"] .review-flow-step::before{border-color:#9DC0E0}
.review-process[data-section-theme="navy"] .review-flow-step::after{background:#9DC0E0}

.inbox-demo-band{padding-top:76px}
.inbox-demo-band .inbox-hero-product{margin-top:0;color:#071936}
@media(max-width:640px){.inbox-demo-band{padding-top:52px}}

/* Separate, compact lead-source cards. */
.lf-sources .lead-source-grid{gap:20px;border:0}
.lf-sources .lead-source-card{min-height:0;padding:24px;border:1px solid #d7e0e9;border-radius:14px;column-gap:16px;row-gap:14px}
@media(max-width:640px){.lf-sources .lead-source-grid{gap:16px}.lf-sources .lead-source-card{padding:20px}}

/* Align review step labels and center connectors between adjacent labels. */
@media(min-width:721px){
.review-request-flow .review-flow-step{align-items:center}
.review-request-flow .review-step-heading{padding-top:0}
.review-request-flow .review-flow-step:not(:last-child)::after{top:calc(var(--review-arrow-mid,100%) - 20px);height:32px}
.review-request-flow .review-flow-step:not(:last-child)::before{top:calc(var(--review-arrow-mid,100%) + 4px)}
}

.review-request-flow .review-step-heading{gap:6px;justify-content:flex-start}
.review-request-flow .review-step-heading strong{flex:0 1 auto;width:fit-content;max-width:150px;text-align:center;text-wrap:balance}

.bp-preview-band{padding-top:56px}
.bp-preview-band .bp-product-visual{background:#fff;border-color:#cbd5df}
.bp-preview-band .bp-hero-note{color:var(--text);border-color:#cbd5df}
@media(max-width:640px){.bp-preview-band{padding-top:40px}}

.seo-search-band{padding-top:64px}
.seo-search-band .seo-hero-visual{margin-top:0}
@media(max-width:640px){.seo-search-band{padding-top:44px}}