*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#020814;color:#fff;font-family:Arial,Helvetica,sans-serif}
a{color:#49d7ff;text-decoration:none}
.hero{position:relative;width:100%;overflow:hidden;background:#020814}
.hero-image{display:block;width:100%;height:auto;min-height:720px;object-fit:cover}
.hotspot{position:absolute;display:block;z-index:8;border-radius:14px}
.logo-link{left:2%;top:2%;width:30%;height:10%}
.nav-services{left:39%;top:4%;width:6%;height:5%}
.nav-steps{left:46%;top:4%;width:6%;height:5%}
.nav-benefits{left:53%;top:4%;width:11%;height:5%}
.nav-contacts{left:71%;top:4%;width:8%;height:5%}
.phone-one{right:2%;top:1%;width:16%;height:6%}
.phone-two{right:2%;top:7%;width:16%;height:6%}
.cta-calc{left:3%;top:61%;width:16%;height:8%}
.cta-consult{left:20%;top:61%;width:22%;height:8%}
.seo-text{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden}
.section{max-width:1180px;margin:0 auto;padding:72px 24px}
.section h2{font-size:clamp(30px,4vw,54px);margin:0 0 28px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cards article,.contact-grid>div,.steps li{background:rgba(7,18,38,.78);border:1px solid rgba(0,191,255,.32);box-shadow:0 0 28px rgba(0,153,255,.14);border-radius:22px;padding:24px}
.cards h3,.contact-grid h3{color:#28c9ff;margin-top:0}
.cards p,.steps li,.contact-grid p{color:#d8ecff;line-height:1.55}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;list-style:none;padding:0;margin:0;counter-reset:step}
.steps li{counter-increment:step}
.steps li:before{content:counter(step);display:block;width:42px;height:42px;border-radius:50%;background:#0b7cff;color:#fff;text-align:center;line-height:42px;font-weight:900;margin-bottom:12px}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contacts{padding-bottom:120px}
.mobile-actions{display:none}

/* Полностью удалены расчётная панель справа и все её остатки */
.hero-calc-form,.hero-calc-panel,.custom-calc-panel,.calc-submit-hotspot,.lead-form,.calc-section,.floating-messengers{display:none!important}
.hero::after{display:none!important}

@media(max-width:900px){
  .hero-image{width:220%;max-width:none;transform:translateX(-3%);min-height:700px}
  .hotspot{display:none}
  .cards,.steps,.contact-grid{grid-template-columns:1fr}
  .section{padding:54px 18px}
  .mobile-actions{position:fixed;left:10px;right:10px;bottom:10px;z-index:80;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;background:rgba(2,8,20,.75);backdrop-filter:blur(14px);border:1px solid rgba(32,215,255,.22);padding:8px;border-radius:18px}
  .mobile-actions a{background:linear-gradient(90deg,#0b7cff,#18caff);border-radius:12px;text-align:center;padding:12px 6px;color:#fff;font-size:13px;font-weight:800}
  body{padding-bottom:70px}
}
@media(max-width:420px){
  .hero-image{width:260%;transform:translateX(-6%);min-height:660px}
}


/* Активные кнопки на правой панели расчёта, которая находится на фоновой картинке */
.panel-calc{
  right:7.2%;
  top:57.0%;
  width:23.6%;
  height:6.0%;
  z-index:30;
}
.panel-whatsapp{
  right:22.2%;
  top:66.9%;
  width:7.3%;
  height:4.0%;
  z-index:30;
}
.panel-telegram{
  right:14.0%;
  top:66.9%;
  width:7.2%;
  height:4.0%;
  z-index:30;
}
.panel-max{
  right:6.7%;
  top:66.9%;
  width:6.6%;
  height:4.0%;
  z-index:30;
}

/* Для проверки можно временно раскомментировать фон зон:
.panel-calc,.panel-whatsapp,.panel-telegram,.panel-max{background:rgba(255,0,0,.25)!important;}
*/

@media(max-width:900px){
  .panel-calc,.panel-whatsapp,.panel-telegram,.panel-max{
    display:none!important;
  }
}
