.services-page{background:#f3f6f8;color:#142c43}
.services-hero{padding:clamp(145px,15vw,235px) 8% clamp(64px,9vw,140px);background:linear-gradient(90deg,#071629f5,#07162938),url('../images/opening/1.webp') center/cover;color:#f4f9ff}
.services-hero h1{max-width:15ch;font-size:clamp(42px,7.6vw,126px);letter-spacing:-.06em;line-height:.99;margin:.28em 0}
.services-hero em{font-style:normal;color:#a6dbff}
.services-hero p,.service-chapter p{max-width:47ch;font-size:clamp(16px,1.6vw,23px);line-height:1.65}
.service-chapter{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(30px,8vw,140px);align-items:end;padding:clamp(65px,10vw,160px) 8%;scroll-margin-top:60px}
.service-chapter h2{max-width:14ch;font-size:clamp(38px,6vw,93px);line-height:1.02;letter-spacing:-.05em;margin:.28em 0}
.service-chapter-details h3{font-size:clamp(16px,1.7vw,24px);margin:0 0 12px}
.service-chapter-details ul{list-style:none;margin:0 0 28px;padding:0}
.service-chapter-details li{padding:12px 0;border-top:1px solid currentColor}
.service-chapter-software{background:#e4f1f8}
.service-chapter-web{background:#f8fbfd}
.service-chapter-brand{background:#183b61;color:#fff}
.service-chapter-social{background:#e5eff1}
.service-chapter-video{background:#f7f3eb}
.service-chapter .textlink{color:inherit}
@media(max-width:760px){.service-chapter{grid-template-columns:1fr}}

.services-index{
 position:sticky;top:0;z-index:1;display:flex;gap:clamp(18px,3vw,48px);align-items:center;
 overflow-x:auto;overscroll-behavior-inline:contain;padding:0 8%;
 background:#f5f9fbed;backdrop-filter:blur(18px);border-bottom:1px solid #c4d4e1;
}
.services-index a{
 flex:none;padding:19px 0;color:#153d60;text-decoration:none;white-space:nowrap;
 font-size:clamp(13px,1.1vw,17px);font-weight:700;
}
.services-index a:hover,.services-index a:focus-visible{color:#1262ac;text-decoration:underline;text-underline-offset:5px}
.service-chapter{scroll-margin-top:74px}
.service-chapter-main>.kicker{
 display:inline-block;font-size:clamp(15px,1.45vw,22px);font-weight:700;letter-spacing:.065em;
 color:#1262ac;
}
.service-chapter-brand .service-chapter-main>.kicker{color:#a6dbff}

.services-visual{overflow:hidden;background:#42474a}
.services-visual img{display:block;width:100%;height:auto}
.services-visual-scala{aspect-ratio:1.36}
.services-visual-scala img{height:100%;object-fit:cover;object-position:right center}
.services-index-mobile{display:none}
@media(max-width:760px){
 .services-index{display:none}
 .services-index-mobile{display:block;position:sticky;top:0;z-index:1;background:#f5f9fb;border-bottom:1px solid #c4d4e1}
 .services-index-mobile summary{padding:17px 8%;font-weight:700;color:#153d60;cursor:pointer}
 .services-index-mobile nav{position:absolute;inset:100% 0 auto;padding:0 8% 12px;background:#f5f9fb;box-shadow:0 12px 24px #153d6025;max-height:65dvh;overflow:auto}
 .services-index-mobile a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #c4d4e1;color:#153d60;text-decoration:none}
}