.service-hero{padding:100px 7.5% 150px;display:grid;grid-template-columns:1fr auto;align-items:end;background:#287cbd;color:#fff}.service-hero>div>span,.service-card>span{font-size:.58rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#cceaff}.service-hero h1{margin:1.2rem 0;font-size:clamp(4rem,6.5vw,7rem);line-height:.9;letter-spacing:-.07em}.service-hero>div>p{max-width:530px;color:#d5ecfc;font-size:.82rem;line-height:1.8}.service-hero aside{padding:22px 28px;display:flex;gap:15px;align-items:center;border-radius:26px 26px 7px;background:#fff;color:#17202f;box-shadow:0 22px 45px #184f7730}.service-hero aside i{color:#70b9ef}.service-hero aside p{margin:0;font-size:.65rem;line-height:1.6}.services-body{position:relative;padding:110px 7.5% 140px;background:#fff;overflow:hidden}.services-body:after{content:'';position:absolute;right:-160px;top:25%;width:350px;aspect-ratio:1;border:1px solid #b8dcf5;border-radius:50%;box-shadow:0 0 0 45px #eff8ff,0 0 0 46px #c7e4f8}.service-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.service-stack{display:grid;gap:22px}.service-card{position:relative;padding:38px;border-radius:34px;background:#edf6fc;overflow:hidden;transition:.45s}.service-card:hover{transform:translateY(-8px);box-shadow:0 26px 55px #286a9e26}.service-main{min-height:650px;padding:55px;display:flex;flex-direction:column;align-items:flex-start;background:#2476b8;color:#fff}.service-accent{background:#a8d8fa}.service-icon{display:grid;place-items:center;width:58px;aspect-ratio:1;margin-bottom:auto;border-radius:50%;background:#fff;color:#2476b8;font-size:1.25rem;box-shadow:0 12px 25px #173a561f;transition:.45s}.service-card:hover .service-icon{transform:rotate(10deg) scale(1.08)}.service-card>span{color:#2476b8}.service-main>span{color:#cceaff}.service-card h2{margin:16px 0;font-size:clamp(2rem,3vw,3.6rem);line-height:.95;letter-spacing:-.055em}.service-card p{max-width:490px;color:#71808d;font-size:.76rem;line-height:1.75}.service-main p{color:#d8edfc}.service-card ul{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 36px;padding:0;list-style:none}.service-card li{padding:9px 12px;border:1px solid #ffffff4d;border-radius:999px;font-size:.55rem}.service-card>a{display:flex;justify-content:space-between;width:100%;margin-top:28px;padding-top:20px;border-top:1px solid #cbdce8;font-size:.68rem;font-weight:800}.service-main>a{margin-top:auto;border-color:#ffffff45}.service-note{position:relative;z-index:2;width:72%;margin:-26px auto 0;padding:22px 28px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;border-radius:999px;background:#17202f;color:#fff;box-shadow:0 22px 45px #17324a38}.service-note span{font-size:.62rem;font-weight:800}.service-note p{font-size:.62rem;color:#c7d1d9}.service-note a{padding:11px 15px;border-radius:999px;background:#72baf2;font-size:.58rem;font-weight:800}
@media(max-width:820px){.service-hero{padding:75px 20px 100px;grid-template-columns:1fr}.service-hero h1{font-size:13vw}.service-hero aside{margin-top:35px}.services-body{padding:80px 20px 100px}.service-grid{grid-template-columns:1fr}.service-main{min-height:540px;padding:32px}.service-card{padding:30px;border-radius:28px}.service-card h2{font-size:2.5rem}.service-note{width:100%;margin:18px 0 0;padding:24px;grid-template-columns:1fr;border-radius:26px}.services-body:after{display:none}}