.security-home{background:#fff;color:var(--text)}
.security-home .sec-section{padding:76px 0}.security-home .sec-soft{background:var(--bg)}
.security-home .sec-head{text-align:center;margin-bottom:38px}.security-home .sec-head .vh-title,.security-home .sec-head .vh-subtitle{margin-left:auto;margin-right:auto}.security-home .sec-head .vh-subtitle{margin-bottom:0}
.security-home .sec-kicker{margin:0 0 10px;color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.security-home .sec-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#eef8ff;color:var(--blue);flex:0 0 52px}.security-home .sec-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.security-home .sec-hero{position:relative;overflow:hidden;color:#fff;background:#030b14;min-height:760px}.security-home .sec-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,17,.98) 0%,rgba(2,9,17,.90) 22%,rgba(2,9,17,.52) 34%,rgba(2,9,17,.18) 43%,rgba(2,9,17,.03) 52%,rgba(2,9,17,0) 60%),url("../img/hero_ca_ohrana.webp") center right/cover no-repeat}.security-home .sec-hero:after{content:"";position:absolute;left:0;top:0;bottom:0;width:48%;background:linear-gradient(90deg,rgba(1,7,14,.16),rgba(1,7,14,0));pointer-events:none}.security-home .sec-hero .vh-nav{position:relative;z-index:8}.security-home .sec-hero-main{position:relative;z-index:3;display:flex;align-items:center;min-height:610px;padding:58px 0 130px}.security-home .sec-hero-copy{width:min(610px,52%)}.security-home .sec-hero h1{margin:0 0 22px;font-size:56px;line-height:1.04;font-weight:800;letter-spacing:-.035em;color:#fff}.security-home .sec-hero-lead{margin:0 0 30px;color:rgba(255,255,255,.76);font-size:16px;line-height:1.72;font-weight:500}.security-home .sec-hero-lead strong{color:#fff;font-weight:700}.security-home .sec-actions{display:flex;gap:14px;flex-wrap:wrap}
.security-home .sec-stats{position:absolute;z-index:6;left:max(24px,calc((100vw - 1240px)/2 + 24px));transform:none;bottom:72px;width:auto;display:flex;align-items:center;gap:42px}.security-home .sec-stat{min-height:56px;padding:0;display:flex;align-items:center;gap:12px;flex:0 0 auto}.security-home .sec-stat b{display:block;font-size:23px;line-height:1;color:#fff}.security-home .sec-stat>div>span{display:block;margin-top:5px;color:rgba(255,255,255,.62);font-size:11px;white-space:nowrap}.security-home .sec-stat .sec-icon{width:38px;height:38px;min-width:38px;flex:0 0 38px;border-radius:50%;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;background:rgba(25,169,232,.08);border:1px solid rgba(25,169,232,.35);color:#19a9e8;line-height:0}.security-home .sec-stat .sec-icon svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;transform:none!important}.security-home .sec-hero .vh-logos{position:absolute!important;left:0!important;right:0!important;bottom:8px!important;z-index:7!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.security-home .sec-hero .vh-logos:before,.security-home .sec-hero .vh-logos:after{display:none!important;content:none!important}.security-home .sec-hero .vh-logos-marquee{background:transparent!important;border:0!important}.security-home .sec-hero .vh-logos-track{padding:6px 0 8px!important}.security-home .sec-hero .vh-logo-item{background:transparent!important}
.security-home .sec-problems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.security-home .sec-problem{position:relative;min-height:255px;padding:28px 30px 30px;background:#fff;border:1px solid rgba(231,237,244,.9);border-radius:22px;box-shadow:0 16px 38px rgba(15,42,65,.065)}.security-home .sec-problem-icon{width:58px;height:58px;margin:0 0 24px;border-radius:16px;background:#fff1f2;display:grid;place-items:center;overflow:hidden}.security-home .sec-problem-icon img{display:block;width:34px;height:34px;object-fit:contain}.security-home .sec-problem h3{margin:0 0 13px;color:#15202c;font-size:17px;line-height:1.32;font-weight:700}.security-home .sec-problem p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.security-home .sec-problem:before,.security-home .sec-problem:after{display:none!important;content:none!important}@media(max-width:1100px){.security-home .sec-problems{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.security-home .sec-problems{grid-template-columns:1fr}.security-home .sec-problem{min-height:auto;padding:24px}.security-home .sec-problem-icon{width:54px;height:54px;margin-bottom:20px}.security-home .sec-problem-icon img{width:31px;height:31px}}
.security-home .sec-standard{background:radial-gradient(circle at 80% 44%,rgba(25,169,232,.20),transparent 31%),linear-gradient(135deg,#071422,#02070d);color:#fff}.security-home .sec-standard-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center;min-height:390px}.security-home .sec-standard .vh-title{color:#fff;font-weight:400}.security-home .sec-standard .vh-title em{font-style:normal;color:var(--blue)}.security-home .sec-standard p{margin:0 0 14px;color:rgba(255,255,255,.70);font-size:15.5px;line-height:1.72}.security-home .sec-standard p.lead{color:#fff;font-size:18px;font-weight:600}.security-home .sec-standard-visual{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}.security-home .sec-standard-visual:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(25,169,232,.15);filter:blur(60px)}.security-home .sec-standard-visual img{position:relative;z-index:2;max-width:100%;max-height:350px;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.40))}
.security-home .sec-quality{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.security-home .sec-quality-card{position:relative;min-height:335px;padding:22px 18px 24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 36px rgba(15,42,65,.06);overflow:hidden}.security-home .sec-quality-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:#1db66c}.security-home .sec-quality-card .num{position:absolute;top:19px;right:18px;color:#1db66c;font-size:20px;font-weight:800}.security-home .sec-quality-card .sec-icon{margin:33px 0 22px;width:56px;height:56px;background:#effaf4;color:#1db66c}.security-home .sec-quality-card h3{margin:0 0 11px;font-size:15px;line-height:1.28}.security-home .sec-quality-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.security-home .sec-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-top:8px}.security-home .sec-steps:before{content:"";position:absolute;left:12%;right:12%;top:78px;height:1px;background:#b8dff2}.security-home .sec-step{position:relative;text-align:center}.security-home .sec-step-icon{position:relative;z-index:2;width:122px;height:122px;border-radius:50%;margin:0 auto 23px;display:grid;place-items:center;background:#fff;border:1px solid #dbe9f2;box-shadow:0 16px 34px rgba(15,42,65,.06);color:var(--blue)}.security-home .sec-step-icon svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.security-home .sec-step .num{display:block;margin-bottom:9px;color:var(--blue);font-size:22px;font-weight:800}.security-home .sec-step h3{margin:0 0 9px;font-size:16px}.security-home .sec-step p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.6}
.security-home .sec-why{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.security-home .sec-why article{text-align:center;padding:12px 8px}.security-home .sec-why .sec-icon{width:66px;height:66px;margin:0 auto 16px;border-radius:20px}.security-home .sec-why h3{margin:0;font-size:14px;line-height:1.4}
.security-home .sec-features-more{display:none;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:22px;text-align:left}.security-home .sec-features-more.open{display:grid}.security-home .sec-extra{padding:24px;border-radius:20px;background:#fff;border:1px solid #e8eef3;box-shadow:0 12px 30px rgba(15,42,65,.06)}.security-home .sec-extra .n{display:block;margin-bottom:12px;color:var(--blue);font-size:12px;font-weight:800}.security-home .sec-extra b{display:block;margin-bottom:9px;font-size:15px;line-height:1.35}.security-home .sec-extra p{margin:0;color:#637282;font-size:13.5px;line-height:1.6}
.security-home .sec-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.security-home .sec-case{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 36px rgba(15,42,65,.07)}.security-home .sec-case-photo{position:relative;height:190px;background:linear-gradient(135deg,#dbe7f1,#edf5fa);overflow:hidden}.security-home .sec-case-photo img{width:100%;height:100%;object-fit:cover}.security-home .sec-case-photo.no-image:after{content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;color:#7a8997;font-weight:700}.security-home .sec-case-body{padding:24px}.security-home .sec-case h3{margin:0 0 9px;font-size:18px}.security-home .sec-case p{margin:0 0 16px;color:var(--muted);font-size:13.5px;line-height:1.6}.security-home .sec-case ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:8px}.security-home .sec-case li{font-size:12.5px;color:#3b4a5a}.security-home .sec-case li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:7px}.security-home .sec-case a{color:var(--blue);font-size:13px;font-weight:700}.security-home .sec-used{margin-top:26px;padding:24px 28px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;border-radius:22px;background:#eef7fd;border:1px solid #dcecf6}.security-home .sec-used-tags{display:flex;gap:10px;flex-wrap:wrap}.security-home .sec-used-tag{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dceaf4;font-size:12px;color:#4e5e6f;font-weight:600}
.security-home .sec-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.security-home .sec-product{position:relative;overflow:hidden;min-height:490px;padding:34px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 50px rgba(15,42,65,.08)}.security-home .sec-product.control{background:linear-gradient(145deg,#eef7ff,#fff)}.security-home .sec-product.patrol{background:linear-gradient(145deg,#f5f7f9,#fff)}.security-home .sec-product-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.security-home .sec-product h3{margin:0;font-size:25px;line-height:1.25}.security-home .sec-product h3 span{display:block;margin-top:3px;color:var(--muted);font-size:14px;font-weight:600}.security-home .sec-product ul{width:57%;margin:0 0 22px;padding:0;list-style:none;display:grid;gap:11px}.security-home .sec-product li{font-size:13.5px;color:#334252}.security-home .sec-product li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:8px}.security-home .sec-fit{width:60%;padding:14px 16px;border-radius:14px;background:#f5f8fc;color:#536273;font-size:12.5px;line-height:1.55;margin-bottom:20px}.security-home .sec-product-visual{position:absolute;right:20px;bottom:28px;width:39%;height:310px;display:flex;align-items:flex-end;justify-content:center}.security-home .sec-product-visual img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 20px 25px rgba(15,42,65,.20))}
.security-home .sec-final-wrap{background:#fff;padding:72px 0}.security-home .sec-final{padding:50px 52px;border-radius:28px;background:radial-gradient(circle at 88% 45%,rgba(25,169,232,.25),transparent 30%),linear-gradient(135deg,#071725,#02070d);color:#fff;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;box-shadow:0 25px 70px rgba(4,22,38,.18)}.security-home .sec-final h2{margin:0 0 14px;max-width:760px;color:#fff;font-size:38px;line-height:1.15;font-weight:400}.security-home .sec-final p{max-width:760px;margin:0 0 9px;color:rgba(255,255,255,.70);font-size:15px;line-height:1.65}.security-home .sec-final p:last-child{color:#fff;font-weight:600}.security-home .sec-final-actions{display:flex;gap:12px;flex-direction:column;min-width:230px}
@media(max-width:1280px){.security-home .sec-quality,.security-home .sec-why{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.security-home .sec-hero-copy{width:62%}.security-home .sec-hero h1{font-size:48px}.security-home .sec-problems{grid-template-columns:repeat(2,1fr)}.security-home .sec-standard-grid{grid-template-columns:1fr}.security-home .sec-steps{grid-template-columns:repeat(2,1fr)}.security-home .sec-steps:before{display:none}.security-home .sec-cases{grid-template-columns:repeat(2,1fr)}.security-home .sec-features-more{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.security-home .sec-section{padding:54px 0}.security-home .sec-hero-bg{background:linear-gradient(180deg,rgba(2,9,17,.25),rgba(2,9,17,.95) 62%,#020911 100%),url("../img/hero_ca_ohrana.webp") 64% top/auto 58% no-repeat,#020911}.security-home .sec-hero-main{align-items:flex-end;min-height:780px;padding:350px 0 190px}.security-home .sec-hero-copy{width:100%}.security-home .sec-hero h1{font-size:36px}.security-home .sec-stats{left:18px;right:18px;bottom:55px;width:auto;display:grid;grid-template-columns:1fr;gap:6px}.security-home .sec-stat{min-height:42px;padding:4px 0}.security-home .sec-stat b{font-size:19px}.security-home .sec-problems,.security-home .sec-quality,.security-home .sec-why,.security-home .sec-steps,.security-home .sec-cases,.security-home .sec-features-more,.security-home .sec-compare{grid-template-columns:1fr}.security-home .sec-used{grid-template-columns:1fr;gap:14px}.security-home .sec-product{min-height:auto;padding:26px}.security-home .sec-product ul,.security-home .sec-fit{width:100%}.security-home .sec-product-visual{position:relative;right:auto;bottom:auto;width:100%;height:220px;margin-top:14px}.security-home .sec-final{grid-template-columns:1fr;padding:34px 25px}.security-home .sec-final h2{font-size:30px}.security-home .sec-final-actions{min-width:0;flex-direction:row;flex-wrap:wrap}}


/* ===================== STANDARD QUALITY BLOCK v3 ===================== */
.security-home .sec-standard{
  background:#f5f8fc !important;
  color:#fff;
  padding:54px 0 58px !important;
}
.security-home .sec-standard .vh-container{
  max-width:1660px !important;
  width:calc(100% - 44px) !important;
}
.security-home .sec-standard-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(690px,1.04fr) minmax(650px,.96fr);
  gap:42px;
  align-items:center;
  min-height:390px;
  padding:34px 62px 36px;
  overflow:hidden;
  border-radius:26px;
  background:
    radial-gradient(circle at 73% 50%,rgba(25,169,232,.10),transparent 30%),
    linear-gradient(135deg,#071421 0%,#02080e 100%);
  box-shadow:0 20px 52px rgba(6,24,39,.14);
}
.security-home .sec-standard-copy{
  position:relative;
  z-index:2;
  min-width:0;
}
.security-home .sec-standard .sec-kicker{
  margin:0 0 12px;
  color:#19a9e8;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.security-home .sec-standard .vh-title{
  margin:0 0 18px;
  max-width:760px;
  color:#fff;
  font-size:39px;
  line-height:1.12;
  font-weight:300;
  letter-spacing:-.035em;
}
.security-home .sec-standard .vh-title em{
  color:#19a9e8;
  font-style:normal;
  white-space:nowrap;
}
.security-home .sec-standard p{
  margin:0 0 11px;
  max-width:690px;
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.58;
}
.security-home .sec-standard .sec-standard-lead{
  margin-bottom:15px;
  color:#fff;
  font-size:15.5px;
  line-height:1.52;
  font-weight:700;
}
.security-home .sec-standard-visual{
  position:relative;
  min-height:320px;
}
.security-home .sec-standard-shield{
  position:absolute;
  left:50%;
  top:50%;
  width:224px;
  transform:translate(-50%,-49%);
  z-index:2;
  filter:drop-shadow(0 0 22px rgba(25,169,232,.34));
}
.security-home .sec-standard-shield img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.security-home .sec-standard-point{
  position:absolute;
  z-index:3;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:12px;
  align-items:start;
  width:220px;
}
.security-home .sec-standard-point:after{
  display:none !important;
  content:none !important;
}
.security-home .sec-standard-point-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(25,169,232,.50);
  border-radius:50%;
  background:rgba(5,22,34,.72);
  box-shadow:0 0 18px rgba(25,169,232,.15), inset 0 0 18px rgba(25,169,232,.04);
}
.security-home .sec-standard-point-icon img{
  display:block;
  width:22px;
  height:22px;
  object-fit:contain;
  filter:drop-shadow(0 0 6px rgba(25,169,232,.20));
}
.security-home .sec-standard-point-text b{
  display:block;
  margin:1px 0 5px;
  color:#19a9e8;
  font-size:14px;
  line-height:1.25;
  font-weight:700;
}
.security-home .sec-standard-point-text span{
  display:block;
  color:rgba(255,255,255,.68);
  font-size:11.5px;
  line-height:1.42;
}
.security-home .sec-standard-point-1{left:0;top:16px;}
.security-home .sec-standard-point-2{left:0;bottom:16px;}
.security-home .sec-standard-point-3{right:-34px;top:16px;}
.security-home .sec-standard-point-4{right:-34px;bottom:16px;}

@media(max-width:1280px){
  .security-home .sec-standard-card{
    grid-template-columns:minmax(0,1fr) minmax(560px,.95fr);
    padding-left:44px;
    padding-right:44px;
  }
  .security-home .sec-standard .vh-title{font-size:36px;}
  .security-home .sec-standard-shield{width:204px;}
}
@media(max-width:1120px){
  .security-home .sec-standard-card{
    grid-template-columns:1fr;
    gap:24px;
    padding:38px;
  }
  .security-home .sec-standard .vh-title em{white-space:normal;}
  .security-home .sec-standard-visual{min-height:370px;}
}
@media(max-width:760px){
  .security-home .sec-standard{padding:46px 0 50px !important;}
  .security-home .sec-standard .vh-container{width:calc(100% - 24px) !important;}
  .security-home .sec-standard-card{padding:28px 20px;border-radius:22px;}
  .security-home .sec-standard .vh-title{font-size:30px;font-weight:400;}
  .security-home .sec-standard-visual{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
    min-height:0;
    padding-top:235px;
  }
  .security-home .sec-standard-shield{top:105px;width:205px;}
  .security-home .sec-standard-point{
    position:relative;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%;
    grid-template-columns:44px 1fr;
  }
  .security-home .sec-standard-point-icon{width:44px;height:44px;}
}




/* Quality standard block v9 — compact balanced composition */
@media(min-width:1121px){
  .security-home .sec-standard{
    padding:46px 0 50px !important;
  }
  .security-home .sec-standard .vh-container{
    max-width:1660px !important;
    width:calc(100% - 36px) !important;
  }
  .security-home .sec-standard-card{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) !important;
    gap:28px !important;
    min-height:350px !important;
    padding:30px 48px 32px !important;
  }
  .security-home .sec-standard-copy{
    max-width:760px !important;
  }
  .security-home .sec-standard .vh-title{
    font-size:38px !important;
    line-height:1.1 !important;
    margin-bottom:16px !important;
  }
  .security-home .sec-standard p{
    font-size:13.5px !important;
    line-height:1.52 !important;
    margin-bottom:10px !important;
    max-width:700px !important;
  }
  .security-home .sec-standard .sec-standard-lead{
    font-size:15px !important;
    line-height:1.48 !important;
    margin-bottom:14px !important;
  }
  .security-home .sec-standard-visual{
    min-height:300px !important;
  }
  .security-home .sec-standard-shield{
    width:215px !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-49%) !important;
  }
  .security-home .sec-standard-point{
    width:185px !important;
    grid-template-columns:40px minmax(0,1fr) !important;
    gap:10px !important;
  }
  .security-home .sec-standard-point-icon{
    width:40px !important;
    height:40px !important;
  }
  .security-home .sec-standard-point-icon img{
    width:19px !important;
    height:19px !important;
  }
  .security-home .sec-standard-point-text b{
    font-size:13px !important;
    line-height:1.22 !important;
    margin-bottom:4px !important;
  }
  .security-home .sec-standard-point-text span{
    font-size:10.5px !important;
    line-height:1.36 !important;
  }
  .security-home .sec-standard-point-1{left:0 !important;top:18px !important;}
  .security-home .sec-standard-point-2{left:0 !important;bottom:18px !important;}
  .security-home .sec-standard-point-3{right:0 !important;top:18px !important;}
  .security-home .sec-standard-point-4{right:0 !important;bottom:18px !important;}
  .security-home .sec-standard-point:after{
    display:none !important;
    content:none !important;
  }
}

@media(min-width:1121px) and (max-width:1390px){
  .security-home .sec-standard-card{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;
    padding-left:36px !important;
    padding-right:36px !important;
  }
  .security-home .sec-standard-shield{
    width:195px !important;
  }
  .security-home .sec-standard-point{
    width:170px !important;
  }
  .security-home .sec-standard-point-text b{
    font-size:12.5px !important;
  }
  .security-home .sec-standard-point-text span{
    font-size:10px !important;
  }
}


/* v10 — requested change only: quality-standard shield +100% */
@media(min-width:1391px){
  .security-home .sec-standard-shield{
    width:380px !important;
  }
}
@media(min-width:1121px) and (max-width:1390px){
  .security-home .sec-standard-shield{
    width:390px !important;
  }
}



/* ===================== QUALITY BLOCK — MATCH PROBLEMS STYLE ===================== */
.vgl-home .vh-quality-match{
  background:#f6f9fd !important;
  padding-top:62px !important;
  padding-bottom:76px !important;
}

.vgl-home .vh-quality-match .sec-head{
  text-align:center !important;
}

.vgl-home .vh-quality-match .sec-kicker{
  margin:0 0 10px !important;
  text-align:center !important;
  color:var(--blue) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

.vgl-home .vh-quality-match .vh-title{
  margin:0 0 16px !important;
  text-align:center !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:42px !important;
  line-height:1.14 !important;
  font-weight:300 !important;
  letter-spacing:-.035em !important;
  color:#111821 !important;
}

.vgl-home .vh-quality-match .vh-subtitle{
  max-width:820px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
  color:var(--muted) !important;
  font-size:16px !important;
  line-height:1.7 !important;
  font-weight:400 !important;
}

.vgl-home .sec-quality-match-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
}

.vgl-home .sec-quality-match-card{
  position:relative !important;
  min-height:300px !important;
  padding:34px 36px 32px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:1px solid rgba(230,236,244,.9) !important;
  box-shadow:0 18px 46px rgba(15,42,65,.09) !important;
  overflow:hidden !important;
  text-align:left !important;
}

/* No colored stripe and no number on these cards */
.vgl-home .sec-quality-match-card:before,
.vgl-home .sec-quality-match-card:after{
  display:none !important;
  content:none !important;
}

/* Green rounded square is drawn in CSS; PNG itself has no square */
.vgl-home .sec-quality-match-icon{
  width:72px !important;
  height:72px !important;
  margin:0 0 30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:18px !important;
  background:#edf9f2 !important;
  box-shadow:none !important;
}

.vgl-home .sec-quality-match-icon img{
  display:block !important;
  width:40px !important;
  height:40px !important;
  max-width:40px !important;
  max-height:40px !important;
  object-fit:contain !important;
  background:transparent !important;
}

.vgl-home .sec-quality-match-card h3{
  margin:0 0 14px !important;
  color:#070b14 !important;
  font-size:20px !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}

.vgl-home .sec-quality-match-card p{
  margin:0 !important;
  color:#687788 !important;
  font-size:15px !important;
  line-height:1.58 !important;
  font-weight:400 !important;
}

@media(max-width:1100px){
  .vgl-home .sec-quality-match-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:700px){
  .vgl-home .vh-quality-match{
    padding-top:52px !important;
    padding-bottom:56px !important;
  }

  .vgl-home .vh-quality-match .vh-title{
    font-size:31px !important;
    font-weight:400 !important;
    line-height:1.18 !important;
  }

  .vgl-home .sec-quality-match-grid{
    grid-template-columns:1fr !important;
  }

  .vgl-home .sec-quality-match-card{
    min-height:auto !important;
    padding:28px 24px !important;
  }
}



/* QUALITY CARDS — typography exactly like "Когда качество охраны..." */
.vgl-home .sec-quality-match-card h3{
  margin:0 0 10px !important;
  color:#070b14 !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.24 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}

.vgl-home .sec-quality-match-card p{
  margin:0 !important;
  color:#48576a !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.48 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}



/* HOW IT WORKS — slightly taller cards so all text fits */
.vgl-home .vh-steps-visual .vh-step-card{
  min-height:350px !important;
  height:350px !important;
}

.vgl-home .vh-step-head{
  min-height:136px !important;
}

/* Keep the illustrations visually anchored lower after increasing card height */
.vgl-home .vh-steps-visual .vh-step-card:nth-child(1) img{
  bottom:-8mm !important;
}
.vgl-home .vh-steps-visual .vh-step-card:nth-child(2) img{
  bottom:-6mm !important;
}
.vgl-home .vh-steps-visual .vh-step-card:nth-child(3) img{
  bottom:-3mm !important;
}
.vgl-home .vh-steps-visual .vh-step-card:nth-child(4) img{
  bottom:calc(14px + 4mm) !important;
}

@media(max-width:700px){
  .vgl-home .vh-steps-visual .vh-step-card{
    min-height:350px !important;
    height:350px !important;
  }
}



/* ===================== WHY VGL SHOWCASE ===================== */
.vgl-home .vh-why-showcase{
  background:#fff !important;
  padding:76px 0 82px !important;
}

.vgl-home .vh-why-showcase-grid{
  display:grid !important;
  grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr) !important;
  gap:54px !important;
  align-items:center !important;
}

.vgl-home .vh-why-showcase-copy{
  min-width:0 !important;
}

.vgl-home .vh-why-showcase .sec-kicker{
  margin:0 0 10px !important;
  color:var(--blue) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.vgl-home .vh-why-showcase .vh-title{
  max-width:660px !important;
  margin:0 0 16px !important;
  color:#111821 !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:42px !important;
  line-height:1.14 !important;
  font-weight:300 !important;
  letter-spacing:-.035em !important;
}

.vgl-home .vh-why-showcase .vh-subtitle{
  max-width:650px !important;
  margin:0 0 34px !important;
  color:var(--muted) !important;
  font-size:16px !important;
  line-height:1.65 !important;
}

.vgl-home .vh-why-benefits{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:28px !important;
  row-gap:0 !important;
}

.vgl-home .vh-why-benefit{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  gap:15px !important;
  align-items:start !important;
  min-height:132px !important;
  padding:20px 14px 20px 0 !important;
  border-bottom:1px solid #edf1f5 !important;
}

.vgl-home .vh-why-benefit:nth-last-child(-n/**/+2){
  border-bottom:0 !important;
}

.vgl-home .vh-why-benefit-icon{
  width:56px !important;
  height:56px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:16px !important;
  background:#eef8ff !important;
  box-shadow:0 10px 24px rgba(25,169,232,.08) !important;
}

.vgl-home .vh-why-benefit-icon img{
  display:block !important;
  width:31px !important;
  height:31px !important;
  max-width:31px !important;
  max-height:31px !important;
  object-fit:contain !important;
  background:transparent !important;
}

.vgl-home .vh-why-benefit h3{
  margin:1px 0 7px !important;
  color:#111821 !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.32 !important;
  font-weight:700 !important;
}

.vgl-home .vh-why-benefit p{
  margin:0 !important;
  color:#687788 !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:13px !important;
  line-height:1.52 !important;
  font-weight:400 !important;
}

.vgl-home .vh-why-showcase-visual{
  position:relative !important;
  min-height:500px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.vgl-home .vh-why-showcase-visual:before{
  content:"" !important;
  position:absolute !important;
  left:13% !important;
  right:7% !important;
  bottom:12% !important;
  height:28% !important;
  border-radius:50% !important;
  background:radial-gradient(ellipse at center,rgba(25,169,232,.16),rgba(25,169,232,0) 70%) !important;
  filter:blur(16px) !important;
  pointer-events:none !important;
}

.vgl-home .vh-why-showcase-visual img{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:118% !important;
  max-width:none !important;
  height:auto !important;
  margin-left:-4% !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 28px 50px rgba(15,42,65,.16)) !important;
}

@media(max-width:1100px){
  .vgl-home .vh-why-showcase-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .vgl-home .vh-why-showcase .vh-title,
  .vgl-home .vh-why-showcase .vh-subtitle{
    max-width:820px !important;
  }

  .vgl-home .vh-why-showcase-visual{
    min-height:390px !important;
  }

  .vgl-home .vh-why-showcase-visual img{
    width:min(900px,100%) !important;
    margin:0 auto !important;
  }
}

@media(max-width:700px){
  .vgl-home .vh-why-showcase{
    padding:54px 0 58px !important;
  }

  .vgl-home .vh-why-showcase .vh-title{
    font-size:31px !important;
    font-weight:400 !important;
  }

  .vgl-home .vh-why-benefits{
    grid-template-columns:1fr !important;
  }

  .vgl-home .vh-why-benefit{
    min-height:auto !important;
    padding-right:0 !important;
  }

  .vgl-home .vh-why-benefit:nth-last-child(2){
    border-bottom:1px solid #edf1f5 !important;
  }

  .vgl-home .vh-why-showcase-visual{
    min-height:270px !important;
  }
}



/* ===================== WHY VGL v16 ===================== */
.vgl-home .vh-why-showcase{
  background:#fff !important;
  padding:64px 0 70px !important;
}

.vgl-home .vh-why-showcase-grid{
  display:grid !important;
  grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr) !important;
  gap:44px !important;
  align-items:center !important;
}

/* Заголовок и подзаголовок по центру на всю ширину секции */
.vgl-home .vh-why-showcase-copy{
  display:contents !important;
}

.vgl-home .vh-why-showcase .sec-kicker{
  grid-column:1 / -1 !important;
  margin:0 0 8px !important;
  text-align:center !important;
  color:var(--blue) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.vgl-home .vh-why-showcase .vh-title{
  grid-column:1 / -1 !important;
  max-width:980px !important;
  margin:0 auto 14px !important;
  text-align:center !important;
  color:#111821 !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:42px !important;
  line-height:1.14 !important;
  font-weight:300 !important;
  letter-spacing:-.035em !important;
}

.vgl-home .vh-why-showcase .vh-subtitle{
  grid-column:1 / -1 !important;
  max-width:860px !important;
  margin:0 auto 30px !important;
  text-align:center !important;
  color:var(--muted) !important;
  font-size:16px !important;
  line-height:1.65 !important;
}

/* 6 преимуществ компактнее */
.vgl-home .vh-why-benefits{
  grid-column:1 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:24px !important;
  row-gap:18px !important;
  align-self:center !important;
}

.vgl-home .vh-why-benefit{
  display:grid !important;
  grid-template-columns:50px minmax(0,1fr) !important;
  gap:13px !important;
  align-items:start !important;
  min-height:auto !important;
  padding:0 !important;
  border:0 !important;
}

/* убрать серые разделительные полоски */
.vgl-home .vh-why-benefit,
.vgl-home .vh-why-benefit:nth-last-child(-n/**/+2){
  border-bottom:0 !important;
}
.vgl-home .vh-why-benefit:before,
.vgl-home .vh-why-benefit:after{
  display:none !important;
  content:none !important;
}

.vgl-home .vh-why-benefit-icon{
  width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  background:#eef8ff !important;
  box-shadow:0 8px 18px rgba(25,169,232,.07) !important;
}

.vgl-home .vh-why-benefit-icon img{
  display:block !important;
  width:27px !important;
  height:27px !important;
  max-width:27px !important;
  max-height:27px !important;
  object-fit:contain !important;
  background:transparent !important;
}

.vgl-home .vh-why-benefit h3{
  margin:0 0 5px !important;
  color:#111821 !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.28 !important;
  font-weight:700 !important;
}

.vgl-home .vh-why-benefit p{
  margin:0 !important;
  color:#687788 !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:12.5px !important;
  line-height:1.48 !important;
  font-weight:400 !important;
}

/* новая картинка ноутбук + смартфон */
.vgl-home .vh-why-showcase-visual{
  grid-column:2 !important;
  position:relative !important;
  min-height:360px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.vgl-home .vh-why-showcase-visual:before{
  content:"" !important;
  position:absolute !important;
  left:8% !important;
  right:4% !important;
  bottom:7% !important;
  height:28% !important;
  border-radius:50% !important;
  background:radial-gradient(ellipse at center,rgba(25,169,232,.14),rgba(25,169,232,0) 70%) !important;
  filter:blur(14px) !important;
  pointer-events:none !important;
}

.vgl-home .vh-why-showcase-visual img{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:106% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 22px 38px rgba(15,42,65,.14)) !important;
}

@media(max-width:1100px){
  .vgl-home .vh-why-showcase-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .vgl-home .vh-why-showcase-copy{
    display:block !important;
  }
  .vgl-home .vh-why-showcase .sec-kicker,
  .vgl-home .vh-why-showcase .vh-title,
  .vgl-home .vh-why-showcase .vh-subtitle,
  .vgl-home .vh-why-benefits,
  .vgl-home .vh-why-showcase-visual{
    grid-column:1 !important;
  }
  .vgl-home .vh-why-showcase-visual{
    min-height:320px !important;
  }
  .vgl-home .vh-why-showcase-visual img{
    width:min(820px,100%) !important;
    margin:0 auto !important;
  }
}

@media(max-width:700px){
  .vgl-home .vh-why-showcase{
    padding:52px 0 56px !important;
  }
  .vgl-home .vh-why-showcase .vh-title{
    font-size:31px !important;
    font-weight:400 !important;
  }
  .vgl-home .vh-why-benefits{
    grid-template-columns:1fr !important;
    row-gap:20px !important;
  }
  .vgl-home .vh-why-showcase-visual{
    min-height:240px !important;
  }
}



/* ===================== WHY VGL v17 — tighter heading spacing +10% content scale ===================== */
@media(min-width:1101px){
  .vgl-home .vh-why-showcase{
    padding:58px 0 68px !important;
  }

  /* ВАЖНО: убираем большой вертикальный gap между ПОЧЕМУ VGL / заголовком / подзаголовком */
  .vgl-home .vh-why-showcase-grid{
    column-gap:48px !important;
    row-gap:0 !important;
  }

  .vgl-home .vh-why-showcase .sec-kicker{
    margin:0 0 10px !important;
    font-size:13px !important;
    line-height:1.2 !important;
  }

  .vgl-home .vh-why-showcase .vh-title{
    margin:0 auto 14px !important;
    font-size:44px !important;
    line-height:1.14 !important;
  }

  .vgl-home .vh-why-showcase .vh-subtitle{
    margin:0 auto 28px !important;
    font-size:17px !important;
    line-height:1.62 !important;
  }

  .vgl-home .vh-why-benefits{
    column-gap:27px !important;
    row-gap:20px !important;
  }

  .vgl-home .vh-why-benefit{
    grid-template-columns:53px minmax(0,1fr) !important;
    gap:14px !important;
  }

  .vgl-home .vh-why-benefit-icon{
    width:53px !important;
    height:53px !important;
    border-radius:15px !important;
  }

  .vgl-home .vh-why-benefit-icon img{
    width:30px !important;
    height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
  }

  .vgl-home .vh-why-benefit h3{
    margin:0 0 6px !important;
    font-size:15.4px !important;
    line-height:1.3 !important;
  }

  .vgl-home .vh-why-benefit p{
    font-size:13.7px !important;
    line-height:1.5 !important;
  }

  .vgl-home .vh-why-showcase-visual{
    min-height:395px !important;
  }

  .vgl-home .vh-why-showcase-visual img{
    width:116% !important;
  }
}

@media(max-width:1100px) and (min-width:701px){
  .vgl-home .vh-why-showcase-grid{
    row-gap:0 !important;
  }

  .vgl-home .vh-why-showcase .sec-kicker{
    margin-bottom:10px !important;
  }

  .vgl-home .vh-why-showcase .vh-title{
    margin-bottom:14px !important;
  }

  .vgl-home .vh-why-showcase .vh-subtitle{
    margin-bottom:28px !important;
  }
}



/* ===================== FEATURES v18 — same cards, icons, floating collapse ===================== */
.vgl-home #features .sec-features-more{
  display:none !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
  margin-top:24px !important;
  text-align:center !important;
}
.vgl-home #features .sec-features-more.open{
  display:grid !important;
}

/* Expanded cards are visually identical to the first 8 */
.vgl-home #features .vh-feature-card-extra{
  min-height:252px !important;
  padding:30px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:1px solid #e8eef3 !important;
  box-shadow:0 14px 35px rgba(15,42,65,.08) !important;
  text-align:center !important;
}
.vgl-home #features .vh-feature-card-extra .vh-feature-card-icon{
  width:66px !important;
  height:66px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 auto 22px !important;
  border-radius:20px !important;
  background:#eef8ff !important;
  color:#19a9e8 !important;
}
.vgl-home #features .vh-feature-card-extra .vh-product-feature-svg{
  width:34px !important;
  height:34px !important;
  display:block !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  fill:none !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.vgl-home #features .vh-feature-card-extra h3{
  margin:0 0 12px !important;
  color:#15202c !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:16px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}
.vgl-home #features .vh-feature-card-extra p{
  margin:0 !important;
  color:#637282 !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.6 !important;
  font-weight:400 !important;
}

/* No numbers remain in expanded cards */
.vgl-home #features .sec-extra .n,
.vgl-home #features .vh-feature-card-extra .n{
  display:none !important;
}

/* Floating collapse button shown only while expanded */
.vgl-home .sec-features-float-collapse{
  position:fixed !important;
  right:28px !important;
  bottom:30px !important;
  z-index:9998 !important;
  display:none !important;
  align-items:center !important;
  gap:9px !important;
  min-height:46px !important;
  padding:12px 18px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#19a9e8 !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(0,151,232,.34) !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:700 !important;
  cursor:pointer !important;
  animation:vglFeaturesFloatBounce 2.2s ease-in-out infinite !important;
}
.vgl-home .sec-features-float-collapse.is-visible{
  display:inline-flex !important;
}
.vgl-home .sec-features-float-collapse span{
  font-size:18px !important;
  line-height:1 !important;
  font-weight:800 !important;
}
.vgl-home .sec-features-float-collapse:hover{
  background:#008fd0 !important;
  animation-play-state:paused !important;
  transform:translateY(-2px) !important;
}
@keyframes vglFeaturesFloatBounce{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-7px);}
}

@media(max-width:1100px){
  .vgl-home #features .sec-features-more{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:700px){
  .vgl-home #features .sec-features-more{
    grid-template-columns:1fr !important;
  }
  .vgl-home #features .vh-feature-card-extra{
    min-height:auto !important;
  }
  .vgl-home .sec-features-float-collapse{
    right:16px !important;
    bottom:18px !important;
    padding:11px 15px !important;
    font-size:12px !important;
  }
}



/* ===================== FEATURES v19 — OLD ROUND BOUNCING COLLAPSE BUTTON ===================== */

/* The previous pill button is overridden completely */
.vgl-home .sec-features-float-collapse{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:34px !important;
  z-index:9998 !important;

  width:66px !important;
  min-width:66px !important;
  height:66px !important;
  min-height:66px !important;

  display:none !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 !important;
  gap:0 !important;

  border:0 !important;
  border-radius:50% !important;
  background:#19a9e8 !important;
  color:#fff !important;

  font-size:0 !important;
  line-height:0 !important;

  cursor:pointer !important;
  transform:translateX(-50%) !important;
  box-shadow:
    0 0 0 8px rgba(25,169,232,.14),
    0 18px 44px rgba(25,169,232,.46) !important;

  animation:vglFeaturesRoundJump 1.25s ease-in-out infinite !important;
}



.vgl-home .sec-features-float-collapse svg{
  display:block !important;
  width:29px !important;
  height:29px !important;
  fill:none !important;
  stroke:#fff !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.vgl-home .sec-features-float-collapse:hover{
  background:#0084cc !important;
  animation-play-state:paused !important;
}

/* Hide old span/text styles entirely if cached markup ever remains */


@keyframes vglFeaturesRoundJump{
  0%,100%{
    transform:translateX(-50%) translateY(0);
  }
  50%{
    transform:translateX(-50%) translateY(-7px);
  }
}

/* When expanded, the normal bottom toggle is not needed:
   the round floating button handles collapse immediately. */
.vgl-home #sec-features-toggle.is-open{
  display:none !important;
}

@media(max-width:700px){
  .vgl-home .sec-features-float-collapse{
    left:50% !important;
    right:auto !important;
    bottom:22px !important;
    width:58px !important;
    min-width:58px !important;
    height:58px !important;
    min-height:58px !important;
    padding:0 !important;
  }

  .vgl-home .sec-features-float-collapse svg{
    width:26px !important;
    height:26px !important;
  }
}



/* ===================== FEATURES v20 — refined round collapse button ===================== */


/* Follows the user only while they are inside expanded Features */
.vgl-home .sec-features-float-collapse{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:34px !important;

  width:66px !important;
  min-width:66px !important;
  height:66px !important;
  min-height:66px !important;

  display:none !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;

  background:#19a9e8 !important;
  color:#fff !important;
  cursor:pointer !important;
  z-index:9998 !important;

  transform:translateX(-50%) translateY(0) scale(1) !important;
  transform-origin:center center !important;

  box-shadow:
    0 0 0 8px rgba(25,169,232,.12),
    0 18px 44px rgba(25,169,232,.42) !important;

  animation:vglFeaturesPulseFloat 1.45s ease-in-out infinite !important;
  transition:background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.vgl-home .sec-features-float-collapse.is-visible{
  display:flex !important;
}

/* At the end of the Features block the button stays there and stops travelling */
.vgl-home .sec-features-float-collapse.is-docked{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:18px !important;
  animation:vglFeaturesPulseDocked 1.45s ease-in-out infinite !important;
}

/* Hover: freeze + slight enlargement, no horizontal jump */
.vgl-home .sec-features-float-collapse:hover,
.vgl-home .sec-features-float-collapse.is-docked:hover{
  background:#008fd0 !important;
  animation-play-state:paused !important;
  transform:translateX(-50%) translateY(0) scale(1.08) !important;
  box-shadow:
    0 0 0 10px rgba(25,169,232,.15),
    0 20px 48px rgba(25,169,232,.48) !important;
}

/* Arrow centered, but optically raised a little */
.vgl-home .sec-features-float-collapse svg{
  display:block !important;
  width:29px !important;
  height:29px !important;
  fill:none !important;
  stroke:#fff !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  transform:translateY(-2px) !important;
}

.vgl-home .sec-features-float-collapse span{
  display:none !important;
}

/* pulse + small bounce */
@keyframes vglFeaturesPulseFloat{
  0%,100%{
    transform:translateX(-50%) translateY(0) scale(1);
    box-shadow:
      0 0 0 7px rgba(25,169,232,.10),
      0 18px 42px rgba(25,169,232,.36);
  }
  50%{
    transform:translateX(-50%) translateY(-6px) scale(1.035);
    box-shadow:
      0 0 0 14px rgba(25,169,232,.035),
      0 22px 52px rgba(25,169,232,.48);
  }
}

@keyframes vglFeaturesPulseDocked{
  0%,100%{
    transform:translateX(-50%) translateY(0) scale(1);
    box-shadow:
      0 0 0 7px rgba(25,169,232,.10),
      0 18px 42px rgba(25,169,232,.36);
  }
  50%{
    transform:translateX(-50%) translateY(-4px) scale(1.035);
    box-shadow:
      0 0 0 14px rgba(25,169,232,.035),
      0 22px 52px rgba(25,169,232,.48);
  }
}

@media(max-width:700px){
  .vgl-home .sec-features-float-collapse{
    width:58px !important;
    min-width:58px !important;
    height:58px !important;
    min-height:58px !important;
    bottom:22px !important;
  }
  .vgl-home .sec-features-float-collapse.is-docked{
    bottom:14px !important;
  }
  .vgl-home .sec-features-float-collapse svg{
    width:26px !important;
    height:26px !important;
    transform:translateY(-2px) !important;
  }
}



/* ===================== FEATURES v21 — pulse works + no header overlap ===================== */
.vgl-home #features{
  position:relative !important;
}

/* Убираем translateX из transform: центрируем через отрицательный margin.
   Так transform остаётся свободным для анимации. */
.vgl-home .sec-features-float-collapse{
  left:50% !important;
  margin-left:-33px !important;
  transform:none !important;
  transform-origin:center center !important;
  z-index:120 !important;

  opacity:1 !important;
  visibility:visible !important;

  animation:vglFeaturesPulseV21 1.35s ease-in-out infinite !important;
  will-change:transform,box-shadow !important;
}

/* Когда кнопка закрепилась в конце секции */
.vgl-home .sec-features-float-collapse.is-docked{
  left:50% !important;
  margin-left:-33px !important;
  bottom:28px !important;
  transform:none !important;
  animation:vglFeaturesPulseV21 1.35s ease-in-out infinite !important;
}

/* При наведении: замирает, остаётся строго на месте и слегка увеличивается */


/* После того как конец блока ушёл под sticky-header — кнопку скрываем,
   чтобы она не накладывалась на шапку и следующие секции. */
.vgl-home .sec-features-float-collapse.is-past-features{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  animation:none !important;
}

/* Стрелки чуть выше оптического центра */
.vgl-home .sec-features-float-collapse svg{
  transform:translateY(-3px) !important;
}

@keyframes vglFeaturesPulseV21{
  0%,100%{
    transform:translateY(0) scale(1);
    box-shadow:
      0 0 0 7px rgba(25,169,232,.10),
      0 18px 42px rgba(25,169,232,.34);
  }
  50%{
    transform:translateY(-5px) scale(1.045);
    box-shadow:
      0 0 0 14px rgba(25,169,232,.035),
      0 22px 52px rgba(25,169,232,.46);
  }
}

@media(max-width:700px){
  .vgl-home .sec-features-float-collapse{
    margin-left:-29px !important;
  }
  .vgl-home .sec-features-float-collapse.is-docked{
    margin-left:-29px !important;
    bottom:20px !important;
  }
}


/* ================= FEATURES v22 =================
   1) Небольшой воздух после последней карточки.
   2) Пульсация сделана через ::before, поэтому она не конфликтует
      с transform самой кнопки и гарантированно видна.
================================================== */
.vgl-home #features{
  padding-bottom: 42px !important;
}

.vgl-home .sec-features-float-collapse{
  overflow: visible !important;
  animation: vglFeaturesBobV22 1.45s ease-in-out infinite !important;
}

/* Внешнее пульсирующее кольцо */
.vgl-home .sec-features-float-collapse::before{
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  border-radius:50% !important;
  background:rgba(25,169,232,.22) !important;
  z-index:-1 !important;
  pointer-events:none !important;
  animation:vglFeaturesRingV22 1.45s ease-out infinite !important;
}

/* Hover: никакого движения в сторону — только небольшое увеличение */

.vgl-home .sec-features-float-collapse:hover::before,
.vgl-home .sec-features-float-collapse.is-docked:hover::before{
  animation-play-state:paused !important;
}

/* В закреплённом состоянии оставляем небольшой отступ от низа блока */
.vgl-home .sec-features-float-collapse.is-docked{
  bottom:22px !important;
  animation:vglFeaturesBobV22 1.45s ease-in-out infinite !important;
}

@keyframes vglFeaturesBobV22{
  0%,100%{
    transform:translateY(0) scale(1);
    box-shadow:0 14px 34px rgba(25,169,232,.28);
  }
  50%{
    transform:translateY(-5px) scale(1.035);
    box-shadow:0 18px 42px rgba(25,169,232,.42);
  }
}

@keyframes vglFeaturesRingV22{
  0%{
    transform:scale(1);
    opacity:.75;
  }
  70%,100%{
    transform:scale(1.42);
    opacity:0;
  }
}

@media(max-width:700px){
  .vgl-home #features{padding-bottom:34px !important;}
  .vgl-home .sec-features-float-collapse.is-docked{bottom:18px !important;}
}



/* ===================== FEATURES v23 — more bottom air + smoother jump + stronger pulse ===================== */

/* More empty space below the last feature card so the docked round button never overlaps cards */
.vgl-home #features{
  padding-bottom:110px !important;
}

/* Docked button sits in the reserved empty area, not over the last card */
.vgl-home .sec-features-float-collapse.is-docked{
  bottom:28px !important;
}

/* Smoother floating motion */
.vgl-home .sec-features-float-collapse{
  animation:vglFeaturesFloatSmoothV23 2.1s ease-in-out infinite !important;
}

/* Stronger, more visible pulse ring */
.vgl-home .sec-features-float-collapse::before{
  inset:-3px !important;
  background:rgba(25,169,232,.24) !important;
  box-shadow:0 0 0 1px rgba(25,169,232,.10) !important;
  animation:vglFeaturesPulseRingV23 1.75s ease-out infinite !important;
}

.vgl-home .sec-features-float-collapse::after{
  content:"" !important;
  position:absolute !important;
  inset:-3px !important;
  border-radius:50% !important;
  border:2px solid rgba(25,169,232,.28) !important;
  pointer-events:none !important;
  z-index:-2 !important;
  animation:vglFeaturesPulseRingV23 1.75s ease-out .55s infinite !important;
}

/* Hover = freeze and gently enlarge */
.vgl-home .sec-features-float-collapse:hover,
.vgl-home .sec-features-float-collapse.is-docked:hover{
  animation-play-state:paused !important;
  transform:scale(1.08) !important;
}
.vgl-home .sec-features-float-collapse:hover::before,
.vgl-home .sec-features-float-collapse:hover::after,
.vgl-home .sec-features-float-collapse.is-docked:hover::before,
.vgl-home .sec-features-float-collapse.is-docked:hover::after{
  animation-play-state:paused !important;
}

@keyframes vglFeaturesFloatSmoothV23{
  0%,100%{
    transform:translateY(0) scale(1);
  }
  50%{
    transform:translateY(-8px) scale(1.025);
  }
}

@keyframes vglFeaturesPulseRingV23{
  0%{
    transform:scale(.92);
    opacity:.80;
  }
  70%{
    opacity:.20;
  }
  100%{
    transform:scale(1.58);
    opacity:0;
  }
}

@media(max-width:700px){
  .vgl-home #features{
    padding-bottom:92px !important;
  }
  .vgl-home .sec-features-float-collapse.is-docked{
    bottom:22px !important;
  }
}



/* ===================== CASES v25 — interactive, mockup-like ===================== */
.security-home .sec-cases-v25{
  padding:64px 0 68px !important;
  background:#f5f8fc !important;
}

.security-home .sec-cases-v25-head{
  text-align:center !important;
}

.security-home .sec-cases-v25-head .sec-kicker{
  margin:0 0 8px !important;
  color:#19a9e8 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.security-home .sec-cases-v25-head .vh-title{
  margin:0 0 12px !important;
  text-align:center !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:42px !important;
  line-height:1.14 !important;
  font-weight:300 !important;
  letter-spacing:-.035em !important;
  color:#111821 !important;
}

.security-home .sec-cases-v25-head .vh-subtitle{
  max-width:820px !important;
  margin:0 auto 34px !important;
  text-align:center !important;
  color:#687788 !important;
  font-size:15px !important;
  line-height:1.6 !important;
}

.security-home .sec-cases-v25-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr) !important;
  gap:18px !important;
  align-items:stretch !important;
}

/* Main card */
.security-home .sec-cases-v25-main{
  display:grid !important;
  grid-template-columns:56% 44% !important;
  min-height:336px !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #e7edf4 !important;
  box-shadow:0 14px 34px rgba(15,42,65,.075) !important;
}

.security-home .sec-cases-v25-photo{
  min-height:336px !important;
  overflow:hidden !important;
  background:#eaf2f8 !important;
}

.security-home .sec-cases-v25-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.security-home .sec-cases-v25-main-copy{
  padding:28px 26px 26px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.security-home .sec-cases-v25-badge{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  margin:0 0 14px !important;
  color:#19a9e8 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:700 !important;
}

.security-home .sec-cases-v25-badge-icon{
  width:26px !important;
  height:26px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 26px !important;
}

.security-home .sec-cases-v25-badge-icon img{
  width:24px !important;
  height:24px !important;
  object-fit:contain !important;
}

.security-home .sec-cases-v25-main-copy h3{
  margin:0 0 10px !important;
  color:#13202e !important;
  font-size:20px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}

.security-home .sec-cases-v25-main-copy > p{
  margin:0 0 16px !important;
  color:#657486 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

.security-home .sec-cases-v25-main-copy ul{
  display:grid !important;
  gap:9px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.security-home .sec-cases-v25-main-copy li{
  position:relative !important;
  margin:0 !important;
  padding-left:22px !important;
  color:#4f6072 !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
}

.security-home .sec-cases-v25-main-copy li:before{
  content:"✓" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  color:#19a9e8 !important;
  font-weight:800 !important;
}

/* Three compact clickable right cards */
.security-home .sec-cases-v25-side{
  display:grid !important;
  grid-template-rows:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.security-home .sec-cases-v25-side-card{
  width:100% !important;
  min-height:104px !important;
  display:grid !important;
  grid-template-columns:62px minmax(0,1fr) !important;
  gap:15px !important;
  align-items:center !important;
  margin:0 !important;
  padding:14px 18px !important;
  border:1px solid #e7edf4 !important;
  border-radius:16px !important;
  background:#fff !important;
  color:inherit !important;
  text-align:left !important;
  appearance:none !important;
  cursor:pointer !important;
  box-shadow:0 10px 26px rgba(15,42,65,.055) !important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}

.security-home .sec-cases-v25-side-card:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(25,169,232,.28) !important;
  box-shadow:0 14px 30px rgba(15,42,65,.085) !important;
}

.security-home .sec-cases-v25-logo{
  width:62px !important;
  height:62px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:13px !important;
  background:#eef8ff !important;
}

.security-home .sec-cases-v25-logo img{
  display:block !important;
  width:46px !important;
  height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  object-fit:contain !important;
}

.security-home .sec-cases-v25-side-copy{
  min-width:0 !important;
  display:block !important;
}

.security-home .sec-cases-v25-side-copy strong{
  display:block !important;
  margin:0 0 3px !important;
  color:#13202e !important;
  font-size:17px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
}

.security-home .sec-cases-v25-side-copy > span{
  display:block !important;
  margin:0 0 6px !important;
  color:#687788 !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
}

.security-home .sec-cases-v25-side-copy small{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:4px 14px !important;
  color:#657486 !important;
  font-size:10px !important;
  line-height:1.25 !important;
}

.security-home .sec-cases-v25-side-copy small i{
  position:relative !important;
  padding-left:9px !important;
  font-style:normal !important;
  white-space:nowrap !important;
}

.security-home .sec-cases-v25-side-copy small i:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  width:3px !important;
  height:3px !important;
  margin-top:-1px !important;
  border-radius:50% !important;
  background:#19a9e8 !important;
}

/* Bottom strip — all in one row */
.security-home .sec-cases-v25-used{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  margin-top:12px !important;
  padding:14px 16px !important;
  min-height:66px !important;
  border-radius:16px !important;
  background:#eef8ff !important;
  border:1px solid rgba(25,169,232,.14) !important;
}

.security-home .sec-cases-v25-used > b{
  flex:0 0 auto !important;
  color:#15202c !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

.security-home .sec-cases-v25-used-items{
  min-width:0 !important;
  flex:1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}

.security-home .sec-cases-v25-used-items > span{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:32px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid #dfeaf3 !important;
  color:#536273 !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:600 !important;
  white-space:nowrap !important;
}

.security-home .sec-cases-v25-used-items img{
  width:17px !important;
  height:17px !important;
  object-fit:contain !important;
}

.security-home .sec-cases-v25-all-btn{
  flex:0 0 auto !important;
  min-height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 16px !important;
  border-radius:10px !important;
  background:#19a9e8 !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  box-shadow:0 9px 20px rgba(25,169,232,.22) !important;
}

.security-home .sec-cases-v25-all-btn:hover{
  background:#078fcf !important;
  color:#fff !important;
}

@media(max-width:1100px){
  .security-home .sec-cases-v25-layout{
    grid-template-columns:1fr !important;
  }

  .security-home .sec-cases-v25-used{
    flex-wrap:wrap !important;
  }

  .security-home .sec-cases-v25-used-items{
    flex-wrap:wrap !important;
  }
}

@media(max-width:720px){
  .security-home .sec-cases-v25{
    padding:52px 0 56px !important;
  }

  .security-home .sec-cases-v25-head .vh-title{
    font-size:31px !important;
    font-weight:400 !important;
  }

  .security-home .sec-cases-v25-main{
    grid-template-columns:1fr !important;
  }

  .security-home .sec-cases-v25-photo{
    min-height:235px !important;
  }

  .security-home .sec-cases-v25-side-card{
    grid-template-columns:52px minmax(0,1fr) !important;
    padding:13px !important;
  }

  .security-home .sec-cases-v25-logo{
    width:52px !important;
    height:52px !important;
  }

  .security-home .sec-cases-v25-logo img{
    width:38px !important;
    height:38px !important;
  }

  .security-home .sec-cases-v25-used{
    align-items:flex-start !important;
  }

  .security-home .sec-cases-v25-used-items{
    width:100% !important;
  }
}



/* ===================== CASES v26 — wider bottom strip + text restored ===================== */
.security-home .sec-cases-v25-used{
  display:grid !important;
  grid-template-columns:auto minmax(0,1.55fr) minmax(240px,.9fr) auto !important;
  gap:16px !important;
  align-items:center !important;
  padding:14px 18px !important;
}

.security-home .sec-cases-v25-used-items{
  min-width:0 !important;
}

.security-home .sec-cases-v25-used-copy{
  color:#6b7a8b !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}

@media(max-width:1180px){
  .security-home .sec-cases-v25-used{
    grid-template-columns:1fr !important;
  }

  .security-home .sec-cases-v25-used-copy{
    font-size:11px !important;
  }
}



/* ===================== CASES v27 — compact bottom strip ===================== */
.security-home .sec-cases-v25-used{
  grid-template-columns:auto minmax(0,1.5fr) minmax(250px,.9fr) auto !important;
  gap:12px !important;
  padding:13px 16px !important;
}

.security-home .sec-cases-v25-used > b{
  font-size:12px !important;
  line-height:1.15 !important;
}

.security-home .sec-cases-v25-used-items{
  gap:6px !important;
}

.security-home .sec-cases-v25-used-items > span{
  min-height:30px !important;
  padding:6px 9px !important;
  font-size:9.8px !important;
}

.security-home .sec-cases-v25-used-items img{
  width:16px !important;
  height:16px !important;
}

.security-home .sec-cases-v25-used-copy{
  min-width:0 !important;
  font-size:9.8px !important;
  line-height:1.32 !important;
  color:#687788 !important;
}

.security-home .sec-cases-v25-all-btn{
  min-height:38px !important;
  padding:0 15px !important;
  font-size:11px !important;
}

@media(max-width:1180px){
  .security-home .sec-cases-v25-used{
    grid-template-columns:1fr !important;
  }

  .security-home .sec-cases-v25-used-copy{
    font-size:10.5px !important;
  }
}



/* ===================== CASES v28 — bottom strip spacing ===================== */

/* Чуть больше воздуха между последним тегом "Промышленность" и поясняющим текстом */
.security-home .sec-cases-v25-used-items{
  margin-right:18px !important;
}

/* Сам поясняющий текст подвигаем ближе к кнопке */
.security-home .sec-cases-v25-used-copy{
  margin-left:0 !important;
  margin-right:-8px !important;
  justify-self:end !important;
  max-width:330px !important;
}

/* Кнопку оставляем на месте, но чуть уменьшаем зазор перед ней */
.security-home .sec-cases-v25-used{
  column-gap:10px !important;
}

@media(max-width:1180px){
  .security-home .sec-cases-v25-used-items{
    margin-right:0 !important;
  }

  .security-home .sec-cases-v25-used-copy{
    margin-right:0 !important;
    justify-self:start !important;
    max-width:none !important;
  }
}



/* =====================================================================
   V29 — STANDARD QUALITY / FAQ ALIGNMENT / FINAL CTA
   ===================================================================== */

/* ---------- STANDARD QUALITY: left aligned exact two-line title ---------- */
.security-home .sec-standard-copy{
  text-align:left !important;
}

.security-home .sec-standard .sec-standard-title-v29{
  width:auto !important;
  max-width:none !important;
  margin:0 0 18px !important;
  text-align:left !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:38px !important;
  line-height:1.13 !important;
  font-weight:300 !important;
  letter-spacing:-.035em !important;
}

.security-home .sec-standard .sec-standard-title-v29 > span{
  display:block !important;
  white-space:nowrap !important;
}

.security-home .sec-standard .sec-standard-title-v29 em{
  color:#19a9e8 !important;
  font-style:normal !important;
  white-space:nowrap !important;
}

@media(max-width:1180px){
  .security-home .sec-standard .sec-standard-title-v29{
    font-size:34px !important;
  }
}

@media(max-width:760px){
  .security-home .sec-standard .sec-standard-title-v29{
    font-size:30px !important;
    line-height:1.18 !important;
  }

  .security-home .sec-standard .sec-standard-title-v29 > span{
    white-space:normal !important;
  }
}

/* ---------- FAQ: heading above, tabs and contact card begin on same line ---------- */
#contacts .vh-container{
  max-width:1320px !important;
}

#contacts .vh-faq-head{
  text-align:center !important;
  margin:0 auto 28px !important;
}

#contacts .vh-faq-head .vh-title,
#contacts .vh-faq-head .vh-subtitle{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

#contacts .vh-faq-contact{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 420px !important;
  gap:46px !important;
  align-items:stretch !important;
}

#contacts .vh-faq-left{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
}

#contacts .vh-faq-tabs{
  width:100% !important;
  max-width:none !important;
  margin:0 0 22px !important;
}

#contacts .vh-faq-left .vh-faq-panel.active{
  flex:1 0 auto !important;
}

