/* Homepage V2 - scoped under .vm */
:root{--blue:#466691;--blue-dark:#354f70;--blue-deep:#1b2c3e;--bg:#fff;--bg-card:#f1f3f7;--bg-soft:#f6f7fa;--text-dark:#1b2c3e;--text-muted:#6b7280;--border:#e8eaf0;--container:1280px}
.vm*,.vm *::before,.vm *::after{box-sizing:border-box;margin:0;padding:0}
.vm{font-family:'Roboto',Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--text-dark);background:var(--bg)}
.vm a{color:inherit;text-decoration:none}
.vm img{max-width:100%;display:block}
.vm ul{list-style:none}
.vm-wrap{max-width:var(--container);margin:0 auto;padding:0 16px}
.vm-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.vm-header-top{display:flex;align-items:center;justify-content:space-between;height:86px}
.vm-logo{display:flex;flex-direction:column}
.vm-logo-mark{font-size:24px;font-weight:900;color:var(--blue-deep);letter-spacing:.5px;line-height:1}
.vm-logo-mark span{color:var(--blue)}
.vm-logo-tag{font-size:11px;color:var(--text-muted);margin-top:3px}
.vm-header-contacts{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.vm-header-phone{font-size:22px;font-weight:700;color:var(--blue-deep)}
.vm-header-email{font-size:13px;color:var(--blue);border-bottom:1px dashed var(--blue)}
.vm-header-actions{display:flex;align-items:center;gap:10px}
.vm-header-social img{width:36px;height:36px}
.vm-btn-cta{background:var(--blue);color:#fff;border:none;padding:11px 22px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-radius:6px;cursor:pointer;transition:background .2s;white-space:nowrap;display:inline-block}
.vm-btn-cta:hover{background:var(--blue-dark)}
.vm-header-nav{border-top:1px solid var(--border)}
.vm-nav-inner{display:flex;align-items:center;justify-content:space-between;height:55px}
.vm-nav-left{display:flex;align-items:center;gap:8px}
.vm-catalog-btn{display:flex;align-items:center;gap:8px;background:var(--blue);color:#fff;padding:9px 18px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}
.vm-catalog-btn:hover{background:var(--blue-dark)}
.vm-catalog-icon{display:flex;flex-direction:column;gap:3px}
.vm-catalog-icon span{display:block;width:14px;height:2px;background:#fff;border-radius:1px}
.vm-nav-links{display:flex}
.vm-nav-links a{padding:8px 14px;font-size:14px;font-weight:500;color:var(--text-dark);transition:color .2s;position:relative}
.vm-nav-links a::after{content:'';position:absolute;bottom:0;left:14px;right:14px;height:2px;background:var(--blue);transform:scaleX(0);transition:transform .2s}
.vm-nav-links a:hover{color:var(--blue)}
.vm-nav-links a:hover::after{transform:scaleX(1)}
.vm-nav-right{display:flex;align-items:center;gap:14px}
.vm-icon-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--text-dark);transition:all .2s}
.vm-icon-btn:hover{background:var(--blue);color:#fff}
.vm-icon-btn svg{width:17px;height:17px}
.vm-online-btn{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--blue-deep)}
.vm-online-btn svg{width:16px;height:16px;fill:none;stroke:var(--blue);stroke-width:2}
.vm-burger{display:none;background:none;border:none;cursor:pointer;padding:6px}
.vm-burger span{display:block;width:22px;height:2px;background:#333;margin:4px 0;border-radius:2px}
.vm-hero{background:#fff;padding:28px 0 48px}
.vm-hero-outer{position:relative;padding:0 56px}
.vm-hero-slider-wrap{background:var(--bg-soft);border-radius:16px;overflow:hidden}
.vm-hero-slide{display:flex!important;align-items:center;min-height:400px;padding:40px 56px}
.vm-hero-text{flex:1;padding-right:40px}
.vm-hero-title{font-size:44px;font-weight:900;color:var(--blue-deep);line-height:1.15;margin-bottom:16px}
.vm-hero-desc{font-size:15px;color:var(--text-muted);line-height:1.65;margin-bottom:28px;max-width:460px}
.vm-hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.vm-btn-outline{display:inline-block;border:2px solid var(--blue);color:var(--blue);padding:11px 26px;border-radius:6px;font-size:14px;font-weight:600;transition:all .2s;cursor:pointer}
.vm-btn-outline:hover{background:var(--blue);color:#fff}
.vm-btn-text{display:inline-block;color:var(--blue);padding:11px 0;font-size:14px;font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s}
.vm-btn-text:hover{border-bottom-color:var(--blue)}
.vm-hero-img{flex:1;max-width:520px}
.vm-hero-img img{width:100%;max-height:320px;object-fit:cover;border-radius:12px}
.vm-hero-slider-wrap .slick-dots{bottom:20px}
.vm-hero-slider-wrap .slick-dots li button:before{font-size:9px;color:var(--blue);opacity:.3}
.vm-hero-slider-wrap .slick-dots li.slick-active button:before{opacity:1}
.vm-hero-arrow{position:absolute;top:50%;transform:translateY(-52%);width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.12);z-index:10;border:none}
.vm-hero-arrow svg{width:16px;height:16px;fill:none;stroke:var(--text-dark);stroke-width:2}
.vm-hero-arrow--prev{left:4px}
.vm-hero-arrow--next{right:4px}
.vm-section{padding:56px 0}
.vm-section-title{font-size:40px;font-weight:900;line-height:1.15;color:var(--text-dark);margin-bottom:8px}
.vm-section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}
.vm-section-head .vm-section-title{margin-bottom:0}
.vm-btn-filled{display:inline-block;background:var(--blue);color:#fff;padding:11px 22px;border-radius:6px;font-size:13px;font-weight:600;transition:background .2s;cursor:pointer;white-space:nowrap;text-transform:uppercase}
.vm-btn-filled:hover{background:var(--blue-dark)}
.vm-btn-more{display:inline-block;background:var(--blue);color:#fff;padding:11px 22px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}
.vm-btn-more:hover{background:var(--blue-dark)}
.vm-kits{background:#fff}
.vm-kits-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;min-height:420px}
.vm-kit-card{background:var(--bg-card);border-radius:12px;overflow:hidden;position:relative;transition:box-shadow .2s;display:flex;flex-direction:column}
.vm-kit-card:hover{box-shadow:0 8px 32px rgba(70,102,145,.15)}
.vm-kit-card-link{position:absolute;inset:0;z-index:1}
.vm-kit-card-right{display:flex;flex-direction:column;gap:16px}
.vm-kit-card-body{padding:20px 22px}
.vm-kit-card h3{font-size:19px;font-weight:900;color:var(--text-dark);margin-bottom:8px;line-height:1.3}
.vm-kit-card p{font-size:13px;color:var(--text-muted);line-height:1.55}
.vm-kit-card-img-wrap{flex:1;min-height:180px;overflow:hidden}
.vm-kit-card-img-wrap img{width:100%;height:100%;object-fit:contain;padding:12px}
.vm-kit-arrow-btn{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 16px 16px;box-shadow:0 2px 8px rgba(0,0,0,.1);flex-shrink:0;position:relative;z-index:2;transition:all .2s}
.vm-kit-card:hover .vm-kit-arrow-btn{background:var(--blue)}
.vm-kit-arrow-btn svg{width:13px;height:13px;fill:none;stroke:var(--text-muted);stroke-width:2;transition:stroke .2s}
.vm-kit-card:hover .vm-kit-arrow-btn svg{stroke:#fff}
.vm-cta{background:#fff}
.vm-cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.vm-cta-title{font-size:34px;font-weight:900;color:var(--text-dark);line-height:1.2;margin-bottom:24px}
.vm-cta-fields{max-width:380px}
.vm-cta-field{width:100%;background:var(--bg-soft);border:none;outline:none;border-radius:8px;padding:13px 18px;font-family:inherit;font-size:15px;color:var(--text-dark);margin-bottom:12px;display:block}
.vm-cta-field::placeholder{color:#b0b8c4}
.vm-cta-field:focus{box-shadow:0 0 0 2px var(--blue)}
.vm-cta-submit{background:var(--blue-deep);color:#fff;border:none;border-radius:8px;padding:13px 28px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}
.vm-cta-submit:hover{background:var(--blue)}
.vm-solutions{background:#fff}
.vm-solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vm-sol-card{background:var(--bg-card);border-radius:12px;overflow:hidden;transition:box-shadow .2s}
.vm-sol-card:hover{box-shadow:0 8px 28px rgba(70,102,145,.14)}
.vm-sol-img{height:170px;overflow:hidden}
.vm-sol-img img{width:100%;height:100%;object-fit:contain;padding:12px}
.vm-sol-body{padding:16px}
.vm-sol-body h3{font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:6px;line-height:1.4}
.vm-sol-price{font-size:13px;color:var(--text-muted);margin-bottom:12px}
.vm-sol-btn{width:36px;height:36px;background:var(--blue);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.vm-sol-btn svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2}
.vm-online{background:#fff}
.vm-online-title{font-size:34px;font-weight:900;color:var(--text-dark);line-height:1.2;margin-bottom:16px}
.vm-online-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.vm-online-desc{font-size:15px;font-weight:700;color:var(--text-dark);line-height:1.6;margin-bottom:18px}
.vm-online-features{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.vm-online-feature{display:flex;align-items:center;gap:14px;background:var(--bg-soft);border-radius:8px;padding:12px 16px}
.vm-online-feature-icon{width:32px;height:32px;flex-shrink:0}
.vm-online-feature-icon img{width:100%;height:100%;object-fit:contain}
.vm-online-feature span{font-size:14px;color:var(--text-dark)}
.vm-btn-more{display:inline-block;background:var(--blue);color:#fff!important;padding:11px 22px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}
.vm-btn-more:hover{background:var(--blue-dark)}
.vm-online-img img{width:100%;border-radius:12px}
.vm-online .vm-btn-filled{margin-top:32px}
.vm-about{background:var(--bg-card)}
.vm-about-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.vm-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vm-benefit{background:#fff;border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.vm-benefit-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center}
.vm-benefit-icon img{width:30px;height:30px;object-fit:contain}
.vm-benefit h3{font-size:12px;font-weight:700;color:var(--text-dark);line-height:1.4}
.vm-about-title{font-size:34px;font-weight:900;color:var(--text-dark);margin-bottom:16px}
.vm-about-text p{font-size:14px;color:var(--text-muted);line-height:1.75;margin-bottom:12px}
.vm-cases{background:#fff}
.vm-cases-slider .slick-slide{padding:0 8px}
.vm-case-card{background:var(--bg-soft);border-radius:12px;overflow:hidden;display:grid!important;grid-template-columns:1fr 1fr;min-height:260px}
.vm-case-body{padding:22px}
.vm-case-client{font-size:12px;color:var(--text-muted);margin-bottom:4px}
.vm-case-name{font-size:15px;font-weight:700;color:var(--blue);line-height:1.35;margin-bottom:14px}
.vm-case-row{margin-bottom:8px}
.vm-case-row-label{font-size:11px;color:var(--text-muted);margin-bottom:2px}
.vm-case-row-val{font-size:13px;color:var(--text-dark);font-weight:500}
.vm-case-link{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:600;color:var(--blue)}
.vm-case-link-icon{width:22px;height:22px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vm-case-link-icon svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2.5}
.vm-case-photo{width:100%;height:100%;object-fit:cover}
.vm-discuss{background:var(--bg-soft)}
.vm-discuss-inner{max-width:480px;margin:0 auto;text-align:center}
.vm-discuss-title{font-size:34px;font-weight:900;color:var(--text-dark);margin-bottom:24px}
.vm-discuss-field{width:100%;background:#fff;border:1.5px solid var(--border);outline:none;border-radius:8px;padding:13px 18px;font-family:inherit;font-size:15px;color:var(--text-dark);margin-bottom:12px;display:block;transition:border-color .2s}
.vm-discuss-field::placeholder{color:#b0b8c4}
.vm-discuss-field:focus{border-color:var(--blue)}
.vm-discuss-submit{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:13px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;width:100%}
.vm-discuss-submit:hover{background:var(--blue-dark)}
.vm-faq{background:#fff}
.vm-faq-title{font-size:34px;font-weight:900;color:var(--text-dark);margin-bottom:24px}
.vm-faq-item{border-bottom:1px solid var(--border)}
.vm-faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 0;cursor:pointer;font-size:15px;font-weight:500;color:var(--text-dark);gap:16px}
.vm-faq-icon{font-size:22px;color:var(--blue);font-weight:300;flex-shrink:0;line-height:1;transition:transform .3s}
.vm-faq-item.open .vm-faq-icon{transform:rotate(45deg)}
.vm-faq-a{font-size:14px;color:var(--text-muted);line-height:1.7;padding-bottom:18px;display:none}
.vm-faq-item.open .vm-faq-a{display:block}
.vm-footer{background:var(--bg-soft);border-top:1px solid var(--border);padding:40px 0 24px}
.vm-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:28px}
.vm-footer-logo-mark{font-size:22px;font-weight:900;color:var(--blue-deep);letter-spacing:.5px}
.vm-footer-logo-mark span{color:var(--blue)}
.vm-footer-logo-tag{font-size:11px;color:var(--text-muted);margin-top:2px;margin-bottom:12px}
.vm-footer-phone{font-size:17px;font-weight:700;color:var(--blue-deep);display:block;margin-bottom:12px}
.vm-footer-cta{display:inline-block;border:1.5px solid var(--blue);color:var(--blue);padding:8px 16px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .2s;margin-bottom:14px}
.vm-footer-cta:hover{background:var(--blue);color:#fff}
.vm-footer-copy{font-size:12px;color:var(--text-muted);line-height:1.6}
.vm-footer-copy a{color:var(--blue);text-decoration:underline}
.vm-footer-col h4{font-size:13px;font-weight:700;color:var(--text-dark);margin-bottom:12px}
.vm-footer-col ul li{margin-bottom:7px}
.vm-footer-col ul li a{font-size:13px;color:var(--text-muted);transition:color .15s}
.vm-footer-col ul li a:hover{color:var(--blue)}
.vm-footer-contacts p{font-size:13px;color:var(--text-muted);margin-bottom:6px;line-height:1.5}
.vm-footer-contacts strong{color:var(--text-dark);font-weight:700;display:block;margin-bottom:2px}
.vm-footer-bottom{border-top:1px solid var(--border);padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}
.vm-case-slide-client a{color:inherit;text-decoration:none;transition:color .2s}
.vm-case-slide-client a:hover{color:var(--blue);text-decoration:underline;cursor:pointer}
@media(max-width:1024px){.vm-kits-grid{grid-template-columns:1fr 1fr}.vm-solutions-grid{grid-template-columns:repeat(2,1fr)}.vm-cta-inner,.vm-online-inner,.vm-about-inner{grid-template-columns:1fr;gap:32px}.vm-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.vm-online-img{order:-1}.vm-online .vm-btn-filled{margin-top:17px}}
@media(max-width:1024px){.vm-cta .wpcf7-acceptance,.vm-discuss .wpcf7-acceptance{display:flex;align-items:flex-start;gap:10px}.vm-cta .wpcf7-acceptance input[type="checkbox"],.vm-discuss .wpcf7-acceptance input[type="checkbox"]{width:22px;height:22px;min-width:22px;flex-shrink:0;margin-top:2px;cursor:pointer;accent-color:var(--blue)}}
@media(max-width:768px){.vm-header-contacts,.vm-nav-links{display:none}.vm-burger{display:block}.vm-nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:10px;border-bottom:1px solid var(--border);z-index:200}.vm-hero-outer{padding:0}.vm-hero-arrow{display:none}.vm-hero-title{font-size:28px}.vm-section-title,.vm-about-title,.vm-discuss-title,.vm-faq-title,.vm-online-title,.vm-cta-title{font-size:26px}.vm-kits-grid,.vm-solutions-grid{grid-template-columns:1fr}.vm-benefits-grid{grid-template-columns:repeat(2,1fr)}.vm-footer-grid{grid-template-columns:1fr}.vm-footer-bottom{flex-direction:column;gap:6px}}