.service-page { color: #111; line-height: 1.65; text-align: left; }
.service-page h1, .service-page h2, .service-page h3, .service-page p { text-align: left; }
.service-hero { background: #ffdd26; padding: 72px 0; }
.service-hero nav { font-size: 14px; margin-bottom: 52px; }
.service-page a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.service-eyebrow { font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 20px; }
.service-page h1 { max-width: 1050px; font-size: clamp(34px, 5.2vw, 72px); line-height: 1.1; font-weight: 800; letter-spacing: -.035em; margin: 0 0 28px; overflow-wrap: break-word; }
.service-page h2 { max-width: 880px; font-size: clamp(28px, 3.3vw, 44px); line-height: 1.2; margin: 0 0 36px; }
.service-page h3 { font-size: 23px; line-height: 1.3; margin: 0 0 16px; }
.service-page p { margin-bottom: 20px; }
.service-page .service-lead { max-width: 800px; font-size: 21px; }
.service-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin: 36px 0; }
.service-page .service-button { display: inline-flex; gap: 24px; align-items: center; background: #111; color: #fff; padding: 18px 24px; text-decoration: none; font-weight: 600; }
.service-page a:focus-visible { outline: 3px solid #111; outline-offset: 5px; }
.service-page .service-note { font-size: 14px; margin: 0; }
.service-section { padding: 80px 0; }
.service-muted { background: #f5f5f5; }
.service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.service-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.service-grid article { border-top: 2px solid #111; padding-top: 24px; }
.service-tag { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; }
.service-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 60px; counter-reset: service-step; padding: 0; list-style: none; }
.service-steps li { counter-increment: service-step; padding-left: 48px; position: relative; }
.service-steps li::before { content: "0" counter(service-step); position: absolute; left: 0; top: 0; font-size: 20px; font-weight: 700; }
.service-page .service-afterword { max-width: 850px; margin: 36px 0 0; }
.service-copy { max-width: 950px; }
.service-copy h3 { margin-top: 36px; }
.service-form-intro { max-width: 720px; margin: 0 auto 36px; text-align: center; line-height: 1.6; }
@media (max-width: 767px) {
    .service-hero { padding: 48px 0; }
    .service-hero nav { margin-bottom: 36px; }
    .service-page .service-lead { font-size: 18px; }
    .service-section { padding: 48px 0; }
    .service-grid, .service-grid-two, .service-steps { grid-template-columns: 1fr; gap: 28px; }
    .service-page h3 { font-size: 21px; }
}