/* Override all previous translateY/fixed-height rules */
#contacts .vh-faq-contact > .vh-form,
#contacts .vh-faq-contact > .vh-card:last-child,
#contacts .vh-faq-contact > form{
  transform:none !important;
  margin:0 !important;
  align-self:stretch !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  display:flex !important;
  flex-direction:column !important;
}

#contacts .vh-faq-contact > .vh-form{
  padding:30px 32px 24px !important;
}

/* If an FAQ answer opens, grid height grows and the form follows automatically. */
#contacts .vh-faq-contact > .vh-form form,
#contacts .vh-faq-contact > .vh-form .wpcf7{
  width:100% !important;
}

@media(max-width:1100px){
  #contacts .vh-faq-contact{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  #contacts .vh-faq-contact > .vh-form{
    min-height:auto !important;
  }
}

/* ---------- FINAL CTA: selected two-level concept ---------- */
.security-home .sec-final-wrap-v29{
  background:#fff !important;
  padding:66px 0 74px !important;
}

.security-home .sec-final-v29{
  display:block !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:22px !important;
  color:#fff !important;
  background:#061522 !important;
  box-shadow:0 22px 58px rgba(6,25,39,.16) !important;
}

.security-home .sec-final-v29-top{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(340px,.95fr) minmax(310px,.82fr) auto !important;
  gap:34px !important;
  align-items:center !important;
  min-height:128px !important;
  padding:28px 38px !important;
  background:
    radial-gradient(circle at 86% 35%,rgba(25,169,232,.15),transparent 27%),
    linear-gradient(135deg,#071624 0%,#020a12 100%) !important;
}

.security-home .sec-final-v29-top:after{
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  width:31% !important;
  height:100% !important;
  pointer-events:none !important;
  opacity:.24 !important;
  background-image:
    radial-gradient(circle,rgba(25,169,232,.55) 1px,transparent 1.4px) !important;
  background-size:15px 15px !important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000) !important;
  mask-image:linear-gradient(90deg,transparent,#000) !important;
}

.security-home .sec-final-v29 h2{
  position:relative !important;
  z-index:2 !important;
  max-width:none !important;
  margin:0 !important;
  color:#fff !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:28px !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
}

.security-home .sec-final-v29-copy{
  position:relative !important;
  z-index:2 !important;
  max-width:430px !important;
  margin:0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}

.security-home .sec-final-v29-actions{
  position:relative !important;
  z-index:3 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:row !important;
  gap:12px !important;
  align-items:center !important;
  justify-content:flex-end !important;
}

.security-home .sec-final-v29-actions .vh-btn{
  min-height:44px !important;
  padding:11px 21px !important;
  border-radius:9px !important;
  font-size:12.5px !important;
  white-space:nowrap !important;
}

.security-home .sec-final-v29-actions .vh-btn-yellow{
  background:#ffbd2e !important;
  color:#111 !important;
  border:1px solid #ffbd2e !important;
}

.security-home .sec-final-v29-actions .vh-btn-outline{
  background:rgba(255,255,255,.025) !important;
  color:#fff !important;
  border:1px solid rgba(25,169,232,.78) !important;
  box-shadow:none !important;
}

.security-home .sec-final-v29-bottom{
  min-height:68px !important;
  display:grid !important;
  grid-template-columns:minmax(420px,1.2fr) minmax(520px,1fr) !important;
  gap:30px !important;
  align-items:center !important;
  padding:12px 34px !important;
  background:#19a9e8 !important;
}

.security-home .sec-final-v29-start{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  min-width:0 !important;
}

.security-home .sec-final-v29-start strong{
  color:#fff !important;
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

.security-home .sec-final-v29-rocket{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  display:grid !important;
  place-items:center !important;
}

.security-home .sec-final-v29-rocket img{
  display:block !important;
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  /* uploaded icon is blue on white; blend it naturally into the cyan strip */
  mix-blend-mode:screen !important;
  filter:brightness(0) invert(1) !important;
}

.security-home .sec-final-v29-benefits{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:0 !important;
}

.security-home .sec-final-v29-benefits span{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 22px !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
  white-space:nowrap !important;
  border-left:1px solid rgba(255,255,255,.22) !important;
}

.security-home .sec-final-v29-benefits span:first-child{
  border-left:0 !important;
}

.security-home .sec-final-v29-benefits i{
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.9) !important;
  border-radius:50% !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  font-style:normal !important;
  font-weight:700 !important;
}

@media(max-width:1180px){
  .security-home .sec-final-v29-top{
    grid-template-columns:1fr 1fr !important;
  }

  .security-home .sec-final-v29-actions{
    grid-column:1 / -1 !important;
    justify-content:flex-start !important;
  }

  .security-home .sec-final-v29-bottom{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .security-home .sec-final-v29-benefits{
    justify-content:flex-start !important;
  }
}

@media(max-width:760px){
  .security-home .sec-final-wrap-v29{
    padding:52px 0 58px !important;
  }

  .security-home .sec-final-v29-top{
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:28px 22px !important;
  }

  .security-home .sec-final-v29 h2{
    font-size:26px !important;
  }

  .security-home .sec-final-v29-actions{
    grid-column:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .security-home .sec-final-v29-actions .vh-btn{
    width:100% !important;
  }

  .security-home .sec-final-v29-bottom{
    padding:18px 20px !important;
  }

  .security-home .sec-final-v29-start strong{
    white-space:normal !important;
  }

  .security-home .sec-final-v29-benefits{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }

  .security-home .sec-final-v29-benefits span{
    padding:0 !important;
    border-left:0 !important;
  }
}



/* ===================== FINAL CTA v30 — exact 2-line heading ===================== */
.security-home .sec-final-v29-top{
  grid-template-columns:minmax(470px,1.2fr) minmax(300px,.75fr) auto !important;
  gap:28px !important;
}

.security-home .sec-final-v29 h2{
  margin:0 !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:30px !important;
  line-height:1.18 !important;
  font-weight:300 !important;
  letter-spacing:-.03em !important;
  text-align:left !important;
}

.security-home .sec-final-v29 h2 > span{
  display:block !important;
  white-space:nowrap !important;
}

@media(max-width:1180px){
  .security-home .sec-final-v29-top{
    grid-template-columns:1fr 1fr !important;
  }

  .security-home .sec-final-v29 h2 > span{
    white-space:normal !important;
  }
}

@media(max-width:760px){
  .security-home .sec-final-v29 h2{
    font-size:27px !important;
    line-height:1.2 !important;
    font-weight:300 !important;
  }
}



/* ===================== FINAL CTA v31 — compact + aligned ===================== */

/* Даем больше места поясняющему тексту и чуть уменьшаем заголовок */
.security-home .sec-final-v29-top{
  grid-template-columns:minmax(430px,1.08fr) minmax(390px,.92fr) auto !important;
  gap:24px !important;
  min-height:116px !important;
  padding:24px 34px !important;
}

.security-home .sec-final-v29 h2{
  font-size:27px !important;
  line-height:1.16 !important;
  font-weight:300 !important;
  letter-spacing:-.028em !important;
}

.security-home .sec-final-v29-copy{
  max-width:470px !important;
  font-size:11.5px !important;
  line-height:1.46 !important;
}

/* Кнопки чуть компактнее, чтобы освободить место */
.security-home .sec-final-v29-actions{
  gap:10px !important;
}

.security-home .sec-final-v29-actions .vh-btn{
  min-height:42px !important;
  padding:10px 18px !important;
  font-size:12px !important;
}

/* Нижняя голубая полоса — ниже по высоте */
.security-home .sec-final-v29-bottom{
  min-height:58px !important;
  padding:8px 30px !important;
  grid-template-columns:minmax(420px,1.15fr) minmax(500px,1fr) !important;
  gap:20px !important;
}

.security-home .sec-final-v29-start{
  gap:13px !important;
}

.security-home .sec-final-v29-start strong{
  font-size:13px !important;
}

.security-home .sec-final-v29-rocket{
  width:36px !important;
  height:36px !important;
  flex:0 0 36px !important;
}

.security-home .sec-final-v29-rocket img{
  width:33px !important;
  height:33px !important;
}

/* Все преимущества выровнены по одной оси.
   Разделители делаем одинаковой высоты и строго по центру. */
.security-home .sec-final-v29-benefits{
  display:grid !important;
  grid-template-columns:repeat(3,max-content) !important;
  justify-content:end !important;
  align-items:center !important;
  gap:0 !important;
}

.security-home .sec-final-v29-benefits span{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:0 20px !important;
  border-left:0 !important;
  font-size:11.5px !important;
  line-height:1 !important;
}

.security-home .sec-final-v29-benefits span + span:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  width:1px !important;
  height:24px !important;
  transform:translateY(-50%) !important;
  background:rgba(255,255,255,.28) !important;
}

.security-home .sec-final-v29-benefits i{
  width:17px !important;
  height:17px !important;
  flex:0 0 17px !important;
  font-size:10px !important;
}

@media(max-width:1180px){
  .security-home .sec-final-v29-top{
    grid-template-columns:1fr 1fr !important;
  }

  .security-home .sec-final-v29-copy{
    max-width:none !important;
  }

  .security-home .sec-final-v29-bottom{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .security-home .sec-final-v29-benefits{
    justify-content:start !important;
  }
}

@media(max-width:760px){
  .security-home .sec-final-v29 h2{
    font-size:25px !important;
  }

  .security-home .sec-final-v29-bottom{
    padding:14px 18px !important;
  }

  .security-home .sec-final-v29-benefits{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .security-home .sec-final-v29-benefits span{
    padding:0 !important;
  }

  .security-home .sec-final-v29-benefits span + span:before{
    display:none !important;
  }
}



/* ===================== FINAL CTA v32 — move middle copy 5mm left ===================== */
.security-home .sec-final-v29-copy{
  position:relative !important;
  left:-5mm !important;
}

@media(max-width:1180px){
  .security-home .sec-final-v29-copy{
    left:0 !important;
  }
}



/* ===================== FINAL CTA v33 — real layout fix ===================== */
/* Не просто двигаем текст, а перераспределяем колонки, чтобы он физически
   не мог залезать под кнопки. */
.security-home .sec-final-v29-top{
  grid-template-columns:minmax(410px,1.05fr) 360px auto !important;
  gap:18px !important;
  padding-left:34px !important;
  padding-right:34px !important;
}

/* Текст сдвигаем влево примерно на 5 мм и одновременно ограничиваем ширину,
   чтобы последняя строка заканчивалась до кнопок. */
.security-home .sec-final-v29-copy{
  position:relative !important;
  left:0 !important;
  transform:translateX(-5mm) !important;
  width:350px !important;
  max-width:350px !important;
  padding-right:0 !important;
  margin:0 !important;
  font-size:11.3px !important;
  line-height:1.45 !important;
  overflow:visible !important;
}

/* Кнопки держим в своей колонке и не даем тексту визуально заходить под них. */
.security-home .sec-final-v29-actions{
  position:relative !important;
  z-index:5 !important;
  justify-self:end !important;
  margin-left:0 !important;
  background:transparent !important;
}

.security-home .sec-final-v29-actions .vh-btn{
  position:relative !important;
  z-index:6 !important;
}

@media(max-width:1180px){
  .security-home .sec-final-v29-top{
    grid-template-columns:1fr 1fr !important;
  }

  .security-home .sec-final-v29-copy{
    transform:none !important;
    width:auto !important;
    max-width:none !important;
  }

  .security-home .sec-final-v29-actions{
    justify-self:start !important;
  }
}

@media(max-width:760px){
  .security-home .sec-final-v29-top{
    grid-template-columns:1fr !important;
  }
}



/* =====================================================================
   V34 — HERO HEIGHT / EYEBROW ALIGNMENT / FINAL CTA WIDTH
   ===================================================================== */

/* ---------- HERO: +1 cm height on desktop ---------- */
@media(min-width:801px){
  .security-home .sec-hero{
    min-height:798px !important; /* было 760px, + примерно 1 см */
  }

  .security-home .sec-hero-main{
    min-height:648px !important; /* сохраняем пропорции внутри увеличенного Hero */
  }
}

/* ---------- SAME TYPOGRAPHY AS "РИСКИ" ---------- */
.security-home .sec-standard .sec-kicker,
.security-home #quality .sec-kicker,
.security-home .vh-start-eyebrow,
.security-home #why-vgl .sec-kicker,
.security-home #features .vh-eyebrow,
.security-home #interface .vh-eyebrow,
.security-home #cases .sec-kicker,
.security-home #solutions .sec-kicker,
.security-home #price .vh-price-eyebrow,
.security-home #contacts .vh-eyebrow{
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
  color:#19a9e8 !important;
}

/* Стандарт качества — только шрифт как у "РИСКИ", позицию не меняем */
.security-home .sec-standard .sec-kicker{
  transform:none !important;
}

/* Все остальные подписи двигаем от их текущей позиции ровно на заданное расстояние */
@media(min-width:901px){

  /* КАЧЕСТВО — 6 см влево */
  .security-home #quality .sec-kicker{
    position:relative !important;
    transform:translateX(-6cm) !important;
  }

  /* БЫСТРЫЙ СТАРТ — 12 см вправо */
  .security-home .vh-start-eyebrow{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    width:max-content !important;
    transform:translateX(12cm) !important;
    text-align:center !important;
  }

  /* ПОЧЕМУ VGL — 7 см влево */
  .security-home #why-vgl .sec-kicker{
    position:relative !important;
    transform:translateX(-7cm) !important;
  }

  /* ВОЗМОЖНОСТИ — 5 см вправо */
  .security-home #features .vh-eyebrow{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    width:max-content !important;
    transform:translateX(5cm) !important;
    text-align:center !important;
  }

  /* ИНТЕРФЕЙС — 7 см вправо */
  .security-home #interface .vh-eyebrow{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    width:max-content !important;
    transform:translateX(7cm) !important;
    text-align:center !important;
  }

  /* ОПЫТ VGL — 5 см вправо */
  .security-home #cases .sec-kicker{
    position:relative !important;
    transform:translateX(5cm) !important;
  }

  /* ВАРИАНТЫ ВНЕДРЕНИЯ — 6 см влево */
  .security-home #solutions .sec-kicker{
    position:relative !important;
    transform:translateX(-6cm) !important;
  }

  /* СТОИМОСТЬ — не двигаем */
  .security-home #price .vh-price-eyebrow{
    transform:none !important;
  }

  /* ОТВЕТЫ — 13 см вправо */
  .security-home #contacts .vh-eyebrow{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    width:max-content !important;
    transform:translateX(13cm) !important;
    text-align:center !important;
  }
}

