.service-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;color:var(--ink-2);padding-top:24px}
.service-breadcrumb a{text-decoration:none}
.service-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.service-breadcrumb svg{width:12px;height:12px;flex:none}
.service-hero{padding-top:40px}
.service-hero .lead{max-width:44ch}
.service-hero .btn svg,.service-cta .btn svg{width:18px;height:18px;flex:none}
.service-cta .btn{white-space:nowrap}
.service-note{font-size:14px;color:var(--ink-2);margin-top:20px;max-width:48ch}
.service-pains .list3>div{border-top:1px solid var(--line);padding-top:20px}
.service-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:workflow}
.service-flow li{border-top:1px solid var(--line);padding-top:20px;counter-increment:workflow}
.service-flow li::before{content:"0" counter(workflow);display:block;font-size:14px;color:var(--ink-2);margin-bottom:16px}
.service-flow h3{margin-bottom:12px}
.service-flow p{font-size:17px;color:var(--ink-2)}
.service-delivery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.service-delivery>div+div{border-left:1px solid var(--line);padding-left:40px}
.service-delivery h2{margin-bottom:24px}
.service-list{display:grid}
.service-list li{padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}
.service-example{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px}
.service-example p{max-width:66ch;color:var(--ink-2)}
.service-cost .lead{max-width:70ch}
.service-faq{max-width:900px}
.service-faq details{border-top:1px solid var(--line);padding:20px 0}
.service-faq details:last-child{border-bottom:1px solid var(--line)}
.service-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font:500 21px/1.35 var(--display);min-height:44px}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary svg{width:20px;height:20px;flex:none;transition:transform .2s}
.service-faq details[open] summary svg{transform:rotate(180deg)}
.service-faq details p{max-width:70ch;margin-top:16px;color:var(--ink-2)}
.service-related{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid var(--line);padding-top:24px;margin-top:40px;font-size:16px}
.service-related a{color:var(--ink-2);text-underline-offset:4px}
.sol .service-link{display:inline-flex;gap:8px;align-items:center;font-size:16px;margin-top:28px;text-decoration:underline;text-underline-offset:5px;font-weight:500}
.service-link svg{width:18px;height:18px;flex:none}
@media(max-width:899px){.service-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.service-delivery,.service-example{grid-template-columns:1fr;gap:32px}.service-delivery>div+div{border-left:0;padding-left:0}.service-hero{padding-top:24px}}
@media(max-width:599px){.service-flow{grid-template-columns:1fr;gap:20px}.service-hero .acts{gap:16px}.service-breadcrumb{font-size:13px}.service-faq summary{font-size:20px}}