/* Service-specific layout; typography, header and colors use the existing site system. */
.sfmc-breadcrumb {display:flex;flex-wrap:wrap;gap:10px;margin-top:35px;font-size:13px;color:var(--ink-soft)}
.sfmc-hero {display:grid;gap:32px;padding-top:44px;align-items:start}
.sfmc-hero h1 {max-width:17ch;font-size:clamp(2.2rem,4.6vw,4.25rem);line-height:1.12}
.sfmc-hero .deck {max-width:44ch}
.sfmc-intro {max-width:63ch;color:var(--ink-soft);font-size:16px;line-height:1.75;margin-top:20px}
.sfmc-actions {display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:28px}
.sfmc-button {display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:13px 20px;border:1px solid var(--copper);border-radius:8px;background:var(--copper);color:white;font-size:14px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none}
.sfmc-button:hover {background:var(--copper-hover);color:white}
.sfmc-button-secondary {background:var(--surface);border-color:var(--line-strong);color:var(--ink)}
.sfmc-button-secondary:hover {background:var(--sand);color:var(--ink)}
.sfmc-text-link {font-size:14px;font-weight:600}
.sfmc-entry {padding:28px;background:var(--navy);color:var(--ivory);border-top:3px solid var(--copper);border-radius:0 0 12px 12px}
.sfmc-kicker {font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-on-dark)}
.sfmc-entry h2 {font:400 30px/1.2 var(--site-font-serif);margin:18px 0}
.sfmc-entry p:not(.sfmc-kicker),.sfmc-entry li {font-size:14px;line-height:1.8}
.sfmc-entry ul {padding-left:20px;margin:20px 0}
.sfmc-entry li {margin-top:8px}
.sfmc-entry .sfmc-entry-note {border-top:1px solid var(--navy-line);padding-top:18px}
.sfmc-entry a {display:inline-block;margin-top:20px;color:var(--copper-on-dark);text-underline-offset:4px;font-size:14px}
.sfmc-section {padding:48px 0;border-top:1px solid var(--line)}
.sfmc-section h2,.sfmc-contact h2 {font:400 clamp(1.75rem,3vw,2.5rem)/1.22 var(--site-font-serif);max-width:30ch;margin:12px 0 24px}
.sfmc-section h3 {font:400 23px/1.3 var(--site-font-serif);margin:0 0 16px}
.sfmc-work-grid,.sfmc-audience-grid {display:grid;gap:24px;margin-top:28px}
.sfmc-work-grid article {border-top:2px solid var(--teal);padding:22px 0 0;min-width:0}
.sfmc-section article p {font-size:15px;line-height:1.8;color:var(--ink-soft);margin:0 0 14px}
.sfmc-section article strong {color:var(--ink)}
.sfmc-support {font-size:14px;line-height:1.8;color:var(--ink-soft);max-width:85ch;margin-top:28px}
.sfmc-proof {display:grid;gap:16px}
.sfmc-proof>div:last-child p {font-size:16px;line-height:1.8;margin-bottom:16px}
.sfmc-audience-grid article {padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0}
.sfmc-audience-grid .sfmc-button {margin-top:10px}
.sfmc-section-lead {max-width:70ch;color:var(--ink-soft);line-height:1.8}
.sfmc-steps {display:grid;gap:24px;list-style:none;counter-reset:sfmc-step;padding:0;margin:28px 0 0}
.sfmc-steps li {counter-increment:sfmc-step;border-left:2px solid var(--copper);padding-left:20px;min-width:0}
.sfmc-steps li::before {content:'0' counter(sfmc-step);display:block;font-size:12px;font-weight:600;color:var(--copper);margin-bottom:12px}
.sfmc-steps h3 {font-size:21px}
.sfmc-steps p {font-size:15px;line-height:1.8;color:var(--ink-soft)}
.sfmc-faq details {border-top:1px solid var(--line);padding:0}
.sfmc-faq summary {cursor:pointer;font-weight:600;line-height:1.6;padding:20px 0;min-height:48px}
.sfmc-faq details p {max-width:80ch;font-size:15px;line-height:1.8;color:var(--ink-soft);padding-bottom:20px}
.sfmc-contact {display:grid;gap:28px;padding:32px;margin:0 0 50px;background:var(--navy);color:var(--ivory);border-radius:12px}
.sfmc-contact h2 {margin-bottom:18px}
.sfmc-contact p:not(.sfmc-kicker) {font-size:15px;line-height:1.8;max-width:65ch}
.sfmc-contact .sfmc-button {background:var(--copper-on-dark);border-color:var(--copper-on-dark);color:var(--navy)}
.sfmc-contact .sfmc-button:hover {background:var(--ivory);border-color:var(--ivory)}
.sfmc-email {display:block;width:fit-content;overflow-wrap:anywhere;margin-top:18px;color:var(--ivory);font-size:14px}
.sfmc-entry :focus-visible,.sfmc-contact :focus-visible {outline:2px solid var(--copper-on-dark);outline-offset:4px}
@media(min-width:900px) {
  .sfmc-hero {grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:56px}
  .sfmc-entry {margin-top:8px}
  .sfmc-work-grid,.sfmc-steps {grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .sfmc-audience-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .sfmc-proof {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
  .sfmc-contact {grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:40px;gap:40px}
}
@media(max-width:420px) {
  .sfmc-entry,.sfmc-audience-grid article,.sfmc-contact {padding:22px}
  .sfmc-actions .sfmc-button,.sfmc-contact .sfmc-button {width:100%}
  .sfmc-section {padding:36px 0}
}