/**
 * Левая карточка hero на главной — оформление «Заголовок-плакат» (08.11.2026).
 * Крупный заголовок с заливкой от белого к бирюзовому, бейдж версии строкой моно-капсом,
 * крупные цифры статистики шрифтом страницы без свечения, линейка с коротким акцентом.
 *
 * Подключается в home.php ПОСЛЕДНИМ, сразу после mobile.css: перекрывает и инлайновый <style>,
 * и мобильные правила (их размеры для телефона здесь заданы заново). Откат — убрать <link> на этот файл.
 * Моноширинный IBM Plex Mono (500, 600) подключён в layout.php вместе с IBM Plex Sans.
 */
.hero--style6 .hero__left {
  background: rgba(10, 11, 13, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.65);
}
/* пятно в углу заменяем тихой бирюзовой подложкой под статистикой */
.hero--style6 .hero__left::after {
  top: 0; right: 0; bottom: 0; left: 0;
  width: auto; height: auto;
  border-radius: inherit;
  background: radial-gradient(120% 55% at 50% 100%, rgba(20, 184, 166, 0.10), rgba(20, 184, 166, 0) 70%);
  filter: none;
  pointer-events: none;
}

/* Бейдж: не капсула, а строка моно-капсом */
.hero--style6 .hero__tag {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  gap: 10px;
  margin-bottom: 26px;
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--brand-300);
}

