/* ===== hive — улей (шаблон сети, namespace .hv*) =============================
   ПАРАДИГМА. Страница читается как разобранный улей. Прямоугольных карточек в
   шаблоне НЕТ вообще: их роль играет гексагональная сотовая сетка .hvcombs, где
   каждая ячейка .hvcell — настоящий шестиугольник (clip-path с точками слева и
   справа), а средняя колонка сдвинута вниз на пол-ячейки, поэтому ряды входят
   друг в друга как соты. Секции — это РАМКИ .hvframe: у каждой своя сотовая
   подложка разной заполненности (.hvframe--f1/--f2/--f3 меняют шаг и плотность
   восковой сетки), слева — планка .hvrail с номером рамки и индикатором
   заполнения .hvfill из шести сот. Внизу страницы закреплена лётковая полоса
   .hvletok — навигация из «летков» (.hvhole, шестиугольные входы в секции).
   Справа за колонкой контента висит шкала медосбора .hvgauge: труба с уровнем
   и отметками. Растровых картинок нет: воск, соты и летки — clip-path,
   градиенты и одна inline-SVG сота в data-URI.

   ПОРЯДОК БЛОКОВ (на нём держится метафора, менять не нужно):
     hvbar -> hvhero[.hvhero__in(.hveye .hvh1 .hvlead .hvacts) + .hvkpi]
           -> hvstack[.hvframe x N] -> hvnote -> hvfoot
     + два постоянных слоя вне потока: .hvgauge (справа), .hvletok (снизу).
   Внутри .hvframe: .hvrail(.hvno + .hvfill) + .hvbody(.hvtag -> h2 -> проза ->
     наборные блоки). Наборные блоки: .hvcombs/.hvcell (замена карточек),
     .hvtable-wrap/.hvtable, .hvladder/.hvrung (лестница лояльности),
     .hvsays/.hvsay (отзывы), .hvqa/.hvq (FAQ), .hvpairs/.hvpair (список
     «параметр → значение»), .hvnote (заметка автора).

   NAMESPACE. Все классы начинаются на .hv — пересечений с банком нет. Классы
   .hero/.card/.grid/.tile/.btn не заводить даже во вложенных блоках, иначе
   шаблон перестанет расходиться с соседями на уровне DOM.

   ЛОВУШКИ ПЕРЕКРАСКИ:
   1. Вся палитра выведена из --hv-h и --hv-h2 в блоке @palette. Hex внутрь
      правил не вписывать: воск, рамки и летки собраны из hsl(var(--hv-h) …).
   2. НА ОБОИХ АКЦЕНТАХ ТЕКСТ ТЁМНЫЙ (--hv-ink). --hv-acc светлый по замыслу
      (L≈52 %), --hv-acc2 — второй акцент из набора; белый текст на нём даёт
      ~3.7:1 и валит мобильный гейт. Опускаете L акцента ниже 45 % — тогда
      переключайте надписи кнопок обратно на светлые и перепроверяйте контраст.
   3. Кнопки объявлены как `.hv .hvbtn` (0-2-0), а не голым классом. `.hvbtn`
      (0-1-0) проигрывает `.hv a` (0-1-1), кнопка получает цвет ссылки и
      надпись главной CTA пропадает в акцентной заливке. Любой новый
      класс-ссылка объявляется так же — через `.hv`.
   4. Сотовая текстура .hvframe::before — data-URI SVG с ЗАШИТЫМ белым
      штрихом. Оттенок она берёт не из себя, а из подложки: цвет регулируется
      только opacity (--hv-fill) и background-size. Вписывать в data-URI свой
      цвет не нужно — на светлой теме вместо этого меняют mix-blend-mode на
      multiply и опускают --hv-fill до .05.
   5. Шестиугольник .hvcell держится на паре «--hx (горизонтальный вылет
      острия) + боковой padding ≥ --hx + 16px». Уменьшите padding — текст
      уедет под срез. Рамка соты нарисована через ::before с inset:2px и тем же
      polygon: border на clip-path не виден в принципе.
   6. Смещение рядов сотовой сетки живёт на nth-child и ОБЯЗАНО обнуляться на
      узких экранах: 3 колонки (сдвиг 3n+2) -> 2 колонки (сдвиг 2n) -> 1
      колонка (сдвиг none). Если оставить transform на одной колонке, соты
      разъедутся и страница получит вертикальный провал.
   7. .hvframe — грид `84px minmax(0,1fr)`. Вторая колонка обязана быть
      minmax(0,1fr), а .hvbody и .hvtable-wrap держать min-width:0, иначе
      широкая таблица растянет трек и на 390 px вылезет горизонтальный скролл.
   8. .hvletok закреплён снизу, поэтому у body есть padding-bottom. Меняете
      высоту полосы — меняйте padding-bottom, иначе подвал уйдёт под летки.
      Сами летки не мельче 46 px по высоте: это тач-цели мобильного гейта.
   9. .hvgauge снимается на <=1340 px (иначе наезжает на колонку контента), а
      на <=980 px .hvrail ложится горизонтальной строкой над заголовком, и
      .hvhero__in переключает order: H1 -> кнопки -> лид -> KPI. Порядок держит
      CTA на первом экране мобильного гейта.
  10. У каждого font-family обязателен фолбэк-стек: голое имя вебшрифта роняет
      кириллицу в Times New Roman, и сотовая сетка расходится с текстом.
   ============================================================================ */

