/* Shared small-screen contracts; desktop compositions remain route-specific. */
html body:is(.five-service-page,.bd-page,.cc-page) main.service-page-main{box-sizing:border-box;min-width:0}
html body main.service-page-main :is(.fs-stats>div,.fs-service-grid>article,.fs-process li,.bp-stack li,.fs-stack>div>span){min-width:0}
html body main.service-page-main .technology-logo{display:block!important;width:40px!important;height:40px!important;max-width:100%;object-fit:contain;flex:none;margin:0 auto 10px;animation:none!important;filter:none!important}
html body main.service-page-main .bp-stack li:has(.technology-logo){align-content:center;gap:0}
html body main.service-page-main .bp-stack li>svg{width:32px!important;height:32px!important;margin:0 auto 10px;color:var(--bp-accent,#168bad);flex:none}
html body main.service-page-main .fs-stack>div>span:has(.technology-logo){align-content:center}
@media(max-width:1100px){
 html body:is(.five-service-page,.bd-page,.cc-page) main.service-page-main{width:var(--rail)!important;max-width:100%!important;margin-inline:auto!important}
 html body main.service-page-main :is(.bd-bottom,.bd-seo,.cc-pair,.fs-pair,.ss-pair,.bp-stack,.bp-faq){grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 html body main.service-page-main :is(.fs-service-grid,.fs-process ol,.cc-process>div,.bd-process-steps){grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important;gap:16px!important}
 html body main.service-page-main .cc-process{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 html body main.service-page-main .cc-process>div{grid-column:1/-1!important}
 html body main.service-page-main .cc-process>.cc-btn{justify-self:start}
 html body main.service-page-main :is(.fs-stats,.cc-stats,.bd-stats){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
 html body main.service-page-main .fs-stats>div{display:flex;align-items:center;justify-content:flex-start;gap:12px;border:0;min-width:0;padding:10px!important}
 html body main.service-page-main .fs-stats>div>span{min-width:0}
 html body main.service-page-main .fs-stats strong{font-size:clamp(17px,2.3vw,24px)!important;line-height:1.3;overflow-wrap:normal}
 html body main.service-page-main .fs-stats small{white-space:normal;line-height:1.45}
 html body main.service-page-main :is(.fs-stack>div,.bp-stack ul,.bd-stack>div,.cc-tech>div){grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr))!important;gap:12px!important}
 html body main.service-page-main :is(.fs-process li,.cc-process>div>article,.bd-process-steps>article){min-width:0;min-height:0;height:auto}
 html body main.service-page-main :is(.fs-process li::after,.cc-process>div>article>svg,.bd-process-steps>article>svg){display:none!important}
}
@media(max-width:700px){
 html body:is(.five-service-page,.bd-page,.cc-page) .service-page-shell{width:calc(100% - 24px)!important;max-width:none!important;margin-inline:auto!important}
 html body:is(.five-service-page,.bd-page,.cc-page) .service-page-shell>:is(.site-header,main.service-page-main,.site-footer,.copyright){width:100%!important;max-width:100%!important;margin-inline:0!important}
 html body:is(.five-service-page,.bd-page,.cc-page) main.service-page-main{gap:18px!important}
 html body main.service-page-main :is(.fs-hero-grid,.fs-service-grid,.fs-process ol,.cc-process>div,.bd-process-steps,.fs-mini-grid,.ss-app-grid,.fs-reasons,.bp-use-grid,.bp-decision-grid,.lp-path,.lp-module-grid,.lp-ecosystem-map){grid-template-columns:minmax(0,1fr)!important}
 html body main.service-page-main :is(.fs-services,.fs-process,.fs-panel,.bp-stack,.bp-focus,.bp-use-cases,.bp-faq,.lp-spotlight){padding:22px 18px!important;min-width:0}
 html body main.service-page-main .fs-service-grid>article{padding:22px!important}
 html body main.service-page-main .fs-process li{padding:20px!important}
 html body main.service-page-main :is(.fs-section-head,.cc-services>header){display:flex!important;flex-direction:column;align-items:flex-start;gap:16px}
 html body main.service-page-main .fs-hero-grid{gap:16px!important}
 html body main.service-page-main .fs-hero-art{width:100%!important;max-width:100%;margin-inline:auto}
 html body main.service-page-main .fs-stats{padding:18px 12px!important;gap:16px 10px!important}
 html body main.service-page-main .fs-stats>div{display:grid!important;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:8px;padding:8px 4px!important}
 html body main.service-page-main .fs-stats>div>svg{width:30px!important;height:30px!important}
 html body main.service-page-main .fs-stats strong{font-size:18px!important}
 html body main.service-page-main .fs-stats small{font-size:13px!important}
 html body main.service-page-main :is(.fs-checks,.cc-feature-list){grid-template-columns:minmax(0,1fr)!important}
 html body main.service-page-main :is(.fs-mini-grid article,.bp-use-grid>div,.lp-path>li,.lp-module-grid>article){min-width:0;grid-column:auto!important;grid-row:auto!important}
 html body main.service-page-main .fs-mini-grid h3{font-size:16px!important;line-height:1.4}
 html body main.service-page-main .fs-stack>div>span{padding:14px 8px;min-width:0}
 html body main.service-page-main :is(.bd-stack>div,.cc-tech>div,.fs-stack>div,.bp-stack ul){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body main.service-page-main :is(.bd-stack>div>span,.cc-tech>div>span,.bp-stack li){min-width:0;overflow-wrap:normal;word-break:normal}
 html body main.service-page-main :is(.bd-seo,.cc-seo){grid-template-columns:minmax(0,1fr)!important}
 html body main.service-page-main :is(.fs-cta,.cc-cta,.bd-cta){grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 html body main.service-page-main :is(.fs-cta>*,.cc-cta>*,.bd-cta>*){min-width:0;grid-column:auto!important}
}
@media(max-width:360px){
 html body main.service-page-main #services.fs-services{padding:20px 12px!important}
 html body main.service-page-main :is(.fs-services,.fs-process,.fs-panel,.cc-process){padding:20px 12px!important}
 html body main.service-page-main :is(.fs-service-grid>article,.fs-process li,.cc-process>div>article){padding:16px!important}
 html body main.service-page-main .fs-callouts{grid-template-columns:minmax(0,1fr)!important}
 html body main.service-page-main :is(.fs-stats strong,.cc-stats b){font-size:16px!important}
}