/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* ─── Внешний адаптивный контейнер ─── */
body {
    margin: 0;
}

.hd__{
  position:relative;
  width:100%;
  overflow:hidden;
  background:#fff;
}
/* Внутренний блок — ровно 1440×910, масштабируется JS-ом */
.hd__inner{
  position:relative;
  width:1440px;
  height:910px;
/* background: url(img/header-bg.svg); */
  overflow:hidden;
  transform-origin:top left;
  font-family:'Montserrat',sans-serif;
}

.hd__inner::before {
  content: "";
  position: absolute;
  inset: 0;

  background: url(../img/header-bg.svg) no-repeat center center;
  background-size: cover; /* лучше чем auto */

  opacity: 0.5; /* вот тут прозрачность */

  z-index: 0;
}

/* ═══ Всё ниже — оригинальные стили 1:1 ═══ */
.hd__inner .glow{position:absolute;border-radius:50%;pointer-events:none}
/* левый glow убран по запросу */
.hd__inner .glow-r{right:102px;top:199px;width:302px;height:763px;background:#fdb8de;filter:blur(150px);opacity:.5}

.hd__inner .badge{
  position:absolute;left:576.5px;top:128.5px;
  width:287px;height:39px;border-radius:19.5px;
  border:1px solid #EAEAEA;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:500;color:#000;letter-spacing:.01em;
  background:#fff;
}
.hd__inner .heading{
  position:absolute;left:0;top:187px;width:1440px;
  text-align:center;
  line-height:1.07;color:#000;


font-style: normal;
font-weight: 600;
font-size: 56px;

/* or 111% */
text-align: center;



}
.hd__inner .logo-box{
  position:absolute;left:652px;top:608px;
  width:140px;height:140px;border-radius:24px;
  background:#F7F6FC;border:1px solid #EBECFE;
  display:flex;align-items:center;justify-content:center;
}
.hd__inner .btn-primary{
  position:absolute;left:499px;top:398px;
  width:211px;height:56px;border-radius:28px;
  background:#3C4AFA;border:1px solid rgba(0,0,0,.15);
  color:#fff;font-family:'Montserrat',sans-serif;
  font-size:15px;font-weight:400;cursor:pointer;transition:opacity .18s;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.hd__inner .btn-primary:hover{
  
  /* opacity:.88 */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

        background-color: #3642eb;
    border-color: #3642eb;
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(71, 84, 255, 0.5);
}
.hd__inner .btn-secondary{
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  position:absolute;left:730px;top:398px;
  width:211px;height:56px;border-radius:27.5px;
  background:transparent;border:1px solid #EAEAEA;
  color:#000;font-family:'Montserrat',sans-serif;
  font-size:15px;font-weight:400;cursor:pointer;transition:background .18s;
}

.hd__inner .btn-secondary:hover{   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

        background-color: #3642eb;
    border-color: #3642eb;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(71, 84, 255, 0.3);}
.hd__inner .card{
  position:absolute;width:44px;height:44px;border-radius:8px;
  background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08),0 0 0 .5px rgba(0,0,0,.05);
  display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;
}
.hd__inner .svg-overlay{
  position:absolute;top:0;left:0;width:1440px;height:910px;
  pointer-events:none;overflow:visible;
}
@keyframes hd-dashL{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@keyframes hd-dashR{from{stroke-dashoffset:-300}to{stroke-dashoffset:0}}
.hd__inner .flow-l{stroke-dasharray:20 280;stroke-dashoffset:300;animation:hd-dashL 5s linear infinite}
.hd__inner .flow-r{stroke-dasharray:20 280;stroke-dashoffset:-300;animation:hd-dashR 5s linear infinite}
.hd__inner .flow-l-slow{stroke-dasharray:20 380;stroke-dashoffset:300;animation:hd-dashL 7s linear infinite}
.hd__inner .flow-r-slow{stroke-dasharray:20 380;stroke-dashoffset:-300;animation:hd-dashR 7s linear infinite}


  .test__hover--1 {
   
    transition: 0.3s;
  }
  .test__hover--2 {
   
    transition: 0.3s;
  }
  .test__hover--3 {
   
    transition: 0.3s;
  }
  .test__hover--1:hover {
        box-shadow: 0px -1px 20px rgb(0 202 94 / 35%) !important;
    z-index: 9999 !important;
    transition: 0.3s;
  }
  .test__hover--2:hover {
        box-shadow: 0px -1px 20px rgb(246 177 21 / 35%) !important;
    z-index: 9999 !important;
    transition: 0.3s;
  }
  .test__hover--3:hover {
        box-shadow: 0px -1px 20px rgb(60 74 250 / 36%) !important;
    z-index: 9999 !important;
    transition: 0.3s;
  }