/* media-target: вариация блока hero — свои стили целиком; сгенерировано tools/css_majority.py */
.main__right { position:relative;margin-right:-170px;margin-bottom:-50px }
.main__button:hover { background-color:rgba(248, 97, 17, 1);transition:.3s }
.main { padding-bottom:90px;padding-top:170px }
.main__wrapper { align-items:center;display:flex;justify-content:space-between }
.main__title_wrap { display:flex;align-items:center }
.main__title { color:#161616;font-size:48px;font-weight:500;letter-spacing:-1.5px;line-height:120% }
.main__title_img { margin-right:15px }
.main__layers_img { margin-right:15px }
.main__text { display:flex;font-weight:500;color:#161616;font-family:Inter;font-size:24px;line-height:130%;margin-top:40px }
.main__text span { color:#cf5eec }
.main__button { padding:18px 40px;background:#FF7A33;border-radius:60px;color:#fff;display:inline-block;font-family:Rubik;font-size:24px;margin-top:90px }
.main__datas { align-items:center;display:flex;gap:20px;justify-content:flex-end;margin-top:50px }
.main__datas-item-icon { width:40px }
.main__datas-title { color:#0c0c0c;font-size:20px }
.main__datas-box { align-items:center;display:flex;gap:30px }
.main__datas-item { align-items:center;display:flex;gap:15px }
.main__datas-item span { color:#161616;font-family:Rubik;font-size:20px }
.main__right_dot_block { position:absolute;height:64px;width:64px }
.main__right_dot_block:first-child { top:0;left:20%;animation:11s ease-in-out 0s infinite normal none running main__right__dot_pendulum }
.main__right_dot_block:nth-child(2) { bottom:0;left:85%;animation:15s ease-in-out 0s infinite normal none running main__right__dot_pendulum2 }
.main__right img { position:relative }
@media screen and (max-width:1440px) {
  .main__title { font-size:38px }
  .main__title_img { width:40px }
  .main__text { font-size:20px }
}
@media screen and (max-width:1370px) {
  .main__right { margin-right:-130px;max-width:500px }
  .main__datas { align-items:flex-start;flex-direction:column;gap:16px }
}
@media screen and (max-width:1280px) {
  .main__layers_img { width:20px;margin-right:10px }
}
@media screen and (max-width:991px) {
  .main__title { font-size:21px;margin-top:0;text-align:left;letter-spacing:-.2px }
  .main__datas-item-icon { min-width:26px;width:26px }
  .main__datas-item span { font-size:12px }
  .main__datas-item { gap:10px;width:50%;display:flex;justify-content:center }
  .main__text br { display:none }
  .main__button { font-size:12px;margin-top:30px;padding:10px 30px }
  .main__datas { margin-top:20px }
  .main__right_dot_block { position:absolute;height:32px;width:32px }
  .main__title_img { margin-right:10px }
  .main__right { margin-bottom:0 }
  .main__text { font-size:14px;margin-top:30px;letter-spacing:-.2px;text-align:left }
}
@media screen and (max-width:767px) {
  .main__wrapper { flex-direction:column-reverse }
  .main__right { text-align:center;margin-left:auto;margin-right:auto;max-width:400px }
  .main__left { text-align:center }
  .main__datas { align-items:center;gap:30px }
  .main__datas-box { align-items:center;flex-wrap:wrap;justify-content:space-around;gap:0;row-gap:15px }
  .main__datas-title { font-size:12px }
}

@keyframes main__right__dot_pendulum {0% {top: -5%}50% {top: 10%}100% {top: -5%}}
@keyframes main__right__dot_pendulum2 {0% {bottom: -5%}50% {bottom: 5%}100% {bottom: -5%}}

/* ===== вручную (генератор этот раздел сохраняет) ===== */
/* первый экран — без общего отступа секций media-target (section{margin-top:15vh}) */
.main { margin-top:0 }