/* Страница услуг: общая тема и движения наследуются от home.css. */
.services-page .services-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;padding-top:40px;padding-bottom:55px}.services-page .services-breadcrumb{display:flex;align-items:center;gap:12px;margin:0 0 35px;padding:0;font-size:13px;color:#c9c9d2}.services-page .services-breadcrumb a{color:#a7a7b5}.services-page .services-breadcrumb a:hover{color:#e67489}.services-page .services-hero h1{font-size:clamp(40px,4.3vw,64px);line-height:1.08;letter-spacing:-1.6px;margin:22px 0 25px}.services-page .services-lead{font-size:20px;line-height:1.6;color:#f5f5f7;margin-bottom:22px}.services-page .services-description{font-size:16px;line-height:1.8;color:var(--home-muted);max-width:560px}.services-page .services-hero-copy>.home-button{margin-top:28px}.services-page .services-hero-image{position:relative;min-height:580px;overflow:hidden;border-radius:4px;background:#17181f}.services-page .services-hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:services-image-in 1.2s ease-out both}.services-page .services-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,13,18,.95),transparent 65%)}.services-page .services-hero-image>div{position:absolute;left:30px;right:25px;bottom:30px;z-index:1;border-left:3px solid #c7233c;padding-left:20px}.services-page .services-hero-image span{font-size:12px;letter-spacing:1.3px}.services-page .services-hero-image strong{display:block;font-size:27px;line-height:1.3;margin-top:12px;font-weight:500}.services-page .services-hero-copy>.home-kicker,.services-page .services-hero h1,.services-page .services-lead{animation:home-intro .85s both}.services-page .services-hero h1{animation-delay:.08s}.services-page .services-lead{animation-delay:.16s}.services-page .services-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#44414b;border:1px solid #44414b;padding:0;overflow:hidden;border-radius:4px}.services-page .services-directory a{background:#23242d;display:flex;align-items:center;gap:12px;padding:19px 16px;font-size:14px;line-height:1.5;transition:background .3s}.services-page .services-directory a:hover{background:#302630;color:white}.services-page .services-directory a>span{color:#e5788c;font-size:12px}.services-page .services-directory b{color:#e9a3b0;margin-left:auto;font-weight:400;font-size:18px}.services-page .services-directory a:last-child{grid-column:auto}.services-page #software,.services-page #cabinets,.services-page #commissioning,.services-page #integration,.services-page #diagnostics,.services-page #restart,.services-page #modernization{scroll-margin-top:24px}.services-page .software-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.services-page .software-card{padding:30px;background:#24252e;border:1px solid #42414b;border-radius:5px;transition:background .3s,border-color .3s,transform .4s}.services-page .software-tag{display:inline-block;font-size:36px;font-weight:600;letter-spacing:-1px;border-left:3px solid #c7233c;padding-left:18px;line-height:1}.services-page .software-card h3{font-size:23px;line-height:1.3;margin:24px 0 17px}.services-page .software-card>p{color:var(--home-muted);font-size:16px;line-height:1.8}.services-page .services-list{list-style:none;padding:0;margin:24px 0 0}.services-page .services-list li{position:relative;padding:7px 0 7px 19px;font-size:16px;line-height:1.7;color:#d1d1dc}.services-page .services-list li:before{content:'—';position:absolute;left:0;color:#ef7890}.services-page .software-card .services-list li{font-size:15px}.services-page .services-note{font-size:14px;line-height:1.8;color:#b6b6c2;margin-top:25px}.services-page .services-band{padding:75px 0;background:#17181f;border-block:1px solid var(--home-line)}.services-page .services-split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.services-page .services-photo{position:relative;min-height:590px;overflow:hidden;border-radius:4px}.services-page .services-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:85% center}.services-page .services-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,12,17,.8),transparent 45%)}.services-page .services-photo>span{position:absolute;bottom:27px;left:27px;right:20px;z-index:1;font-size:12px;letter-spacing:1.4px}.services-page .services-copy>p:not(.home-kicker){margin-top:25px;color:var(--home-muted);line-height:1.8}.services-page .services-copy h2{font-size:clamp(30px,3vw,43px)}.services-page .implementation-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.services-page .implementation-card{padding:34px;background:#24252e;border:1px solid #41414c;border-radius:5px}.services-page .implementation-card h2{font-size:clamp(28px,2.65vw,38px);line-height:1.2;margin-bottom:24px}.services-page .implementation-card>p:not(.home-kicker){color:var(--home-muted);line-height:1.8}.services-page .repair-band{background:#23242d}.services-page .repair-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:stretch}.services-page .repair-visual{position:relative;min-height:435px;border-radius:5px;overflow:hidden}.services-page .repair-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:65% center}.services-page .repair-copy h3{margin:0 0 18px;font-size:25px;line-height:1.35}.services-page .repair-copy>p{font-size:16px;line-height:1.8;color:var(--home-muted)}.services-page .equipment-block{border-top:1px solid #46454e;margin-top:40px;padding-top:30px}.services-page .equipment-block h3{font-size:21px;margin:0 0 22px}.services-page .equipment-tags{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.services-page .equipment-tags li{font-size:14px;line-height:1.5;padding:9px 15px;border:1px solid #56515c;border-radius:3px;color:#dddde5;background:#252630}.services-page .restart-steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.services-page .restart-steps li{padding:24px 0 0;border-top:2px solid #c7233c}.services-page .restart-steps span{font-size:38px;color:#b9b9c7;font-weight:400;line-height:1}.services-page .restart-steps h3{font-size:21px;line-height:1.3;margin:24px 0 15px}.services-page .restart-steps p{font-size:16px;line-height:1.8;color:var(--home-muted)}.services-page .modernization-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.services-page .modernization-layout .services-description{margin-top:26px;max-width:450px}.services-page .modernization-items>div{display:flex;gap:24px;border-bottom:1px solid #45454e;padding:24px 0}.services-page .modernization-items>div:first-child{padding-top:0}.services-page .modernization-items span{color:#e77388;font-size:13px;padding-top:3px}.services-page .modernization-items p{font-size:18px;color:#dddde5;line-height:1.6}.services-page .services-contact{display:flex;align-items:center;justify-content:space-between;gap:60px}.services-page .services-contact h2{font-size:clamp(32px,3.5vw,50px)}.services-page .services-contact p:not(.home-kicker){margin-top:25px;color:var(--home-muted);line-height:1.8;max-width:600px}.services-page .services-contact-actions{display:flex;flex-direction:column;align-items:center;gap:23px;flex-shrink:0}.services-page .services-contact-actions>a:last-child{font-size:16px}
@media(hover:hover) and (pointer:fine){.services-page .software-card:hover{background:#302630;border-color:#a8394d;transform:translateY(-4px)}}
@keyframes services-image-in{from{opacity:.65;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.services-page .services-hero{gap:35px}.services-page .services-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.services-page .services-directory a:last-child{grid-column:auto}.services-page .software-grid{gap:16px}.services-page .software-card{padding:24px}.services-page .software-card h3{font-size:21px}.services-page .services-split,.services-page .repair-layout,.services-page .modernization-layout{gap:40px}.services-page .implementation-card{padding:27px}.services-page .restart-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.services-page .repair-visual{min-height:490px}}
@media(max-width:800px){.services-page .services-hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:40px;gap:30px}.services-page .services-hero h1{font-size:clamp(40px,7vw,55px)}.services-page .services-hero-image{min-height:365px}.services-page .services-hero-image>img{object-position:center 45%}.services-page .services-hero-copy>.home-button{margin-top:25px}.services-page .software-grid{grid-template-columns:1fr;gap:20px}.services-page .software-card{padding:28px}.services-page .software-card h3 br{display:none}.services-page .software-card h3{font-size:24px}.services-page .services-split,.services-page .repair-layout,.services-page .modernization-layout,.services-page .implementation-grid{grid-template-columns:1fr;gap:35px}.services-page .services-band{padding:55px 0}.services-page .services-photo{min-height:400px}.services-page .services-photo img{object-position:center}.services-page .repair-visual{min-height:360px}.services-page .services-contact{flex-direction:column;align-items:start;gap:30px}.services-page .services-contact-actions{align-items:start}}
@media(max-width:520px){.services-page .services-breadcrumb{margin-bottom:30px}.services-page .services-hero h1{font-size:43px;letter-spacing:-1px}.services-page .services-lead{font-size:18px}.services-page .services-hero-image{min-height:335px}.services-page .services-hero-image>div{left:22px;bottom:23px;padding-left:15px}.services-page .services-hero-image strong{font-size:24px}.services-page .services-directory{grid-template-columns:1fr}.services-page .services-directory a:last-child{grid-column:auto}.services-page .services-directory a{padding:14px 18px;font-size:15px}.services-page .software-card{padding:25px}.services-page .services-photo{min-height:350px}.services-page .services-photo>span{font-size:11px;left:22px}.services-page .implementation-card{padding:24px}.services-page .repair-visual{min-height:310px}.services-page .equipment-tags{gap:8px}.services-page .equipment-tags li{font-size:13px;padding:8px 12px}.services-page .restart-steps{grid-template-columns:1fr;gap:27px}.services-page .restart-steps h3{margin-top:16px}.services-page .modernization-items p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.services-page *, .services-page *::before, .services-page *::after{animation:none!important;transition:none!important}.services-page .software-card:hover{transform:none}}

/* Восьмое направление и производители оборудования. */
.services-page #networks { scroll-margin-top: 24px; }
.services-page .platforms-block { margin-top: 38px; padding-top: 32px; border-top: 1px solid var(--home-line); display: grid; grid-template-columns: .85fr 1.4fr; gap: 45px; align-items: center; }
.services-page .platforms-block h3 { margin: 15px 0 0; font-size: 23px; line-height: 1.35; font-weight: 500; }
.services-page .platforms-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; list-style: none; margin: 0; padding: 0; }
.services-page .platforms-list li { display: grid; place-items: center; min-height: 57px; padding: 12px; border: 1px solid #494650; background: #24252e; border-radius: 3px; color: #f0f0f5; font-size: 20px; font-weight: 600; letter-spacing: .2px; }
.services-page .platforms-content > p { font-size: 14px; color: var(--home-muted); margin-top: 17px; line-height: 1.75; }
.services-page .network-services-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.services-page .network-service { border: 1px solid #45434e; border-radius: 4px; padding: 27px; background: #24252e; transition: background .3s,border-color .3s; }
.services-page .network-service > span { font-size: 12px; letter-spacing: 1px; color: #eb8b9b; }
.services-page .network-service h3 { font-size: 22px; line-height: 1.35; margin: 22px 0 16px; }
.services-page .network-service p { font-size: 16px; color: var(--home-muted); line-height: 1.8; }
@media (hover:hover) and (pointer:fine) { .services-page .network-service:hover { background: #302630; border-color: #a8394d; } }
@media (max-width:800px) { .services-page .platforms-block, .services-page .network-services-grid { grid-template-columns: 1fr; gap: 24px; } }
@media (max-width:520px) { .services-page .platforms-list { grid-template-columns: repeat(2,minmax(0,1fr)); } .services-page .platforms-list li { font-size: 19px; } }