/* На узких экранах ручные сантиметровые смещения выключаем */
@media(max-width:900px){
  .security-home #quality .sec-kicker,
  .security-home .vh-start-eyebrow,
  .security-home #why-vgl .sec-kicker,
  .security-home #features .vh-eyebrow,
  .security-home #interface .vh-eyebrow,
  .security-home #cases .sec-kicker,
  .security-home #solutions .sec-kicker,
  .security-home #price .vh-price-eyebrow,
  .security-home #contacts .vh-eyebrow{
    transform:none !important;
  }
}

/* ---------- FINAL CTA: slightly wider so the middle copy cannot hit buttons ---------- */
@media(min-width:1181px){
  .security-home .sec-final-wrap-v29 .vh-container{
    max-width:1480px !important;
  }

  .security-home .sec-final-v29-top{
    grid-template-columns:minmax(420px,.98fr) minmax(390px,.92fr) minmax(500px,1fr) !important;
    column-gap:22px !important;
  }

  .security-home .sec-final-v29-copy{
    width:390px !important;
    max-width:390px !important;
    transform:translateX(-5mm) !important;
    overflow:visible !important;
  }

  .security-home .sec-final-v29-actions{
    min-width:500px !important;
  }
}



/* =====================================================================
   V35 — FINAL CTA SAME WIDTH AS UPPER CONTENT BLOCK
   ===================================================================== */

