.infra-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:40px}
.infra-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.infra-breadcrumb [aria-current]{color:var(--text)}
.infra-hero{padding-top:28px}
.infra-hero h1{max-width:17ch;font-size:clamp(42px,4.8vw,68px)}
.infra-hero .architecture{align-self:center}
.infra-scenarios{margin-top:30px;max-width:52ch;border-top:1px solid var(--line)}
.infra-scenarios li{padding:18px 0 18px 23px;border-bottom:1px solid var(--line);position:relative;font-size:14px;line-height:1.8;color:#c7d1e3}
.infra-scenarios li:before{content:'';position:absolute;left:1px;top:27px;width:5px;height:5px;border-radius:50%;background:var(--focus)}
.infra-layers{position:relative}
.infra-layers h3{font-size:25px;font-weight:500;line-height:1.25;letter-spacing:-.6px}
.infra-layers p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:14px;max-width:64ch}
.infra-core{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:center;padding:36px;border:1px solid #648ada;border-radius:20px;background:linear-gradient(120deg,#14243e,var(--surface));z-index:1}
.infra-core .brand-line{flex-wrap:wrap;margin:0;gap:16px}
.infra-core .logo-plate{max-width:216px}
.infra-protection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;padding:48px 36px 36px;position:relative}
.infra-protection:before{content:'';position:absolute;top:0;left:50%;height:24px;border-left:1px solid #648ada}
.infra-protection:after{content:'';position:absolute;top:24px;left:25%;right:25%;height:16px;border:1px solid #648ada;border-bottom:0}
.infra-protection article{min-width:0;padding-top:20px}
.infra-protection .logo-plate{width:190px;margin-bottom:24px}
.infra-protection .infra-veeam img{height:68px;margin-block:-17px}
.infra-protection .text-link{margin-top:15px;color:var(--focus)}
.infra-cloud{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:30px;align-items:center;padding:28px 36px;border-block:1px solid var(--line);background:var(--surface)}
.infra-cloud .logo-plate{padding:12px;min-height:85px}
.infra-cloud .logo-plate img{width:56px;height:56px}
.infra-cloud h3{font-size:22px}
.infra-cloud .text-link{color:var(--focus);max-width:23ch}
.infra-contact-link{color:var(--focus);margin-top:22px}
@media(max-width:1000px){.infra-core{grid-template-columns:1fr 1.2fr;gap:25px;padding:28px}.infra-cloud{grid-template-columns:100px minmax(0,1fr);gap:24px;padding:28px}.infra-cloud .text-link{grid-column:2}.infra-protection{gap:30px;padding-inline:28px}}
@media(max-width:600px){.infra-hero h1{font-size:42px}.infra-breadcrumb{margin-bottom:32px}.infra-core{grid-template-columns:1fr;padding:24px;gap:24px}.infra-core .brand-line>span{font-size:24px}.infra-layers h3{font-size:23px}.infra-protection{grid-template-columns:1fr;padding:12px 0 30px;gap:0}.infra-protection article{padding:32px 24px 0;margin-left:20px;border-left:1px solid #648ada}.infra-protection:before,.infra-protection:after{display:none}.infra-cloud{grid-template-columns:74px minmax(0,1fr);gap:18px;padding:24px 0}.infra-cloud .logo-plate{min-height:74px}.infra-cloud h3{font-size:21px}.infra-cloud .text-link{grid-column:1/-1}.infra-cloud .logo-plate img{width:46px;height:46px}}