/* @palette:start — перекраска сайта = правка двух чисел ниже (нейтральный банк) */
:root{
  --hv-h:  169;  /* базовый hue сайта */
  --hv-h2: 349;   /* второй акцент, схема берётся из набора параметров сайта */
}
/* @palette:end */

:root{
  --hv-fd: "Bellota Text", system-ui, "Segoe UI", Arial, sans-serif;
  --hv-fb: "Geologica", system-ui, "Segoe UI", Arial, sans-serif;

  --hv-bg:     hsl(var(--hv-h) 24% 6%);
  --hv-bg2:    hsl(var(--hv-h) 22% 9%);
  --hv-panel:  hsl(var(--hv-h) 19% 13%);
  --hv-panel2: hsl(var(--hv-h) 17% 17%);
  --hv-line:   hsl(var(--hv-h) 15% 27%);
  --hv-line2:  hsl(var(--hv-h) 14% 21%);

  --hv-tx:     hsl(var(--hv-h) 14% 94%);
  --hv-tx2:    hsl(var(--hv-h) 11% 73%);
  --hv-tx3:    hsl(var(--hv-h) 10% 58%);

  --hv-acc:    hsl(var(--hv-h) 72% 52%);
  --hv-acc-d:  hsl(var(--hv-h) 76% 40%);
  --hv-acc-s:  hsl(var(--hv-h) 72% 52% / .16);
  --hv-acc2:   hsl(var(--hv-h2) 76% 58%);
  --hv-acc2-s: hsl(var(--hv-h2) 76% 58% / .16);
  --hv-ink:    hsl(var(--hv-h) 42% 7%);

  --hv-wrap: 1160px;
  --hv-pad: 84px;      /* ширина планки рамки */
  --hv-fill: .09;      /* плотность восковой сетки по умолчанию */
  --hv-comb: 52px;     /* шаг восковой сетки */
  --hv-letok: 68px;    /* высота лётковой полосы */
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}

.hv{
  margin:0;
  padding-bottom:calc(var(--hv-letok) + 22px);
  background:
    radial-gradient(760px 420px at 82% -6%, hsl(var(--hv-h) 60% 30% / .30), transparent 62%),
    radial-gradient(620px 380px at 6% 12%, hsl(var(--hv-h2) 60% 32% / .16), transparent 60%),
    linear-gradient(180deg, var(--hv-bg2), var(--hv-bg) 38%, var(--hv-bg));
  background-attachment:fixed;
  color:var(--hv-tx);
  font:400 16.5px/1.68 var(--hv-fb);
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}

.hv h1,.hv h2,.hv h3,.hv h4{font-family:var(--hv-fd);font-weight:700;margin:0;line-height:1.2}
.hv p{margin:0 0 14px}
.hv ul{margin:0 0 14px;padding-left:19px}
.hv li{margin:0 0 7px}
.hv a{color:var(--hv-acc);text-decoration:none}
.hv .hvup{color:var(--hv-tx);border-bottom:1px dashed var(--hv-line)}
.hv .hvnum{font-family:var(--hv-fd);color:var(--hv-acc)}

