/* ===== SmsBoss — новая главная (вариант D) ===== */
/* Подключается после /css/styles.min.css. Все классы с префиксом hv2-, старые стили не затрагиваются. */

.header.home { position: relative; z-index: 5; }

.hv2 {
  --hv2-accent: #1F6AE8;
  --hv2-text: #EEF1F6;
  --hv2-muted: #C3CCDA;
  position: relative;
  overflow: hidden;
  margin-top: -60px;
  padding-top: 60px;
  background: transparent; /* фон и «дождь» — общий слой .site-bg */
  color: var(--hv2-text);
  font-family: 'Manrope', 'Segoe UI', Arial, sans-serif;
  line-height: 1.5;
}
@media (min-width: 1000px) { .hv2 { margin-top: -80px; padding-top: 80px; } }
.hv2 *, .hv2 *::before, .hv2 *::after { box-sizing: border-box; }
.hv2 img { max-width: none; }

/* --- фон --- */
.hv2-bg { position: absolute; inset: 0; pointer-events: none; }
.hv2-stars { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hv2-planet {
  position: absolute; right: -360px; top: -620px; width: 1300px; height: 1300px; border-radius: 50%;
  background: radial-gradient(circle at 42% 62%, #0E2C70 0%, #08173D 42%, #040816 72%);
  box-shadow: 0 0 160px rgba(47, 124, 246, .32);
}
.hv2-planet::after {
  /* «дыхание» свечения: только opacity — без перерисовки */
  content: ''; position: absolute; inset: -110px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(47, 124, 246, 0) 80%, rgba(47, 124, 246, .30) 90%, rgba(47, 124, 246, 0) 100%);
  opacity: .35; will-change: opacity; animation: hv2-glow 7s ease-in-out infinite;
}
.hv2-orbit {
  position: absolute; right: -460px; top: -720px; width: 1500px; height: 1500px; border-radius: 50%;
  border: 1px dashed rgba(111, 176, 255, .22);
}
.hv2-orbit__arm {
  /* вращается точка нулевого размера в центре орбиты — слой маленький, видеокарта крутит только спутник */
  position: absolute; left: 50%; top: 50%; width: 0; height: 0;
  will-change: transform; animation: hv2-orbit 40s linear infinite;
}
.hv2-orbit__arm::after {
  content: ''; position: absolute; left: -6px; top: 744px; width: 12px; height: 12px; border-radius: 50%;
  background: #CFE4FF; box-shadow: 0 0 18px 6px rgba(111, 176, 255, .7);
}
.hv2-map { position: absolute; left: 50%; top: 40px; width: 1240px; height: 768px; margin-left: -560px; --map-scale: 1.24; }
.hv2-map__base { display: block; width: 100%; height: 100%; object-fit: contain; opacity: .85; }
.hv2-map__fx { position: absolute; left: 0; top: 0; width: 1000px; height: 620px; transform: scale(var(--map-scale)); transform-origin: 0 0; }
.hv2-chip { position: absolute; left: 0; top: 0; opacity: 0; will-change: transform, opacity; }
.hv2-chip b {
  display: block; transform: translate(-50%, -50%); padding: 2px 6px; border-radius: 8px; white-space: nowrap;
  background: #0D2A6E; border: 1px solid #8EC1FF; color: #E6F0FF;
  font: 700 9.5px/1.2 ui-monospace, Consolas, Menlo, monospace; letter-spacing: .6px;
}
.hv2-ping { position: absolute; width: 0; height: 0; }
.hv2-ping::after {
  content: ''; position: absolute; left: -9px; top: -9px; width: 18px; height: 18px; border-radius: 50%;
  border: 1.5px solid #8EC1FF; opacity: 0; will-change: transform, opacity;
  animation: hv2-ping 2.6s ease-out infinite; animation-delay: var(--d, 0s);
}
@keyframes hv2-ping { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(2.9); opacity: 0; } }
@keyframes hv2-glow { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }



