html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}

.logo img{width:clamp(220px,28vw,360px);height:auto;display:block;object-fit:contain}
.foot-logo{width:285px;height:auto;display:block}

@media(max-width:1180px){
  .top .wrap{gap:18px}
  .nav{gap:22px;font-size:13px}
  .head-right{gap:14px}
  .head-contacts{font-size:12px}
  .head-contacts strong{font-size:14px}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:24px;padding:42px 0}
  .hero-card{grid-column:1/-1;justify-self:start;width:min(100%,720px);grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .benefit{border-bottom:1px solid #dbe7f6}
}

@media(max-width:980px){
  .wrap{width:min(100% - 40px,100%)}
  .top{height:auto}
  .top .wrap{min-height:76px;align-items:center;gap:12px 18px;padding:10px 0}
  .logo img{width:300px;max-width:58vw}
  .nav{order:3;width:100%;gap:12px;overflow-x:auto;white-space:nowrap;padding:8px 0 4px;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{display:inline-flex;padding:9px 12px;border:1px solid #dbe7f6;border-radius:999px;background:#fff}
  .head-contacts{display:none!important}
  .head-right{margin-left:auto}
  .head-right .btn{height:42px;padding:0 16px;font-size:13px}

  .hero{overflow:hidden}
  .hero-grid{display:grid;grid-template-columns:1fr!important;min-height:auto;padding:44px 0 34px;gap:24px}
  .hero-bg{transform:none!important;left:0!important;right:0!important;width:100%!important;opacity:.20!important;background-position:center!important}
  .hero-blueprint{transform:none!important;right:-130px!important;top:80px!important;width:420px!important;opacity:.08!important}
  .hero-product{transform:none!important;width:min(420px,86vw)!important;justify-self:center;margin:4px auto 0}
  .hero-card{transform:none!important;width:100%;justify-self:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}
  .hero h1{font-size:clamp(32px,6vw,42px)}
  .hero h1 span{font-size:clamp(22px,4.4vw,28px)}
  .lead{max-width:680px}
  .hero-features{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

  .stats{transform:none!important;margin-top:0!important;padding:18px 0 0}
  .stats-box{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spec-card{grid-template-columns:1fr!important;padding:28px!important;gap:22px!important}
  .spec-card:after{display:none!important}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-grid{grid-template-columns:1fr!important;gap:24px}
}

@media(max-width:640px){
  .wrap{width:min(100% - 28px,100%)}
  .top .wrap{padding:9px 0}
  .logo img{width:220px!important;max-width:72vw}
  .head-right{width:auto;justify-content:flex-end}
  .head-right .btn{height:38px;padding:0 12px;font-size:12px;border-radius:6px}
  .nav{gap:8px;padding-top:6px}
  .nav a{font-size:12px;padding:8px 10px}

  .hero-grid{padding:32px 0 28px!important;gap:20px}
  .kicker{font-size:12px;margin-bottom:12px}
  .hero h1{font-size:28px!important;line-height:1.08;letter-spacing:.01em}
  .hero h1 span{font-size:20px!important;margin-top:7px}
  .lead{font-size:15px;line-height:1.55;margin-top:16px}
  .hero-features{grid-template-columns:1fr!important;margin:24px 0 18px;gap:10px}
  .feature{min-height:auto;border-right:0!important;border-bottom:1px solid #dbe7f6;padding:0 0 10px 32px}
  .feature:last-child{border-bottom:0}
  .actions{flex-direction:column;gap:10px}
  .actions .btn{width:100%;height:46px}
  .hero-product{width:min(330px,88vw)!important;margin-top:0}
  .hero-card{grid-template-columns:1fr!important;padding:18px;gap:13px}
  .hero-card p{font-size:13px}
  .hero-blueprint{display:none!important}

  .stats-box{grid-template-columns:1fr!important;border-radius:10px}
  .stat{grid-template-columns:34px 1fr;padding:18px 18px;border-right:0!important;border-bottom:1px solid #e1ebf7}
  .stat:last-child{border-bottom:0}
  .stat strong{font-size:20px}

  .section{padding:34px 0}
  .title{display:block;margin-bottom:18px}
  .title h2{font-size:20px;margin-bottom:12px}
  .catalog-grid{grid-template-columns:1fr!important;gap:12px}
  .cat{height:auto!important;min-height:166px;padding:18px 14px}
  .cat img{max-height:110px;object-fit:contain}
  .cat h3{font-size:16px;min-height:auto!important}

  .spec{padding:28px 0}
  .spec-card{padding:22px!important;border-radius:10px}
  .spec h2{font-size:22px!important;line-height:1.22}
  .checks{gap:9px;margin-top:16px}
  .upload{min-height:150px;padding:18px}

  .benefits{padding:30px 0 40px}
  .benefit-grid{grid-template-columns:1fr!important}
  .benefit{min-height:auto;border-right:0!important;border-bottom:1px solid #dbe7f6;padding:18px}
  .benefit:last-child{border-bottom:0}

  .foot{padding:30px 0}
  .foot-logo{width:230px!important;max-width:82vw}
}

@media(max-width:420px){
  .wrap{width:min(100% - 24px,100%)}
  .logo img{width:190px!important;max-width:68vw}
  .head-right .btn{padding:0 10px;font-size:11px}
  .hero h1{font-size:25px!important}
  .hero h1 span{font-size:18px!important}
  .hero-product{width:min(285px,86vw)!important}
  .cat img{max-height:96px}
}