/* ---------- кнопки (специфичность .hv .hvbtn — см. ловушку 3) ---------- */
.hv .hvbtn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:12px 22px;
  font:700 15.5px/1.1 var(--hv-fd);letter-spacing:.2px;
  color:var(--hv-tx);background:var(--hv-panel2);
  border:1px solid var(--hv-line);border-radius:2px;
  clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);
}
.hv .hvbtn--main{
  color:var(--hv-ink);
  background:linear-gradient(135deg,var(--hv-acc),var(--hv-acc-d));
  border-color:transparent;
}
.hv .hvbtn--x{color:var(--hv-ink);background:var(--hv-acc2);border-color:transparent}

/* ---------- верхняя планка ---------- */
.hvbar{
  position:sticky;top:0;z-index:40;
  background:hsl(var(--hv-h) 24% 6% / .92);
  border-bottom:1px solid var(--hv-line2);
  backdrop-filter:blur(8px);
}
.hvbar__in{
  max-width:var(--hv-wrap);margin:0 auto;padding:9px 20px;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.hv .hvmark{
  display:inline-flex;align-items:center;gap:10px;min-height:46px;
  font:700 18px/1 var(--hv-fd);color:var(--hv-tx);letter-spacing:.4px;
}
.hvmark__hex{
  width:30px;height:26px;flex:0 0 auto;
  background:linear-gradient(140deg,var(--hv-acc),var(--hv-acc-d));
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
}
.hvbar__nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.hv .hvbar__nav a{
  display:inline-flex;align-items:center;min-height:46px;padding:0 11px;
  font-size:14px;color:var(--hv-tx2);
}
.hv .hvbar__nav a:hover{color:var(--hv-acc)}

/* ---------- первый экран ---------- */
.hvhero{max-width:var(--hv-wrap);margin:0 auto;padding:34px 20px 8px}
.hvhero__in{display:flex;flex-direction:column;align-items:flex-start}
.hveye{
  display:inline-flex;align-items:center;gap:9px;
  padding:6px 13px;margin-bottom:16px;
  font:700 12.5px/1 var(--hv-fd);letter-spacing:1.4px;text-transform:uppercase;
  color:var(--hv-acc);background:var(--hv-acc-s);
  clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);
}
.hvh1{font-size:clamp(29px,4.5vw,50px);letter-spacing:-.4px;margin-bottom:15px;max-width:19ch}
.hvh1 em{font-style:normal;color:var(--hv-acc);white-space:nowrap}
.hvlead{font-size:17.5px;color:var(--hv-tx2);max-width:70ch;margin-bottom:20px}
.hvacts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}

/* ---------- KPI — верхний ряд сот ---------- */
.hvkpi{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px 12px;padding-bottom:22px;
}
.hvkpi__c{
  --hx:20px;position:relative;min-width:0;
  padding:17px calc(var(--hx) + 12px);
  background:var(--hv-line2);
  clip-path:polygon(var(--hx) 0,calc(100% - var(--hx)) 0,100% 50%,calc(100% - var(--hx)) 100%,var(--hx) 100%,0 50%);
}
.hvkpi__c::before{
  content:"";position:absolute;inset:2px;background:var(--hv-panel);z-index:0;
  clip-path:polygon(var(--hx) 0,calc(100% - var(--hx)) 0,100% 50%,calc(100% - var(--hx)) 100%,var(--hx) 100%,0 50%);
}
.hvkpi__c > *{position:relative;z-index:1}
.hvkpi__c:nth-child(2n){transform:translateY(20px)}
.hvkpi b,.hvkpi strong{font-weight:inherit}
.hvkpi__v{display:block;font:700 25px/1.05 var(--hv-fd);color:var(--hv-acc);margin-bottom:4px}
.hvkpi__c:nth-child(3) .hvkpi__v{color:var(--hv-acc2)}
.hvkpi__k{display:block;font-size:12.5px;color:var(--hv-tx3);line-height:1.35}

/* ---------- шкала медосбора ---------- */
.hvgauge{
  position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:20;
  width:58px;text-align:center;pointer-events:none;
  font:700 10px/1.3 var(--hv-fd);letter-spacing:.6px;color:var(--hv-tx3);
}
.hvgauge__tube{
  position:relative;height:236px;margin:8px auto;width:16px;
  background:var(--hv-line2);border:1px solid var(--hv-line);border-radius:9px;
  overflow:hidden;
}
.hvgauge__fill{
  position:absolute;left:0;right:0;bottom:0;height:62%;
  background:linear-gradient(180deg,var(--hv-acc),var(--hv-acc-d));
}
.hvgauge__mark{display:block;color:var(--hv-tx3);font-size:9.5px;margin:5px 0}
.hvgauge__mark--x{color:var(--hv-acc2)}

