/* Only the three approved service pages load this stylesheet. */
.mobile-service-hero{display:none}
@media(max-width:767px){
 .service-mobile-page .ecom-hero{display:none}
 .mobile-service-hero{display:block;background:linear-gradient(155deg,#f0f8ff,#e3f2ff 70%,#f0f8ff);padding:22px 0 14px;overflow:hidden}
 .mobile-service-copy{padding:0 5.5%}
 .mobile-service-copy h1{margin:0 0 15px}
 .mobile-service-category{display:block;font-size:clamp(13px,4.3vw,22px);font-weight:800;line-height:1.2;letter-spacing:-.5px;margin-bottom:10px}
 .mobile-service-headline{display:block;color:var(--blue);font-size:clamp(23px,7.8vw,45px);line-height:1.04;font-weight:800;letter-spacing:-1px}
 .mobile-service-description{font-size:clamp(14px,3.6vw,17px);line-height:1.42;margin:0 0 17px}
 .mobile-service-hero .mobile-platforms{padding:10px 0 12px}
 .mobile-service-hero .mobile-platforms h2{font-size:clamp(14px,3.8vw,21px);margin-bottom:14px}
 .mobile-service-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}
 .mobile-service-steps li{font-size:clamp(14px,3.5vw,20px);font-weight:700;line-height:1.4;height:auto;min-height:28px;padding:2px 8px;overflow:visible;position:relative}
 .mobile-service-steps.has-arrows li:not(:last-child):after{content:'→';position:absolute;right:3px;color:#6c829f;font-size:17px}
 .mobile-service-art{height:clamp(160px,26svh,260px);background-repeat:no-repeat;background-size:150% auto;background-position:right 58%;margin-top:6px;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000)}
 .mobile-service-hero .mobile-trust{padding-top:5px}
 .mobile-service-hero .mobile-trust strong{font-size:clamp(10px,2.65vw,15px);line-height:1.35}
 .mobile-service-hero .mobile-trust>p{letter-spacing:1.3px;font-size:clamp(8px,2.1vw,12px)}
}
@media(max-width:359px), (max-width:767px) and (max-height:740px){
 .mobile-service-hero{padding-top:14px;padding-bottom:10px}
 .mobile-service-copy h1{margin-bottom:12px}
 .mobile-service-category{margin-bottom:8px}
 .mobile-service-description{margin-bottom:12px}
 .mobile-service-hero .mobile-platforms{padding-top:6px;padding-bottom:6px}
 .mobile-service-hero .mobile-platforms h2{margin-bottom:10px}
 .mobile-service-art{height:clamp(125px,21svh,170px)}
}