/* точка бейджа ярче: без капсулы она терялась */
.hero--style6 .hero__tag-icon { background: #2dd4bf; }

/* Заголовок */
.hero--style6 .hero__heading--style6 {
  font-size: 68px;
  line-height: 0.98;
  font-weight: 700;
  letter-spacing: -0.045em;
  margin: 0 0 16px 0;
  text-shadow: none;
}
.hero--style6 .hero__heading--style6 > span:first-child {
  display: inline-block;
  padding-bottom: 0.1em;
  background: linear-gradient(180deg, #ffffff 30%, #a7f3e4 115%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}
.hero--style6 .hero__title-block--style6 { margin-bottom: 22px; }
.hero--style6 .hero__title-line--style6 {
  font-size: 30px;
  line-height: 1.28;
  letter-spacing: -0.02em;
}
.hero--style6 .hero__title-line--white { color: #e5e7eb; }
.hero--style6 .hero__desc {
  color: #a3abb8;
  margin-bottom: 36px;
}

/* Кнопки: размеры не трогаем, только тише свечение */
.hero--style6 .hero__btn { border-radius: 7px; }
.hero--style6 .hero__btn--primary {
  box-shadow: 0 10px 24px -10px rgba(20, 184, 166, 0.7);
}
.hero--style6 .hero__btn--primary:hover {
  box-shadow: 0 12px 28px -10px rgba(45, 212, 191, 0.8);
}

/* Линейка над статистикой с коротким акцентом */
.hero--style6 .hero__stats-divider {
  position: relative;
  height: 1px;
  background: rgba(255, 255, 255, 0.14);
  margin-bottom: 26px;
}
.hero--style6 .hero__stats-divider::before {
  content: '';
  position: absolute;
  left: 0; top: -1px;
  width: 56px; height: 3px;
  background: var(--brand-400);
}

/* Статистика */
.hero--style6 .hero__stat--mid,
.hero--style6 .hero__stat--last {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 18px;
}
.hero--style6 .hero__stat-value {
  font-family: var(--main-font);
  font-weight: 700;
  font-size: 34px;
  line-height: 1;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin-bottom: 10px;
  color: #5eead4;
  text-shadow: none;
}
.hero--style6 .hero__stat-value--blue { color: #93c5fd; }
.hero--style6 .hero__stat-value--green { color: #86efac; }
.hero--style6 .hero__stat-label {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #9aa3ae;
  margin-top: 0;
}

@media (prefers-reduced-motion: reduce) {
  .hero--style6 .hero__left,
  .hero--style6 .hero__tag-icon { animation: none; }
}

/* Телефон и планшет */
@media (max-width: 1023.99px) {
  .hero--style6 .hero__left { text-align: center; }
  .hero--style6 .hero__tag { font-size: 10.5px; margin-bottom: 20px; }
  .hero--style6 .hero__heading--style6 {
    font-size: clamp(40px, 13vw, 56px);
    line-height: 1;
    letter-spacing: -0.045em;
    padding-bottom: 0;
    margin-bottom: 16px;
  }
  .hero--style6 .hero__title-block--style6 { margin-bottom: 8px; }
  .hero--style6 .hero__title-line--style6 {
    font-size: clamp(17px, 5.2vw, 26px);
    line-height: 1.3;
  }
  .hero--style6 .hero__stats-divider { margin: 22px 0 18px; }
  .hero--style6 .hero__stats-divider::before {
    left: 50%;
    transform: translateX(-50%);
  }
  .hero--style6 .hero__stats { gap: 8px 10px; }
  .hero--style6 .hero__stat-value {
    font-size: clamp(20px, 6.2vw, 28px);
    margin-bottom: 6px;
  }
  .hero--style6 .hero__stat-label {
    font-family: var(--main-font);
    font-size: 10px;
    letter-spacing: 0.04em;
    font-weight: 500;
    margin-top: 0;
  }
}

/* =====================================================================================
 * Правая часть hero (только ПК): карточки Robot/ISignal — «Единая полоса» (08.11.2026).
 * Карточки как мини-версия левой: шапка моно-капсом, линейка с коротким цветным штрихом, крупная цена.
 * Размеры через --hero-float-cards-scale — его крутят из админки по ширинам.
 * ===================================================================================== */
@media (min-width: 1024px) {

  /* --- Плавающие карточки: мини-версия левой карточки --- */
  .hero--style6 .hero__float-wrap .hero__float-card.hero__float-card--btc,
  .hero--style6 .hero__float-wrap .hero__float-card.hero__float-card--btc-min {
    background: rgba(10, 11, 13, 0.92);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: calc(14px * var(--hero-float-cards-scale, 1));
    padding: calc(14px * var(--hero-float-cards-scale, 1)) calc(18px * var(--hero-float-cards-scale, 1)) calc(16px * var(--hero-float-cards-scale, 1));
    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.65);
  }
  /* ISignal чуть шире (+9%), чтобы цена и «Open Long» помещались в одну строку */
  .hero--style6 .hero__float-wrap .hero__float-card.hero__float-card--btc-min {
    width: calc(244px * var(--hero-float-cards-scale, 1));
  }

  /* Шапка: пара слева, метка справа, под ней линейка с коротким штрихом */
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-head {
    position: relative;
    align-items: center;
    padding-bottom: calc(11px * var(--hero-float-cards-scale, 1));
    margin-bottom: calc(14px * var(--hero-float-cards-scale, 1));
  }
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-head::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.14);
  }
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-head::before {
    content: '';
    position: absolute;
    left: 0; bottom: -1px;
    width: calc(40px * var(--hero-float-cards-scale, 1));
    height: 3px;
    background: #4ade80;
    z-index: 1;
  }
  .hero--style6 .hero__float-wrap .hero__float-card--btc-min .hero__float-card-head::before {
    background: #2dd4bf;
  }

  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-pair {
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: calc(11px * var(--hero-float-cards-scale, 1));
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #aab2bc;
  }
  /* Метка Robot / ISignal: не плашка, а строка моно-капсом с квадратной точкой */
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-badge {
    display: inline-flex;
    align-items: center;
    gap: calc(7px * var(--hero-float-cards-scale, 1));
    padding: 0;
    border-radius: 0;
    background: none;
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: calc(11px * var(--hero-float-cards-scale, 1));
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-badge::before {
    content: '';
    width: calc(6px * var(--hero-float-cards-scale, 1));
    height: calc(6px * var(--hero-float-cards-scale, 1));
    border-radius: 1px;
    background: currentColor;
  }
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-badge--green { color: #86efac; background: none; }
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-badge--brand { color: #5eead4; background: none; }

  /* Цена: крупно, шрифтом страницы, без свечения */
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-price {
    align-items: baseline;
    gap: calc(10px * var(--hero-float-cards-scale, 1));
    margin-bottom: calc(12px * var(--hero-float-cards-scale, 1));
  }
  .hero--style6 .hero__float-wrap .hero__float-card.hero__float-card--btc .hero__float-card-value {
    font-family: var(--main-font);
    font-size: calc(26px * var(--hero-float-cards-scale, 1));
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.04em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: #fff;
  }
  .hero--style6 .hero__float-wrap .hero__float-card.hero__float-card--btc-min .hero__float-card-value {
    font-family: var(--main-font);
    font-size: calc(22px * var(--hero-float-cards-scale, 1));
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.04em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: #fff;
  }
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-change {
    margin-bottom: 0;
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: calc(11px * var(--hero-float-cards-scale, 1));
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-change--up { color: #86efac; }
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-change--brand { color: #5eead4; }
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-change--short { color: #ef4444; }

  /* Полоска Robot: тонкая, квадратная, как линейка */
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-bar {
    height: calc(3px * var(--hero-float-cards-scale, 1));
    border-radius: 0;
    background: rgba(255, 255, 255, 0.12);
  }
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-bar-fill {
    border-radius: 0;
    background: #4ade80;
  }

  /* Подвал ISignal */
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-foot {
    margin-top: 0;
    gap: calc(8px * var(--hero-float-cards-scale, 1));
  }
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-icon { color: #2dd4bf; }
  .hero--style6 .hero__float-wrap .hero__float-card .hero__float-card-note {
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: calc(10.5px * var(--hero-float-cards-scale, 1));
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #aab2bc;
  }
}

/* =====================================================================================
 * Партнёры бегущей строкой (08.11.2026) — только ПК, под графиком: от левой карточки (зазор 40 px)
 * до шкалы цен (104 px от края экрана), между двумя тонкими линиями, растворяющимися на концах.
 * Низ строки вровень с низом левой карточки: hero всегда 800 px, низ карточки на 94 px выше низа hero
 * (на 1024–1199 px — на 75 px). Логотипы в родных цветах едут влево без разрыва: две одинаковые группы
 * по 6 повторов, дорожка сдвигается на половину; пауза при наведении и фокусе, prefers-reduced-motion — без движения.
 * Прежняя панель партнёров (.hero__chart-partners) остаётся в разметке невидимой: от её высоты
 * посчитано положение вкладок тикеров (при display:none они съезжают на 55 px).
 * ===================================================================================== */
.hero--style6 .hero__right .hero__chart-partners { visibility: hidden; pointer-events: none; }
.hero-marquee {
  position: absolute; z-index: 16; bottom: 94px; height: 60px;
  left: calc(max(16px, (100% - 1440px) / 2 + 16px) + 540px);
  right: 104px;
  display: flex; align-items: center; gap: 28px; box-sizing: border-box;
  font-family: var(--main-font, 'IBM Plex Sans', sans-serif);
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12) 120px, rgba(255, 255, 255, 0.12) calc(100% - 120px), transparent) top / 100% 1px no-repeat,
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12) 120px, rgba(255, 255, 255, 0.12) calc(100% - 120px), transparent) bottom / 100% 1px no-repeat;
}
.hero-marquee__label {
  flex: none; position: relative;
  font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 11px; font-weight: 600;
  letter-spacing: 0.14em; text-transform: uppercase; color: #5eead4; white-space: nowrap;
}
.hero-marquee__label::before { content: ''; position: absolute; left: 0; top: -10px; width: 28px; height: 2px; background: #2dd4bf; }
.hero-marquee__viewport {
  flex: 1 1 auto; min-width: 0; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
}
.hero-marquee__track { display: flex; width: max-content; animation: hero-marquee-scroll 40s linear infinite; }
.hero-marquee:hover .hero-marquee__track,
.hero-marquee:focus-within .hero-marquee__track { animation-play-state: paused; }
.hero-marquee__group { display: flex; align-items: center; gap: 72px; padding: 0 72px 0 0; margin: 0; list-style: none; }
.hero-marquee__item { flex: none; display: flex; align-items: center; }
.hero-marquee__link { display: flex; align-items: center; opacity: 0.88; transition: opacity 0.2s ease; }
.hero-marquee__link:hover,
.hero-marquee__link:focus-visible { opacity: 1; }
.hero-marquee__link:focus-visible { outline: 1px solid #2dd4bf; outline-offset: 6px; border-radius: 4px; }
.hero-marquee__link img { display: block; width: auto; max-width: none; height: 28px; }
.hero-marquee__item--0 img { height: 30px; }
.hero-marquee__item--1 img { height: 27px; }
.hero-marquee__item--2 img { height: 25px; }
@keyframes hero-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .hero-marquee__track { animation: none; } }
@media (min-width: 1024px) and (max-width: 1199.98px) { .hero-marquee { bottom: 75px; } }
@media (max-width: 1023.99px) { .hero-marquee { display: none; } }