/* ---------- лётковая полоса ---------- */
.hvletok{
  position:fixed;left:0;right:0;bottom:0;z-index:45;
  height:var(--hv-letok);
  background:linear-gradient(180deg,hsl(var(--hv-h) 22% 9% / .96),hsl(var(--hv-h) 26% 5% / .98));
  border-top:1px solid var(--hv-line);
  backdrop-filter:blur(8px);
}
.hvletok__in{
  max-width:var(--hv-wrap);margin:0 auto;height:100%;
  display:flex;align-items:center;gap:8px;padding:0 14px;
  overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
}
.hvletok__in::-webkit-scrollbar{height:4px}
.hvletok__in::-webkit-scrollbar-thumb{background:var(--hv-line)}
.hv .hvhole{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;min-width:78px;padding:0 18px;
  font:700 12px/1 var(--hv-fd);letter-spacing:.5px;
  color:var(--hv-tx2);background:var(--hv-line2);
  clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%);
}
.hv .hvhole--go{color:var(--hv-ink);background:linear-gradient(135deg,var(--hv-acc),var(--hv-acc-d))}
.hv .hvhole:hover{color:var(--hv-tx)}
.hv .hvhole--go:hover{color:var(--hv-ink)}

/* ---------- рамки (секции) ---------- */
.hvstack{max-width:var(--hv-wrap);margin:0 auto;padding:0 20px}
.hvframe{
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:var(--hv-pad) minmax(0,1fr);
  gap:0 18px;margin:0 0 22px;padding:22px 20px 24px;
  background:var(--hv-bg2);
  border:1px solid var(--hv-line2);
  border-radius:3px;
  overflow:hidden;
}
.hvframe::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  opacity:var(--hv-fill);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='96' viewBox='0 0 56 96'%3E%3Cpath d='M28 0L0 16L0 48L28 64L56 48L56 16Z M28 64L28 96' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");
  background-size:var(--hv-comb) calc(var(--hv-comb) * 1.714);
}
.hvframe--f1{--hv-fill:.05;--hv-comb:34px}
.hvframe--f2{--hv-fill:.09;--hv-comb:52px}
.hvframe--f3{--hv-fill:.14;--hv-comb:78px}
.hvframe--x{border-color:hsl(var(--hv-h2) 40% 30%)}

.hvrail{min-width:0;padding-top:3px}
.hvno{
  display:flex;align-items:center;justify-content:center;
  width:52px;height:46px;margin-bottom:12px;
  font:700 17px/1 var(--hv-fd);color:var(--hv-ink);
  background:linear-gradient(140deg,var(--hv-acc),var(--hv-acc-d));
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
}
.hvframe--x .hvno{background:var(--hv-acc2)}
.hvfill{display:flex;flex-wrap:wrap;gap:4px;width:52px}
.hvfill i{
  width:14px;height:12px;background:var(--hv-line);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
}
.hvfill i.is-on{background:var(--hv-acc)}
.hvframe--x .hvfill i.is-on{background:var(--hv-acc2)}
.hvrail__t{display:block;margin-top:10px;font:700 9.5px/1.4 var(--hv-fd);letter-spacing:.7px;color:var(--hv-tx3);text-transform:uppercase}

.hvbody{min-width:0}
.hvtag{
  display:inline-block;margin-bottom:9px;
  font:700 11.5px/1 var(--hv-fd);letter-spacing:1.3px;text-transform:uppercase;
  color:var(--hv-acc);
}
.hvframe--x .hvtag{color:var(--hv-acc2)}
.hvbody h2{font-size:clamp(21px,2.6vw,29px);margin-bottom:13px;letter-spacing:-.2px}
.hvbody h3{font-size:16.5px;margin:0 0 8px;color:var(--hv-tx)}
.hvbody > p{color:var(--hv-tx2)}

