/* Shared 805 surface hierarchy. Content, routes and page structures are unchanged. */
:root{--night:#241719;--blush:#f5ecee;--card-border:#e7e2e4}

/* Warm dark surfaces carry identity; red remains the action/accent color. */
.page-hero,.closing,.capacity,.launch-owner,.owner-card,.maintenance,
.about-story .story-dark,.credential-page .credential-intro,.credential-page .credential-cta{background:var(--night)}
.service.featured{background:var(--night);border-color:var(--night);color:#fff}
.service.featured p,.maintenance p{color:#e5d9dc}
.service.featured .icon-box{background:#ffffff12;color:var(--mint)}
.service.featured .medical-boundary{border-color:#ffffff26}
.difference{background:var(--night)}
.difference p{color:#e5d9dc}
.difference .eyebrow{color:var(--mint)}

/* One pale-blush family for grouped, secondary content. */
.offer,.area-box,.mission,.home-approach,.about-story .story-soft,
.credential-page .credential-section:nth-of-type(odd){background:var(--blush)}

/* Existing cards keep their shapes and padding, with quieter surfaces. */
.service:not(.featured),.home-teaser,.option-card,.offer-card,.steps-four article,.reset-card:not(.maintenance){background:#fff;border-color:var(--card-border);box-shadow:none}
.service:hover,.home-teaser:hover{box-shadow:none}
.option-card.launch-choice{border-color:var(--blue)}
.brand-panel{box-shadow:0 12px 32px #00000020}
.bid-link:hover{box-shadow:0 12px 32px #00000028}
.icon-box,.panel-icon{background:#fcebed;color:var(--blue)}
.bid-link .panel-icon{background:#ffffff20;color:#fff}

/* Supporting headings stay below the single page-level hero. */
.section h2{font-size:clamp(2rem,3vw,2.7rem)}
.area-box h2{font-size:2.25rem}
.closing h2,.credential-page .credential-section h2{font-size:clamp(2rem,3vw,2.7rem)}

/* Readable line lengths without changing grids or service hierarchy. */
.terms-block p,.launch-owner p,.credential-page .credential-section p{max-width:65ch}
.commercial-scope>p:not(.medical-boundary){max-width:65ch}
.outcome-groups p{max-width:40ch}
.service:not(.featured) p,.reset-card p{max-width:65ch}
.faq-rows p{max-width:70ch}
.section{padding-top:80px;padding-bottom:80px}
.area{padding-top:0}
.owner-cleaner .owner-copy{max-width:62ch}

@media(max-width:700px){
 .section{padding-top:60px;padding-bottom:60px}
 .area{padding-top:0}
 .section h2,.closing h2,.credential-page .credential-section h2{font-size:clamp(1.85rem,7.5vw,2.4rem)}
 .area-box h2{font-size:2rem}
 .owner-cleaner .owner-copy{max-width:100%}
}