@media(min-width:1181px){

  /* Делаем финальную плашку той же ширины, что и верхний блок FAQ/контактов */
  .security-home .sec-final-wrap-v29 .vh-container{
    max-width:1320px !important;
  }

  /* Пересобираем верхнюю строку так, чтобы всё гарантированно помещалось */
  .security-home .sec-final-v29-top{
    grid-template-columns:390px minmax(320px,1fr) 430px !important;
    column-gap:16px !important;
    padding:23px 30px !important;
    min-height:112px !important;
  }

  .security-home .sec-final-v29 h2{
    font-size:24px !important;
    line-height:1.18 !important;
    font-weight:300 !important;
    letter-spacing:-.026em !important;
  }

  .security-home .sec-final-v29-copy{
    width:auto !important;
    max-width:350px !important;
    transform:none !important;
    justify-self:start !important;
    font-size:10.7px !important;
    line-height:1.42 !important;
  }

  .security-home .sec-final-v29-actions{
    min-width:0 !important;
    width:430px !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    justify-self:end !important;
  }

  .security-home .sec-final-v29-actions .vh-btn{
    min-height:40px !important;
    padding:9px 13px !important;
    font-size:11.2px !important;
  }

  /* Нижнюю полосу также ужимаем под новую общую ширину */
  .security-home .sec-final-v29-bottom{
    grid-template-columns:minmax(470px,1fr) auto !important;
    gap:16px !important;
    min-height:56px !important;
    padding:8px 26px !important;
  }

  .security-home .sec-final-v29-start{
    gap:11px !important;
  }

  .security-home .sec-final-v29-start strong{
    font-size:11.8px !important;
    white-space:nowrap !important;
  }

  .security-home .sec-final-v29-rocket{
    width:32px !important;
    height:32px !important;
    flex:0 0 32px !important;
  }

  .security-home .sec-final-v29-rocket img{
    width:30px !important;
    height:30px !important;
  }

  .security-home .sec-final-v29-benefits{
    grid-template-columns:repeat(3,max-content) !important;
    justify-content:end !important;
  }

  .security-home .sec-final-v29-benefits span{
    min-height:24px !important;
    padding:0 14px !important;
    gap:6px !important;
    font-size:10.2px !important;
  }

  .security-home .sec-final-v29-benefits span + span:before{
    height:20px !important;
  }

  .security-home .sec-final-v29-benefits i{
    width:15px !important;
    height:15px !important;
    flex:0 0 15px !important;
    font-size:9px !important;
  }
}



