/* Premium capability bands on the Services page */
.service-list{display:grid;gap:14px}.service-list article{position:relative;isolation:isolate;display:grid;grid-template-columns:80px minmax(300px,1.1fr) minmax(280px,1fr);gap:28px;align-items:center;padding:33px 38px!important;border:1px solid #dbe3eb!important;border-radius:8px;background:linear-gradient(110deg,#fff,#f8fafc);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.service-list article:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(118deg,#071526,#0d3159);opacity:0;transition:opacity .4s}.service-list article:after{content:'↗';position:absolute;right:32px;bottom:25px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #497bff44;border-radius:50%;color:var(--blue);font:16px Manrope;opacity:0;transform:translateY(8px);transition:.35s}.service-list article:hover{border-color:#0a2849!important;box-shadow:0 20px 45px #07152624;transform:translateX(8px)}.service-list article:hover:before{opacity:1}.service-list article:hover:after{opacity:1;transform:translateY(0);background:var(--lime);border-color:var(--lime);color:var(--ink)}.service-list article>span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#edf3ff;border:1px solid #497bff35;color:var(--blue)!important;font:500 11px 'DM Mono'!important;transition:.35s}.service-list article>div{position:relative;padding-left:21px}.service-list article>div:before{content:'';position:absolute;left:0;top:2px;width:2px;height:50px;background:linear-gradient(var(--blue),transparent)}.service-list article .eyebrow{margin:0 0 9px;font-size:9px}.service-list h2{font-size:clamp(24px,2.1vw,33px)!important;line-height:1.03;margin:0!important;letter-spacing:-.06em}.service-list article>p:last-child{font-size:14px!important;line-height:1.75!important;padding-right:42px}.service-list article:hover>span{background:var(--lime);border-color:var(--lime);color:var(--ink)!important}.service-list article:hover h2{color:#fff}.service-list article:hover>p:last-child{color:#c2d1df!important}.service-list article:hover .eyebrow{color:var(--lime)}.service-list article:hover>div:before{background:linear-gradient(var(--lime),transparent)}
@media(max-width:800px){.service-list article{grid-template-columns:50px 1fr;padding:26px 22px!important;gap:18px}.service-list article>p:last-child{grid-column:2;padding:0;margin:0}.service-list article:after{right:20px;bottom:18px}.service-list h2{font-size:26px!important}.service-list article>div:before{height:40px}}
