.service-hero {
  padding: 92px max(20px, calc((100% - var(--max))/2)) 100px;
  color: var(--white);
  background:
    linear-gradient(110deg, rgba(216,255,54,.04) 1px, transparent 1px) 0 0/44px 44px,
    radial-gradient(circle at 84% 5%, rgba(216,255,54,.13), transparent 30%),
    var(--ink);
}
.breadcrumbs { margin-bottom: 44px; display: flex; gap: 9px; color: #aeb9bf; font-size: .82rem; }
.breadcrumbs a { text-underline-offset: 3px; }
.service-hero-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 70px; align-items: end; }
.service-hero h1 { margin: 0; font: 900 clamp(4rem, 8vw, 7.5rem)/.92 Impact, "Arial Narrow", sans-serif; letter-spacing: -.025em; text-transform: uppercase; }
.service-hero h1 em { color: var(--signal); font-style: normal; }
.service-hero-copy > p:last-of-type { max-width: 730px; color: #c3cdd3; font-size: 1.12rem; }
.service-facts { padding: 28px; color: var(--ink); background: var(--signal); }
.service-facts strong { display: block; margin-bottom: 16px; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.service-facts ul { margin: 0; padding: 0; list-style: none; }
.service-facts li { padding: 10px 0; border-top: 1px solid rgba(16,24,32,.25); font-weight: 750; }
.service-detail { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(60px, 8vw, 120px); }
.service-detail aside { align-self: start; padding: 26px; background: var(--white); border-top: 5px solid var(--signal-dark); }
.service-detail aside strong { display: block; margin-bottom: 12px; }
.service-detail aside p { margin: 0; color: var(--muted); }
.service-body h2 { margin: 0 0 22px; font-size: clamp(2.1rem, 4vw, 3.6rem); line-height: 1; }
.service-body h3 { margin: 38px 0 10px; font-size: 1.35rem; }
.service-body p { color: #53616a; }
.service-checks { margin: 28px 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; list-style: none; }
.service-checks li { padding: 14px 16px; background: var(--white); border: 1px solid var(--line); font-weight: 750; }
.service-checks li::before { content: "✓"; margin-right: 10px; color: #607500; font-weight: 950; }
.local-box { margin-top: 42px; padding: 28px; color: var(--white); background: var(--ink-2); }
.local-box h3 { margin-top: 0; color: var(--signal); }
.local-box p { color: #c3cdd3; }
.service-bottom-cta { padding: 80px max(20px, calc((100% - var(--max))/2)); display: flex; align-items: center; justify-content: space-between; gap: 40px; background: var(--signal); }
.service-bottom-cta h2 { margin: 0; font: 900 clamp(2.7rem, 5vw, 5rem)/.95 Impact, sans-serif; text-transform: uppercase; }
.service-bottom-cta p { margin: 12px 0 0; }
.service-bottom-cta .button { color: var(--white); background: var(--ink); border-color: var(--ink); white-space: nowrap; }

@media (max-width: 850px) {
  .service-hero-grid, .service-detail { grid-template-columns: 1fr; }
  .service-bottom-cta { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 700px) {
  .service-hero { padding-top: 54px; padding-bottom: 70px; }
  .service-hero h1 { font-size: clamp(3.2rem, 15vw, 5rem); }
  .service-checks { grid-template-columns: 1fr; }
}