/* =====================================================================
   V36 — EYEBROW POSITION TUNING
   ===================================================================== */

@media(min-width:901px){

  /* КАЧЕСТВО — 10 см вправо */
  .security-home #quality .sec-kicker{
    transform:translateX(10cm) !important;
  }

  /* БЫСТРЫЙ СТАРТ — 12 см влево */
  .security-home .vh-start-eyebrow{
    transform:translateX(-12cm) !important;
  }

  /* ПОЧЕМУ VGL — 4 см вправо */
  .security-home #why-vgl .sec-kicker{
    transform:translateX(4cm) !important;
  }

  /* ВОЗМОЖНОСТИ — 2 см вправо */
  .security-home #features .vh-eyebrow{
    transform:translateX(2cm) !important;
  }

  /* ИНТЕРФЕЙС — 10 см влево */
  .security-home #interface .vh-eyebrow{
    transform:translateX(-10cm) !important;
  }

  /* ОПЫТ VGL — не трогаем, сохраняем текущее положение */

  /* ОТВЕТЫ — 6 см влево */
  .security-home #contacts .vh-eyebrow{
    transform:translateX(-6cm) !important;
  }
}

/* На мобильных/планшетных ширинах ручные смещения не применяем */
@media(max-width:900px){
  .security-home #quality .sec-kicker,
  .security-home .vh-start-eyebrow,
  .security-home #why-vgl .sec-kicker,
  .security-home #features .vh-eyebrow,
  .security-home #interface .vh-eyebrow,
  .security-home #contacts .vh-eyebrow{
    transform:none !important;
  }
}



/* =====================================================================
   V37 — FINAL EYEBROW POSITION TUNING
   Смещения рассчитаны относительно текущей версии v36
   ===================================================================== */

@media(min-width:901px){

  /* КАЧЕСТВО: было +10 см, ещё 1 см влево => +9 см */
  .security-home #quality .sec-kicker{
    transform:translateX(9cm) !important;
  }

  /* БЫСТРЫЙ СТАРТ: было -12 см, ещё 6 см вправо => -6 см */
  .security-home .vh-start-eyebrow{
    transform:translateX(-6cm) !important;
  }

  /* ПОЧЕМУ VGL: было +4 см, ещё 2 см влево => +2 см */
  .security-home #why-vgl .sec-kicker{
    transform:translateX(2cm) !important;
  }

  /* ВОЗМОЖНОСТИ: было +2 см, ещё 3 см вправо => +5 см */
  .security-home #features .vh-eyebrow{
    transform:translateX(5cm) !important;
  }

  /* ИНТЕРФЕЙС: было -10 см, ещё 3 см вправо => -7 см */
  .security-home #interface .vh-eyebrow{
    transform:translateX(-7cm) !important;
  }

  /* ОПЫТ VGL — не трогаем */

  /* ОТВЕТЫ: было -6 см, ещё 1 см вправо => -5 см */
  .security-home #contacts .vh-eyebrow{
    transform:translateX(-5cm) !important;
  }
}

@media(max-width:900px){
  .security-home #quality .sec-kicker,
  .security-home .vh-start-eyebrow,
  .security-home #why-vgl .sec-kicker,
  .security-home #features .vh-eyebrow,
  .security-home #interface .vh-eyebrow,
  .security-home #contacts .vh-eyebrow{
    transform:none !important;
  }
}



/* =====================================================================
   V38 — EYEBROW POSITION TUNING
   Смещения рассчитаны относительно текущей версии v37
   ===================================================================== */

@media(min-width:901px){

  /* КАЧЕСТВО — без изменений */
  .security-home #quality .sec-kicker{
    transform:translateX(9cm) !important;
  }

  /* БЫСТРЫЙ СТАРТ: было -6 см, ещё 2 см вправо => -4 см */
  .security-home .vh-start-eyebrow{
    transform:translateX(-4cm) !important;
  }

  /* ПОЧЕМУ VGL: было +2 см, ещё 1.5 см влево => +0.5 см */
  .security-home #why-vgl .sec-kicker{
    transform:translateX(.5cm) !important;
  }

  /* ВОЗМОЖНОСТИ: было +5 см, ещё 2 см вправо => +7 см */
  .security-home #features .vh-eyebrow{
    transform:translateX(7cm) !important;
  }

  /* ИНТЕРФЕЙС: было -7 см, ещё 1 см вправо => -6 см */
  .security-home #interface .vh-eyebrow{
    transform:translateX(-6cm) !important;
  }

  /* ОПЫТ VGL — не трогаем */

  /* ВАРИАНТЫ ВНЕДРЕНИЯ: было -6 см, ещё 2 см влево => -8 см */
  .security-home #solutions .sec-kicker{
    transform:translateX(-8cm) !important;
  }

  /* ОТВЕТЫ: было -5 см, ещё 1 см вправо => -4 см */
  .security-home #contacts .vh-eyebrow{
    transform:translateX(-4cm) !important;
  }
}

