/* Custom backend support: the shared service layout with a workflow illustration. */
.backend-hero-grid { grid-template-columns:1.15fr 1fr; gap:64px; }
.backend-page .backend-hero-grid h1 { max-width:none; font-size:clamp(48px,5.4vw,76px); }
.backend-hero-grid > div > p:not(.eyebrow):not(.lead) { color:var(--muted); font-size:17px; }
.backend-flow { background:var(--sage); border-top:3px solid var(--ink); padding:30px; }
.backend-flow-top { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.backend-flow-top .eyebrow { font-size:10px; }
.backend-live { display:inline-flex; align-items:center; gap:7px; font-size:11px; white-space:nowrap; }
.backend-live i { width:7px; height:7px; border-radius:50%; background:#41664a; }
.backend-flow-title { font-size:clamp(34px,3.5vw,46px); font-weight:600; letter-spacing:-.045em; line-height:1.08; margin:30px 0; }
.backend-flow ol { list-style:none; padding:0; margin:0; }
.backend-flow li { display:grid; grid-template-columns:26px 1fr; gap:14px; padding:20px 0; border-top:1px solid #bfc3b5; }
.backend-flow li strong { display:block; font-size:17px; line-height:1.35; }
.backend-flow li p { margin:7px 0 0; color:var(--muted); font-size:14px; }
.backend-flow .step-number { padding-top:2px; }
.backend-hero-grid .backend-flow figcaption { padding-top:6px; font-size:11px; color:var(--muted); }
.backend-jump-links { display:flex; flex-wrap:wrap; gap:12px 38px; border-block:1px solid var(--rule); padding-block:14px; margin-top:50px; }
.backend-jump-links a { display:inline-flex; align-items:center; gap:24px; min-height:44px; font-size:14px; text-decoration:none; }
.backend-jump-links a span { font-size:10px; color:var(--muted); }
.backend-jump-links a:hover { color:var(--red); }
.backend-case { background:var(--ink); color:var(--paper); }
.backend-case .eyebrow { color:#c7c9bc; }
.backend-case .service-intro > div > p:not(.lead),.backend-case-parts p { color:#d4d5cd; }
.backend-case-parts { display:grid; grid-template-columns:1fr 1fr; gap:80px; margin-top:35px; }
.backend-case-parts article { border-top:1px solid #6c6f64; padding-top:25px; }
.backend-case-parts .eyebrow { display:block; margin-bottom:20px; }
.backend-case-parts h3 { font-size:32px; line-height:1.15; margin-bottom:16px; }
.backend-case-parts p { max-width:45ch; font-size:17px; }
.backend-takeaway { display:grid; grid-template-columns:1fr 1fr; gap:80px; border-top:1px solid #6c6f64; padding-top:30px; margin-top:18px; }
.backend-takeaway p { margin:0; font-size:18px; }
.backend-process { background:var(--sage); }
.backend-process .process-list { grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-top:35px; }
.backend-process .process-list p { color:var(--muted); }
.backend-process .process-list .step-number { color:var(--red); }
.backend-scope-note { margin:30px 0 0; padding-top:24px; border-top:1px solid var(--rule); color:var(--muted); font-size:14px; max-width:none; }
@media(max-width:1050px) {
 .backend-hero-grid { gap:36px; }
 .backend-flow { padding:24px; }
 .backend-case-parts,.backend-takeaway { gap:45px; }
}
@media(max-width:800px) {
 .backend-hero-grid { grid-template-columns:1fr; gap:32px; }
 .backend-hero-grid .backend-flow { max-width:none; width:100%; }
 .backend-flow { padding:28px; }
 .backend-flow-title { font-size:42px; }
 .backend-jump-links { gap:4px 26px; margin-top:32px; }
 .backend-takeaway { grid-template-columns:1fr; gap:16px; }
 .backend-process .process-list { grid-template-columns:1fr 1fr; }
}
@media(max-width:540px) {
 .backend-page .backend-hero-grid h1 { font-size:48px; }
 .backend-flow { padding:24px 20px; }
 .backend-flow-top { gap:10px; }
 .backend-flow-title { font-size:38px; }
 .backend-jump-links { display:grid; grid-template-columns:1fr; gap:0; }
 .backend-jump-links a { justify-content:space-between; }
 .backend-case-parts,.backend-process .process-list { grid-template-columns:1fr; gap:18px; }
 .backend-case-parts h3 { font-size:30px; }
}
@media print {
 .backend-case { background:white; color:black; }
 .backend-case .eyebrow,.backend-case .service-intro > div > p,.backend-case-parts p { color:black; }
 .backend-flow,.backend-case-parts article { break-inside:avoid; }
}