/* --- первый экран --- */
.hv2-hero {
  position: relative; max-width: 1240px; margin: 0 auto; padding: 40px 32px 72px;
  display: flex; gap: 48px; align-items: center; flex-wrap: wrap-reverse;
}
.hv2-text { flex: 1 1 420px; min-width: 0; }
.hv2-badge {
  display: inline-flex; align-items: center; gap: 10px; padding: 6px 16px 6px 6px; border-radius: 999px;
  background: rgba(31, 106, 232, .18); border: 1px solid #2F6BFF; font-size: 14px; font-weight: 700;
}
.hv2-badge__new { background: var(--hv2-accent); color: #FFFFFF; border-radius: 999px; padding: 4px 10px; font-size: 12px; letter-spacing: .06em; }
.hv2-title {
  margin: 0; font-family: 'Unbounded', 'Segoe UI', Arial, sans-serif; font-weight: 800;
  font-size: 46px; line-height: 1.1; text-transform: uppercase; color: #FFFFFF;
}
.hv2-checks { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 20px; font-weight: 800; font-size: 16px; letter-spacing: .04em; text-transform: uppercase; }
.hv2-checks span { display: flex; align-items: center; gap: 8px; }
.hv2-lead { margin: 22px 0 0; font-size: 17px; line-height: 1.55; color: #FFFFFF; font-weight: 600; max-width: 520px; text-shadow: 0 0 2px rgba(4, 8, 22, .95), 0 2px 14px rgba(4, 8, 22, .9); }
.hv2-btns { display: flex; gap: 14px; margin-top: 30px; flex-wrap: wrap; }
.hv2-btn {
  display: inline-block; text-decoration: none; padding: 16px 26px; border-radius: 12px; font-weight: 800; font-size: 15px;
  color: #FFFFFF; transition: transform .2s ease;
}
.hv2-btn:hover { transform: translateY(-2px); color: #FFFFFF; }
.hv2-btn--primary { position: relative; background: var(--hv2-accent); box-shadow: 0 8px 26px rgba(31, 106, 232, .35); }
.hv2-btn--primary::after {
  content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  box-shadow: 0 8px 40px rgba(31, 106, 232, .75); opacity: 0; will-change: opacity;
  animation: hv2-pulse 3s ease-in-out infinite;
}
@keyframes hv2-pulse { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
.hv2-btn--ghost { border: 1px solid #2B4A8A; background: rgba(8, 23, 61, .7); }

/* --- устройства --- */
.hv2-stage-wrap { width: 640px; height: 600px; flex-shrink: 0; position: relative; }
.hv2-stage { position: absolute; left: 0; top: 0; width: 640px; height: 600px; transform-origin: top left; }
.hv2-laptop { position: absolute; left: 0; top: 120px; width: 608px; will-change: transform; animation: hv2-floaty 6s ease-in-out infinite; }
.hv2-laptop img { display: block; width: 672px; height: auto; margin: -32px 0 0 -32px; }
.hv2-phone {
  position: absolute; right: 0; top: 30px; width: 247px; height: 518px; padding: 7px;
  background: #1A1E26; border: 1px solid #4A5468; border-radius: 41px;
  box-shadow: 0 0 60px rgba(47, 124, 246, .35), inset 0 0 0 2px #0B0E14;
  will-change: transform; animation: hv2-floaty 5s ease-in-out infinite; animation-delay: -2s;
}
.hv2-phone__screen { position: relative; width: 100%; height: 100%; border-radius: 34px; overflow: hidden; background: #000; }
.hv2-phone__screen img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.hv2-phone__island { position: absolute; top: 8px; left: 50%; width: 68px; height: 19px; margin-left: -34px; border-radius: 10px; background: #000; }

.hv2-toast {
  position: absolute; display: flex; gap: 10px; align-items: center; padding: 10px 14px; border-radius: 14px;
  background: rgba(13, 22, 48, .92); box-shadow: 0 10px 30px rgba(0, 0, 0, .45); white-space: nowrap;
  opacity: 0; animation: hv2-toast 9s ease-in-out infinite;
}
.hv2-toast--sms { left: 120px; top: 50px; border: 1px solid #2F5BC0; }
.hv2-toast--num { left: 30px; top: 525px; border: 1px solid #2C7A52; animation-delay: 4.5s; }
.hv2-toast__icon { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hv2-toast--sms .hv2-toast__icon { background: var(--hv2-accent); }
.hv2-toast--num .hv2-toast__icon { background: #1F9D5C; }
.hv2-toast__label { font-size: 11px; font-weight: 700; }
.hv2-toast--sms .hv2-toast__label { color: #8FB4FF; }
.hv2-toast--num .hv2-toast__label { color: #7FE0AA; }
.hv2-toast__value { font-size: 13px; font-weight: 700; margin-top: 1px; }
.hv2-mono { font-family: ui-monospace, Consolas, monospace; letter-spacing: .08em; }

/* --- возможности веб-версии --- */
.hv2-features { position: relative; max-width: 1240px; margin: 0 auto; padding: 24px 32px 64px; }
.hv2-h2 { margin: 0; font-family: 'Unbounded', 'Segoe UI', Arial, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.2; text-align: center; color: #FFFFFF; }
.hv2-sub { margin: 12px auto 0; max-width: 600px; text-align: center; font-size: 16px; color: #A9B4C6; }
.hv2-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 36px; }
.hv2-card { background: #0A1330; border: 1px solid #1D3570; border-radius: 18px; padding: 22px; display: flex; gap: 16px; align-items: flex-start; transition: border-color .2s ease, transform .2s ease; }
.hv2-card:hover { border-color: #2F6BFF; transform: translateY(-3px); }
.hv2-card__icon { width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.hv2-card__title { font-weight: 800; font-size: 17px; }
.hv2-card__text { margin-top: 6px; font-size: 14px; line-height: 1.5; color: #A9B4C6; }

/* --- анимации --- */
@keyframes hv2-floaty { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes hv2-toast {
  0% { opacity: 0; transform: translateY(14px) scale(.96); }
  6% { opacity: 1; transform: translateY(0) scale(1); }
  42% { opacity: 1; transform: translateY(0) scale(1); }
  50%, 100% { opacity: 0; transform: translateY(-10px) scale(.98); }
}
@keyframes hv2-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  .hv2-planet, .hv2-orbit, .hv2-laptop, .hv2-phone, .hv2-btn--primary { animation: none; }
  .hv2-toast { animation: none; }
  .hv2-toast--sms { opacity: 1; }
}

/* --- адаптив --- */
@media (max-width: 1100px) {
  .hv2-hero { justify-content: center; }
  .hv2-text { flex-basis: 100%; }
  .hv2-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .hv2-hero { padding: 24px 16px 48px; gap: 32px; }
  .hv2-features { padding: 16px 16px 48px; }
  .hv2-title { font-size: 32px; }
  .hv2-h2 { font-size: 24px; }
  .hv2-grid { grid-template-columns: minmax(0, 1fr); }
  .hv2-stage-wrap { width: 480px; height: 450px; }
  .hv2-stage { transform: scale(.75); }
  .hv2-map { width: 900px; height: 558px; margin-left: -450px; top: 20px; --map-scale: .9; }
}
@media (max-width: 520px) {
  .hv2-stage-wrap { width: 352px; height: 330px; }
  .hv2-stage { transform: scale(.55); }
  .hv2-title { font-size: 26px; }
  .hv2-checks { font-size: 13px; gap: 14px; }
  .hv2-btn { width: 100%; text-align: center; }
}
@media (max-width: 380px) {
  .hv2-stage-wrap { width: 300px; height: 282px; }
  .hv2-stage { transform: scale(.47); }
}

/* --- кнопка «Войти в кабинет» в шапке --- */
.main-menu__login {
  display: block; width: max-content; margin: 30px auto 0; padding: 10px 16px;
  border: 1px solid #2B4A8A; border-radius: 10px; background: rgba(8, 23, 61, .7);
  color: #FFFFFF; font-size: 14px; line-height: 1.2; white-space: nowrap; text-decoration: none;
  transition: border-color .2s ease, background-color .2s ease;
}
.main-menu__login:hover { border-color: #2F6BFF; background: rgba(31, 106, 232, .25); color: #FFFFFF; }
@media (min-width: 1190px) { .main-menu__login { margin: 0 0 0 20px; font-size: 13px; } }

/* --- шапка: пункты меню в одну строку на компьютере --- */
@media (min-width: 1190px) {
  .header .main-menu__lnk { white-space: nowrap; }
  .header .main-menu__list { gap: 22px; margin-right: 28px; }
  .header .header__container .header__logo { margin-right: 32px; }
  .header .main-menu__login { margin-left: 16px; }
}
@media (min-width: 1190px) and (max-width: 1399.98px) {
  .header .main-menu__lnk { font-size: 12.5px; letter-spacing: .06em; }
  .header .main-menu__list { gap: 16px; margin-right: 20px; }
  .header .header__container .header__logo { margin-right: 24px; }
  .header .main-menu__login { padding: 9px 12px; font-size: 12.5px; }
}


/* ===== Фон всего сайта (все страницы) ===== */
body { background-color: #040816; }
.wrapper { position: relative; z-index: 1; }
.site-bg {
  position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;
  background:
    radial-gradient(1200px 700px at 85% -10%, rgba(14, 44, 112, .45), rgba(4, 8, 22, 0) 60%),
    radial-gradient(900px 600px at 0% 105%, rgba(14, 44, 112, .28), rgba(4, 8, 22, 0) 60%),
    #040816;
}
.site-bg__rain { position: absolute; inset: 0; opacity: .4; contain: strict; }
.site-bg__col {
  position: absolute; top: 0; writing-mode: vertical-rl; text-orientation: upright; white-space: nowrap;
  font-family: ui-monospace, Consolas, Menlo, monospace; font-weight: 700; letter-spacing: 3px;
  /* хвост гаснет за счёт градиента в тексте (рисуется один раз), а не маски на каждом кадре */
  color: transparent; background: linear-gradient(to bottom, rgba(77, 141, 255, 0) 0%, rgba(77, 141, 255, .95) 80%);
  -webkit-background-clip: text; background-clip: text;
  will-change: transform; animation: site-bg-rain 14s linear infinite;
}
.site-bg__col b { font-weight: 700; color: #E8F2FF; -webkit-text-fill-color: #E8F2FF; text-shadow: 0 0 8px #6FA8FF; }
@keyframes site-bg-rain { from { transform: translate3d(0, -100%, 0); } to { transform: translate3d(0, 110vh, 0); } }
@media (max-width: 720px) { .site-bg__col:nth-child(3n+2), .site-bg__col:nth-child(3n+3) { display: none; } }
@media (prefers-reduced-motion: reduce) { .site-bg__rain { display: none; } }

/* блоки страниц: полупрозрачные, чтобы фон просвечивал */
.connect, .testimonials, .faqz, .steps-instruction--darkgrey-bg, .video-instruction { background-color: rgba(9, 19, 48, .55); }
.text-page { background-color: rgba(10, 19, 48, .74); }
/* карточки в фирменном тёмно-синем */
.feature-item, .advantage-item, .numbers-map__body { background-color: #0A1330; box-shadow: inset 0 0 0 1px #1D3570; }
.faqz-item, .testimonial-item__body, .testimonial-item__btn { background-color: #071029; box-shadow: inset 0 0 0 1px #1D3570; }
.popup__content { background-color: #0A1330; }
@media (max-width: 1189.98px) { .main-menu { background-color: #040816; } }

/* ===== Блок «Как подключить»: веб-версия + Telegram-бот ===== */
.cv2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
@media (min-width: 1000px) { .cv2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; align-items: stretch; } }
.cv2-card {
  display: flex; flex-direction: column; min-width: 0;
  background-color: rgba(10, 19, 48, .82); border: 1px solid #1D3570; border-radius: 20px;
  padding: clamp(20px, 2.6vw, 36px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
}
.cv2-tag {
  align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px;
  padding: 6px 14px; border-radius: 999px; border: 1px solid #2F5BC0; background: rgba(31, 106, 232, .15);
  color: #9CC4FF; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
}
.cv2-title { margin-bottom: 24px; }
.cv2-browser {
  border-radius: 12px; overflow: hidden; border: 1px solid #2A3F73; background: #0B0F1A;
  box-shadow: 0 0 40px rgba(47, 124, 246, .25);
}
.cv2-browser__bar { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; background: #0E1730; border-bottom: 1px solid #1D3570; }
.cv2-browser__bar i { width: 9px; height: 9px; border-radius: 50%; background: #2A3F73; }
.cv2-browser__bar i:nth-child(1) { background: #E5534B; }
.cv2-browser__bar i:nth-child(2) { background: #E3B341; }
.cv2-browser__bar i:nth-child(3) { background: #3FB950; }
.cv2-browser__bar span {
  margin-left: 10px; flex: 1 1 auto; max-width: 260px; padding: 3px 10px; border-radius: 6px;
  background: rgba(4, 8, 22, .7); color: #8FA3C8; font-size: 11px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cv2-browser img { display: block; width: 100%; height: auto; }
.cv2-text { margin: 24px 0 0; color: #FFFFFF; }
.cv2-btn { align-self: flex-start; margin-top: 24px; padding-left: 28px; padding-right: 28px; box-shadow: 0 8px 26px rgba(31, 106, 232, .4); }
.cv2-card--bot .connect__instruction-list { margin-bottom: 28px; }
.cv2-card--bot .open-bot { margin-top: auto; background-color: rgba(4, 8, 22, .6); border: 1px solid #1D3570; }
@media (min-width: 1190px) { .cv2-card--bot .open-bot { padding: 24px 28px; } }
@media (max-width: 520px) { .cv2-btn { align-self: stretch; text-align: center; } }
.cv2-browser { max-width: 520px; width: 100%; align-self: center; }
.cv2-shot { position: relative; }
.cv2-shot__hint {
  position: absolute; left: 16.2%; top: 21%; width: 67.6%; height: 8.9%;
  border: 2px solid #6FB0FF; border-radius: 8px; box-shadow: 0 0 0 0 rgba(111, 176, 255, .6);
  pointer-events: none;
}
.cv2-shot__hint::after {
  content: ''; position: absolute; inset: -2px; border-radius: 9px; border: 2px solid rgba(111, 176, 255, .7);
  will-change: transform, opacity; animation: cv2-hint 2.2s ease-out infinite;
}
@keyframes cv2-hint { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(1.12, 1.6); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .cv2-shot__hint::after { animation: none; display: none; } }

/* --- Telegram-карточка: телефон + шаги, новая кнопка --- */
.cv2-bot-row { display: flex; align-items: center; gap: 28px; margin-bottom: 28px; }
.cv2-bot-row .connect__instruction-list { margin-bottom: 0; flex: 1 1 auto; min-width: 0; }
.cv2-phone {
  will-change: transform;
  flex: 0 0 auto; width: 190px; height: 399px; padding: 6px; border-radius: 32px;
  background: #1A1E26; border: 1px solid #4A5468; box-shadow: 0 0 50px rgba(47, 124, 246, .35), inset 0 0 0 2px #0B0E14;
  animation: hv2-floaty 5s ease-in-out infinite;
}
.cv2-phone__screen { position: relative; width: 100%; height: 100%; border-radius: 26px; overflow: hidden; background: #000; }
.cv2-phone__screen img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.cv2-phone__island { position: absolute; top: 6px; left: 50%; width: 52px; height: 15px; margin-left: -26px; border-radius: 8px; background: #000; }
.cv2-card--bot .open-bot__btn {
  gap: 10px; padding-left: 26px; padding-right: 26px; border-color: #229ED9;
  background: linear-gradient(135deg, #1877C9, #1A5FD0); box-shadow: 0 8px 26px rgba(42, 171, 238, .4);
}
.cv2-card--bot .open-bot__btn:hover { transform: translateY(-2px); filter: brightness(1.08); }
.cv2-tg-ico { flex: 0 0 auto; }
@media (max-width: 1189.98px) and (min-width: 1000px) { .cv2-phone { width: 160px; height: 336px; } }
@media (max-width: 560px) {
  .cv2-bot-row { flex-direction: column; align-items: stretch; }
  .cv2-phone { align-self: center; width: 170px; height: 357px; }
}
@media (prefers-reduced-motion: reduce) { .cv2-phone, .cv2-card--bot .open-bot__btn { animation: none; } }

/* ===== Карта стран: интерактивная ===== */
.map2-figure { overflow: visible; }
.map2 { display: block; width: 100%; height: auto; overflow: visible; will-change: transform; animation: map2-float 7s ease-in-out infinite; }
.map2-c { cursor: pointer; outline: none; }
.map2-c, .map2-c__in { transform-box: fill-box; transform-origin: 50% 60%; }
.map2-c__in { transition: transform .35s cubic-bezier(.2, .8, .2, 1.2); }
.map2-c:hover .map2-c__in, .map2-c:focus .map2-c__in {
  transform: translateY(-12px) scale(1.06);
  filter: drop-shadow(0 16px 14px rgba(0, 0, 0, .55)) drop-shadow(0 0 14px rgba(77, 141, 255, .75));
}
.map2-label {
  font: 700 18px 'Manrope', 'Segoe UI', Arial, sans-serif; fill: #FFFFFF; stroke: #040816; stroke-width: 5px; paint-order: stroke;
  stroke-linejoin: round; opacity: 0; transition: opacity .25s ease; pointer-events: none;
}
.map2-c:hover .map2-label, .map2-c:focus .map2-label { opacity: 1; }
@keyframes map2-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes map2-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@media (prefers-reduced-motion: reduce) { .map2, .map2-c { animation: none; } }

/* ===== Блоки преимуществ под картой ===== */
.advantage-item {
  border-radius: 18px; transition: transform .35s cubic-bezier(.2, .8, .2, 1.2), box-shadow .35s ease, background-color .35s ease;
}
.advantage-item:hover {
  transform: translateY(-10px);
  box-shadow: inset 0 0 0 1px #2F6BFF, 0 18px 40px rgba(0, 0, 0, .45), 0 0 30px rgba(47, 124, 246, .25);
  background-color: #0D1A42;
}
.advantage-item__img {
  position: relative; width: 84px; height: 84px; border-radius: 22px; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 50% 40%, rgba(47, 124, 246, .28), rgba(47, 124, 246, .06) 70%);
  box-shadow: inset 0 0 0 1px rgba(111, 176, 255, .25);
  will-change: transform; animation: adv-bob 3.6s ease-in-out infinite;
}
.advantages__item:nth-child(2) .advantage-item__img { animation-delay: -.9s; }
.advantages__item:nth-child(3) .advantage-item__img { animation-delay: -1.8s; }
.advantages__item:nth-child(4) .advantage-item__img { animation-delay: -2.7s; }
.advantage-item__img img { transition: transform .4s cubic-bezier(.2, .8, .2, 1.2), filter .4s ease; filter: drop-shadow(0 0 6px rgba(77, 141, 255, .45)); }
.advantage-item:hover .advantage-item__img img { transform: scale(1.12) rotate(-6deg); filter: drop-shadow(0 0 14px rgba(111, 176, 255, .9)); }
@keyframes adv-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@media (prefers-reduced-motion: reduce) { .advantage-item__img { animation: none; } }
.map2-figure { flex: 1 1 auto; min-width: 0; width: 100%; }
.map2 { max-width: 775px; margin: 0 auto; }
.advantage-item__img { flex: 0 0 auto; }
@media (max-width: 767.98px) { .advantage-item__img { width: 72px; height: 72px; border-radius: 18px; } }

/* ===== «Как подключить»: карточки поднимаются при наведении ===== */
.cv2-card { transition: transform .35s cubic-bezier(.2, .8, .2, 1.2), box-shadow .35s ease, border-color .35s ease; }
.cv2-card:hover {
  transform: translateY(-8px); border-color: #2F6BFF;
  box-shadow: 0 26px 60px rgba(0, 0, 0, .5), 0 0 34px rgba(47, 124, 246, .22);
}

/* ===== Инструкции: вкладки и кнопки «Шаг» в новом стиле ===== */
.btn--tab {
  background: rgba(10, 19, 48, .82); border: 1px solid #1D3570; border-radius: 14px; color: #FFFFFF;
  transition: transform .3s cubic-bezier(.2, .8, .2, 1.2), background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.btn--tab:hover { background-color: #0D1A42; border-color: #2F6BFF; transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0, 0, 0, .4), 0 0 18px rgba(47, 124, 246, .25); }
.tabs__nav-lnk._active, .tabs__nav-lnk._active:hover {
  background: linear-gradient(135deg, #2F7CF6, #1F6AE8); border-color: #6FA8FF;
  box-shadow: 0 10px 28px rgba(31, 106, 232, .45);
}
.instruction-slider .swiper-pagination-bullet {
  background: rgba(10, 19, 48, .82); border: 1px solid #2A3F73; border-radius: 12px;
  transition: transform .3s cubic-bezier(.2, .8, .2, 1.2), background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.instruction-slider .swiper-pagination-bullet:hover { border-color: #2F6BFF; background-color: #0D1A42; transform: translateY(-3px); }
.instruction-slider .swiper-pagination-bullet-active, .instruction-slider .swiper-pagination-bullet-active:hover {
  background: linear-gradient(135deg, #2F7CF6, #1F6AE8); border-color: #6FA8FF; box-shadow: 0 10px 26px rgba(31, 106, 232, .45);
}
.instruction-slider__img img { border-radius: 12px; box-shadow: 0 0 0 1px #1D3570, 0 16px 40px rgba(0, 0, 0, .45); }

/* ===== Анимации выключены в админке ===== */
.no-anim *, .no-anim *::before, .no-anim *::after { animation: none !important; transition: none !important; }
.no-anim .site-bg__rain { display: none; }
.no-anim .hv2-toast--sms { opacity: 1; }
.no-anim .advantage-item:hover, .no-anim .cv2-card:hover, .no-anim .btn--tab:hover,
.no-anim .instruction-slider .swiper-pagination-bullet:hover, .no-anim .hv2-card:hover, .no-anim .hv2-btn:hover,
.no-anim .map2-c:hover .map2-c__in, .no-anim .map2-c:focus .map2-c__in { transform: none !important; }
.no-anim .advantage-item:hover .advantage-item__img img { transform: none !important; }

/* --- карточки «возможностей» из админки (Преимущества → home-web) --- */
.hv2-card__icon--img { background: radial-gradient(circle at 50% 40%, rgba(47, 124, 246, .32), rgba(47, 124, 246, .08) 70%); box-shadow: inset 0 0 0 1px rgba(111, 176, 255, .3); }
.hv2-card__icon--img img { max-width: 30px; max-height: 30px; display: block; }
.hv2-card__text--rich { margin-top: 0; font-size: 14px; line-height: 1.5; color: #A9B4C6; }
.hv2-card__text--rich p { margin: 0; }
.hv2-card__text--rich p + p { margin-top: 6px; }
.hv2-card__text--rich strong, .hv2-card__text--rich b { color: #FFFFFF; font-weight: 800; }
.hv2-card__text--rich > p:first-child > strong:first-child,
.hv2-card__text--rich > strong:first-child,
.hv2-card__text--rich > b:first-child { display: block; font-size: 17px; line-height: 1.35; }

/* ===== Языки в шапке на телефоне ===== */
.hv2-mlang { display: none; }
@media (max-width: 1189.98px) {
  .hv2-mlang {
    display: inline-flex; align-items: center; gap: 2px; padding: 3px; border-radius: 999px;
    background: rgba(10, 19, 48, .85); border: 1px solid #2B4A8A; box-shadow: 0 4px 14px rgba(0, 0, 0, .35);
    position: relative; z-index: 6; margin: 0 12px; flex-shrink: 0;
  }
  .header .header__container--reverse .header__burger { margin-right: 0; }
  .hv2-mlang__item {
    padding: 6px 11px; border-radius: 999px; font: 700 13px/1 'Manrope', 'Segoe UI', Arial, sans-serif; letter-spacing: .04em;
    color: #C9D0DB; text-decoration: none; transition: background-color .2s ease, color .2s ease;
  }
  .hv2-mlang__item:hover { color: #FFFFFF; }
  .hv2-mlang__item--active, .hv2-mlang__item--active:hover { background: #1F6AE8; color: #FFFFFF; box-shadow: 0 2px 10px rgba(31, 106, 232, .55); }
}
@media (max-width: 400px) {
  .hv2-mlang { margin: 0 8px; }
  .hv2-mlang__item { padding: 5px 7px; font-size: 12px; }
  .header .header__container .header__logo { font-size: 24px; }
}
@media (max-width: 350px) {
  .header .header__container .header__logo { font-size: 21px; }
  .hv2-mlang__item { padding: 5px 6px; font-size: 11px; }
}


/* ===== Производительность ===== */
/* фоновые эффекты в первом экране */
@media (prefers-reduced-motion: reduce) {
  .hv2-planet::after, .hv2-orbit__arm, .hv2-chip, .hv2-ping::after, .hv2-btn--primary::after { animation: none; }
  .hv2-chip { display: none; }
}
.no-anim .hv2-map__fx, .no-anim .hv2-orbit__arm { display: none; }

/* анимации на паузе, пока блок не на экране (ставит js/perf.js) */
.is-offscreen, .is-offscreen *, .is-offscreen *::before, .is-offscreen *::after { animation-play-state: paused !important; }

/* «облегчённый режим» для слабых устройств и режима экономии трафика (ставит js/perf.js) */
.perf-lite .hv2-orbit, .perf-lite .hv2-planet::after { display: none; }
.perf-lite .hv2-chip:nth-child(odd), .perf-lite .hv2-ping { display: none; }
.perf-lite .site-bg__col:nth-child(2n) { display: none; }
.perf-lite .hv2-laptop, .perf-lite .hv2-phone, .perf-lite .cv2-phone, .perf-lite .map2, .perf-lite .advantage-item__img { animation: none; }
.perf-lite .hv2-btn--primary::after, .perf-lite .cv2-card--bot .open-bot__btn { animation: none; }

/* траектории плашек SMS/CODE/OTP на карте (сгенерировано из карты; только transform/opacity) */
@keyframes hv2-chip-0{0.00%{transform:translate3d(350.0px,253.0px,0);opacity:0}6.25%{transform:translate3d(351.4px,254.3px,0);opacity:0.52}12.50%{transform:translate3d(352.8px,255.9px,0);opacity:1}18.75%{transform:translate3d(354.2px,257.9px,0);opacity:1}25.00%{transform:translate3d(355.6px,260.1px,0);opacity:1}31.25%{transform:translate3d(357.0px,262.7px,0);opacity:1}37.50%{transform:translate3d(358.4px,265.7px,0);opacity:1}43.75%{transform:translate3d(359.8px,268.9px,0);opacity:1}50.00%{transform:translate3d(361.2px,272.5px,0);opacity:1}56.25%{transform:translate3d(362.7px,276.4px,0);opacity:1}62.50%{transform:translate3d(364.1px,280.7px,0);opacity:1}68.75%{transform:translate3d(365.6px,285.2px,0);opacity:1}75.00%{transform:translate3d(367.1px,290.1px,0);opacity:1}81.25%{transform:translate3d(368.5px,295.4px,0);opacity:1}87.50%{transform:translate3d(370.0px,300.9px,0);opacity:0.83}93.75%{transform:translate3d(371.5px,306.8px,0);opacity:0.42}100.00%{transform:translate3d(373.0px,313.0px,0);opacity:0}}
@keyframes hv2-chip-1{0.00%{transform:translate3d(373.0px,313.0px,0);opacity:0}6.25%{transform:translate3d(365.5px,315.4px,0);opacity:0.52}12.50%{transform:translate3d(358.0px,318.7px,0);opacity:1}18.75%{transform:translate3d(350.5px,323.1px,0);opacity:1}25.00%{transform:translate3d(343.0px,328.4px,0);opacity:1}31.25%{transform:translate3d(335.5px,334.7px,0);opacity:1}37.50%{transform:translate3d(328.0px,342.0px,0);opacity:1}43.75%{transform:translate3d(320.5px,350.2px,0);opacity:1}50.00%{transform:translate3d(313.0px,359.5px,0);opacity:1}56.25%{transform:translate3d(305.5px,369.7px,0);opacity:1}62.50%{transform:translate3d(298.0px,381.0px,0);opacity:1}68.75%{transform:translate3d(290.5px,393.2px,0);opacity:1}75.00%{transform:translate3d(283.0px,406.4px,0);opacity:1}81.25%{transform:translate3d(275.5px,420.6px,0);opacity:1}87.50%{transform:translate3d(268.0px,435.7px,0);opacity:0.83}93.75%{transform:translate3d(260.5px,451.9px,0);opacity:0.42}100.00%{transform:translate3d(253.0px,469.0px,0);opacity:0}}
@keyframes hv2-chip-2{0.00%{transform:translate3d(373.0px,313.0px,0);opacity:0}6.25%{transform:translate3d(382.5px,302.8px,0);opacity:0.52}12.50%{transform:translate3d(392.0px,293.4px,0);opacity:1}18.75%{transform:translate3d(401.5px,284.9px,0);opacity:1}25.00%{transform:translate3d(411.0px,277.1px,0);opacity:1}31.25%{transform:translate3d(420.5px,270.2px,0);opacity:1}37.50%{transform:translate3d(430.0px,264.2px,0);opacity:1}43.75%{transform:translate3d(439.5px,258.9px,0);opacity:1}50.00%{transform:translate3d(449.0px,254.5px,0);opacity:1}56.25%{transform:translate3d(458.5px,250.9px,0);opacity:1}62.50%{transform:translate3d(468.0px,248.2px,0);opacity:1}68.75%{transform:translate3d(477.5px,246.2px,0);opacity:1}75.00%{transform:translate3d(487.0px,245.1px,0);opacity:1}81.25%{transform:translate3d(496.5px,244.9px,0);opacity:1}87.50%{transform:translate3d(506.0px,245.4px,0);opacity:0.83}93.75%{transform:translate3d(515.5px,246.8px,0);opacity:0.42}100.00%{transform:translate3d(525.0px,249.0px,0);opacity:0}}
@keyframes hv2-chip-3{0.00%{transform:translate3d(350.0px,253.0px,0);opacity:0}6.25%{transform:translate3d(361.0px,246.2px,0);opacity:0.52}12.50%{transform:translate3d(372.0px,240.2px,0);opacity:1}18.75%{transform:translate3d(383.0px,235.2px,0);opacity:1}25.00%{transform:translate3d(393.9px,231.0px,0);opacity:1}31.25%{transform:translate3d(404.9px,227.7px,0);opacity:1}37.50%{transform:translate3d(415.9px,225.2px,0);opacity:1}43.75%{transform:translate3d(426.8px,223.7px,0);opacity:1}50.00%{transform:translate3d(437.8px,223.0px,0);opacity:1}56.25%{transform:translate3d(448.7px,223.2px,0);opacity:1}62.50%{transform:translate3d(459.6px,224.2px,0);opacity:1}68.75%{transform:translate3d(470.5px,226.2px,0);opacity:1}75.00%{transform:translate3d(481.4px,229.0px,0);opacity:1}81.25%{transform:translate3d(492.3px,232.7px,0);opacity:1}87.50%{transform:translate3d(503.2px,237.2px,0);opacity:0.83}93.75%{transform:translate3d(514.1px,242.7px,0);opacity:0.42}100.00%{transform:translate3d(525.0px,249.0px,0);opacity:0}}
@keyframes hv2-chip-4{0.00%{transform:translate3d(525.0px,249.0px,0);opacity:0}6.25%{transform:translate3d(531.1px,245.5px,0);opacity:0.52}12.50%{transform:translate3d(537.2px,242.5px,0);opacity:1}18.75%{transform:translate3d(543.4px,239.9px,0);opacity:1}25.00%{transform:translate3d(549.5px,237.9px,0);opacity:1}31.25%{transform:translate3d(555.6px,236.3px,0);opacity:1}37.50%{transform:translate3d(561.8px,235.2px,0);opacity:1}43.75%{transform:translate3d(567.9px,234.6px,0);opacity:1}50.00%{transform:translate3d(574.0px,234.5px,0);opacity:1}56.25%{transform:translate3d(580.1px,234.9px,0);opacity:1}62.50%{transform:translate3d(586.2px,235.7px,0);opacity:1}68.75%{transform:translate3d(592.4px,237.1px,0);opacity:1}75.00%{transform:translate3d(598.5px,238.9px,0);opacity:1}81.25%{transform:translate3d(604.6px,241.2px,0);opacity:1}87.50%{transform:translate3d(610.8px,244.0px,0);opacity:0.83}93.75%{transform:translate3d(616.9px,247.2px,0);opacity:0.42}100.00%{transform:translate3d(623.0px,251.0px,0);opacity:0}}
@keyframes hv2-chip-5{0.00%{transform:translate3d(623.0px,251.0px,0);opacity:0}6.25%{transform:translate3d(631.1px,247.2px,0);opacity:0.52}12.50%{transform:translate3d(639.2px,244.0px,0);opacity:1}18.75%{transform:translate3d(647.3px,241.5px,0);opacity:1}25.00%{transform:translate3d(655.4px,239.7px,0);opacity:1}31.25%{transform:translate3d(663.5px,238.5px,0);opacity:1}37.50%{transform:translate3d(671.6px,237.9px,0);opacity:1}43.75%{transform:translate3d(679.7px,238.0px,0);opacity:1}50.00%{transform:translate3d(687.8px,238.8px,0);opacity:1}56.25%{transform:translate3d(695.8px,240.1px,0);opacity:1}62.50%{transform:translate3d(703.9px,242.2px,0);opacity:1}68.75%{transform:translate3d(711.9px,244.9px,0);opacity:1}75.00%{transform:translate3d(719.9px,248.2px,0);opacity:1}81.25%{transform:translate3d(728.0px,252.2px,0);opacity:1}87.50%{transform:translate3d(736.0px,256.8px,0);opacity:0.83}93.75%{transform:translate3d(744.0px,262.1px,0);opacity:0.42}100.00%{transform:translate3d(752.0px,268.0px,0);opacity:0}}
@keyframes hv2-chip-6{0.00%{transform:translate3d(525.0px,249.0px,0);opacity:0}6.25%{transform:translate3d(525.9px,250.3px,0);opacity:0.52}12.50%{transform:translate3d(526.8px,251.8px,0);opacity:1}18.75%{transform:translate3d(527.6px,253.5px,0);opacity:1}25.00%{transform:translate3d(528.5px,255.6px,0);opacity:1}31.25%{transform:translate3d(529.4px,257.8px,0);opacity:1}37.50%{transform:translate3d(530.2px,260.4px,0);opacity:1}43.75%{transform:translate3d(531.1px,263.2px,0);opacity:1}50.00%{transform:translate3d(532.0px,266.2px,0);opacity:1}56.25%{transform:translate3d(532.9px,269.6px,0);opacity:1}62.50%{transform:translate3d(533.8px,273.1px,0);opacity:1}68.75%{transform:translate3d(534.6px,277.0px,0);opacity:1}75.00%{transform:translate3d(535.5px,281.1px,0);opacity:1}81.25%{transform:translate3d(536.4px,285.4px,0);opacity:1}87.50%{transform:translate3d(537.2px,290.0px,0);opacity:0.83}93.75%{transform:translate3d(538.1px,294.9px,0);opacity:0.42}100.00%{transform:translate3d(539.0px,300.0px,0);opacity:0}}
@keyframes hv2-chip-7{0.00%{transform:translate3d(539.0px,300.0px,0);opacity:0}6.25%{transform:translate3d(537.1px,304.2px,0);opacity:0.52}12.50%{transform:translate3d(535.3px,309.2px,0);opacity:1}18.75%{transform:translate3d(533.4px,315.2px,0);opacity:1}25.00%{transform:translate3d(531.6px,322.0px,0);opacity:1}31.25%{transform:translate3d(529.7px,329.7px,0);opacity:1}37.50%{transform:translate3d(527.9px,338.2px,0);opacity:1}43.75%{transform:translate3d(526.1px,347.7px,0);opacity:1}50.00%{transform:translate3d(524.2px,358.0px,0);opacity:1}56.25%{transform:translate3d(522.4px,369.2px,0);opacity:1}62.50%{transform:translate3d(520.6px,381.2px,0);opacity:1}68.75%{transform:translate3d(518.8px,394.2px,0);opacity:1}75.00%{transform:translate3d(517.1px,408.0px,0);opacity:1}81.25%{transform:translate3d(515.3px,422.7px,0);opacity:1}87.50%{transform:translate3d(513.5px,438.2px,0);opacity:0.83}93.75%{transform:translate3d(511.8px,454.7px,0);opacity:0.42}100.00%{transform:translate3d(510.0px,472.0px,0);opacity:0}}
@keyframes hv2-chip-8{0.00%{transform:translate3d(510.0px,472.0px,0);opacity:0}6.25%{transform:translate3d(494.0px,462.1px,0);opacity:0.52}12.50%{transform:translate3d(478.0px,453.6px,0);opacity:1}18.75%{transform:translate3d(462.0px,446.3px,0);opacity:1}25.00%{transform:translate3d(445.9px,440.3px,0);opacity:1}31.25%{transform:translate3d(429.9px,435.6px,0);opacity:1}37.50%{transform:translate3d(413.9px,432.2px,0);opacity:1}43.75%{transform:translate3d(397.8px,430.1px,0);opacity:1}50.00%{transform:translate3d(381.8px,429.2px,0);opacity:1}56.25%{transform:translate3d(365.7px,429.7px,0);opacity:1}62.50%{transform:translate3d(349.6px,431.5px,0);opacity:1}68.75%{transform:translate3d(333.5px,434.5px,0);opacity:1}75.00%{transform:translate3d(317.4px,438.8px,0);opacity:1}81.25%{transform:translate3d(301.3px,444.4px,0);opacity:1}87.50%{transform:translate3d(285.2px,451.3px,0);opacity:0.83}93.75%{transform:translate3d(269.1px,459.5px,0);opacity:0.42}100.00%{transform:translate3d(253.0px,469.0px,0);opacity:0}}
@keyframes hv2-chip-9{0.00%{transform:translate3d(539.0px,300.0px,0);opacity:0}6.25%{transform:translate3d(552.3px,289.9px,0);opacity:0.52}12.50%{transform:translate3d(565.5px,280.9px,0);opacity:1}18.75%{transform:translate3d(578.8px,273.0px,0);opacity:1}25.00%{transform:translate3d(592.1px,266.1px,0);opacity:1}31.25%{transform:translate3d(605.3px,260.4px,0);opacity:1}37.50%{transform:translate3d(618.6px,255.7px,0);opacity:1}43.75%{transform:translate3d(631.9px,252.0px,0);opacity:1}50.00%{transform:translate3d(645.2px,249.5px,0);opacity:1}56.25%{transform:translate3d(658.6px,248.0px,0);opacity:1}62.50%{transform:translate3d(671.9px,247.7px,0);opacity:1}68.75%{transform:translate3d(685.2px,248.4px,0);opacity:1}75.00%{transform:translate3d(698.6px,250.1px,0);opacity:1}81.25%{transform:translate3d(711.9px,253.0px,0);opacity:1}87.50%{transform:translate3d(725.3px,256.9px,0);opacity:0.83}93.75%{transform:translate3d(738.6px,261.9px,0);opacity:0.42}100.00%{transform:translate3d(752.0px,268.0px,0);opacity:0}}
@keyframes hv2-chip-10{0.00%{transform:translate3d(462.0px,394.0px,0);opacity:0}6.25%{transform:translate3d(456.4px,384.4px,0);opacity:0.52}12.50%{transform:translate3d(450.8px,375.5px,0);opacity:1}18.75%{transform:translate3d(445.2px,367.1px,0);opacity:1}25.00%{transform:translate3d(439.6px,359.3px,0);opacity:1}31.25%{transform:translate3d(434.0px,352.1px,0);opacity:1}37.50%{transform:translate3d(428.4px,345.6px,0);opacity:1}43.75%{transform:translate3d(422.8px,339.6px,0);opacity:1}50.00%{transform:translate3d(417.2px,334.2px,0);opacity:1}56.25%{transform:translate3d(411.7px,329.5px,0);opacity:1}62.50%{transform:translate3d(406.1px,325.3px,0);opacity:1}68.75%{transform:translate3d(400.6px,321.8px,0);opacity:1}75.00%{transform:translate3d(395.1px,318.8px,0);opacity:1}81.25%{transform:translate3d(389.5px,316.5px,0);opacity:1}87.50%{transform:translate3d(384.0px,314.7px,0);opacity:0.83}93.75%{transform:translate3d(378.5px,313.6px,0);opacity:0.42}100.00%{transform:translate3d(373.0px,313.0px,0);opacity:0}}
@keyframes hv2-chip-11{0.00%{transform:translate3d(163.0px,479.0px,0);opacity:0}6.25%{transform:translate3d(168.6px,475.0px,0);opacity:0.52}12.50%{transform:translate3d(174.2px,471.4px,0);opacity:1}18.75%{transform:translate3d(179.9px,468.3px,0);opacity:1}25.00%{transform:translate3d(185.5px,465.6px,0);opacity:1}31.25%{transform:translate3d(191.1px,463.4px,0);opacity:1}37.50%{transform:translate3d(196.8px,461.7px,0);opacity:1}43.75%{transform:translate3d(202.4px,460.4px,0);opacity:1}50.00%{transform:translate3d(208.0px,459.5px,0);opacity:1}56.25%{transform:translate3d(213.6px,459.1px,0);opacity:1}62.50%{transform:translate3d(219.2px,459.2px,0);opacity:1}68.75%{transform:translate3d(224.9px,459.7px,0);opacity:1}75.00%{transform:translate3d(230.5px,460.6px,0);opacity:1}81.25%{transform:translate3d(236.1px,462.0px,0);opacity:1}87.50%{transform:translate3d(241.8px,463.9px,0);opacity:0.83}93.75%{transform:translate3d(247.4px,466.2px,0);opacity:0.42}100.00%{transform:translate3d(253.0px,469.0px,0);opacity:0}}
@keyframes hv2-chip-12{0.00%{transform:translate3d(462.0px,394.0px,0);opacity:0}6.25%{transform:translate3d(465.0px,395.5px,0);opacity:0.52}12.50%{transform:translate3d(468.0px,397.4px,0);opacity:1}18.75%{transform:translate3d(471.0px,399.8px,0);opacity:1}25.00%{transform:translate3d(474.0px,402.6px,0);opacity:1}31.25%{transform:translate3d(477.0px,405.9px,0);opacity:1}37.50%{transform:translate3d(480.0px,409.7px,0);opacity:1}43.75%{transform:translate3d(483.0px,413.9px,0);opacity:1}50.00%{transform:translate3d(486.0px,418.5px,0);opacity:1}56.25%{transform:translate3d(489.0px,423.6px,0);opacity:1}62.50%{transform:translate3d(492.0px,429.2px,0);opacity:1}68.75%{transform:translate3d(495.0px,435.2px,0);opacity:1}75.00%{transform:translate3d(498.0px,441.6px,0);opacity:1}81.25%{transform:translate3d(501.0px,448.5px,0);opacity:1}87.50%{transform:translate3d(504.0px,455.9px,0);opacity:0.83}93.75%{transform:translate3d(507.0px,463.7px,0);opacity:0.42}100.00%{transform:translate3d(510.0px,472.0px,0);opacity:0}}
@keyframes hv2-chip-13{0.00%{transform:translate3d(350.0px,253.0px,0);opacity:0}6.25%{transform:translate3d(338.4px,256.1px,0);opacity:0.52}12.50%{transform:translate3d(326.7px,260.7px,0);opacity:1}18.75%{transform:translate3d(315.1px,266.7px,0);opacity:1}25.00%{transform:translate3d(303.4px,274.2px,0);opacity:1}31.25%{transform:translate3d(291.8px,283.2px,0);opacity:1}37.50%{transform:translate3d(280.1px,293.7px,0);opacity:1}43.75%{transform:translate3d(268.4px,305.6px,0);opacity:1}50.00%{transform:translate3d(256.8px,319.0px,0);opacity:1}56.25%{transform:translate3d(245.1px,333.9px,0);opacity:1}62.50%{transform:translate3d(233.4px,350.2px,0);opacity:1}68.75%{transform:translate3d(221.7px,368.0px,0);opacity:1}75.00%{transform:translate3d(209.9px,387.2px,0);opacity:1}81.25%{transform:translate3d(198.2px,408.0px,0);opacity:1}87.50%{transform:translate3d(186.5px,430.2px,0);opacity:0.83}93.75%{transform:translate3d(174.7px,453.9px,0);opacity:0.42}100.00%{transform:translate3d(163.0px,479.0px,0);opacity:0}}


/* ===== Скорость загрузки и доступность (тема 2026.4) ===== */
/* иконочный шрифт сайта: сначала лёгкий woff2 (загружается заранее), текст не ждёт шрифт */
@font-face { font-family: "icons"; src: url("/fonts/icons.woff2") format("woff2"), url("/fonts/icons.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
/* область основного содержимого (для программ чтения с экрана) */
main#main { display: block; flex: 1 0 auto; }
/* контраст: кнопки и синий текст на тёмном фоне — по стандарту WCAG AA (≥ 4.5:1) */
.btn:not(.btn--outline):not(.btn--tab) { background-color: #1A66E0; border-color: #1A66E0; }
.btn:not(.btn--outline):not(.btn--tab):hover { background-color: #0c55b3; border-color: #0c55b3; }
.text a, .instuction-list__item::before, .instuction-list__item:not(:last-child)::after, .instruction-slider__number,
.faqz-item._init .faqz-item__title:before, .faqz-item._init .faqz-item__title:hover, .footer__dev-blue,
.rate__item--active, .slider-arrows__arrow, .top-btn, .social__lnk:hover, .conditions-menu__item:hover { color: #4D94FF; }
.text a:hover { color: #7FB2FF; }
.section-title span { color: #4D94FF; }