@media(max-width:900px){
  .security-home #quality .sec-kicker,
  .security-home .vh-start-eyebrow,
  .security-home #why-vgl .sec-kicker,
  .security-home #features .vh-eyebrow,
  .security-home #interface .vh-eyebrow,
  .security-home #solutions .sec-kicker,
  .security-home #contacts .vh-eyebrow{
    transform:none !important;
  }
}



/* =====================================================================
   V40 — ВАРИАНТЫ ВНЕДРЕНИЯ. Заголовок/приписка не трогаются.
   ===================================================================== */
.security-home #solutions .sec-compare-v40{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  margin-top:34px!important;
}

.security-home #solutions .sec-product-v40{
  position:relative!important;
  min-height:535px!important;
  overflow:hidden!important;
  padding:28px 30px!important;
  border-radius:24px!important;
  border:1px solid #dfe9f2!important;
  box-shadow:0 18px 46px rgba(15,42,65,.075)!important;
}

.security-home #solutions .sec-product-v40-control{
  background:
    radial-gradient(circle at 82% 75%,rgba(25,169,232,.11),transparent 27%),
    linear-gradient(135deg,#eef7ff 0%,#fff 60%,#f8fcff 100%)!important;
}

.security-home #solutions .sec-product-v40-patrol{
  background:
    radial-gradient(circle at 82% 75%,rgba(25,169,232,.075),transparent 27%),
    linear-gradient(135deg,#f5f7fa 0%,#fff 60%,#f2f5f8 100%)!important;
}

.security-home #solutions .sec-product-v40-badge{
  width:max-content!important;
  min-height:32px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 22px!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  background:rgba(25,169,232,.09)!important;
  border:1px solid rgba(25,169,232,.10)!important;
  color:#168fca!important;
  font-size:12px!important;
  font-weight:700!important;
}

.security-home #solutions .sec-product-v40-badge img{
  width:19px!important;
  height:19px!important;
  object-fit:contain!important;
}

.security-home #solutions .sec-product-v40-head{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  margin-bottom:22px!important;
}

.security-home #solutions .sec-product-v40-icon{
  width:66px!important;
  height:66px!important;
  flex:0 0 66px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(25,169,232,.24)!important;
}

.security-home #solutions .sec-product-v40-icon img{
  width:44px!important;
  height:44px!important;
  object-fit:contain!important;
}

.security-home #solutions .sec-product-v40-head h3{
  margin:0 0 4px!important;
  color:#14202d!important;
  font-size:24px!important;
  line-height:1.18!important;
  font-weight:400!important;
  letter-spacing:-.025em!important;
}

.security-home #solutions .sec-product-v40-head p{
  margin:0!important;
  color:#617185!important;
  font-size:13px!important;
  font-weight:600!important;
}

.security-home #solutions .sec-product-v40-list{
  position:relative!important;
  z-index:2!important;
  width:62%!important;
  max-width:390px!important;
  display:grid!important;
  gap:10px!important;
  margin:0 0 22px!important;
  padding:0!important;
  list-style:none!important;
}

.security-home #solutions .sec-product-v40-list li{
  position:relative!important;
  padding-left:24px!important;
  color:#2e4052!important;
  font-size:13.5px!important;
  line-height:1.35!important;
}

.security-home #solutions .sec-product-v40-list li:before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  color:#19a9e8!important;
  font-weight:800!important;
}

.security-home #solutions .sec-product-v40-fit{
  position:relative!important;
  z-index:3!important;
  width:63%!important;
  max-width:400px!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  margin:0 0 20px!important;
  padding:13px 14px!important;
  border-radius:14px!important;
  background:rgba(234,244,253,.82)!important;
  border:1px solid rgba(25,169,232,.08)!important;
}

.security-home #solutions .sec-product-v40-fit-icon{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#19a9e8!important;
  box-shadow:0 7px 18px rgba(25,169,232,.20)!important;
}

.security-home #solutions .sec-product-v40-fit-icon img{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}

.security-home #solutions .sec-product-v40-fit p{
  margin:0!important;
  color:#566779!important;
  font-size:11.5px!important;
  line-height:1.48!important;
}

.security-home #solutions .sec-product-v40-fit b{
  color:#25384b!important;
  font-weight:700!important;
}

.security-home #solutions .sec-product-v40-btn{
  position:relative!important;
  z-index:4!important;
  min-width:230px!important;
  min-height:44px!important;
  gap:12px!important;
  padding:10px 18px!important;
  border-radius:10px!important;
  background:#19a9e8!important;
  border:1px solid #19a9e8!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(25,169,232,.20)!important;
  font-size:12.5px!important;
  font-weight:700!important;
}

.security-home #solutions .sec-product-v40-btn:hover{
  background:#078fcf!important;
  border-color:#078fcf!important;
}

.security-home #solutions .sec-product-v40-btn span{
  font-size:18px!important;
  line-height:1!important;
}

.security-home #solutions .sec-product-v40-visual{
  position:absolute!important;
  z-index:1!important;
  right:25px!important;
  bottom:28px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  pointer-events:none!important;
}

.security-home #solutions .sec-product-v40-visual > span{
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:190px!important;
  height:190px!important;
  border-radius:50%!important;
  transform:translateX(-50%)!important;
  background:rgba(25,169,232,.08)!important;
}

.security-home #solutions .sec-product-v40-phone{
  width:190px!important;
  height:330px!important;
}

.security-home #solutions .sec-product-v40-phone img{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  height:310px!important;
  max-width:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 20px 25px rgba(15,42,65,.15))!important;
}

.security-home #solutions .sec-product-v40-device{
  width:185px!important;
  height:300px!important;
}

.security-home #solutions .sec-product-v40-device img{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  height:250px!important;
  max-width:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 20px 25px rgba(15,42,65,.16))!important;
}

@media(max-width:1100px){
  .security-home #solutions .sec-compare-v40{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:700px){
  .security-home #solutions .sec-product-v40{
    min-height:auto!important;
    padding:24px 20px!important;
  }

  .security-home #solutions .sec-product-v40-list,
  .security-home #solutions .sec-product-v40-fit{
    width:100%!important;
    max-width:none!important;
  }

  .security-home #solutions .sec-product-v40-visual{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:230px!important;
    margin:18px auto 0!important;
  }

  .security-home #solutions .sec-product-v40-phone img{height:220px!important;}
  .security-home #solutions .sec-product-v40-device img{height:205px!important;}

  .security-home #solutions .sec-product-v40-btn{
    width:100%!important;
  }
}



/* =====================================================================
   V41 — enlarge product visuals x4 + Hero +8 mm
   ===================================================================== */

/* HERO: ещё примерно +8 мм по высоте на desktop */
@media(min-width:801px){
  .security-home .sec-hero{
    min-height:828px !important;
  }

  .security-home .sec-hero-main{
    min-height:678px !important;
  }
}

/* Варианты внедрения: визуалы iPhone и прибора увеличены в 4 раза */
@media(min-width:1101px){

  .security-home #solutions .sec-product-v40{
    min-height:640px !important;
  }

  .security-home #solutions .sec-product-v40-visual{
    overflow:visible !important;
  }

  .security-home #solutions .sec-product-v40-phone{
    width:190px !important;
    height:360px !important;
    right:18px !important;
    bottom:34px !important;
  }

  .security-home #solutions .sec-product-v40-phone img{
    height:310px !important;
    transform:scale(4) !important;
    transform-origin:bottom center !important;
  }

  .security-home #solutions .sec-product-v40-device{
    width:185px !important;
    height:330px !important;
    right:18px !important;
    bottom:34px !important;
  }

  .security-home #solutions .sec-product-v40-device img{
    height:250px !important;
    transform:scale(4) !important;
    transform-origin:bottom center !important;
  }

  /* Halo тоже увеличиваем, чтобы крупные изображения не выглядели "оторванными" */
  .security-home #solutions .sec-product-v40-visual > span{
    width:260px !important;
    height:260px !important;
  }
}

/* Планшет/мобилка — без экстремального x4, чтобы блок не ломался */
@media(max-width:1100px){
  .security-home #solutions .sec-product-v40-phone img,
  .security-home #solutions .sec-product-v40-device img{
    transform:none !important;
  }
}



/* =====================================================================
   V42 — ВАРИАНТЫ ВНЕДРЕНИЯ: вернуть высоту карточек, картинки -20% и ниже
   ===================================================================== */

@media(min-width:1101px){

  /* Возвращаем высоту плашек как в версии до увеличения изображений */
  .security-home #solutions .sec-product-v40{
    min-height:535px !important;
  }

  /* iPhone: уменьшаем масштаб с x4 до x3.2 и опускаем ниже */
  .security-home #solutions .sec-product-v40-phone{
    right:18px !important;
    bottom:-50px !important;
  }

  .security-home #solutions .sec-product-v40-phone img{
    transform:scale(3.2) !important;
    transform-origin:bottom center !important;
    position:relative !important;
    top:-60px !important;
  }

  /* Прибор: уменьшаем масштаб с x4 до x3.2 и опускаем ниже */
  .security-home #solutions .sec-product-v40-device{
    right:18px !important;
    bottom:-50px !important;
  }

  .security-home #solutions .sec-product-v40-device img{
    transform:scale(3.2) !important;
    transform-origin:bottom center !important;
    position:relative !important;
    top:130px !important;
  }

  /* Голубые круги возвращаем ближе к исходному размеру и опускаем */
  .security-home #solutions .sec-product-v40-visual > span{
    width:255px !important;
    height:255px !important;
    bottom:-8px !important;
  }
}



/* =====================================================================
   V45 — ВАРИАНТЫ ВНЕДРЕНИЯ
   Исправление ширины карточек: без zoom и без сдвига вправо.
   Заголовок, kicker и подзаголовок секции не трогаются.
   ===================================================================== */

@media(min-width:1101px){

  /* Две карточки делаем уже и строго центрируем внутри контейнера */
  .security-home #solutions .sec-compare-v40{
    zoom:1 !important;
    position:relative !important;
    left:auto !important;
    width:90% !important;
    max-width:100% !important;
    margin:34px auto 0 !important;
    gap:20px !important;
  }

  /* Текущий размер iPhone сохраняем */
  .security-home #solutions .sec-product-v40-phone img{
    transform:scale(1.4) !important;
    transform-origin:bottom center !important;
  }
}

@media(max-width:1100px){
  .security-home #solutions .sec-compare-v40{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    left:auto !important;
    zoom:1 !important;
  }
}



/* =====================================================================
   V46 — FAQ: новые иконки + убрать голубые круги в карточках решений
   ===================================================================== */

/* FAQ — оставляем размер иконок таким же, как у существующих: 26 × 26 px */
.security-home #contacts .vh-faq-panel[data-faq-panel="control"] .vh-faq-item:nth-child(6)::before{
  background-image:url("../img/nuzhen_server.png") !important;
  background-size:26px 26px !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

.security-home #contacts .vh-faq-panel[data-faq-panel="control"] .vh-faq-item:nth-child(7)::before{
  background-image:url("../img/bez_interneta.png") !important;
  background-size:26px 26px !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

.security-home #contacts .vh-faq-panel[data-faq-panel="patrol"] .vh-faq-item:nth-child(6)::before{
  background-image:url("../img/nuzhno_provoda.png") !important;
  background-size:26px 26px !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

.security-home #contacts .vh-faq-panel[data-faq-panel="patrol"] .vh-faq-item:nth-child(7)::before{
  background-image:url("../img/neskolko_schityvaushih.png") !important;
  background-size:26px 26px !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

/* Убираем голубые круги за iPhone и устройством VGL Патруль */
.security-home #solutions .sec-product-v40-visual > span{
  display:none !important;
}



/* =====================================================================
   V47 — FAQ icons -5% + Interface tabs closer to center
   ===================================================================== */

/* FAQ: новые иконки уменьшаем ещё на 5%: 26px -> 24.7px */
.security-home #contacts .vh-faq-panel[data-faq-panel="control"] .vh-faq-item:nth-child(6)::before,
.security-home #contacts .vh-faq-panel[data-faq-panel="control"] .vh-faq-item:nth-child(7)::before,
.security-home #contacts .vh-faq-panel[data-faq-panel="patrol"] .vh-faq-item:nth-child(6)::before,
.security-home #contacts .vh-faq-panel[data-faq-panel="patrol"] .vh-faq-item:nth-child(7)::before{
  background-size:24.7px 24.7px !important;
}

/* Интерфейс VGL Контроль:
   сужаем только строку вкладок, чтобы крайние пункты ушли ближе к центру
   и расстояние между "Веб-кабинет / Мобильное приложение / ..." стало меньше. */
@media(min-width:1181px){
  .security-home .vh-home-interface .vh-interface-tabs{
    width:90% !important;
    max-width:1160px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}



/* =====================================================================
   V48 — FINAL CTA REDESIGN
   Более цельный блок без "двух несвязанных полос".
   Текст и кнопки сохранены.
   ===================================================================== */

.security-home .sec-final-wrap-v29{
  padding-top:58px !important;
  padding-bottom:58px !important;
  background:#fff !important;
}

.security-home .sec-final-wrap-v29 .vh-container{
  max-width:1320px !important;
}

.security-home .sec-final-v29{
  position:relative !important;
  overflow:hidden !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 88% 18%,rgba(25,169,232,.16),transparent 28%),
    linear-gradient(135deg,#071522 0%,#06111c 55%,#04101a 100%) !important;
  border:1px solid rgba(25,169,232,.16) !important;
  box-shadow:0 22px 52px rgba(5,22,36,.16) !important;
}

.security-home .sec-final-v29:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:3px !important;
  background:#19a9e8 !important;
}

/* Верхняя часть */
.security-home .sec-final-v29-top{
  display:grid !important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) !important;
  grid-template-areas:
    "title copy"
    "title actions" !important;
  align-items:center !important;
  column-gap:54px !important;
  row-gap:18px !important;
  min-height:0 !important;
  padding:34px 40px 30px !important;
}

.security-home .sec-final-v29-top h2{
  grid-area:title !important;
  margin:0 !important;
  max-width:560px !important;
  color:#fff !important;
  font-family:"Open Sans",Arial,sans-serif !important;
  font-size:30px !important;
  line-height:1.22 !important;
  font-weight:300 !important;
  letter-spacing:-.035em !important;
}

.security-home .sec-final-v29-top h2 span{
  display:block !important;
}

.security-home .sec-final-v29-copy{
  grid-area:copy !important;
  margin:0 !important;
  max-width:480px !important;
  color:rgba(255,255,255,.66) !important;
  font-size:13px !important;
  line-height:1.58 !important;
  font-weight:600 !important;
}

.security-home .sec-final-v29-actions{
  grid-area:actions !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  width:100% !important;
  max-width:480px !important;
  margin:0 !important;
}

.security-home .sec-final-v29-actions .vh-btn{
  min-height:46px !important;
  padding:11px 16px !important;
  border-radius:11px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

.security-home .sec-final-v29-actions .vh-btn-yellow{
  background:#ffbd2e !important;
  color:#101820 !important;
  border:1px solid #ffbd2e !important;
  box-shadow:0 10px 22px rgba(255,189,46,.16) !important;
}

.security-home .sec-final-v29-actions .vh-btn-outline{
  background:rgba(255,255,255,.045) !important;
  color:#fff !important;
  border:1px solid rgba(25,169,232,.34) !important;
  box-shadow:none !important;
}

/* Нижняя часть — теперь не отдельная голубая "полоса",
   а продолжение того же CTA */
.security-home .sec-final-v29-bottom{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;
  align-items:center !important;
  gap:28px !important;
  min-height:0 !important;
  margin:0 28px 24px !important;
  padding:17px 18px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.07) !important;
}

.security-home .sec-final-v29-start{
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  min-width:0 !important;
}

.security-home .sec-final-v29-rocket{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:11px !important;
  background:rgba(25,169,232,.12) !important;
  border:1px solid rgba(25,169,232,.24) !important;
}

.security-home .sec-final-v29-rocket img{
  width:22px !important;
  height:22px !important;
  object-fit:contain !important;
  filter:brightness(0) invert(1) !important;
}

.security-home .sec-final-v29-start strong{
  color:#fff !important;
  font-size:12px !important;
  line-height:1.38 !important;
  font-weight:700 !important;
}

.security-home .sec-final-v29-benefits{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:center !important;
  gap:0 !important;
}

.security-home .sec-final-v29-benefits span{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:30px !important;
  padding:0 12px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:10.5px !important;
  line-height:1.3 !important;
  font-weight:600 !important;
  white-space:nowrap !important;
}

.security-home .sec-final-v29-benefits span + span:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  width:1px !important;
  height:24px !important;
  transform:translateY(-50%) !important;
  background:rgba(255,255,255,.10) !important;
}