/* ---------- сотовая сетка вместо карточек ---------- */
.hvcombs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px 13px;margin:16px 0 20px;padding-bottom:28px;
}
.hvcombs--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hvcell{
  --hx:24px;position:relative;min-width:0;
  padding:20px calc(var(--hx) + 15px);
  background:var(--hv-line2);
  clip-path:polygon(var(--hx) 0,calc(100% - var(--hx)) 0,100% 50%,calc(100% - var(--hx)) 100%,var(--hx) 100%,0 50%);
}
.hvcell::before{
  content:"";position:absolute;inset:2px;background:var(--hv-panel);z-index:0;
  clip-path:polygon(var(--hx) 0,calc(100% - var(--hx)) 0,100% 50%,calc(100% - var(--hx)) 100%,var(--hx) 100%,0 50%);
}
.hvcell > *{position:relative;z-index:1}
.hvcell__n{
  display:block;margin-bottom:6px;
  font:700 11px/1 var(--hv-fd);letter-spacing:1.1px;color:var(--hv-acc);
}
.hvcell--x .hvcell__n{color:var(--hv-acc2)}
.hvcell p{margin:0;font-size:14.5px;color:var(--hv-tx2);line-height:1.6}
.hvcombs > .hvcell:nth-child(3n+2){transform:translateY(26px)}
.hvcombs--2 > .hvcell:nth-child(3n+2){transform:none}
.hvcombs--2 > .hvcell:nth-child(2n){transform:translateY(24px)}

/* ---------- таблицы ---------- */
.hvtable-wrap{min-width:0;overflow-x:auto;margin:14px 0 20px;border:1px solid var(--hv-line2)}
.hvtable{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.hvtable th,.hvtable td{padding:10px 13px;text-align:left;border-bottom:1px solid var(--hv-line2)}
.hvtable th{
  font:700 11.5px/1.3 var(--hv-fd);letter-spacing:.8px;text-transform:uppercase;
  color:var(--hv-tx3);background:var(--hv-panel);
}
.hvtable td{color:var(--hv-tx2)}
.hvtable tr:last-child td{border-bottom:0}
.hvtable td:first-child{color:var(--hv-tx)}

/* ---------- лестница лояльности ---------- */
.hvladder{display:flex;flex-direction:column;gap:9px;margin:16px 0 20px}
.hvrung{
  display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;
  padding:11px 14px;background:var(--hv-panel);border-left:2px solid var(--hv-line);
}
.hvrung__hex{
  display:flex;align-items:center;justify-content:center;
  width:52px;height:45px;
  font:700 13px/1 var(--hv-fd);color:var(--hv-ink);
  background:linear-gradient(140deg,var(--hv-acc),var(--hv-acc-d));
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
}
.hvrung:nth-child(2n) .hvrung__hex{background:var(--hv-acc2)}
.hvrung__b{min-width:0}
.hvrung__t{display:block;font:700 15px/1.25 var(--hv-fd);margin-bottom:2px}
.hvrung__d{display:block;font-size:14px;color:var(--hv-tx2)}

/* ---------- пары «параметр → значение» ---------- */
.hvpairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:14px 0 20px}
.hvpair{min-width:0;padding:11px 14px;background:var(--hv-panel);border-top:2px solid var(--hv-acc)}
.hvpair:nth-child(2n){border-top-color:var(--hv-acc2)}
.hvpair__k{display:block;font:700 11px/1.3 var(--hv-fd);letter-spacing:.9px;text-transform:uppercase;color:var(--hv-tx3);margin-bottom:3px}
.hvpair__v{display:block;font-size:14.5px;color:var(--hv-tx2)}

/* ---------- отзывы ---------- */
.hvsays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 20px}
.hvsay{min-width:0;padding:15px 17px;background:var(--hv-panel);border-left:2px solid var(--hv-acc)}
.hvsay:nth-child(2n){border-left-color:var(--hv-acc2)}
.hvsay p{margin:0 0 9px;font-size:14.5px;color:var(--hv-tx2)}
.hvsay__who{font:700 12px/1.3 var(--hv-fd);letter-spacing:.5px;color:var(--hv-tx3)}

