.svc-hero{display:grid;gap:var(--space-8);align-items:start;grid-template-columns:minmax(0,1fr)}@media (min-width:1024px){.svc-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-12)}}.svc-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.svc-flow{grid-template-columns:minmax(0,1fr);list-style:none;padding:0}.svc-flow .step{display:grid;gap:var(--space-2) var(--space-4);align-items:start;grid-template-columns:auto minmax(0,1fr)}.svc-flow .step-num{grid-row:1/span 2}.svc-flow .step p{grid-column:2}@media (min-width:768px){.svc-flow .step{grid-template-columns:auto minmax(0,5fr) minmax(0,7fr);gap:var(--space-6);padding:var(--space-6)}.svc-flow .step-num{grid-row:auto}.svc-flow .step p{grid-column:auto}}.svc-flow .step h3{align-self:center}.svc-flow .step-first{border-left:2px solid var(--signal)}.svc-split{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1fr)}@media (min-width:1024px){.svc-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-16)}}.svc-route{display:flex;flex-direction:column}.svc-route .panel-body-lg{flex:1}.svc-icon{display:inline-flex;color:var(--brand)}.svc-list{list-style:none;padding:0}.svc-head{max-width:var(--measure)}.svc-build{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.svc-build{grid-template-columns:repeat(3,minmax(0,1fr))}}.svc-build .panel{display:flex;flex-direction:column}.svc-build .panel-body-lg{flex:1}.svc-who{display:grid;gap:var(--space-8);grid-template-columns:minmax(0,1fr)}@media (min-width:1024px){.svc-who{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}}.svc-systems{display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr)}@media (min-width:640px){.svc-systems{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.svc-systems{grid-template-columns:repeat(3,minmax(0,1fr))}}.svc-system{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);font-weight:var(--fw-medium);color:var(--text);transition:border-color var(--dur-state) var(--ease-out)}.svc-system:hover{border-color:var(--text)}.svc-system svg{color:var(--brand);flex:0 0 auto}