.security-home .sec-final-v29-benefits i{
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  border:1px solid rgba(25,169,232,.6) !important;
  background:rgba(25,169,232,.10) !important;
  color:#5bcdff !important;
  font-size:11px !important;
  font-style:normal !important;
  font-weight:800 !important;
}

@media(max-width:1000px){
  .security-home .sec-final-v29-top{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "title"
      "copy"
      "actions" !important;
    gap:18px !important;
    padding:30px 28px 24px !important;
  }

  .security-home .sec-final-v29-copy,
  .security-home .sec-final-v29-actions{
    max-width:none !important;
  }

  .security-home .sec-final-v29-bottom{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
}

@media(max-width:700px){
  .security-home .sec-final-wrap-v29{
    padding-top:42px !important;
    padding-bottom:42px !important;
  }

  .security-home .sec-final-v29{
    border-radius:20px !important;
  }

  .security-home .sec-final-v29-top{
    padding:26px 20px 20px !important;
  }

  .security-home .sec-final-v29-top h2{
    font-size:25px !important;
  }

  .security-home .sec-final-v29-actions{
    grid-template-columns:1fr !important;
  }

  .security-home .sec-final-v29-bottom{
    margin:0 16px 16px !important;
    padding:15px !important;
  }

  .security-home .sec-final-v29-benefits{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .security-home .sec-final-v29-benefits span{
    justify-content:flex-start !important;
    padding:0 !important;
  }

  .security-home .sec-final-v29-benefits span + span:before{
    display:none !important;
  }
}



/* =====================================================================
   V49 — FINAL CTA: выбранный вариант со щитом по центру
   ===================================================================== */

@media(min-width:1001px){

  /* Чуть уже предыдущего варианта */
  .security-home .sec-final-wrap-v29 .vh-container{
    max-width:1240px !important;
  }

  .security-home .sec-final-v29{
    border-radius:24px !important;
  }

  .security-home .sec-final-v49-top{
    display:grid !important;
    grid-template-columns:minmax(0,1.04fr) 180px minmax(0,.96fr) !important;
    grid-template-areas:"title emblem right" !important;
    column-gap:28px !important;
    row-gap:0 !important;
    align-items:center !important;
    min-height:245px !important;
    padding:32px 36px 26px !important;
  }

  .security-home .sec-final-v49-top h2{
    grid-area:title !important;
    max-width:560px !important;
    margin:0 !important;
    font-family:"Open Sans",Arial,sans-serif !important;
    font-size:30px !important;
    line-height:1.22 !important;
    font-weight:300 !important;
    letter-spacing:-.035em !important;
    color:#fff !important;
  }

  .security-home .sec-final-v49-top h2 span{
    display:block !important;
  }

  .security-home .sec-final-v49-emblem{
    grid-area:emblem !important;
    position:relative !important;
    z-index:3 !important;
    width:180px !important;
    height:180px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .security-home .sec-final-v49-emblem img{
    display:block !important;
    width:168px !important;
    height:168px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 0 20px rgba(255,189,46,.58)) !important;
  }

  .security-home .sec-final-v49-line{
    display:none !important;
  }

  .security-home .sec-final-v49-right{
    grid-area:right !important;
    position:relative !important;
    z-index:3 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:26px !important;
    min-width:0 !important;
  }

  .security-home .sec-final-v49-right .sec-final-v29-copy{
    max-width:470px !important;
    margin:0 !important;
    color:rgba(255,255,255,.66) !important;
    font-size:13px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
  }

  .security-home .sec-final-v49-right .sec-final-v29-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
    width:100% !important;
    max-width:520px !important;
    margin:0 !important;
  }

  .security-home .sec-final-v49-right .sec-final-v29-actions .vh-btn{
    min-height:48px !important;
    padding:11px 18px !important;
    border-radius:11px !important;
    font-size:12.5px !important;
  }

  /* Нижняя плашка — чуть уже и компактнее внутри основного блока */
  .security-home .sec-final-v29-bottom{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
    margin:0 28px 24px !important;
    padding:16px 18px !important;
    min-height:82px !important;
    border-radius:16px !important;
  }

  .security-home .sec-final-v29-start strong{
    font-size:12px !important;
  }

  .security-home .sec-final-v29-benefits span{
    font-size:10.5px !important;
  }
}

@media(max-width:1000px){
  .security-home .sec-final-v49-top{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "title"
      "emblem"
      "right" !important;
    gap:18px !important;
  }

  .security-home .sec-final-v49-emblem{
    width:100% !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
  }

  .security-home .sec-final-v49-line{
    display:none !important;
  }

  .security-home .sec-final-v49-emblem img{
    width:120px !important;
    height:120px !important;
  }

  .security-home .sec-final-v49-right{
    gap:18px !important;
  }
}



/* =====================================================================
   V51 — Интерфейс VGL Контроль
   - смартфоны на 5% меньше
   - скриншоты больше не обрезаются
   - увеличение только во встроенном lightbox
   - заметный крестик закрытия
   ===================================================================== */

/* Снимки смартфонов: было scale(1.25), уменьшаем примерно на 5% => 1.1875. */
.vgl-home .vh-home-mobile-mock.vh-home-mobile-screens-card .vh-home-mobile-phone img,
.vgl-home .vh-home-mobile-shot-link img,
.vgl-home .vh-home-mobile-shot-link:hover img,
.vgl-home .vh-home-mobile-shot-link:focus img{
  transform:scale(1.1875) !important;
  transform-origin:center center !important;
}

/* Не режем увеличенный внутри карточки скриншот. */
.vgl-home .vh-home-mobile-shot-link{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  padding:0 !important;
  background:transparent !important;
  overflow:visible !important;
  font:inherit !important;
}

.vgl-home .vh-home-mobile-mock.vh-home-mobile-screens-card .vh-home-mobile-phone{
  overflow:visible !important;
}

/* Наш lightbox: всегда поверх WordPress/темы. */
.vh-home-interface-lightbox{
  z-index:2147483000 !important;
}

.vh-home-interface-lightbox.is-open{
  display:flex !important;
}

.vh-home-interface-lightbox img{
  max-width:min(1180px,90vw) !important;
  max-height:88vh !important;
  object-fit:contain !important;
}

.vh-home-interface-lightbox button{
  position:fixed !important;
  top:22px !important;
  right:24px !important;
  z-index:2147483001 !important;
  width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#15202c !important;
  box-shadow:0 12px 34px rgba(0,0,0,.28) !important;
  font-family:Arial,sans-serif !important;
  font-size:32px !important;
  font-weight:300 !important;
  line-height:1 !important;
  cursor:pointer !important;
}

body.vh-home-interface-lightbox-open{
  overflow:hidden !important;
}

@media(max-width:800px){
  .vgl-home .vh-home-mobile-mock.vh-home-mobile-screens-card .vh-home-mobile-phone img,
  .vgl-home .vh-home-mobile-shot-link img,
  .vgl-home .vh-home-mobile-shot-link:hover img,
  .vgl-home .vh-home-mobile-shot-link:focus img{
    transform:scale(1.0925) !important;
  }

  .vh-home-interface-lightbox button{
    top:14px !important;
    right:14px !important;
    width:44px !important;
    height:44px !important;
  }
}



/* =====================================================================
   V52 — финальный CTA
   - shield +15%
   - file: shit_kachestvo1.png
   - compact bottom benefits
   - separators exactly centered between equal columns
   ===================================================================== */
@media(min-width:1001px){
  .security-home .sec-final-v49-top{
    grid-template-columns:minmax(0,1.04fr) 205px minmax(0,.96fr) !important;
  }
  .security-home .sec-final-v49-emblem{
    width:205px !important;
    height:205px !important;
  }
  .security-home .sec-final-v49-emblem img{
    width:193px !important;
    height:193px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 0 23px rgba(255,189,46,.62)) !important;
  }

  .security-home .sec-final-v29-bottom{
    grid-template-columns:minmax(0,1fr) 500px !important;
    gap:22px !important;
  }
  .security-home .sec-final-v29-benefits{
    width:500px !important;
    max-width:500px !important;
    justify-self:end !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:center !important;
    gap:0 !important;
  }
  .security-home .sec-final-v29-benefits span{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    min-height:32px !important;
    padding:0 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    text-align:center !important;
  }
  .security-home .sec-final-v29-benefits span + span:before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:1px !important;
    height:30px !important;
    transform:translate(-.5px,-50%) !important;
    background:rgba(255,255,255,.13) !important;
  }
}
@media(max-width:1000px){
  .security-home .sec-final-v49-emblem img{
    width:138px !important;
    height:138px !important;
  }
  .security-home .sec-final-v29-benefits{
    width:100% !important;
    max-width:none !important;
  }
}



/* =====================================================================
   V53 — финальный CTA
   - shit_kachestvo.png возвращён в "Стандарт качества"
   - shit_kachestvo1.png остаётся в финальном CTA
   - центральный щит +10%
   - весь CTA немного уже
   - три нижних преимущества компактнее
   - вертикальные разделители точно по центру между колонками
   ===================================================================== */

@media(min-width:1001px){

  /* Сам финальный блок немного уже */
  .security-home .sec-final-wrap-v29 .vh-container{
    max-width:1160px !important;
  }

  /* Щит +10% от текущего v52: 193px -> 212px */
  .security-home .sec-final-v49-top{
    grid-template-columns:minmax(0,1.03fr) 224px minmax(0,.97fr) !important;
    column-gap:22px !important;
  }

  .security-home .sec-final-v49-emblem{
    width:224px !important;
    height:224px !important;
  }

  .security-home .sec-final-v49-emblem img{
    width:212px !important;
    height:212px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 0 25px rgba(255,189,46,.64)) !important;
  }

  /* Нижняя плашка: немного компактнее справа */
  .security-home .sec-final-v29-bottom{
    grid-template-columns:minmax(0,1fr) 455px !important;
    gap:18px !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .security-home .sec-final-v29-benefits{
    width:455px !important;
    max-width:455px !important;
    justify-self:end !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:0 !important;
  }

  .security-home .sec-final-v29-benefits span{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    min-height:34px !important;
    padding:0 8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  /* Разделители: строго на границе 1/3 и 2/3 */
  .security-home .sec-final-v29-benefits span + span:before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:1px !important;
    height:30px !important;
    transform:translate(-50%,-50%) !important;
    background:rgba(255,255,255,.14) !important;
  }
}

@media(max-width:1000px){
  .security-home .sec-final-v49-emblem img{
    width:152px !important;
    height:152px !important;
  }
}



/* =====================================================================
   V54 — финальная доводка нижней плашки CTA
   ===================================================================== */

@media(min-width:1001px){

  /* Нижняя плашка: ниже по высоте и чуть шире внутри основного блока */
  .security-home .sec-final-v29-bottom{
    grid-template-columns:minmax(0,1fr) 560px !important;
    gap:20px !important;
    min-height:64px !important;
    margin:0 20px 20px !important;
    padding:10px 14px !important;
    border-radius:14px !important;
  }

  /* Левая часть тоже компактнее по высоте */
  .security-home .sec-final-v29-start{
    gap:11px !important;
    min-height:42px !important;
  }

  .security-home .sec-final-v29-rocket{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    border-radius:10px !important;
  }

  .security-home .sec-final-v29-rocket img{
    width:20px !important;
    height:20px !important;
  }

  .security-home .sec-final-v29-start strong{
    font-size:11.5px !important;
    line-height:1.3 !important;
    white-space:nowrap !important;
  }

  /* Правая группа расширена, чтобы все три подписи помещались */
  .security-home .sec-final-v29-benefits{
    width:560px !important;
    max-width:560px !important;
    justify-self:end !important;
    display:grid !important;
    grid-template-columns:1fr 1.18fr 1.28fr !important;
    align-items:center !important;
    gap:0 !important;
    overflow:visible !important;
  }

  .security-home .sec-final-v29-benefits span{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:0 13px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    color:rgba(255,255,255,.78) !important;
    font-size:10.3px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .security-home .sec-final-v29-benefits i{
    width:19px !important;
    height:19px !important;
    flex:0 0 19px !important;
    font-size:10px !important;
  }

  /* Разделители стоят ровно на границе колонок,
     не накладываясь на галочки и текст */
  .security-home .sec-final-v29-benefits span + span:before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:1px !important;
    height:26px !important;
    transform:translate(-50%,-50%) !important;
    background:rgba(255,255,255,.14) !important;
    pointer-events:none !important;
  }
}

@media(min-width:1001px) and (max-width:1180px){
  .security-home .sec-final-v29-bottom{
    grid-template-columns:minmax(0,1fr) 520px !important;
  }

  .security-home .sec-final-v29-benefits{
    width:520px !important;
    max-width:520px !important;
  }

  .security-home .sec-final-v29-benefits span{
    padding-left:9px !important;
    padding-right:9px !important;
    font-size:9.8px !important;
  }
}



/* =====================================================================
   V55 — нижняя CTA-плашка ниже + Hero stats выше на 1.5 см
   ===================================================================== */

/* HERO: 3500+ / 15 лет / 10 000+ поднимаем примерно на 1.5 см */
@media(min-width:801px){
  .security-home .sec-stats{
    bottom:129px !important;
  }
}

/* Финальная нижняя плашка: заметно уменьшаем высоту */
@media(min-width:1001px){
  .security-home .sec-final-v29-bottom{
    min-height:52px !important;
    padding:5px 14px !important;
    margin-bottom:18px !important;
  }

  .security-home .sec-final-v29-start{
    min-height:34px !important;
    gap:10px !important;
  }

  .security-home .sec-final-v29-rocket{
    width:30px !important;
    height:30px !important;
    flex:0 0 30px !important;
    border-radius:9px !important;
  }

  .security-home .sec-final-v29-rocket img{
    width:18px !important;
    height:18px !important;
  }

  .security-home .sec-final-v29-start strong{
    font-size:11.3px !important;
    line-height:1.2 !important;
  }

  .security-home .sec-final-v29-benefits span{
    min-height:30px !important;
  }

  .security-home .sec-final-v29-benefits i{
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    font-size:9.5px !important;
  }

  .security-home .sec-final-v29-benefits span + span:before{
    height:22px !important;
  }
}



/* =====================================================================
   V56 — нижняя CTA-плашка ещё тоньше
   ===================================================================== */

