/* Dark brand moments frame a lighter, more readable product narrative. */
.brand-home .site-header,
.contact-page .site-header { background: #102820; }

.brand-home .hero {
  padding-bottom: clamp(36px, 5vw, 72px);
  background: radial-gradient(ellipse at 72% 45%, #1b3c30, transparent 70%), #102820;
}

.brand-home .coverage-section { background: #faf9f4; color: #172820; }
.brand-home .coverage-copy > p,
.brand-home .service-market-list small { color: #506259; }
.brand-home .coverage-copy .button-outline,
.brand-home .developer-copy .button-outline { color: #183b2e; border-color: #80988a; }
.brand-home .coverage-copy .button-outline:hover,
.brand-home .developer-copy .button-outline:hover { background: #e3ebe3; }
.brand-home .service-market-list,
.brand-home .service-market-list li { border-color: #d3ddd4; }
.brand-home .service-market-list a { min-height: 72px; padding: 12px 8px; }
.brand-home .service-market-list a:hover { background: #edf2eb; }
.brand-home .service-market-list a:hover strong,
.brand-home .service-market-list a > span:last-child,
.brand-home .service-market-code { color: #265842; }
.brand-home .service-market-list strong { font-size: 19px; }

.brand-home .operations-band { background: #e8efe8; color: #172820; }
.brand-home .operations-metrics strong { color: #20503b; }
.brand-home .operations-metrics p,
.brand-home .operations-note { color: #465b50; }
.brand-home .developer-section { background: #faf9f4; color: #172820; }
.brand-home .developer-copy > p,
.brand-home .developer-points small { color: #506259; }
.brand-home .developer-points > div { border-color: #d3ddd4; }
.brand-home .developer-points > div > span,
.brand-home .coverage-section .kicker,
.brand-home .operations-band .kicker,
.brand-home .developer-section .kicker { color: #52663f; }
.brand-home .developer-section .api-preview { color: #e3ebe5; }

.brand-home .coverage-section :focus-visible,
.brand-home .developer-copy :focus-visible,
.contact-page .page-hero :focus-visible { outline: 2px solid #265842; outline-offset: 4px; }

.brand-home .contact-section { padding: clamp(48px, 7vw, 96px) 0; background: #153429; color: #fff; }
.brand-home .contact-card { padding: 0; background: transparent; }
.brand-home .contact-card p,
.brand-home .contact-actions small { color: #ccdcd1; }
.brand-home .site-footer { background: #102820; }

.contact-page .page-hero {
  background: #f5f4ed;
  color: #172820;
  border-bottom: 1px solid #dce3d9;
}
.contact-page .page-hero h1 em { color: #265842; }
.contact-page .page-hero .lead,
.contact-page .breadcrumb { color: #506259; }
.contact-page .page-hero .kicker,
.contact-page .breadcrumb a:hover { color: #52663f; }
.contact-page .breadcrumb a { text-decoration: underline; text-underline-offset: 3px; }