/* SEO v2. Page-specific composition; type sizes follow the approved tokens. */
:where(.page--seo) h1{font-size:var(--type-display);line-height:var(--leading-display);font-weight:var(--weight-heading);letter-spacing:var(--tracking-display)}
:where(.page--seo) h2{font-size:var(--type-section);line-height:var(--leading-section);font-weight:var(--weight-heading);letter-spacing:-.035em}
:where(.page--seo) h3{font-size:var(--type-card);line-height:var(--leading-card);font-weight:var(--weight-heading);letter-spacing:-.025em}
:where(.page--seo) p{font-size:var(--type-body);line-height:var(--leading-body)}
.page--seo p.text-lead{font-size:var(--type-lead);line-height:var(--leading-lead);color:var(--ink)}
.page--seo p.section-label{font-size:var(--type-caption);line-height:var(--leading-caption)}
.page--seo strong{font-weight:var(--weight-heading)}
.page--seo .site-header a[aria-current="page"]{color:var(--blue)}
.service-hero{padding-top:26px;padding-bottom:28px}
.breadcrumbs{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:var(--type-caption);line-height:var(--leading-caption);margin-bottom:32px}
.breadcrumbs a:hover{color:var(--blue)}
.service-hero__title{max-width:1380px;word-spacing:calc(0em - var(--tracking-display))}
.service-hero h1 span{color:var(--blue)}
.service-hero__bottom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:40px;margin-top:32px}
.service-hero__copy{max-width:700px;color:var(--muted)}
.service-hero__copy>.bullet-list{margin-top:18px;gap:8px}
.service-hero__action{justify-self:end}
.service-hero__action>p{margin-top:12px;color:var(--muted);font-size:var(--type-caption);line-height:var(--leading-caption)}
.service-hero__navigation{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:32px;padding-top:22px}
.page--seo .link--primary{font-size:var(--type-ui);line-height:var(--leading-ui)}
.page--seo .link--primary:hover{color:var(--blue)}
.content-section{padding-block:64px;border-top:1px solid var(--line)}
.content-section--wash{background:var(--wash)}
.editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px}
.section-heading,.editorial-layout__content,.editorial-layout>*{min-width:0}
.section-heading__title{margin-top:20px}
.editorial-layout__content>p{max-width:740px;color:var(--muted)}
.editorial-layout__content>p+p{margin-top:20px}
.list-group--separated{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.section-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:48px;margin-bottom:36px}
.section-intro .text-lead{max-width:680px}
.page--seo .step-list--four{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.step-list--four>li>p{margin-top:18px;max-width:640px;color:var(--muted)}
.section-conclusion{margin-top:32px;padding-top:26px;border-top:1px solid var(--line);max-width:980px}
.section-intro__link{justify-self:end}
.editorial-layout__content .list-group{max-width:none}
.page--seo .list-group>h3{font-size:var(--type-body);line-height:var(--leading-ui);letter-spacing:normal}
/* The same form/footer type roles as Home v17; only the heading copy differs. */
.page--seo .contact-section h2{font-size:var(--type-contact);line-height:var(--leading-contact);letter-spacing:-.03em}
.page--seo .contact-section .section-label{font-size:var(--type-caption);line-height:var(--leading-caption)}
.page--seo .contact-section .lead-form .lead-form__intro{font-size:var(--type-lead);line-height:var(--leading-ui)}
.page--seo .contact-section .contact-section__label,.page--seo .contact-section .contact-section__messengers a,.page--seo .contact-section .lead-form__channels legend,.page--seo .contact-section .lead-form__channel span,.page--seo .contact-section .lead-form__field>label,.page--seo .contact-section .lead-form__website summary,.page--seo .contact-section .lead-form .lead-form__status{font-size:var(--type-ui);line-height:var(--leading-ui)}
.page--seo .contact-section .contact-section__direct-links a,.page--seo .contact-section .lead-form__field input{font-size:var(--type-body);line-height:var(--leading-ui)}
.page--seo .contact-section .lead-form .lead-form__submit{font-size:var(--type-body);font-weight:var(--weight-heading);line-height:1.4}
.page--seo .contact-section .lead-form__optional-label,.page--seo .contact-section .lead-form__consent,.page--seo .contact-section .contact-section__location,.page--seo .contact-section .lead-form .lead-form__fallback{font-size:var(--type-caption);line-height:var(--leading-caption)}
.page--seo .site-footer__main>p{font-size:var(--type-caption);line-height:var(--leading-caption)}
.page--seo .site-footer__details p{font:inherit}

/* The responsibility component from Home v17, with three equally weighted cards. */
.responsibility .section-intro{margin-bottom:32px}
.responsibility__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.responsibility__card{min-width:0;padding:30px 32px;background:var(--wash);border:1px solid var(--line);border-radius:4px}
.responsibility__title{letter-spacing:-.65px}
@supports(grid-template-rows:subgrid){.responsibility__card{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}.responsibility__card>.bullet-list{align-content:start}}
.responsibility__conclusion{margin-top:24px}
.editorial-layout__content .list-group--first{margin-top:0}
.result-list--spaced{margin-top:28px}
.bullet-list--flush{margin-top:0}
.bullet-list strong{color:var(--ink)}
@media(max-width:1100px){.editorial-layout{gap:40px}.responsibility__grid{grid-template-columns:1fr}.responsibility__card{display:block;grid-row:auto}}
@media(max-width:800px){.service-hero{padding-top:24px}.service-hero__bottom{grid-template-columns:1fr;gap:24px}.service-hero__action{justify-self:start}.editorial-layout{grid-template-columns:1fr;gap:28px}.content-section{padding-block:48px}.section-intro{grid-template-columns:1fr;gap:24px}.section-intro__link{justify-self:start}.page--seo .step-list--four{grid-template-columns:1fr;gap:24px}.section-heading__title br{display:none}.section-conclusion{max-width:none}.responsibility__card{padding:26px 24px}}
@media(max-width:600px){.service-hero{padding-bottom:24px}.breadcrumbs{margin-bottom:24px}.service-hero__break{display:none}.service-hero__bottom{margin-top:24px}.service-hero__navigation{flex-wrap:wrap;gap:16px 24px;margin-top:28px;padding-top:20px}.content-section{padding-block:40px}.section-heading__title{margin-top:16px}.section-intro{margin-bottom:28px}.responsibility__grid{grid-template-columns:1fr;gap:24px}.responsibility__card{padding:24px 20px}.section-conclusion{padding-top:24px;margin-top:28px}}

/* The catalogue transition follows the case teasers, as on Direct v7. */
.page--seo .case-navigation { display: flex; justify-content: space-between; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line); }
@media (max-width: 600px) {
  .page--seo .case-navigation { margin-top: 24px; padding-top: 20px; }
}

/* Local v5 comparison: lead phrases above explanations, at body size. */
.bullet-list--explained { gap: 20px; }
.bullet-list--explained .bullet-list__lead,
.bullet-list--explained .bullet-list__explanation {
  display: block;
  font-size: var(--type-body);
  line-height: var(--leading-body);
}
.bullet-list--explained .bullet-list__lead {
  color: var(--ink);
  font-weight: var(--weight-heading);
}
.bullet-list--explained .bullet-list__explanation { margin-top: 6px; }