/* Разработчик: Мосалев Иван · Стили проекта ВКС. */
:root{--navy:#123768;--navy-2:#092d60;--blue:#1474c8;--ink:#162d47;--muted:#6d7c89;--pale:#f4f7fa;--line:#dce4ec;--white:#fff;--max:1320px;--radius:3px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--ink);background:#fff;line-height:1.48;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}button,input,textarea{border-radius:0}*:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.wrap{width:min(calc(100% - 80px),var(--max));margin-inline:auto}.section{padding-block:112px}.section-kicker,.eyebrow,.category-number,.photo-tag,.footer-label{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.125em;font-weight:800;color:var(--blue)}.section-kicker{margin-bottom:26px}.section-kicker.inverse{color:#86c7ff}h1,h2,h3{letter-spacing:-.049em;line-height:1.04}h2{font-size:clamp(35px,4.1vw,58px);font-weight:700}h2 em{font-style:normal;color:var(--blue)}
/* Header */
.site-header{z-index:50;position:relative;background:#fff}.header-utility{border-bottom:1px solid #e5ebf0;background:#f9fbfc}.utility-inner{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.09em;font-weight:700;color:#6b788a}.utility-right{display:flex;gap:24px}.utility-right a{color:var(--navy)}.header-main{height:88px;display:flex;align-items:center;gap:36px}.wordmark{display:inline-flex;align-items:center;gap:11px;min-width:197px}.wordmark-symbol{position:relative;display:flex;align-items:end;gap:4px;width:39px;height:42px;overflow:hidden;transform:skew(-13deg)}.wordmark-symbol i{background:#1961a8;width:9px;display:block}.wordmark-symbol i:nth-child(1){height:70%}.wordmark-symbol i:nth-child(2){height:100%}.wordmark-symbol i:nth-child(3){height:53%}.wordmark-name{font-size:30px;font-weight:800;letter-spacing:-.095em;line-height:.9;color:#11386c}.wordmark-name small{display:block;font-size:8px;letter-spacing:.01em;line-height:1.4;font-weight:700;text-transform:uppercase;margin-top:6px}.logo-img{max-height:65px;width:auto;max-width:220px}.header-nav{display:flex;justify-content:center;gap:26px;flex:1}.header-nav a{font-size:12px;font-weight:700;color:#1b3551;white-space:nowrap;transition:color .2s}.header-nav a:hover,.footer-top a:hover{color:#1474c8}.header-contact{display:flex;flex-direction:column;align-items:flex-end;gap:6px;white-space:nowrap}.header-phone{font-size:14px;font-weight:800;color:var(--navy)}.header-request{display:flex;gap:18px;align-items:center;font-size:11px;color:var(--blue);font-weight:800}.header-request span{font-size:16px}.menu-toggle,.mobile-nav{display:none}
/* Hero */
.hero{display:grid;grid-template-columns:45% 55%;min-height:600px;background:var(--pale)}.hero-copy{padding:72px 45px 24px 47px;display:flex;flex-direction:column;min-width:0}.eyebrow{color:var(--blue);font-size:11px}.eyebrow-line{display:inline-block;background:#1a81d8;width:22px;height:2px}.hero h1{font-size:clamp(43px,4.75vw,68px);line-height:.99;color:#0d376b;max-width:620px;font-weight:800;margin:30px 0 22px}.hero-copy>p{max-width:455px;font-size:15px;color:#566d80;line-height:1.66;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:29px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:54px;padding:0 19px 0 22px;font-size:12px;font-weight:800;transition:transform .2s,background .2s;border:0}.btn:hover{transform:translateY(-2px)}.btn span{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#1760af}.text-link{font-size:12px;font-weight:800;color:var(--navy);display:inline-flex;gap:16px;align-items:center}.text-link span{font-size:18px;color:#1474c8}.hero-index{margin-top:auto;display:flex;align-items:center;gap:18px;padding-top:47px;font-size:9px;letter-spacing:.09em;color:#6d8096;font-weight:800}.index-progress{background:#d1deec;height:2px;width:78px}.index-progress i{display:block;height:2px;width:22px;background:#1474c8}.hero-visual{position:relative;min-height:600px;overflow:hidden;background:#203b58}.hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.hero-visual-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(9,35,66,.03) 40%,rgba(9,35,66,.66) 100%)}.hero-visual-caption{position:absolute;bottom:40px;left:42px;display:flex;align-items:center;gap:17px;color:#fff}.round-mark{border:1px solid #ffffffb2;border-radius:50%;width:62px;height:62px;display:flex;align-items:center;justify-content:center;font-size:16px;letter-spacing:-.05em;font-weight:800}.hero-visual-caption strong{display:block;font-size:11px;letter-spacing:.12em;margin-bottom:5px}.hero-visual-caption small{font-size:11px;color:#dce8f3}.hero-side-caption{position:absolute;right:20px;top:34px;writing-mode:vertical-rl;font-size:9px;color:#fff;letter-spacing:.16em;font-weight:700}
.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.quick-actions a{background:#12437d;color:#fff;min-height:86px;display:flex;align-items:center;gap:23px;padding:19px 25px;transition:background .2s}.quick-actions a:hover{background:#1768b8}.quick-actions a:nth-child(2){background:#1565af}.quick-actions a:nth-child(2):hover{background:#187ccc}.quick-actions .action-no{color:#b3d3f1;font-size:11px}.quick-actions a>span:nth-child(2){font-size:13px;font-weight:700;flex:1}.action-icon{border:1px solid #6c9ac5;width:30px;height:30px;display:grid;place-items:center;font-size:18px}
/* Sections */
.section-head,.production-head{display:grid;grid-template-columns:1.5fr .68fr;align-items:end;gap:55px;margin-bottom:44px}.section-head h2,.production-head h2{margin-bottom:0}.section-head>p,.production-head>p{font-size:15px;line-height:1.75;color:var(--muted);margin-bottom:6px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.category-card{background:#f5f7f9;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:355px;transition:box-shadow .3s,transform .3s}.category-card:hover{box-shadow:0 12px 32px #0a35671d;transform:translateY(-3px)}.category-number{padding:20px 22px;color:#718397;font-size:9px}.category-image{height:192px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:3px 11px}.category-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.category-card:hover .category-image img{transform:scale(1.08)}.category-info{margin-top:auto;border-top:1px solid #e2e8ee;position:relative;min-height:118px;padding:20px 53px 22px 22px}.category-info h3{font-size:20px;line-height:1.08;letter-spacing:-.04em;margin:0 0 10px;color:#183b68}.category-info p{font-size:11px;line-height:1.38;color:#6e8292;margin:0}.circle-arrow{position:absolute;right:18px;top:21px;font-size:22px;color:var(--blue)}.outline-link{display:flex;align-items:center;justify-content:space-between;border:1px solid #b9cce0;width:250px;max-width:100%;padding:15px 18px;color:var(--navy);font-size:12px;font-weight:800;margin:34px 0 0 auto}.outline-link:hover{background:#f1f6fa}.outline-link span{color:var(--blue);font-size:20px}
.scope-band{background:#f0f5f9;padding:62px 0}.scope-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:68px}.scope-title .section-kicker{margin-bottom:17px}.scope-title h2{font-size:clamp(33px,3.55vw,49px);margin:0;color:#10396a}.scope-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.scope-list span{min-height:53px;display:flex;align-items:center;border-bottom:1px solid #d5e0ea;font-size:13px;font-weight:700;line-height:1.25;color:#2d547a}
.production-head{align-items:end}.production-layout{display:grid;grid-template-columns:1.9fr 1fr;gap:15px}.production-photo{position:relative;min-height:490px;overflow:hidden;background:#1c3546}.production-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.production-photo:after{position:absolute;inset:45% 0 0;content:'';background:linear-gradient(transparent,#132d4394)}.photo-tag{position:absolute;bottom:25px;left:28px;z-index:1;color:white;font-size:10px}.production-aside{background:#e8f0f7;padding:35px 35px 32px;display:flex;flex-direction:column}.production-aside-number{font-size:90px;font-weight:900;letter-spacing:-.1em;line-height:.9;color:#c6d9eb;display:flex;justify-content:space-between}.production-aside-number span{font-size:34px;font-weight:400;color:#1579ce}.production-aside h3{font-size:31px;color:#123768;line-height:1.1;letter-spacing:-.055em;margin:45px 0 18px}.production-aside p{font-size:13px;line-height:1.75;color:#526c84}.plain-arrow-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid #bbcedd;color:#164879;font-size:12px;font-weight:800;margin-top:auto}.plain-arrow-link span{font-size:22px;color:var(--blue)}.stats-row{margin-top:32px;padding-top:30px;border-top:1px solid #dce4eb;display:grid;grid-template-columns:repeat(3,1fr)}.stats-row>div{display:flex;gap:20px;align-items:center}.stats-row strong{font-size:43px;letter-spacing:-.06em;color:var(--blue)}.stats-row span{font-size:12px;color:#6e8193;max-width:160px;line-height:1.3}
.engineering-section{background:#0b356d;color:white;padding:104px 0 110px;position:relative;overflow:hidden}.engineering-section:before{content:'ВКС';position:absolute;font-size:380px;font-weight:900;letter-spacing:-.12em;bottom:-220px;left:-25px;color:#ffffff07;line-height:1}.engineering-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;position:relative}.engineering-lead h2{font-size:clamp(39px,4.25vw,61px);line-height:1.02;margin:0 0 30px}.engineering-lead h2 em{color:#7ac3ff}.engineering-lead>p{font-size:14px;color:#bad2e9;line-height:1.75;max-width:480px;margin:0 0 32px}.btn-white{background:white;color:#16437b}.btn-white:hover{background:#eaf3fb}.engineering-steps{margin-top:24px}.engineering-steps>div{display:grid;grid-template-columns:50px 1fr 25px;gap:24px;align-items:center;border-bottom:1px solid #55749e;min-height:98px}.engineering-steps>div:first-child{border-top:1px solid #55749e}.engineering-steps span{font-size:13px;color:#7bc3ff;font-weight:800}.engineering-steps strong{font-size:18px;letter-spacing:-.025em;font-weight:600;line-height:1.22}.engineering-steps i{font-style:normal;color:#86c9ff;font-size:20px;text-align:right}
.projects-section{padding-bottom:120px}.projects-feature{display:grid;grid-template-columns:1.5fr .88fr;min-height:430px;background:#f0f5f8}.projects-feature-image{position:relative;min-height:430px;overflow:hidden;background:#bfcbd4}.projects-feature-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.projects-feature-copy{padding:47px 43px;display:flex;flex-direction:column}.projects-feature-copy>span{font-size:10px;letter-spacing:.13em;color:var(--blue);font-weight:800}.projects-feature-copy h3{font-size:35px;margin:35px 0 20px;color:#153f71}.projects-feature-copy p{font-size:14px;color:#667e91;line-height:1.68}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-card{background:#eff4f8}.case-card img{height:250px;width:100%;object-fit:cover}.case-info{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.case-info strong{font-size:18px;color:#123768}.case-info span{font-size:12px;color:#1474c8;white-space:nowrap}
.request-section{background:#1375bf;color:#fff;padding:95px 0 100px}.request-inner{display:grid;grid-template-columns:1fr 1fr;gap:110px}.request-lead h2{font-size:clamp(52px,6.25vw,90px);line-height:.94;margin:17px 0 30px}.request-lead>p{font-size:15px;line-height:1.73;max-width:430px;color:#e1effe}.request-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start}.request-form>label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:700}.request-form>label:nth-of-type(3),.request-form>.consent{grid-column:1/-1}.request-form input:not([type=checkbox]),.request-form textarea{background:#ffffff16;border:1px solid #99c7e8;color:#fff;padding:15px 16px;width:100%;outline:0}.request-form input::placeholder,.request-form textarea::placeholder{color:#d1e4f3}.request-form input:focus,.request-form textarea:focus{border-color:white}.request-form textarea{min-height:98px;resize:vertical}.request-form>.consent{flex-direction:row;gap:12px;align-items:start;font-size:11px;line-height:1.5;color:#e0eefa;font-weight:400}.consent input{margin:2px 0 0;accent-color:var(--navy);width:16px;height:16px}.consent a{text-decoration:underline}.request-form button{grid-column:1/-1;margin-top:5px;justify-self:start;min-width:220px}.honeypot{display:none}.form-feedback{grid-column:1/-1;font-size:13px}
/* Footer and inner pages */
.site-footer{background:#0b2f62;color:#fff;padding:69px 0 21px}.footer-top{display:grid;grid-template-columns:1.6fr .9fr 1fr;gap:85px;padding-bottom:75px}.footer-logo{font-weight:900;font-size:67px;letter-spacing:-.12em;line-height:1}.footer-logo-dot{color:#3c9cfa}.footer-top p{color:#adcae3;line-height:1.6;font-size:13px;max-width:340px;margin:15px 0 0}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-label{color:#90badf;margin:0 0 11px}.footer-top a,.footer-top span:not(.footer-label){font-size:13px}.footer-top span:not(.footer-logo):not(.footer-logo-dot):not(.footer-label){font-size:13px;color:#a8c7e2}.footer-bottom{border-top:1px solid #426b99;padding-top:20px;display:flex;gap:25px;align-items:center;justify-content:space-between;color:#9ebede;font-size:11px}.footer-bottom a{color:#dcefff}.listing-page,.single-page{padding-top:85px;padding-bottom:115px}.listing-page>h1,.single-page>h1{font-size:clamp(40px,5vw,70px);color:#0d376b;max-width:900px;margin-bottom:47px}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.listing-card{background:#f2f6f8;padding:18px;display:flex;flex-direction:column}.listing-card>img{width:100%;height:240px;object-fit:cover}.listing-card h2{font-size:24px;margin:19px 0 12px}.listing-card p{font-size:13px;color:#6d7c89}.listing-card>span{font-size:13px;font-weight:700;margin-top:auto;color:#1474c8}.single-content{font-size:17px;line-height:1.8;max-width:830px;margin:25px 0 43px}.single-content img{height:auto}.single-cover img{max-height:620px;object-fit:cover;width:100%}.spec-list>div{display:flex;border-bottom:1px solid #d5dfe9;justify-content:space-between;gap:30px;padding:13px 0;font-size:14px}.spec-list dt{color:#718397}.spec-list dd{margin:0;font-weight:700}.back-link{display:block;margin-bottom:35px;font-size:13px;color:#1874c3}.pagination{margin:35px 0}
@media(max-width:1180px){.wrap{width:min(calc(100% - 56px),var(--max))}.header-nav{gap:16px}.header-main{gap:20px}.wordmark{min-width:150px}.hero-copy{padding:62px 34px 24px}.hero h1{font-size:clamp(41px,4.7vw,56px)}.category-info h3{font-size:18px}.engineering-grid{gap:70px}}
@media(max-width:920px){.header-utility{display:none}.header-main{height:77px}.header-nav,.header-contact{display:none}.wordmark{margin-right:auto}.menu-toggle{display:flex;width:42px;height:40px;padding:9px 5px;border:0;background:white;flex-direction:column;justify-content:space-around;align-items:center}.menu-toggle span{height:2px;width:28px;background:var(--navy);display:block}.mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;left:0;top:77px;right:0;background:#fff;box-shadow:0 15px 22px #0c3c6b22;padding:15px 28px 25px}.mobile-nav a{padding:14px 0;border-bottom:1px solid #e5edf4;font-weight:700}.hero{grid-template-columns:1fr 1fr;min-height:500px}.hero-visual{min-height:500px}.hero h1{font-size:clamp(37px,5.5vw,55px)}.hero-copy{padding:42px 27px 20px}.hero-actions{gap:12px}.hero-copy>p{font-size:13px}.hero-visual-caption{left:20px;bottom:25px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:335px}.section-head,.production-head{grid-template-columns:1fr 1fr;gap:26px}.production-layout{grid-template-columns:1.35fr 1fr}.production-photo{min-height:450px}.production-aside{padding:25px}.production-aside h3{font-size:27px}.scope-inner,.engineering-grid,.request-inner{gap:38px}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.section{padding-block:68px}.section-kicker{font-size:10px;margin-bottom:19px}.header-main{height:68px}.mobile-nav:not([hidden]){top:68px;padding:15px 16px 25px}.wordmark-name{font-size:27px}.wordmark-symbol{width:35px;height:37px}.hero{display:flex;flex-direction:column;min-height:auto}.hero-copy{padding:34px 24px 28px;min-height:395px}.hero h1{font-size:clamp(39px,10.1vw,57px);margin:24px 0 17px}.hero-copy>p{font-size:13px;line-height:1.62;margin-bottom:23px}.hero-actions{gap:16px}.hero .btn{min-height:50px}.text-link{font-size:11px}.hero-index{display:none}.hero-visual{height:285px;min-height:285px}.hero-visual-caption{left:19px;bottom:18px;gap:12px}.round-mark{width:46px;height:46px;font-size:13px}.hero-visual-caption strong{font-size:9px}.hero-visual-caption small{font-size:10px}.hero-side-caption{display:none}.quick-actions{grid-template-columns:1fr;gap:3px;margin-top:4px}.quick-actions a{min-height:58px;padding:12px 17px;gap:14px}.quick-actions .action-no{font-size:10px}.quick-actions a>span:nth-child(2){font-size:12px}.action-icon{width:27px;height:27px}.section-head,.production-head{grid-template-columns:1fr;gap:17px;margin-bottom:25px}h2{font-size:clamp(35px,9vw,47px)}.section-head>p,.production-head>p{font-size:13px;line-height:1.65;max-width:530px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-card{min-height:258px}.category-number{padding:11px;font-size:8px}.category-image{height:130px;padding:4px}.category-info{min-height:110px;padding:13px 23px 13px 12px}.category-info h3{font-size:16px;line-height:1.13}.category-info p{font-size:10px}.circle-arrow{right:10px;top:10px;font-size:16px}.outline-link{margin:25px 0 0 auto;padding:13px 14px}.scope-band{padding:52px 0}.scope-inner{grid-template-columns:1fr;gap:22px}.scope-title h2{font-size:35px}.scope-list{gap:4px 15px}.scope-list span{font-size:12px;min-height:51px}.production-layout{grid-template-columns:1fr;gap:8px}.production-photo{min-height:300px}.production-aside{min-height:290px;padding:25px}.production-aside-number{font-size:62px}.production-aside h3{font-size:27px;margin:24px 0 12px}.production-aside p{font-size:12px}.stats-row{gap:20px}.stats-row>div{display:block}.stats-row strong{display:block;font-size:29px}.stats-row span{font-size:10px;display:block}.engineering-section{padding:64px 0 72px}.engineering-grid{grid-template-columns:1fr;gap:30px}.engineering-lead h2{font-size:clamp(39px,10vw,52px)}.engineering-lead>p{font-size:13px}.engineering-steps{margin-top:10px}.engineering-steps>div{min-height:79px;grid-template-columns:30px 1fr 17px;gap:14px}.engineering-steps strong{font-size:15px}.projects-section{padding-bottom:75px}.projects-feature{grid-template-columns:1fr}.projects-feature-image{min-height:265px}.projects-feature-copy{padding:28px;min-height:270px}.projects-feature-copy h3{font-size:30px;margin:25px 0 15px}.projects-feature-copy p{font-size:13px}.cases-grid,.listing-grid{grid-template-columns:1fr}.request-section{padding:65px 0 70px}.request-inner{grid-template-columns:1fr;gap:29px}.request-lead h2{font-size:64px}.request-lead>p{font-size:13px}.request-form{grid-template-columns:1fr;gap:16px}.request-form>label:nth-of-type(3),.request-form>.consent{grid-column:1}.site-footer{padding:48px 0 19px}.footer-top{grid-template-columns:1fr 1fr;gap:36px 24px;padding-bottom:45px}.footer-top>div:first-child{grid-column:1/-1}.footer-logo{font-size:53px}.footer-bottom{flex-wrap:wrap;justify-content:start;gap:12px 20px;font-size:10px}.listing-page,.single-page{padding-top:62px;padding-bottom:80px}.listing-page>h1,.single-page>h1{font-size:43px}.single-content{font-size:15px}}
@media(max-width:370px){.hero h1{font-size:36px}.hero-copy{padding-inline:19px}.category-info h3{font-size:15px}.category-info p{font-size:9px}}

/* Разработчик: Мосалев Иван · VKS v1.3: no stock photos on real-object tiles. */
.case-card .vks-case-no-photo{display:flex;align-items:center;justify-content:center;background:#e9f0f7;min-height:260px;color:#7491ac;font-size:18px;font-weight:800;text-align:center;letter-spacing:.05em;padding:30px}