/* ---------- FAQ ---------- */
.hvqa{margin:16px 0 8px;border-top:1px solid var(--hv-line2)}
.hvq{border-bottom:1px solid var(--hv-line2)}
.hvq summary{
  list-style:none;cursor:pointer;position:relative;
  padding:13px 34px 13px 0;min-height:44px;
  font:700 15.5px/1.35 var(--hv-fd);color:var(--hv-tx);
}
.hvq summary::-webkit-details-marker{display:none}
.hvq summary::after{
  content:"";position:absolute;right:6px;top:19px;
  width:13px;height:11px;background:var(--hv-acc);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
}
.hvq[open] summary::after{background:var(--hv-acc2)}
.hvq p{margin:0 0 13px;font-size:15px;color:var(--hv-tx2)}

/* ---------- заметка автора ---------- */
.hvnote{
  max-width:var(--hv-wrap);margin:0 auto 22px;padding:20px 22px;
  background:var(--hv-panel);border-left:3px solid var(--hv-acc2);
}
.hvnote h2{font-size:20px;margin-bottom:10px}
.hvnote p{color:var(--hv-tx2);font-size:15.5px}
.hvnote__sign{font:700 13px/1.4 var(--hv-fd);color:var(--hv-tx3)}

/* ---------- подвал ---------- */
.hvfoot{
  border-top:1px solid var(--hv-line2);
  background:hsl(var(--hv-h) 26% 5%);
  padding:24px 20px 20px;
}
.hvfoot__in{max-width:var(--hv-wrap);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hvfoot__c{min-width:0}
.hvfoot__h{display:block;font:700 11.5px/1.3 var(--hv-fd);letter-spacing:1.1px;text-transform:uppercase;color:var(--hv-acc);margin-bottom:8px}
.hvfoot p{font-size:13.5px;color:var(--hv-tx3);margin:0 0 8px}
.hv .hvfoot a{display:inline-flex;align-items:center;min-height:44px;font-size:13.5px;color:var(--hv-tx2)}
.hvage{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:52px;min-height:44px;padding:0 12px;margin-bottom:8px;
  font:700 15px/1 var(--hv-fd);color:var(--hv-ink);background:var(--hv-acc2);
  clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%);
}

/* ---------- адаптив ---------- */
@media (max-width:1340px){
  .hvgauge{display:none}
}
@media (max-width:980px){
  .hvframe{grid-template-columns:minmax(0,1fr);gap:0}
  .hvrail{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-top:0}
  .hvno{margin-bottom:0}
  .hvfill{width:auto}
  .hvrail__t{margin-top:0}
  .hvhero__in{display:flex;flex-direction:column}
  .hvh1{order:1;max-width:none}
  .hvacts{order:2;margin-bottom:20px}
  .hvlead{order:3;margin-bottom:18px}
  .hveye{order:0}
  .hvcombs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hvcombs > .hvcell:nth-child(3n+2){transform:none}
  .hvcombs > .hvcell:nth-child(2n){transform:translateY(24px)}
  .hvfoot__in{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .hv{font-size:16px}
  .hvbar__nav{display:none}
  .hvkpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding-bottom:26px}
  .hvsays{grid-template-columns:minmax(0,1fr)}
  .hvpairs{grid-template-columns:minmax(0,1fr)}
  .hvfoot__in{grid-template-columns:minmax(0,1fr)}
  .hvrung{grid-template-columns:48px minmax(0,1fr);gap:11px;padding:10px 11px}
  .hvrung__hex{width:46px;height:40px;font-size:12px}
}
@media (max-width:620px){
  .hvhero{padding:24px 15px 6px}
  .hvstack{padding:0 15px}
  .hvframe{padding:18px 14px 20px;margin-bottom:18px}
  .hvnote{margin:0 15px 20px;padding:17px 16px}
  .hvcombs,.hvcombs--2{grid-template-columns:minmax(0,1fr);gap:11px;padding-bottom:0}
  .hvcombs > .hvcell:nth-child(3n+2),
  .hvcombs > .hvcell:nth-child(2n),
  .hvcombs--2 > .hvcell:nth-child(2n){transform:none}
  .hvcell{--hx:18px;padding:17px calc(var(--hx) + 12px)}
  .hvkpi__c{--hx:16px;padding:15px calc(var(--hx) + 9px)}
  .hvkpi__c:nth-child(2n){transform:translateY(14px)}
  .hv .hvbtn{width:100%;min-height:50px}
  .hvacts{gap:10px}
  .hvtable{min-width:460px}
}