.nav nav .active{color:var(--blue)}
.services-hero{min-height:430px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#031329 0%,rgba(3,19,41,.94) 34%,rgba(3,19,41,.30) 72%),url('assets/images/hero-desktop.webp') center/cover no-repeat}
.services-hero-inner{padding:70px 0}
.services-hero span,.service-intro span,.photo-service span{font-size:13px;font-weight:900;letter-spacing:1.7px;color:#69b7ff}
.services-hero h1{font-size:54px;line-height:1.04;letter-spacing:-2px;max-width:680px;margin:10px 0 18px}
.services-hero p{font-size:19px;color:#dbe7f5;max-width:660px;margin:0 0 27px}
.service-intro{padding:78px 0 50px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end}
.service-intro h2{font-size:38px;line-height:1.1;margin:8px 0 0}
.service-intro p{font-size:18px;color:var(--muted);margin:0}
.service-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:90px}
.photo-service{position:relative;display:block;min-width:0;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(7,25,53,.07);transition:.25s}
.photo-service:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(7,25,53,.13)}
.photo-service img{width:100%;height:170px;min-height:0;object-fit:cover}
.photo-service>div{position:relative;min-height:145px;padding:19px 54px 20px 20px}
.photo-service span{font-size:10px;letter-spacing:1.2px}
.photo-service h2{font-size:19px;line-height:1.18;margin:4px 0 7px}
.photo-service p{color:#52637c;font-size:13px;line-height:1.42;margin:0}
.photo-service a{position:absolute;right:16px;bottom:18px;width:36px;height:36px;border:1px solid #dce8f5;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:21px;font-weight:900;background:#fff}
.service-values{background:var(--navy);color:#fff;padding:40px 0}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.values-grid>div{text-align:center;padding:7px 25px;border-right:1px solid #204568}.values-grid>div:last-child{border:0}
.values-grid b,.values-grid span{display:block}.values-grid b{font-size:24px;color:#6bb5ff}.values-grid span{font-size:14px;color:#c6d7e9;margin-top:3px}
@media(max-width:900px){.service-intro{grid-template-columns:1fr;gap:20px}.service-list{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:1fr 1fr;gap:22px}.values-grid>div:nth-child(2){border:0}}
@media(max-width:720px){.services-hero{min-height:500px;background-image:linear-gradient(180deg,#031329 0%,rgba(3,19,41,.91) 62%,rgba(3,19,41,.32)),url('assets/images/hero-mobile.webp');background-position:center bottom}.services-hero-inner{padding:55px 0 120px}.services-hero h1{font-size:39px}.services-hero p{font-size:16px}.service-intro{padding:55px 0 35px}.service-intro h2{font-size:31px}.service-intro p{font-size:16px}.service-list{gap:11px;padding-bottom:60px}.photo-service{border-radius:14px}.photo-service img{height:122px}.photo-service>div{min-height:145px;padding:14px 42px 16px 13px}.photo-service h2{font-size:16px}.photo-service p{font-size:12px}.photo-service a{right:10px;bottom:13px;width:31px;height:31px}.values-grid{grid-template-columns:1fr 1fr}.values-grid>div{padding:8px 12px}.values-grid b{font-size:19px}}