@media(min-width:1001px){
  .security-home .sec-final-v29-bottom{
    min-height:42px !important;
    padding:2px 12px !important;
    margin:0 20px 16px !important;
    border-radius:12px !important;
  }

  .security-home .sec-final-v29-start{
    min-height:28px !important;
    gap:9px !important;
  }

  .security-home .sec-final-v29-rocket{
    width:26px !important;
    height:26px !important;
    flex:0 0 26px !important;
    border-radius:8px !important;
  }

  .security-home .sec-final-v29-rocket img{
    width:16px !important;
    height:16px !important;
  }

  .security-home .sec-final-v29-start strong{
    font-size:11px !important;
    line-height:1.15 !important;
  }

  .security-home .sec-final-v29-benefits span{
    min-height:26px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  .security-home .sec-final-v29-benefits i{
    width:17px !important;
    height:17px !important;
    flex:0 0 17px !important;
    font-size:9px !important;
  }

  .security-home .sec-final-v29-benefits span + span:before{
    height:18px !important;
  }
}



/* =====================================================================
   V57 — уменьшаем ВЫСОТУ ОСНОВНОЙ тёмной части финального CTA
   Нижняя тонкая строка остаётся компактной.
   ===================================================================== */

@media(min-width:1001px){

  /* Именно верхняя большая тёмная часть между верхом блока
     и нижней строкой преимуществ */
  .security-home .sec-final-v49-top{
    min-height:0 !important;
    height:188px !important;
    padding:12px 34px 8px !important;
    align-items:center !important;
  }

  /* Щит оставляем крупным, но исключаем его размер из расчёта высоты строки */
  .security-home .sec-final-v49-emblem{
    position:relative !important;
    width:224px !important;
    height:150px !important;
    min-height:150px !important;
    overflow:visible !important;
  }

  .security-home .sec-final-v49-emblem img{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:212px !important;
    height:212px !important;
    max-width:none !important;
    max-height:none !important;
    transform:translate(-50%,-50%) !important;
    object-fit:contain !important;
  }

  /* Чуть плотнее правая часть, чтобы не раздувала высоту */
  .security-home .sec-final-v49-right{
    gap:18px !important;
  }

  .security-home .sec-final-v49-right .sec-final-v29-copy{
    line-height:1.45 !important;
  }

  /* Уменьшаем расстояние между большой частью и нижней плашкой */
  .security-home .sec-final-v29-bottom{
    margin-top:0 !important;
  }
}

/* На более узких экранах фиксированную высоту не используем */
@media(max-width:1000px){
  .security-home .sec-final-v49-top{
    height:auto !important;
    min-height:0 !important;
  }

  .security-home .sec-final-v49-emblem{
    height:auto !important;
    min-height:0 !important;
  }

  .security-home .sec-final-v49-emblem img{
    position:static !important;
    transform:none !important;
  }
}



/* =====================================================================
   V58 — финальный CTA
   - центральная иконка -20%
   - текст справа выровнен точно по ширине кнопок
   ===================================================================== */

@media(min-width:1001px){

  /* Иконка: 212px -> 170px, примерно -20%.
     Сам контейнер тоже уменьшаем, чтобы не оставлять лишнюю пустоту. */
  .security-home .sec-final-v49-top{
    grid-template-columns:minmax(0,1.04fr) 184px minmax(0,.96fr) !important;
    column-gap:24px !important;
  }

  .security-home .sec-final-v49-emblem{
    width:184px !important;
    height:150px !important;
    min-height:150px !important;
  }

  .security-home .sec-final-v49-emblem img{
    width:170px !important;
    height:170px !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    filter:drop-shadow(0 0 20px rgba(255,189,46,.60)) !important;
  }

  /* Правый текст и кнопки теперь имеют одну и ту же ширину
     и начинаются строго с одной вертикальной линии. */
  .security-home .sec-final-v49-right{
    width:100% !important;
    max-width:520px !important;
    justify-self:end !important;
    align-items:stretch !important;
    gap:18px !important;
  }

  .security-home .sec-final-v49-right .sec-final-v29-copy{
    width:100% !important;
    max-width:520px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }

  .security-home .sec-final-v49-right .sec-final-v29-actions{
    width:100% !important;
    max-width:520px !important;
    margin:0 !important;
  }
}

@media(max-width:1000px){
  .security-home .sec-final-v49-emblem img{
    width:122px !important;
    height:122px !important;
  }

  .security-home .sec-final-v49-right,
  .security-home .sec-final-v49-right .sec-final-v29-copy,
  .security-home .sec-final-v49-right .sec-final-v29-actions{
    width:100% !important;
    max-width:none !important;
  }
}



/* =====================================================================
   V59 — выравнивание текста справа точно по кнопкам
   ===================================================================== */

@media(min-width:1001px){

  /* Одна общая сетка для текста и кнопок */
  .security-home .sec-final-v49-right{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:520px !important;
    justify-self:end !important;
    align-items:start !important;
    gap:18px !important;
  }

  /* Убираем все старые сдвиги/позиционирование текста */
  .security-home .sec-final-v49-right .sec-final-v29-copy{
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    justify-self:stretch !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }

  /* Кнопки занимают ровно ту же ширину */
  .security-home .sec-final-v49-right .sec-final-v29-actions{
    position:static !important;
    transform:none !important;
    justify-self:stretch !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
  }
}



/* =====================================================================
   V62 — сохраняем узкую высоту CTA, двигаем ТОЛЬКО кнопки вниз
   ===================================================================== */

@media(min-width:1001px){

  /* Высоту верхней тёмной части не увеличиваем */
  .security-home .sec-final-v49-top{
    min-height:0 !important;
    height:188px !important;
    padding:12px 34px 8px !important;
  }

  /* Правую часть не растягиваем по высоте */
  .security-home .sec-final-v49-right{
    width:100% !important;
    max-width:520px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:start !important;
    align-self:center !important;
    gap:10px !important;
  }

  /* Текст оставляем на месте */
  .security-home .sec-final-v49-right .sec-final-v29-copy{
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Опускаем только две кнопки, не влияя на высоту всей плашки */
  .security-home .sec-final-v49-right .sec-final-v29-actions{
    position:relative !important;
    top:12px !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
  }
}

@media(max-width:1000px){
  .security-home .sec-final-v49-right .sec-final-v29-actions{
    position:static !important;
    top:auto !important;
  }
}



/* =====================================================================
   V63 — опускаем ТОЛЬКО кнопки заметно ниже, высоту CTA не меняем
   ===================================================================== */

@media(min-width:1001px){
  .security-home .sec-final-v49-right .sec-final-v29-actions{
    position:relative !important;
    top:46px !important;
    transform:none !important;
  }
}

@media(max-width:1000px){
  .security-home .sec-final-v49-right .sec-final-v29-actions{
    position:static !important;
    top:auto !important;
  }
}



/* =====================================================================
   V64 — финальная доводка CTA:
   кнопки ещё чуть ниже, текст чуть левее.
   Высоту блока НЕ меняем.
   ===================================================================== */

@media(min-width:1001px){

  /* Текст немного левее */
  .security-home .sec-final-v49-right .sec-final-v29-copy{
    position:relative !important;
    left:-6mm !important;
    right:auto !important;
    transform:none !important;
  }

  /* Кнопки ещё немного ниже: 46px -> 58px */
  .security-home .sec-final-v49-right .sec-final-v29-actions{
    position:relative !important;
    top:58px !important;
    transform:none !important;
  }
}

@media(max-width:1000px){
  .security-home .sec-final-v49-right .sec-final-v29-copy{
    position:static !important;
    left:auto !important;
  }

  .security-home .sec-final-v49-right .sec-final-v29-actions{
    position:static !important;
    top:auto !important;
  }
}



/* =====================================================================
   V65 — кнопки чуть ниже, текст выровнен по началу кнопок.
   ===================================================================== */
@media(min-width:1001px){
  .security-home .sec-final-v49-right .sec-final-v29-copy{
    position:relative !important;
    left:-10mm !important;
    right:auto !important;
    transform:none !important;
  }

  .security-home .sec-final-v49-right .sec-final-v29-actions{
    position:relative !important;
    top:66px !important;
    transform:none !important;
  }
}

@media(max-width:1000px){
  .security-home .sec-final-v49-right .sec-final-v29-copy{
    position:static !important;
    left:auto !important;
  }
  .security-home .sec-final-v49-right .sec-final-v29-actions{
    position:static !important;
    top:auto !important;
  }
}



/* =====================================================================
   V66 — финальная доводка CTA
   Текст +4 мм вверх, кнопки +2 мм вверх.
   ===================================================================== */

@media(min-width:1001px){

  /* Сохраняем горизонтальное положение текста из v65,
     но поднимаем его на 4 мм */
  .security-home .sec-final-v49-right .sec-final-v29-copy{
    position:relative !important;
    left:-10mm !important;
    top:-4mm !important;
    right:auto !important;
    transform:none !important;
  }

  /* Поднимаем кнопки примерно на 2 мм:
     было top:66px, стало 58px */
  .security-home .sec-final-v49-right .sec-final-v29-actions{
    position:relative !important;
    top:58px !important;
    transform:none !important;
  }
}

@media(max-width:1000px){
  .security-home .sec-final-v49-right .sec-final-v29-copy{
    position:static !important;
    left:auto !important;
    top:auto !important;
  }

  .security-home .sec-final-v49-right .sec-final-v29-actions{
    position:static !important;
    top:auto !important;
  }
}



/* =====================================================================
   V67 — MOBILE ONLY OPTIMIZATION
   Все правила ниже действуют только на мобильных экранах и не меняют desktop.
   ===================================================================== */
@media(max-width:800px){
  /* 1. HERO — без фоновой картинки, только тёмный фон + текст */
  .security-home .sec-hero{
    min-height:0 !important;
    background:#020911 !important;
    padding-bottom:0 !important;
  }
  .security-home .sec-hero-bg,
  .security-home .sec-hero:after{
    display:none !important;
    content:none !important;
    background:none !important;
  }
  .security-home .sec-hero-main{
    min-height:0 !important;
    padding:38px 0 0 !important;
    align-items:flex-start !important;
  }
  .security-home .sec-hero-copy{
    width:100% !important;
    max-width:none !important;
  }
  .security-home .sec-hero h1{
    margin-bottom:18px !important;
    font-size:34px !important;
    line-height:1.08 !important;
  }
  .security-home .sec-hero-lead{
    margin-bottom:24px !important;
    font-size:15px !important;
    line-height:1.58 !important;
  }
  .security-home .sec-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin:0 !important;
  }
  .security-home .sec-actions .vh-btn{
    width:100% !important;
  }
  .security-home .sec-actions .vh-video{
    width:max-content !important;
    max-width:100% !important;
    min-height:48px !important;
    margin:0 !important;
  }
  .security-home .sec-stats{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin:28px 0 28px !important;
  }
  .security-home .sec-stat{
    min-height:46px !important;
    padding:3px 0 !important;
  }
  .security-home .sec-hero .vh-logos{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    padding:8px 0 14px !important;
    margin:0 !important;
  }

  /* 2. РИСКИ — горизонтальный свайп с видимым краем следующей карточки */
  .security-home #problems .sec-problems{
    display:grid !important;
    grid-template-columns:none !important;
    grid-auto-flow:column !important;
    grid-auto-columns:88% !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-left:18px !important;
    overscroll-behavior-x:contain !important;
    -webkit-overflow-scrolling:touch !important;
    margin-left:-18px !important;
    margin-right:-18px !important;
    padding:4px 18px 18px !important;
    scrollbar-width:none !important;
  }
  .security-home #problems .sec-problems::-webkit-scrollbar{display:none !important;}
  .security-home #problems .sec-problem{
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
    height:auto !important;
    min-height:285px !important;
  }

  /* 3. Стандарт качества — щит скрыт, пункты остаются */
  .security-home .sec-standard-shield{
    display:none !important;
  }
  .security-home .sec-standard-visual{
    min-height:0 !important;
    padding-top:0 !important;
    margin-top:8px !important;
    gap:14px !important;
  }
  .security-home .sec-standard-visual:before{
    display:none !important;
    content:none !important;
  }

  /* 3. Как VGL повышает качество — горизонтальный свайп */
  .vgl-home #quality .sec-quality-match-grid{
    display:grid !important;
    grid-template-columns:none !important;
    grid-auto-flow:column !important;
    grid-auto-columns:88% !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-left:18px !important;
    overscroll-behavior-x:contain !important;
    -webkit-overflow-scrolling:touch !important;
    margin-left:-18px !important;
    margin-right:-18px !important;
    padding:4px 18px 18px !important;
    scrollbar-width:none !important;
  }
  .vgl-home #quality .sec-quality-match-grid::-webkit-scrollbar{display:none !important;}
  .vgl-home #quality .sec-quality-match-card{
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
    height:auto !important;
    min-height:285px !important;
  }

  /* 4–5. Как это работает / Почему VGL — оставляем вертикальную логику */

  /* 6. Возможности — оставляем вертикальным списком. Кнопку сворачивания
        поднимаем выше зоны чата, чтобы она не перекрывалась виджетом. */
  .vgl-home #features .vh-features-new-grid,
  .vgl-home #features .sec-features-more{
    grid-template-columns:1fr !important;
  }
  .vgl-home #features{
    padding-bottom:132px !important;
  }
  .vgl-home .sec-features-float-collapse.is-docked{
    bottom:92px !important;
  }

  /* 7. Интерфейс — заголовки вкладок листаются по горизонтали */
  .security-home .vh-home-interface .vh-interface-tabs,
  .vgl-home .vh-home-interface .vh-interface-tabs{
    display:flex !important;
    grid-template-columns:none !important;
    gap:8px !important;
    width:calc(100% + 18px) !important;
    max-width:none !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
    margin:0 -18px 22px 0 !important;
    padding:7px 18px 7px 7px !important;
    scrollbar-width:none !important;
  }
  .security-home .vh-home-interface .vh-interface-tabs::-webkit-scrollbar,
  .vgl-home .vh-home-interface .vh-interface-tabs::-webkit-scrollbar{display:none !important;}
  .security-home .vh-home-interface .vh-interface-tabs button,
  .vgl-home .vh-home-interface .vh-interface-tabs button{
    flex:0 0 auto !important;
    min-width:158px !important;
    white-space:nowrap !important;
    scroll-snap-align:start !important;
  }

  /* 8. Кейсы — выбранный кейс остаётся большим с картинкой,
        остальные компактны; при выборе данные меняются местами. */
  .security-home .sec-cases-v25-layout{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .security-home .sec-cases-v25-main{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  .security-home .sec-cases-v25-photo{
    min-height:210px !important;
    height:210px !important;
  }
  .security-home .sec-cases-v25-main-copy{
    padding:22px 20px 22px !important;
  }
  .security-home .sec-cases-v25-side{
    gap:8px !important;
  }
  .security-home .sec-cases-v25-side-card{
    min-height:70px !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:12px !important;
    padding:10px 12px !important;
  }
  .security-home .sec-cases-v25-logo{
    width:48px !important;
    height:48px !important;
  }
  .security-home .sec-cases-v25-logo img{
    width:34px !important;
    height:34px !important;
  }
  .security-home .sec-cases-v25-side-copy strong{
    margin:0 !important;
    font-size:15px !important;
  }
  .security-home .sec-cases-v25-side-copy > span,
  .security-home .sec-cases-v25-side-copy small{
    display:none !important;
  }

  /* "Также используется": 1 ряд — Технический персонал + Промышленность,
     2 ряд — Обслуживание объектов + Энергетика */
  .security-home .sec-cases-v25-used{
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:14px !important;
  }
  .security-home .sec-cases-v25-used-items{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    margin-right:0 !important;
  }
  .security-home .sec-cases-v25-used-items > span{
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    justify-content:flex-start !important;
    white-space:normal !important;
    line-height:1.18 !important;
  }
  .security-home .sec-cases-v25-used-items > span:nth-child(1){order:1 !important;}
  .security-home .sec-cases-v25-used-items > span:nth-child(4){order:2 !important;}
  .security-home .sec-cases-v25-used-items > span:nth-child(2){order:3 !important;}
  .security-home .sec-cases-v25-used-items > span:nth-child(3){order:4 !important;}
  .security-home .sec-cases-v25-used-copy{
    justify-self:start !important;
    margin:0 !important;
    max-width:none !important;
  }
  .security-home .sec-cases-v25-all-btn{
    width:100% !important;
  }

  /* 9. Варианты внедрения — на мобильном убираем iPhone и прибор */
  .security-home #solutions .sec-product-v40-visual{
    display:none !important;
  }
  .security-home #solutions .sec-product-v40{
    min-height:0 !important;
    padding-bottom:24px !important;
  }
  .security-home #solutions .sec-product-v40-list,
  .security-home #solutions .sec-product-v40-fit{
    width:100% !important;
    max-width:none !important;
  }

  /* 10. Стоимость — нормальные отступы перед CTA-кнопками */
  .security-home #price .vh-price-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .security-home #price .vh-price-card{
    min-height:0 !important;
    height:auto !important;
    padding:26px 22px !important;
  }
  .security-home #price .vh-price-main,
  .security-home #price .vh-price-help{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    height:auto !important;
  }
  .security-home #price .vh-price-card > .vh-btn,
  .security-home #price .vh-price-main > .vh-btn,
  .security-home #price .vh-price-help .vh-btn{
    width:100% !important;
    min-width:0 !important;
    margin-top:22px !important;
    align-self:stretch !important;
  }
  .security-home #price .vh-price-lock{
    margin-top:14px !important;
  }

  /* "Контроль на объекте уже завтра" — собираем заново в одну колонку */
  .security-home #price .vh-price-final{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    gap:14px !important;
    align-items:start !important;
    width:100% !important;
    padding:22px 20px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }
  .security-home #price .vh-price-final::before{
    display:none !important;
    content:none !important;
  }
  .security-home #price .vh-price-final .vh-final-icon{
    grid-column:1 !important;
    grid-row:auto !important;
    justify-self:start !important;
    width:52px !important;
    height:52px !important;
  }
  .security-home #price .vh-price-final > div:nth-child(2){
    grid-column:1 !important;
    grid-row:auto !important;
    width:100% !important;
  }
  .security-home #price .vh-price-final h2{
    font-size:22px !important;
    line-height:1.2 !important;
  }
  .security-home #price .vh-price-final p{
    font-size:14px !important;
    line-height:1.5 !important;
  }
  .security-home #price .vh-price-final .vh-btn{
    grid-column:1 !important;
    grid-row:auto !important;
    justify-self:stretch !important;
    width:100% !important;
    min-width:0 !important;
    margin-top:4px !important;
  }

  /* 11. Финальный CTA — на мобильном без щита */
  .security-home .sec-final-v49-emblem{
    display:none !important;
  }
  .security-home .sec-final-v49-top{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:"title" "right" !important;
    gap:18px !important;
    height:auto !important;
    min-height:0 !important;
    padding:26px 20px 22px !important;
  }
  .security-home .sec-final-v49-right{
    grid-area:right !important;
    width:100% !important;
    max-width:none !important;
    gap:18px !important;
  }
  .security-home .sec-final-v49-right .sec-final-v29-copy{
    position:static !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
  }
  .security-home .sec-final-v49-right .sec-final-v29-actions{
    position:static !important;
    top:auto !important;
    width:100% !important;
    max-width:none !important;
    grid-template-columns:1fr !important;
    margin:0 !important;
    transform:none !important;
  }
  .security-home .sec-final-v29-actions .vh-btn{
    width:100% !important;
    white-space:normal !important;
  }
}