/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════
   VAIMAN · VISUAL V2 · ВОЛНА 3 (01.10) — собственный вид страниц: шаблон генератора (фото / видео / музыка).
   ФАЙЛ СОБРАН tools/gen_pages_css.py из tools/pages-v2.tpl.css (stage_w3) — правьте шаблон и пересоберите.
   Язык главной v18: герой — петроль-плашка с медной кромкой и оранжевым язычком, «.НАЗВАНИЕ» Oswald 700 капсом
   с оранжевой точкой, справа — оранжевое поле с маскотом, ценой «от» (js/pages-v2.js читает её из страницы) и
   балансом; «Студия» — режимы-постеры; настройки — чистые пилюли (активная — петроль / off-white); «Создать» —
   крупная оранжевая пилюля с кружком-стрелкой; результат — плашка с медной кромкой. Цифры — Montserrat 200–300.
   Селекторы — точные классы страниц (список собран из разметки), к #app: перекрывают встроенные стили страниц.
   Логика страниц не тронута: ни id, ни классы, ни тексты не меняются — только вид.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════ */
:root {
  --v2-plate: linear-gradient(150deg, #174A5E 0%, #0F3444 72%);
  --v2-edge: rgba(224, 149, 90, .55);
  --v2-off: #F2EEE6;
  --v2-off2: #D3DCE0;
  --v2-tag: #FF9A4D;
  --v2-or: #F57A1E;
  --v2-or2: #F26B21;
  --v2-ink: #111111;
  --v2-field-bg: radial-gradient(circle, rgba(17, 17, 17, .13) calc(1.1px * var(--k, 1)), transparent calc(1.7px * var(--k, 1))) 0 0 / calc(13px * var(--k, 1)) calc(13px * var(--k, 1)),
                 linear-gradient(145deg, #F7913A 0%, #F57A1E 45%, #F26B21 100%);
  --v2-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F57A1E' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --v2-field: clamp(calc(210px * var(--k, 1)), 24%, calc(300px * var(--k, 1)));
  --v2-card-bg: #FFFFFF;
  --v2-card-edge: rgba(15, 52, 68, .13);
  --v2-card-shadow: 0 1px 0 rgba(15, 52, 68, .04), 0 calc(22px * var(--k, 1)) calc(44px * var(--k, 1)) calc(-34px * var(--k, 1)) rgba(15, 52, 68, .45);
  --v2-mode-bg: #FFFFFF;
}
[data-theme="dark"] {
  --v2-plate: linear-gradient(150deg, #1D5870 0%, #133F52 72%);
  --v2-edge: rgba(224, 149, 90, .62);
  --v2-card-bg: rgba(23, 74, 94, .62);
  --v2-card-edge: rgba(242, 238, 230, .12);
  --v2-card-shadow: 0 calc(22px * var(--k, 1)) calc(44px * var(--k, 1)) calc(-30px * var(--k, 1)) rgba(4, 22, 30, .8);
  --v2-mode-bg: rgba(242, 238, 230, .05);
}

/* 0 · старые фоны-туманности под страницей («ночь» по V2 — нет): страница на чистом фоне темы */
#app :is(.bhd-page-bg,.bp-page-bg,.fsw-page-bg,.fx2-page-bg,.gi2-page-bg,.gds-page-bg,.gri-page-bg,.nb2-page-bg,.oai-page-bg,.qwi-page-bg,.sdp-page-bg,.tx-page-bg,.trn-page-bg,.ups-page-bg,.wph-page-bg,.wpr-page-bg,.pxv-page-bg,.conv-page-bg,.dr-page-bg,.gv-page-bg,.g15-page-bg,.hh-page-bg,.klo-page-bg,.kl26-page-bg,.klg-page-bg,.ls-page-bg,.mh3-page-bg,.oh-page-bg,.sd15-page-bg,.sd2-page-bg,.sd25-page-bg,.veox-page-bg,.veo-page-bg,.wv-page-bg,.w3-page-bg,.lyr-page-bg,.pers-page-bg,.scov-page-bg,.stem-page-bg,.suno-page-bg,.mtrk-page-bg,.voc-page-bg) { display: none; }

/* 1 · «назад» — тонкая подпись капсом с разрядкой */
#app :is(.bhd-backlink,.bp-backlink,.fsw-backlink,.fk-backlink,.fx2-backlink,.gi2-backlink,.gds-backlink,.gri-backlink,.nb2-backlink,.oai-backlink,.qwi-backlink,.q3-backlink,.sdp-backlink,.tx-backlink,.trn-backlink,.ups-backlink,.wph-backlink,.wpr-backlink,.pxv-backlink,.conv-backlink,.dr-backlink,.go-backlink,.gv-backlink,.g15-backlink,.hh-backlink,.klo-backlink,.kl26-backlink,.klg-backlink,.ls-backlink,.mh3-backlink,.oh-backlink,.sd15-backlink,.sd2-backlink,.sd25-backlink,.veox-backlink,.veo-backlink,.wv-backlink,.w3-backlink,.lyr-backlink,.pers-backlink,.scov-backlink,.stem-backlink,.suno-backlink,.mtrk-backlink,.voc-backlink) {
  font: 600 calc(12px * var(--k, 1))/1 var(--font-num);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--text-secondary);
  gap: calc(10px * var(--k, 1));
  margin: calc(18px * var(--k, 1)) 0 calc(16px * var(--k, 1));
}
#app :is(.bhd-backlink,.bp-backlink,.fsw-backlink,.fk-backlink,.fx2-backlink,.gi2-backlink,.gds-backlink,.gri-backlink,.nb2-backlink,.oai-backlink,.qwi-backlink,.q3-backlink,.sdp-backlink,.tx-backlink,.trn-backlink,.ups-backlink,.wph-backlink,.wpr-backlink,.pxv-backlink,.conv-backlink,.dr-backlink,.go-backlink,.gv-backlink,.g15-backlink,.hh-backlink,.klo-backlink,.kl26-backlink,.klg-backlink,.ls-backlink,.mh3-backlink,.oh-backlink,.sd15-backlink,.sd2-backlink,.sd25-backlink,.veox-backlink,.veo-backlink,.wv-backlink,.w3-backlink,.lyr-backlink,.pers-backlink,.scov-backlink,.stem-backlink,.suno-backlink,.mtrk-backlink,.voc-backlink) svg { width: calc(16px * var(--k, 1)); height: calc(16px * var(--k, 1)); }
#app :is(.bhd-backlink,.bp-backlink,.fsw-backlink,.fk-backlink,.fx2-backlink,.gi2-backlink,.gds-backlink,.gri-backlink,.nb2-backlink,.oai-backlink,.qwi-backlink,.q3-backlink,.sdp-backlink,.tx-backlink,.trn-backlink,.ups-backlink,.wph-backlink,.wpr-backlink,.pxv-backlink,.conv-backlink,.dr-backlink,.go-backlink,.gv-backlink,.g15-backlink,.hh-backlink,.klo-backlink,.kl26-backlink,.klg-backlink,.ls-backlink,.mh3-backlink,.oh-backlink,.sd15-backlink,.sd2-backlink,.sd25-backlink,.veox-backlink,.veo-backlink,.wv-backlink,.w3-backlink,.lyr-backlink,.pers-backlink,.scov-backlink,.stem-backlink,.suno-backlink,.mtrk-backlink,.voc-backlink):hover { color: var(--accent-ember); }

/* 2 · ГЕРОЙ — петроль-плашка-постер */
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: space-between;
  gap: calc(28px * var(--k, 1));
  min-height: calc(250px * var(--k, 1));
  margin: 0 0 calc(26px * var(--k, 1));
  padding: calc(42px * var(--k, 1)) calc(44px * var(--k, 1)) calc(40px * var(--k, 1)) !important;   /* у части героев padding:0!important, отступ был во внутреннем блоке */
  border: 1px solid var(--v2-edge);
  border-radius: var(--radius-card-lg);
  background: var(--v2-plate);
  color: var(--v2-off);
  text-align: left;
  box-shadow: 0 calc(40px * var(--k, 1)) calc(90px * var(--k, 1)) calc(-50px * var(--k, 1)) rgba(4, 22, 30, .8);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* оранжевый язычок сверху слева (как плашки станций главной) */
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero)::before {
  content: '';
  display: block;
  position: absolute;
  left: calc(44px * var(--k, 1));
  top: 0;
  right: auto;
  bottom: auto;
  width: calc(64px * var(--k, 1));
  height: calc(4px * var(--k, 1));
  margin: 0;
  border: 0;
  border-radius: 0 0 calc(4px * var(--k, 1)) calc(4px * var(--k, 1));
  background: var(--v2-or);
  box-shadow: none;
  opacity: 1;
  filter: none;
  transform: none;
  animation: none;
  mix-blend-mode: normal;
  pointer-events: none;
  z-index: 2;
}
/* оранжевое поле справа: у героев «столбиком» (видео/музыка) его рисует ::after, у фото — сам правый блок */
#app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero)::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(14px * var(--k, 1));
  right: calc(14px * var(--k, 1));
  bottom: calc(14px * var(--k, 1));
  left: auto;
  width: var(--v2-field);
  height: auto;
  margin: 0;
  border: 0;
  border-radius: calc(20px * var(--k, 1));
  background: var(--v2-field-bg);
  box-shadow: inset 0 0 0 1px rgba(17, 17, 17, .06);
  opacity: 1;
  filter: none;
  transform: none;
  animation: none;
  mix-blend-mode: normal;
  pointer-events: none;
  z-index: 0;
}
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero)::after { content: none; }
#app :is(.bhd-hero-l,.bp-hero-l,.fsw-hero-l,.fk-hero-l,.fx2-hero-l,.gi2-hero-l,.gds-hero-l,.gri-hero-l,.nb2-hero-l,.oai-hero-l,.qwi-hero-l,.q3-hero-l,.sdp-hero-l,.tx-hero-l,.trn-hero-l,.ups-hero-l,.wph-hero-l,.wpr-hero-l),
#app :is(.pxv-hero-in,.conv-hero-in,.dr-hero-in,.go-hero-in,.gv-hero-in,.g15-hero-in,.hh-hero-in,.klo-hero-in,.kl26-hero-in,.klg-hero-in,.ls-hero-in,.mh3-hero-in,.oh-hero-in,.sd15-hero-in,.sd2-hero-in,.sd25-hero-in,.veox-hero-in,.veo-hero-in,.wv-hero-in,.w3-hero-in,.lyr-hero-in,.pers-hero-in,.scov-hero-in,.stem-hero-in,.suno-hero-in,.mtrk-hero-in,.voc-hero-in) {
  position: static;
  z-index: 1;
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  text-align: left;
  align-self: center;
}
#app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) > :is(:is(.pxv-hero-in,.conv-hero-in,.dr-hero-in,.go-hero-in,.gv-hero-in,.g15-hero-in,.hh-hero-in,.klo-hero-in,.kl26-hero-in,.klg-hero-in,.ls-hero-in,.mh3-hero-in,.oh-hero-in,.sd15-hero-in,.sd2-hero-in,.sd25-hero-in,.veox-hero-in,.veo-hero-in,.wv-hero-in,.w3-hero-in,.lyr-hero-in,.pers-hero-in,.scov-hero-in,.stem-hero-in,.suno-hero-in,.mtrk-hero-in,.voc-hero-in)) { padding-right: calc(var(--v2-field) + calc(10px * var(--k, 1))); }
#app :is(.pxv-hero-in,.conv-hero-in,.dr-hero-in,.go-hero-in,.gv-hero-in,.g15-hero-in,.hh-hero-in,.klo-hero-in,.kl26-hero-in,.klg-hero-in,.ls-hero-in,.mh3-hero-in,.oh-hero-in,.sd15-hero-in,.sd2-hero-in,.sd25-hero-in,.veox-hero-in,.veo-hero-in,.wv-hero-in,.w3-hero-in,.lyr-hero-in,.pers-hero-in,.scov-hero-in,.stem-hero-in,.suno-hero-in,.mtrk-hero-in,.voc-hero-in) > *,
#app :is(.bhd-hero-l,.bp-hero-l,.fsw-hero-l,.fk-hero-l,.fx2-hero-l,.gi2-hero-l,.gds-hero-l,.gri-hero-l,.nb2-hero-l,.oai-hero-l,.qwi-hero-l,.q3-hero-l,.sdp-hero-l,.tx-hero-l,.trn-hero-l,.ups-hero-l,.wph-hero-l,.wpr-hero-l) > * { position: relative; z-index: 1; }

/* надзаголовок «VAIMAN · ФОТО» — Montserrat капсом с разрядкой, янтарь-оранжевый на петроле (6,5:1) */
#app :is(.bhd-eyebrow,.bp-eyebrow,.fsw-eyebrow,.fk-eyebrow,.fx2-eyebrow,.gi2-eyebrow,.gds-eyebrow,.gri-eyebrow,.nb2-eyebrow,.oai-eyebrow,.qwi-eyebrow,.q3-eyebrow,.sdp-eyebrow,.tx-eyebrow,.trn-eyebrow,.ups-eyebrow,.wph-eyebrow,.wpr-eyebrow,.pxv-eyebrow,.conv-eyebrow,.dr-eyebrow,.go-eyebrow,.gv-eyebrow,.g15-eyebrow,.hh-eyebrow,.klo-eyebrow,.kl26-eyebrow,.klg-eyebrow,.ls-eyebrow,.mh3-eyebrow,.oh-eyebrow,.sd15-eyebrow,.sd2-eyebrow,.sd25-eyebrow,.veox-eyebrow,.veo-eyebrow,.wv-eyebrow,.w3-eyebrow,.lyr-eyebrow,.pers-eyebrow,.scov-eyebrow,.stem-eyebrow,.suno-eyebrow,.mtrk-eyebrow,.voc-eyebrow) {
  display: block;
  margin: 0 0 calc(16px * var(--k, 1));
  font-family: var(--font-num);
  font-weight: 600;
  font-size: calc(11.5px * var(--k, 1));
  line-height: 1.2;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--v2-tag);
  opacity: 1;
  -webkit-text-fill-color: currentColor;
  background: none;
}
/* «.НАЗВАНИЕ МОДЕЛИ» — Oswald 700 капсом, точка оранжевая; акцентное слово — тем же цветом (как .ТВОЙ БАЛАНС) */
#app h1:is(:is(.bhd-title,.bp-title,.fsw-hero-title,.fk-title,.fx2-title,.gi2-title,.gds-hero-title,.gri-title,.nb2-title,.oai-title,.qwi-title,.q3-title,.sdp-title,.tx-title,.trn-hero-title,.ups-hero-title,.wph-title,.wpr-title,.pxv-title,.conv-title,.dr-title,.go-title,.gv-title,.g15-title,.hh-title,.klo-title,.kl26-title,.klg-title,.ls-title,.mh3-title,.oh-title,.sd15-title,.sd2-title,.sd25-title,.veox-title,.veo-title,.wv-title,.w3-title,.lyr-title,.pers-title,.scov-title,.stem-title,.suno-title,.mtrk-title,.voc-title)) {
  margin: 0;
  padding: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-style: normal;
  font-size: clamp(calc(40px * var(--k, 1)), 4.3vw, calc(78px * var(--k, 1)));
  line-height: .92;
  letter-spacing: -.005em;
  text-transform: uppercase;
  color: var(--v2-off);
  -webkit-text-fill-color: currentColor;
  background: none;
  text-shadow: none;
  overflow-wrap: anywhere;
}
#app h1:is(:is(.bhd-title,.bp-title,.fsw-hero-title,.fk-title,.fx2-title,.gi2-title,.gds-hero-title,.gri-title,.nb2-title,.oai-title,.qwi-title,.q3-title,.sdp-title,.tx-title,.trn-hero-title,.ups-hero-title,.wph-title,.wpr-title,.pxv-title,.conv-title,.dr-title,.go-title,.gv-title,.g15-title,.hh-title,.klo-title,.kl26-title,.klg-title,.ls-title,.mh3-title,.oh-title,.sd15-title,.sd2-title,.sd25-title,.veox-title,.veo-title,.wv-title,.w3-title,.lyr-title,.pers-title,.scov-title,.stem-title,.suno-title,.mtrk-title,.voc-title))::before { content: '.'; color: var(--v2-or); -webkit-text-fill-color: var(--v2-or); }
#app h1:is(:is(.bhd-title,.bp-title,.fsw-hero-title,.fk-title,.fx2-title,.gi2-title,.gds-hero-title,.gri-title,.nb2-title,.oai-title,.qwi-title,.q3-title,.sdp-title,.tx-title,.trn-hero-title,.ups-hero-title,.wph-title,.wpr-title,.pxv-title,.conv-title,.dr-title,.go-title,.gv-title,.g15-title,.hh-title,.klo-title,.kl26-title,.klg-title,.ls-title,.mh3-title,.oh-title,.sd15-title,.sd2-title,.sd25-title,.veox-title,.veo-title,.wv-title,.w3-title,.lyr-title,.pers-title,.scov-title,.stem-title,.suno-title,.mtrk-title,.voc-title)) :is(em, i, b, strong, span:not([class])) {
  font: inherit;
  font-style: normal;
  color: inherit;
  -webkit-text-fill-color: currentColor;
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  text-shadow: none;
}
/* строка-описание */
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-slogan,.bp-slogan,.fsw-slogan,.fsw-subtitle,.fk-slogan,.fx2-slogan,.gi2-slogan,.gds-slogan,.gds-subtitle,.gri-slogan,.nb2-slogan,.nb2-hero-sub,.oai-slogan,.qwi-slogan,.q3-slogan,.sdp-slogan,.tx-slogan,.trn-slogan,.trn-subtitle,.ups-slogan,.ups-subtitle,.wph-slogan,.wpr-slogan,.pxv-hero-slogan,.conv-slogan,.conv-subtitle,.dr-slogan,.dr-sub,.go-hero-slogan,.gv-slogan,.g15-slogan,.g15-subtitle,.hh-slogan,.klo-slogan,.kl26-slogan,.kl26-sub,.klg-hero-slogan,.ls-slogan,.ls-sub,.mh3-slogan,.oh-hero-slogan,.sd15-slogan,.sd2-hero-slogan,.sd2-subtitle,.sd25-slogan,.veox-hero-slogan,.veo-slogan,.veo-subtitle,.wv-sub,.w3-sub,.lyr-hero-slogan,.pers-hero-slogan,.scov-hero-slogan,.stem-hero-slogan,.suno-hero-slogan,.mtrk-hero-slogan,.voc-hero-slogan)) {
  max-width: 62ch;
  margin: calc(16px * var(--k, 1)) 0 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: calc(15.5px * var(--k, 1));
  line-height: 1.55;
  color: var(--v2-off2);
  opacity: 1;
  -webkit-text-fill-color: currentColor;
}
/* чипы возможностей — контурные пилюли; ссылка-чип («Готовые стили») — оранжевая */
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-hero-chips,.bp-hero-chips,.fsw-hero-chips,.fk-hero-chips,.fx2-hero-chips,.gi2-hero-chips,.gds-hero-chips,.gri-hero-chips,.nb2-hero-chips,.oai-hero-chips,.qwi-hero-chips,.q3-hero-chips,.sdp-hero-chips,.tx-hero-chips,.trn-hero-chips,.ups-hero-chips,.wph-hero-chips,.wpr-hero-chips)) { gap: calc(8px * var(--k, 1)); margin-top: calc(20px * var(--k, 1)); }
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-hero-chip,.bp-hero-chip,.fsw-hero-chip,.fk-hero-chip,.fx2-hero-chip,.gi2-hero-chip,.gds-hero-chip,.gri-hero-chip,.nb2-hero-chip,.oai-hero-chip,.qwi-hero-chip,.q3-hero-chip,.sdp-hero-chip,.tx-hero-chip,.trn-hero-chip,.ups-hero-chip,.wph-hero-chip,.wpr-hero-chip)) {
  display: inline-flex;
  align-items: center;
  gap: calc(6px * var(--k, 1));
  padding: calc(7px * var(--k, 1)) calc(13px * var(--k, 1));
  border: 1px solid rgba(242, 238, 230, .28);
  border-radius: 999px;
  background: transparent;
  color: var(--v2-off);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: calc(12.5px * var(--k, 1));
  line-height: 1.2;
  letter-spacing: .01em;
  text-transform: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) a:is(:is(.bhd-hero-chip,.bp-hero-chip,.fsw-hero-chip,.fk-hero-chip,.fx2-hero-chip,.gi2-hero-chip,.gds-hero-chip,.gri-hero-chip,.nb2-hero-chip,.oai-hero-chip,.qwi-hero-chip,.q3-hero-chip,.sdp-hero-chip,.tx-hero-chip,.trn-hero-chip,.ups-hero-chip,.wph-hero-chip,.wpr-hero-chip)) {
  border-color: transparent;
  background: var(--v2-or);
  color: var(--v2-ink);
  text-decoration: none;
}
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) a:is(:is(.bhd-hero-chip,.bp-hero-chip,.fsw-hero-chip,.fk-hero-chip,.fx2-hero-chip,.gi2-hero-chip,.gds-hero-chip,.gri-hero-chip,.nb2-hero-chip,.oai-hero-chip,.qwi-hero-chip,.q3-hero-chip,.sdp-hero-chip,.tx-hero-chip,.trn-hero-chip,.ups-hero-chip,.wph-hero-chip,.wpr-hero-chip)):hover { background: #F7913A; }

/* правый блок фото-героя = оранжевое поле: баланс сверху, маскот, цена «от» снизу */
#app :is(.bhd-hero-r,.bp-hero-r,.fsw-hero-r,.fk-hero-r,.fx2-hero-r,.gi2-hero-r,.gds-hero-r,.gri-hero-r,.nb2-hero-r,.oai-hero-r,.qwi-hero-r,.q3-hero-r,.sdp-hero-r,.tx-hero-r,.trn-hero-r,.ups-hero-r,.wph-hero-r,.wpr-hero-r) {
  position: relative;
  z-index: 1;
  flex: 0 0 var(--v2-field);
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: calc(10px * var(--k, 1));
  margin: calc(-28px * var(--k, 1)) calc(-30px * var(--k, 1)) calc(-26px * var(--k, 1)) 0;
  padding: calc(16px * var(--k, 1)) calc(14px * var(--k, 1)) calc(18px * var(--k, 1));
  border-radius: calc(20px * var(--k, 1));
  background: var(--v2-field-bg);
  box-shadow: inset 0 0 0 1px rgba(17, 17, 17, .06);
  color: var(--v2-ink);
}
#app :is(.bhd-hero-r,.bp-hero-r,.fsw-hero-r,.fk-hero-r,.fx2-hero-r,.gi2-hero-r,.gds-hero-r,.gri-hero-r,.nb2-hero-r,.oai-hero-r,.qwi-hero-r,.q3-hero-r,.sdp-hero-r,.tx-hero-r,.trn-hero-r,.ups-hero-r,.wph-hero-r,.wpr-hero-r) [class$="-hero-ic"] { --vgen-size: calc(118px * var(--k, 1)); filter: drop-shadow(0 calc(14px * var(--k, 1)) calc(18px * var(--k, 1)) rgba(15, 52, 68, .45)); }
/* маскот героя «столбиком» — в центр оранжевого поля */
#app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) .vgen-hero-ic {
  --vgen-size: calc(112px * var(--k, 1));
  position: absolute;
  z-index: 2;
  top: 50%;
  right: calc(14px * var(--k, 1) + (var(--v2-field) - var(--vgen-size)) / 2);
  margin: 0;
  transform: translateY(-56%);
  filter: drop-shadow(0 calc(14px * var(--k, 1)) calc(18px * var(--k, 1)) rgba(15, 52, 68, .45));
}
#app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) .vgen-hero-ic:hover { transform: translateY(-58%) scale(1.03); }
/* баланс — пилюля-петроль на оранжевом (на оранжевом — синяя): «БАЛАНС 245 ⓥ», цифры Montserrat */
#app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) > :is(:is(.conv-hero-tr,.dr-hero-tr,.gv-hero-tr,.g15-hero-tr,.hh-hero-tr,.klo-hero-tr,.kl26-hero-tr,.ls-hero-tr,.mh3-hero-tr,.sd15-hero-tr,.sd25-hero-tr,.veo-hero-tr,.wv-hero-tr,.w3-hero-tr)),
#app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) > :is(:is(.bhd-balance-chip,.bp-balance-chip,.fsw-balance-chip,.fk-balance-chip,.fx2-balance-chip,.gi2-balance-chip,.gds-balance-chip,.gri-balance-chip,.nb2-balance-chip,.oai-balance-chip,.qwi-balance-chip,.q3-balance-chip,.sdp-balance-chip,.tx-balance-chip,.trn-balance-chip,.ups-balance-chip,.wph-balance-chip,.wpr-balance-chip,.pxv-balance-chip,.conv-balance-chip,.dr-bal,.go-balance-chip,.gv-balance-chip,.g15-balance-chip,.hh-balance-chip,.klo-bal,.kl26-bal,.klg-balance-chip,.ls-bal,.mh3-bal,.oh-bal,.sd15-bal,.sd2-balance-chip,.sd25-bal,.veox-balance-chip,.veo-balance-chip,.wv-bal,.w3-bal,.lyr-balance-chip,.pers-balance-chip,.scov-balance-chip,.stem-balance-chip,.suno-balance-chip,.mtrk-balance-chip,.voc-balance-chip)) {
  position: absolute;
  z-index: 3;
  top: calc(30px * var(--k, 1));
  right: calc(14px * var(--k, 1) + var(--v2-field) / 2);
  left: auto;
  bottom: auto;
  width: auto;
  margin: 0;
  transform: translateX(50%);
}
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-balance-chip,.bp-balance-chip,.fsw-balance-chip,.fk-balance-chip,.fx2-balance-chip,.gi2-balance-chip,.gds-balance-chip,.gri-balance-chip,.nb2-balance-chip,.oai-balance-chip,.qwi-balance-chip,.q3-balance-chip,.sdp-balance-chip,.tx-balance-chip,.trn-balance-chip,.ups-balance-chip,.wph-balance-chip,.wpr-balance-chip,.pxv-balance-chip,.conv-balance-chip,.dr-bal,.go-balance-chip,.gv-balance-chip,.g15-balance-chip,.hh-balance-chip,.klo-bal,.kl26-bal,.klg-balance-chip,.ls-bal,.mh3-bal,.oh-bal,.sd15-bal,.sd2-balance-chip,.sd25-bal,.veox-balance-chip,.veo-balance-chip,.wv-bal,.w3-bal,.lyr-balance-chip,.pers-balance-chip,.scov-balance-chip,.stem-balance-chip,.suno-balance-chip,.mtrk-balance-chip,.voc-balance-chip)) {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  gap: calc(7px * var(--k, 1));
  width: auto;
  min-width: 0;
  padding: calc(8px * var(--k, 1)) calc(15px * var(--k, 1));
  border: 1px solid rgba(224, 149, 90, .7);
  border-radius: 999px;
  background: #0F3444;
  color: var(--v2-off);
  box-shadow: 0 calc(10px * var(--k, 1)) calc(22px * var(--k, 1)) calc(-12px * var(--k, 1)) rgba(15, 52, 68, .7);
  font-family: var(--font-num);
  font-weight: 300;
  font-size: calc(17px * var(--k, 1));
  line-height: 1;
  letter-spacing: -.01em;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-balance-chip,.bp-balance-chip,.fsw-balance-chip,.fk-balance-chip,.fx2-balance-chip,.gi2-balance-chip,.gds-balance-chip,.gri-balance-chip,.nb2-balance-chip,.oai-balance-chip,.qwi-balance-chip,.q3-balance-chip,.sdp-balance-chip,.tx-balance-chip,.trn-balance-chip,.ups-balance-chip,.wph-balance-chip,.wpr-balance-chip,.pxv-balance-chip,.conv-balance-chip,.dr-bal,.go-balance-chip,.gv-balance-chip,.g15-balance-chip,.hh-balance-chip,.klo-bal,.kl26-bal,.klg-balance-chip,.ls-bal,.mh3-bal,.oh-bal,.sd15-bal,.sd2-balance-chip,.sd25-bal,.veox-balance-chip,.veo-balance-chip,.wv-bal,.w3-bal,.lyr-balance-chip,.pers-balance-chip,.scov-balance-chip,.stem-balance-chip,.suno-balance-chip,.mtrk-balance-chip,.voc-balance-chip)) * {
  font-family: var(--font-num);
  color: inherit;
  -webkit-text-fill-color: currentColor;
  background: none;
  line-height: 1;
}
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-balance-chip,.bp-balance-chip,.fsw-balance-chip,.fk-balance-chip,.fx2-balance-chip,.gi2-balance-chip,.gds-balance-chip,.gri-balance-chip,.nb2-balance-chip,.oai-balance-chip,.qwi-balance-chip,.q3-balance-chip,.sdp-balance-chip,.tx-balance-chip,.trn-balance-chip,.ups-balance-chip,.wph-balance-chip,.wpr-balance-chip,.pxv-balance-chip,.conv-balance-chip,.dr-bal,.go-balance-chip,.gv-balance-chip,.g15-balance-chip,.hh-balance-chip,.klo-bal,.kl26-bal,.klg-balance-chip,.ls-bal,.mh3-bal,.oh-bal,.sd15-bal,.sd2-balance-chip,.sd25-bal,.veox-balance-chip,.veo-balance-chip,.wv-bal,.w3-bal,.lyr-balance-chip,.pers-balance-chip,.scov-balance-chip,.stem-balance-chip,.suno-balance-chip,.mtrk-balance-chip,.voc-balance-chip)) :is(:is(.bhd-bal-l,.bp-bal-l,.fk-bal-l,.fx2-bal-l,.gi2-bal-l,.gri-bal-l,.nb2-bal-l,.oai-bal-l,.qwi-bal-l,.q3-bal-l,.sdp-bal-l,.tx-bal-l,.wph-bal-l,.wpr-bal-l)) { font-weight: 600; font-size: calc(9.5px * var(--k, 1)); letter-spacing: .22em; text-transform: uppercase; color: var(--v2-off2); }
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-balance-chip,.bp-balance-chip,.fsw-balance-chip,.fk-balance-chip,.fx2-balance-chip,.gi2-balance-chip,.gds-balance-chip,.gri-balance-chip,.nb2-balance-chip,.oai-balance-chip,.qwi-balance-chip,.q3-balance-chip,.sdp-balance-chip,.tx-balance-chip,.trn-balance-chip,.ups-balance-chip,.wph-balance-chip,.wpr-balance-chip,.pxv-balance-chip,.conv-balance-chip,.dr-bal,.go-balance-chip,.gv-balance-chip,.g15-balance-chip,.hh-balance-chip,.klo-bal,.kl26-bal,.klg-balance-chip,.ls-bal,.mh3-bal,.oh-bal,.sd15-bal,.sd2-balance-chip,.sd25-bal,.veox-balance-chip,.veo-balance-chip,.wv-bal,.w3-bal,.lyr-balance-chip,.pers-balance-chip,.scov-balance-chip,.stem-balance-chip,.suno-balance-chip,.mtrk-balance-chip,.voc-balance-chip)) :is(:is(.bhd-bal-v,.bp-bal-v,.fk-bal-v,.fx2-bal-v,.gi2-bal-v,.gri-bal-v,.nb2-bal-v,.oai-bal-v,.qwi-bal-v,.q3-bal-v,.sdp-bal-v,.tx-bal-v,.wph-bal-v,.wpr-bal-v)) { font-weight: 300; font-size: calc(17px * var(--k, 1)); }
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-balance-chip,.bp-balance-chip,.fsw-balance-chip,.fk-balance-chip,.fx2-balance-chip,.gi2-balance-chip,.gds-balance-chip,.gri-balance-chip,.nb2-balance-chip,.oai-balance-chip,.qwi-balance-chip,.q3-balance-chip,.sdp-balance-chip,.tx-balance-chip,.trn-balance-chip,.ups-balance-chip,.wph-balance-chip,.wpr-balance-chip,.pxv-balance-chip,.conv-balance-chip,.dr-bal,.go-balance-chip,.gv-balance-chip,.g15-balance-chip,.hh-balance-chip,.klo-bal,.kl26-bal,.klg-balance-chip,.ls-bal,.mh3-bal,.oh-bal,.sd15-bal,.sd2-balance-chip,.sd25-bal,.veox-balance-chip,.veo-balance-chip,.wv-bal,.w3-bal,.lyr-balance-chip,.pers-balance-chip,.scov-balance-chip,.stem-balance-chip,.suno-balance-chip,.mtrk-balance-chip,.voc-balance-chip)) :is(:is(.fsw-balance-icon,.gds-balance-icon,.trn-balance-icon,.ups-balance-icon,.pxv-balance-icon,.conv-balance-icon,.dr-bal-ic,.go-balance-icon,.gv-balance-icon,.g15-balance-icon,.hh-balance-icon,.klo-bal-ic,.kl26-bal-ic,.klg-balance-icon,.ls-bal-ic,.mh3-bal-ic,.oh-bal-ic,.sd15-bal-ic,.sd2-balance-icon,.sd25-bal-ic,.veox-balance-icon,.veo-balance-icon,.wv-bal-ic,.w3-bal-ic,.lyr-balance-icon,.pers-balance-icon,.scov-balance-icon,.stem-balance-icon,.suno-balance-icon,.mtrk-balance-icon,.voc-balance-icon)) { color: var(--v2-or); font-weight: 400; }
#app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-balance-chip,.bp-balance-chip,.fsw-balance-chip,.fk-balance-chip,.fx2-balance-chip,.gi2-balance-chip,.gds-balance-chip,.gri-balance-chip,.nb2-balance-chip,.oai-balance-chip,.qwi-balance-chip,.q3-balance-chip,.sdp-balance-chip,.tx-balance-chip,.trn-balance-chip,.ups-balance-chip,.wph-balance-chip,.wpr-balance-chip,.pxv-balance-chip,.conv-balance-chip,.dr-bal,.go-balance-chip,.gv-balance-chip,.g15-balance-chip,.hh-balance-chip,.klo-bal,.kl26-bal,.klg-balance-chip,.ls-bal,.mh3-bal,.oh-bal,.sd15-bal,.sd2-balance-chip,.sd25-bal,.veox-balance-chip,.veo-balance-chip,.wv-bal,.w3-bal,.lyr-balance-chip,.pers-balance-chip,.scov-balance-chip,.stem-balance-chip,.suno-balance-chip,.mtrk-balance-chip,.voc-balance-chip)):hover { border-color: var(--v2-off); }
/* цена «от» (вставляет js/pages-v2.js, число — из цен самой страницы) */
#app .v2-from {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: calc(6px * var(--k, 1));
  margin: 0;
  color: var(--v2-ink);
  font-family: var(--font-num);
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}
#app .v2-from i { font-style: normal; font-weight: 600; font-size: calc(10.5px * var(--k, 1)); letter-spacing: .24em; text-transform: uppercase; }
#app .v2-from b { font-weight: 300; font-size: calc(46px * var(--k, 1)); letter-spacing: -.04em; }
#app .v2-from s { text-decoration: none; font-weight: 300; font-size: calc(18px * var(--k, 1)); }
#app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) > .v2-from {
  position: absolute;
  z-index: 3;
  right: calc(14px * var(--k, 1));
  bottom: calc(30px * var(--k, 1));
  width: var(--v2-field);
}

/* 3 · РАБОЧАЯ ЗОНА — карточки: белые (светлая) / петроль (тёмная), волосяная кромка, без стекла */
#app :is(:is(.bhd-card,.bp-card,.fk-card,.fx2-card,.gi2-card,.gri-card,.nb2-card,.oai-card,.qwi-card,.q3-card,.sdp-card,.tx-card,.wph-card,.wpr-card,.wv-card,.w3-card,.pers-card,.voc-card), :is(.bhd-studio,.bp-studio,.fx2-studio,.gi2-studio,.gri-studio,.nb2-studio,.oai-studio,.qwi-studio,.sdp-studio,.wph-studio,.wpr-studio)) {
  border: 1px solid var(--v2-card-edge);
  border-radius: var(--radius-card);
  background: var(--v2-card-bg);
  box-shadow: var(--v2-card-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* «.СТУДИЯ» — заголовок раздела Oswald с точкой */
#app :is(:is(.bhd-studio-title,.bp-studio-title,.fx2-studio-title,.gi2-studio-title,.gri-studio-title,.nb2-studio-title,.oai-studio-title,.qwi-studio-title,.sdp-studio-title,.wph-studio-title,.wpr-studio-title)) {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: calc(24px * var(--k, 1));
  line-height: 1;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--text-primary);
  -webkit-text-fill-color: currentColor;
  background: none;
}
#app :is(:is(.bhd-studio-title,.bp-studio-title,.fx2-studio-title,.gi2-studio-title,.gri-studio-title,.nb2-studio-title,.oai-studio-title,.qwi-studio-title,.sdp-studio-title,.wph-studio-title,.wpr-studio-title))::before { content: '.'; color: var(--accent-fill-light); }
#app :is(:is(.bhd-studio-sub,.bp-studio-sub,.fx2-studio-sub,.gi2-studio-sub,.gri-studio-sub,.nb2-studio-sub,.oai-studio-sub,.qwi-studio-sub,.sdp-studio-sub,.wph-studio-sub,.wpr-studio-sub)) { margin-top: calc(4px * var(--k, 1)); font-family: var(--font-body); font-weight: 500; font-size: calc(12.5px * var(--k, 1)); color: var(--text-muted); }
/* заголовки карточек — Oswald 600 капсом */
#app :is(:is(.bhd-card-title,.bp-card-title,.fk-card-title,.fx2-card-title,.gi2-card-title,.gri-card-title,.nb2-card-title,.oai-card-title,.qwi-card-title,.q3-card-title,.sdp-card-title,.tx-card-title,.wph-card-title,.wpr-card-title)) {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: calc(16px * var(--k, 1));
  line-height: 1.1;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--text-primary);
  -webkit-text-fill-color: currentColor;
}
/* подписи полей — Montserrat капсом с разрядкой (как метки главной) */
#app :is(:is(.bhd-sub-label,.bp-sub-label,.fsw-label,.fk-sub-label,.fx2-sub-label,.gi2-sub-label,.gds-label,.gri-sub-label,.nb2-sub-label,.oai-sub-label,.qwi-sub-label,.q3-sub-label,.sdp-sub-label,.trn-label,.ups-label,.wph-sub-label,.wpr-sub-label,.pxv-label,.conv-label,.dr-label,.go-label,.gv-label,.g15-label,.hh-label,.klo-label,.kl26-label,.klg-label,.ls-label,.mh3-label,.oh-label,.sd15-label,.sd2-label,.sd25-label,.veox-label,.veo-label,.wv-label,.w3-label,.lyr-label,.pers-label,.scov-label,.stem-label,.suno-label,.voc-label)) {
  font-family: var(--font-num);
  font-weight: 600;
  font-size: calc(11px * var(--k, 1));
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--text-secondary);
}
#app :is(:is(.gi2-step,.pxv-step,.go-step,.sd2-step,.lyr-step,.pers-step,.scov-step,.stem-step,.suno-step,.voc-step)) { font-family: var(--font-num); font-weight: 300; color: var(--accent-ember); letter-spacing: 0; }

/* 4 · РЕЖИМЫ — карточки-постеры: маскот режима крупно, название Oswald; выбранный — петроль (светлая) / оранжевый (тёмная) */
#app :is(:is(.bhd-modes,.bp-modes,.fk-modes,.fx2-modes,.gi2-modes,.gri-modes,.nb2-modes,.oai-modes,.qwi-modes,.q3-modes,.sdp-modes,.ups-modes,.wph-modes,.wpr-modes,.klo-modes,.mh3-modes,.sd25-modes,.wv-modes,.w3-modes,.scov-modes,.suno-modes)) { gap: calc(10px * var(--k, 1)); }
#app :is(:is(.bhd-mode,.bp-mode,.fk-mode,.fx2-mode,.gi2-mode,.gri-mode,.nb2-mode,.oai-mode,.qwi-mode,.q3-mode,.sdp-mode,.ups-mode,.wph-mode,.wpr-mode,.gv-mode,.klo-mode,.mh3-mode,.sd25-mode,.wv-mode,.w3-mode), :is(.pxv-tab:has(> .pxv-tab-tt),.go-tab:has(> .go-tab-tt),.sd2-tab:has(> .sd2-tab-tt),.scov-tab:has(> .scov-tab-tt),.suno-tab:has(> .suno-tab-tt))) {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: calc(6px * var(--k, 1));
  min-width: 0;
  padding: calc(16px * var(--k, 1)) calc(8px * var(--k, 1)) calc(14px * var(--k, 1));
  border: 1px solid var(--v2-card-edge);
  border-radius: calc(20px * var(--k, 1));
  background: var(--v2-mode-bg);
  color: var(--text-primary);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-align: center;
}
#app :is(:is(.bhd-mode,.bp-mode,.fk-mode,.fx2-mode,.gi2-mode,.gri-mode,.nb2-mode,.oai-mode,.qwi-mode,.q3-mode,.sdp-mode,.ups-mode,.wph-mode,.wpr-mode,.gv-mode,.klo-mode,.mh3-mode,.sd25-mode,.wv-mode,.w3-mode), :is(.pxv-tab:has(> .pxv-tab-tt),.go-tab:has(> .go-tab-tt),.sd2-tab:has(> .sd2-tab-tt),.scov-tab:has(> .scov-tab-tt),.suno-tab:has(> .suno-tab-tt))):hover { border-color: var(--copper); }
#app :is(:is(.bhd-mode-ic,.bp-mode-ic,.fx2-mode-ic,.gi2-mode-ic,.gri-mode-ic,.nb2-mode-ic,.oai-mode-ic,.qwi-mode-ic,.sdp-mode-ic,.ups-mode-ic,.wph-mode-ic,.wpr-mode-ic,.gv-mode-ic,.klo-mode-ic,.mh3-mode-ic,.sd25-mode-ic,.wv-mode-ic,.w3-mode-ic)) { width: calc(58px * var(--k, 1)); height: calc(58px * var(--k, 1)); object-fit: contain; filter: drop-shadow(0 calc(8px * var(--k, 1)) calc(12px * var(--k, 1)) rgba(15, 52, 68, .28)); }
#app :is(:is(.bhd-mode-t,.bp-mode-t,.fk-mode-t,.fx2-mode-t,.gi2-mode-t,.gri-mode-t,.nb2-mode-t,.oai-mode-t,.qwi-mode-t,.q3-mode-t,.sdp-mode-t,.ups-mode-t,.wph-mode-t,.wpr-mode-t,.klo-mode-t,.mh3-mode-t,.sd25-mode-t,.wv-mode-t,.w3-mode-t), :is(.pxv-tab-tt,.go-tab-tt,.sd2-tab-tt,.scov-tab-tt,.suno-tab-tt)) {
  display: block;
  max-width: 100%;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: calc(14.5px * var(--k, 1));
  line-height: 1.05;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: normal;
  word-break: normal;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: inherit;
  -webkit-text-fill-color: currentColor;
  background: none;
}
#app :is(:is(.bhd-mode-i,.bp-mode-i,.fk-mode-i,.fx2-mode-i,.gi2-mode-i,.gri-mode-i,.nb2-mode-i,.oai-mode-i,.qwi-mode-i,.q3-mode-i,.sdp-mode-i,.ups-mode-i,.wph-mode-i,.wpr-mode-i,.klo-mode-i,.mh3-mode-i,.sd25-mode-i), :is(.pxv-tab-sub,.go-tab-sub,.sd2-tab-sub,.scov-tab-sub,.suno-tab-sub)) { font-family: var(--font-body); font-weight: 500; font-size: calc(11px * var(--k, 1)); line-height: 1.3; color: var(--text-muted); }
#app :is(:is(.bhd-mode,.bp-mode,.fk-mode,.fx2-mode,.gi2-mode,.gri-mode,.nb2-mode,.oai-mode,.qwi-mode,.q3-mode,.sdp-mode,.ups-mode,.wph-mode,.wpr-mode,.gv-mode,.klo-mode,.mh3-mode,.sd25-mode,.wv-mode,.w3-mode), :is(.pxv-tab:has(> .pxv-tab-tt),.go-tab:has(> .go-tab-tt),.sd2-tab:has(> .sd2-tab-tt),.scov-tab:has(> .scov-tab-tt),.suno-tab:has(> .suno-tab-tt))):is(.active, .is-active, .selected, [aria-pressed="true"], [aria-selected="true"]) {
  border-color: rgba(224, 149, 90, .75);
  background: #0F3444;
  color: var(--v2-off);
  box-shadow: 0 calc(18px * var(--k, 1)) calc(34px * var(--k, 1)) calc(-20px * var(--k, 1)) rgba(15, 52, 68, .75);
  transform: none;
}
#app :is(:is(.bhd-mode,.bp-mode,.fk-mode,.fx2-mode,.gi2-mode,.gri-mode,.nb2-mode,.oai-mode,.qwi-mode,.q3-mode,.sdp-mode,.ups-mode,.wph-mode,.wpr-mode,.gv-mode,.klo-mode,.mh3-mode,.sd25-mode,.wv-mode,.w3-mode), :is(.pxv-tab:has(> .pxv-tab-tt),.go-tab:has(> .go-tab-tt),.sd2-tab:has(> .sd2-tab-tt),.scov-tab:has(> .scov-tab-tt),.suno-tab:has(> .suno-tab-tt))):is(.active, .is-active, .selected, [aria-pressed="true"], [aria-selected="true"])::before {
  content: '';
  position: absolute;
  left: calc(14px * var(--k, 1));
  top: 0;
  width: calc(30px * var(--k, 1));
  height: calc(3px * var(--k, 1));
  border-radius: 0 0 3px 3px;
  background: var(--v2-or);
}
#app :is(:is(.bhd-mode,.bp-mode,.fk-mode,.fx2-mode,.gi2-mode,.gri-mode,.nb2-mode,.oai-mode,.qwi-mode,.q3-mode,.sdp-mode,.ups-mode,.wph-mode,.wpr-mode,.gv-mode,.klo-mode,.mh3-mode,.sd25-mode,.wv-mode,.w3-mode), :is(.pxv-tab:has(> .pxv-tab-tt),.go-tab:has(> .go-tab-tt),.sd2-tab:has(> .sd2-tab-tt),.scov-tab:has(> .scov-tab-tt),.suno-tab:has(> .suno-tab-tt))):is(.active, .is-active, .selected, [aria-pressed="true"], [aria-selected="true"]) :is(:is(.bhd-mode-i,.bp-mode-i,.fk-mode-i,.fx2-mode-i,.gi2-mode-i,.gri-mode-i,.nb2-mode-i,.oai-mode-i,.qwi-mode-i,.q3-mode-i,.sdp-mode-i,.ups-mode-i,.wph-mode-i,.wpr-mode-i,.klo-mode-i,.mh3-mode-i,.sd25-mode-i), :is(.pxv-tab-sub,.go-tab-sub,.sd2-tab-sub,.scov-tab-sub,.suno-tab-sub)) { color: var(--v2-off2); }
[data-theme="dark"] #app :is(:is(.bhd-mode,.bp-mode,.fk-mode,.fx2-mode,.gi2-mode,.gri-mode,.nb2-mode,.oai-mode,.qwi-mode,.q3-mode,.sdp-mode,.ups-mode,.wph-mode,.wpr-mode,.gv-mode,.klo-mode,.mh3-mode,.sd25-mode,.wv-mode,.w3-mode), :is(.pxv-tab:has(> .pxv-tab-tt),.go-tab:has(> .go-tab-tt),.sd2-tab:has(> .sd2-tab-tt),.scov-tab:has(> .scov-tab-tt),.suno-tab:has(> .suno-tab-tt))):is(.active, .is-active, .selected, [aria-pressed="true"], [aria-selected="true"]) {
  border-color: transparent;
  background: linear-gradient(145deg, #F7913A, #F26B21);
  color: var(--v2-ink);
}
[data-theme="dark"] #app :is(:is(.bhd-mode,.bp-mode,.fk-mode,.fx2-mode,.gi2-mode,.gri-mode,.nb2-mode,.oai-mode,.qwi-mode,.q3-mode,.sdp-mode,.ups-mode,.wph-mode,.wpr-mode,.gv-mode,.klo-mode,.mh3-mode,.sd25-mode,.wv-mode,.w3-mode), :is(.pxv-tab:has(> .pxv-tab-tt),.go-tab:has(> .go-tab-tt),.sd2-tab:has(> .sd2-tab-tt),.scov-tab:has(> .scov-tab-tt),.suno-tab:has(> .suno-tab-tt))):is(.active, .is-active, .selected, [aria-pressed="true"], [aria-selected="true"])::before { background: #0F3444; }
[data-theme="dark"] #app :is(:is(.bhd-mode,.bp-mode,.fk-mode,.fx2-mode,.gi2-mode,.gri-mode,.nb2-mode,.oai-mode,.qwi-mode,.q3-mode,.sdp-mode,.ups-mode,.wph-mode,.wpr-mode,.gv-mode,.klo-mode,.mh3-mode,.sd25-mode,.wv-mode,.w3-mode), :is(.pxv-tab:has(> .pxv-tab-tt),.go-tab:has(> .go-tab-tt),.sd2-tab:has(> .sd2-tab-tt),.scov-tab:has(> .scov-tab-tt),.suno-tab:has(> .suno-tab-tt))):is(.active, .is-active, .selected, [aria-pressed="true"], [aria-selected="true"]) :is(:is(.bhd-mode-i,.bp-mode-i,.fk-mode-i,.fx2-mode-i,.gi2-mode-i,.gri-mode-i,.nb2-mode-i,.oai-mode-i,.qwi-mode-i,.q3-mode-i,.sdp-mode-i,.ups-mode-i,.wph-mode-i,.wpr-mode-i,.klo-mode-i,.mh3-mode-i,.sd25-mode-i), :is(.pxv-tab-sub,.go-tab-sub,.sd2-tab-sub,.scov-tab-sub,.suno-tab-sub)) { color: rgba(17, 17, 17, .72); }

/* 5 · НАСТРОЙКИ — чистые пилюли: контур; выбранная — петроль (светлая) / off-white с #111 (тёмная) */
#app :is(:is(.bhd-chip,.bhd-toggle-chip,.bhd-submode-btn,.bp-chip,.bp-toggle-chip,.bp-submode-btn,.fk-chip,.fk-toggle-chip,.fk-submode-btn,.fx2-chip,.fx2-toggle-chip,.fx2-submode-btn,.gi2-chip,.gi2-toggle-chip,.gi2-submode-btn,.gds-chip,.gri-chip,.gri-toggle-chip,.gri-submode-btn,.nb2-chip,.nb2-toggle-chip,.nb2-submode-btn,.oai-chip,.oai-toggle-chip,.oai-submode-btn,.qwi-chip,.qwi-toggle-chip,.qwi-submode-btn,.q3-chip,.q3-toggle-chip,.q3-submode-btn,.sdp-chip,.sdp-toggle-chip,.sdp-submode-btn,.tx-chip,.ups-chip,.wph-chip,.wph-toggle-chip,.wph-submode-btn,.wpr-chip,.wpr-toggle-chip,.wpr-submode-btn,.pxv-chip,.go-chip,.gv-chip,.g15-chip,.hh-chip,.klo-chip,.kl26-chip,.klg-chip,.mh3-chip,.oh-chip,.sd15-chip,.sd2-chip,.sd25-chip,.veox-chip,.veo-chip,.wv-seg-btn,.w3-seg-btn,.scov-chip,.suno-chip)) {
  border: 1px solid var(--edge-hair);
  border-radius: 999px;
  background: var(--field-bg);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-weight: 600;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
#app :is(:is(.bhd-chip,.bhd-toggle-chip,.bhd-submode-btn,.bp-chip,.bp-toggle-chip,.bp-submode-btn,.fk-chip,.fk-toggle-chip,.fk-submode-btn,.fx2-chip,.fx2-toggle-chip,.fx2-submode-btn,.gi2-chip,.gi2-toggle-chip,.gi2-submode-btn,.gds-chip,.gri-chip,.gri-toggle-chip,.gri-submode-btn,.nb2-chip,.nb2-toggle-chip,.nb2-submode-btn,.oai-chip,.oai-toggle-chip,.oai-submode-btn,.qwi-chip,.qwi-toggle-chip,.qwi-submode-btn,.q3-chip,.q3-toggle-chip,.q3-submode-btn,.sdp-chip,.sdp-toggle-chip,.sdp-submode-btn,.tx-chip,.ups-chip,.wph-chip,.wph-toggle-chip,.wph-submode-btn,.wpr-chip,.wpr-toggle-chip,.wpr-submode-btn,.pxv-chip,.go-chip,.gv-chip,.g15-chip,.hh-chip,.klo-chip,.kl26-chip,.klg-chip,.mh3-chip,.oh-chip,.sd15-chip,.sd2-chip,.sd25-chip,.veox-chip,.veo-chip,.wv-seg-btn,.w3-seg-btn,.scov-chip,.suno-chip)):hover { border-color: var(--copper); }
#app :is(:is(.bhd-chip,.bhd-toggle-chip,.bhd-submode-btn,.bp-chip,.bp-toggle-chip,.bp-submode-btn,.fk-chip,.fk-toggle-chip,.fk-submode-btn,.fx2-chip,.fx2-toggle-chip,.fx2-submode-btn,.gi2-chip,.gi2-toggle-chip,.gi2-submode-btn,.gds-chip,.gri-chip,.gri-toggle-chip,.gri-submode-btn,.nb2-chip,.nb2-toggle-chip,.nb2-submode-btn,.oai-chip,.oai-toggle-chip,.oai-submode-btn,.qwi-chip,.qwi-toggle-chip,.qwi-submode-btn,.q3-chip,.q3-toggle-chip,.q3-submode-btn,.sdp-chip,.sdp-toggle-chip,.sdp-submode-btn,.tx-chip,.ups-chip,.wph-chip,.wph-toggle-chip,.wph-submode-btn,.wpr-chip,.wpr-toggle-chip,.wpr-submode-btn,.pxv-chip,.go-chip,.gv-chip,.g15-chip,.hh-chip,.klo-chip,.kl26-chip,.klg-chip,.mh3-chip,.oh-chip,.sd15-chip,.sd2-chip,.sd25-chip,.veox-chip,.veo-chip,.wv-seg-btn,.w3-seg-btn,.scov-chip,.suno-chip)):is(.active, .is-active, .selected, .on, [aria-pressed="true"], [aria-checked="true"]) {
  border-color: var(--chip-on-bg);
  background: var(--chip-on-bg);
  color: var(--chip-on-fg);
  box-shadow: none;
}
#app :is(:is(.gds-tab,.pxv-tab:not(:has(> .pxv-tab-tt)),.go-tab:not(:has(> .go-tab-tt)),.g15-tab,.hh-tab,.kl26-tab,.klg-tab,.ls-tab,.sd2-tab:not(:has(> .sd2-tab-tt)),.veo-tab,.scov-tab:not(:has(> .scov-tab-tt)),.suno-tab:not(:has(> .suno-tab-tt)))):is(.active, .is-active, .selected, [aria-selected="true"]) {
  border-color: var(--chip-on-bg);
  background: var(--chip-on-bg);
  color: var(--chip-on-fg);
  box-shadow: none;
  text-shadow: none;
}
#app :is(:is(.bhd-chip,.bhd-toggle-chip,.bhd-submode-btn,.bp-chip,.bp-toggle-chip,.bp-submode-btn,.fk-chip,.fk-toggle-chip,.fk-submode-btn,.fx2-chip,.fx2-toggle-chip,.fx2-submode-btn,.gi2-chip,.gi2-toggle-chip,.gi2-submode-btn,.gds-chip,.gri-chip,.gri-toggle-chip,.gri-submode-btn,.nb2-chip,.nb2-toggle-chip,.nb2-submode-btn,.oai-chip,.oai-toggle-chip,.oai-submode-btn,.qwi-chip,.qwi-toggle-chip,.qwi-submode-btn,.q3-chip,.q3-toggle-chip,.q3-submode-btn,.sdp-chip,.sdp-toggle-chip,.sdp-submode-btn,.tx-chip,.ups-chip,.wph-chip,.wph-toggle-chip,.wph-submode-btn,.wpr-chip,.wpr-toggle-chip,.wpr-submode-btn,.pxv-chip,.go-chip,.gv-chip,.g15-chip,.hh-chip,.klo-chip,.kl26-chip,.klg-chip,.mh3-chip,.oh-chip,.sd15-chip,.sd2-chip,.sd25-chip,.veox-chip,.veo-chip,.wv-seg-btn,.w3-seg-btn,.scov-chip,.suno-chip)) :is(:is(.bhd-chip-sub,.bp-chip-sub,.fk-chip-sub,.fx2-chip-sub,.gi2-chip-sub,.gri-chip-sub,.nb2-chip-sub,.oai-chip-sub,.qwi-chip-sub,.q3-chip-sub,.sdp-chip-sub,.ups-chip-sub,.wph-chip-sub,.wpr-chip-sub,.pxv-chip-sub,.go-chip-sub,.gv-chip-sub,.g15-chip-sub,.hh-chip-sub,.klo-chip-sub,.mh3-chip-sub,.sd15-chip-sub,.sd2-chip-sub,.sd25-chip-sub,.veox-chip-sub,.veo-chip-sub,.scov-chip-sub,.suno-chip-sub)) { font-family: var(--font-num); font-weight: 300; color: inherit; opacity: .78; }

/* 6 · СТОИМОСТЬ — тонкие цифры Montserrat */
#app :is(:is(.bhd-cost-label,.bp-cost-label,.fsw-cost-label,.fk-cost-label,.fx2-cost-label,.gi2-cost-label,.gds-cost-label,.gri-cost-label,.nb2-cost-label,.oai-cost-label,.qwi-cost-label,.q3-cost-label,.sdp-cost-label,.trn-cost-label,.ups-cost-label,.wph-cost-label,.wpr-cost-label,.pxv-cost-label,.conv-cost-label,.go-cost-label,.gv-cost-label,.g15-cost-label,.hh-cost-label,.klg-cost-label,.sd2-cost-label,.veox-cost-label,.veo-cost-label,.lyr-cost-label,.scov-cost-label,.stem-cost-label,.suno-cost-label)) { font-family: var(--font-num); font-weight: 600; font-size: calc(10.5px * var(--k, 1)); letter-spacing: .2em; text-transform: uppercase; color: var(--text-muted); }
#app :is(:is(.bhd-cost-value,.bp-cost-value,.fsw-cost-value,.fk-cost-value,.fx2-cost-value,.gi2-cost-value,.gds-cost-value,.gri-cost-value,.nb2-cost-value,.oai-cost-value,.qwi-cost-value,.q3-cost-value,.sdp-cost-value,.trn-cost-value,.ups-cost-value,.wph-cost-value,.wpr-cost-value,.pxv-cost-value,.conv-cost-value,.go-cost-value,.gv-cost-value,.g15-cost-value,.hh-cost-value,.klg-cost-value,.sd2-cost-value,.veox-cost-value,.veo-cost-value,.lyr-cost-value,.scov-cost-value,.stem-cost-value,.suno-cost-value)) {
  font-family: var(--font-num);
  font-weight: 200;
  font-size: calc(34px * var(--k, 1));
  line-height: 1;
  letter-spacing: -.035em;
  color: var(--text-primary);
  -webkit-text-fill-color: currentColor;
  background: none;
}
#app :is(:is(.bhd-cost-value,.bp-cost-value,.fsw-cost-value,.fk-cost-value,.fx2-cost-value,.gi2-cost-value,.gds-cost-value,.gri-cost-value,.nb2-cost-value,.oai-cost-value,.qwi-cost-value,.q3-cost-value,.sdp-cost-value,.trn-cost-value,.ups-cost-value,.wph-cost-value,.wpr-cost-value,.pxv-cost-value,.conv-cost-value,.go-cost-value,.gv-cost-value,.g15-cost-value,.hh-cost-value,.klg-cost-value,.sd2-cost-value,.veox-cost-value,.veo-cost-value,.lyr-cost-value,.scov-cost-value,.stem-cost-value,.suno-cost-value)) :is(:is(.bhd-cost-unit,.bp-cost-unit,.fsw-cost-unit,.fk-cost-unit,.fx2-cost-unit,.gi2-cost-unit,.gds-cost-unit,.gri-cost-unit,.nb2-cost-unit,.oai-cost-unit,.qwi-cost-unit,.q3-cost-unit,.sdp-cost-unit,.trn-cost-unit,.ups-cost-unit,.wph-cost-unit,.wpr-cost-unit,.pxv-cost-unit,.conv-cost-unit,.go-cost-unit,.gv-cost-unit,.g15-cost-unit,.hh-cost-unit,.klg-cost-unit,.sd2-cost-unit,.veox-cost-unit,.veo-cost-unit,.lyr-cost-unit,.scov-cost-unit,.stem-cost-unit,.suno-cost-unit)) { font-weight: 300; font-size: .5em; letter-spacing: 0; margin-left: .12em; color: var(--accent-ember); -webkit-text-fill-color: currentColor; }

/* 7 · «СОЗДАТЬ» — крупная оранжевая пилюля, текст #111 (6,2:1), справа кружок-петроль со стрелкой; цена — в тексте кнопки */
#app :is(:is(#bhd-generate,#bp-generate,#fsw-generate,#fk-generate,#fx2-generate,#gi2-generate,#gds-generate,#gri-generate,#nb2-generate,#oai-generate,#qwi-generate,#q3-generate,#sdp-generate,#trn-generate,#ups-generate,#wph-generate,#wpr-generate,#bsc-generate,#conv-generate,#dr-gen,#go-generate,#gv-generate,#g15-gen,#hh-generate,#klo-gen,#kl26-gen,#klg-generate,#ls-gen,#mh3-gen,#oh-gen,#pxv-generate,#sd15-gen,#sd2-generate,#sd25-gen,#veox-generate,#veo-generate,#wv-generate,#w3-generate,#lyr-generate,#scov-generate,#stem-generate,#suno-generate)) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(14px * var(--k, 1));
  min-height: calc(64px * var(--k, 1));
  padding: calc(7px * var(--k, 1)) calc(7px * var(--k, 1)) calc(7px * var(--k, 1)) calc(28px * var(--k, 1));
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #F57A1E 0%, #F26B21 100%);
  color: var(--v2-ink);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: calc(17px * var(--k, 1));
  line-height: 1.1;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: left;
  text-shadow: none;
  box-shadow: 0 calc(18px * var(--k, 1)) calc(38px * var(--k, 1)) calc(-18px * var(--k, 1)) rgba(245, 122, 30, .9);
  -webkit-text-fill-color: currentColor;
  overflow: hidden;
}
#app :is(:is(#bhd-generate,#bp-generate,#fsw-generate,#fk-generate,#fx2-generate,#gi2-generate,#gds-generate,#gri-generate,#nb2-generate,#oai-generate,#qwi-generate,#q3-generate,#sdp-generate,#trn-generate,#ups-generate,#wph-generate,#wpr-generate,#bsc-generate,#conv-generate,#dr-gen,#go-generate,#gv-generate,#g15-gen,#hh-generate,#klo-gen,#kl26-gen,#klg-generate,#ls-gen,#mh3-gen,#oh-gen,#pxv-generate,#sd15-gen,#sd2-generate,#sd25-gen,#veox-generate,#veo-generate,#wv-generate,#w3-generate,#lyr-generate,#scov-generate,#stem-generate,#suno-generate)) * { color: inherit; -webkit-text-fill-color: currentColor; font-family: inherit; letter-spacing: inherit; text-shadow: none; }
#app :is(:is(#bhd-generate,#bp-generate,#fsw-generate,#fk-generate,#fx2-generate,#gi2-generate,#gds-generate,#gri-generate,#nb2-generate,#oai-generate,#qwi-generate,#q3-generate,#sdp-generate,#trn-generate,#ups-generate,#wph-generate,#wpr-generate,#bsc-generate,#conv-generate,#dr-gen,#go-generate,#gv-generate,#g15-gen,#hh-generate,#klo-gen,#kl26-gen,#klg-generate,#ls-gen,#mh3-gen,#oh-gen,#pxv-generate,#sd15-gen,#sd2-generate,#sd25-gen,#veox-generate,#veo-generate,#wv-generate,#w3-generate,#lyr-generate,#scov-generate,#stem-generate,#suno-generate))::after {
  content: '';
  flex: 0 0 auto;
  position: static;
  display: block;
  width: calc(50px * var(--k, 1));
  height: calc(50px * var(--k, 1));
  margin: 0 0 0 auto;
  border-radius: 50%;
  background: #0F3444 var(--v2-arrow) center / calc(18px * var(--k, 1)) no-repeat;
  box-shadow: none;
  opacity: 1;
  filter: none;
  transform: none;
  animation: none;
  inset: auto;
}
#app :is(:is(#bhd-generate,#bp-generate,#fsw-generate,#fk-generate,#fx2-generate,#gi2-generate,#gds-generate,#gri-generate,#nb2-generate,#oai-generate,#qwi-generate,#q3-generate,#sdp-generate,#trn-generate,#ups-generate,#wph-generate,#wpr-generate,#bsc-generate,#conv-generate,#dr-gen,#go-generate,#gv-generate,#g15-gen,#hh-generate,#klo-gen,#kl26-gen,#klg-generate,#ls-gen,#mh3-gen,#oh-gen,#pxv-generate,#sd15-gen,#sd2-generate,#sd25-gen,#veox-generate,#veo-generate,#wv-generate,#w3-generate,#lyr-generate,#scov-generate,#stem-generate,#suno-generate)):hover:not(:disabled) { transform: translateY(calc(-2px * var(--k, 1))); box-shadow: 0 calc(22px * var(--k, 1)) calc(42px * var(--k, 1)) calc(-18px * var(--k, 1)) rgba(245, 122, 30, 1); }
#app :is(:is(#bhd-generate,#bp-generate,#fsw-generate,#fk-generate,#fx2-generate,#gi2-generate,#gds-generate,#gri-generate,#nb2-generate,#oai-generate,#qwi-generate,#q3-generate,#sdp-generate,#trn-generate,#ups-generate,#wph-generate,#wpr-generate,#bsc-generate,#conv-generate,#dr-gen,#go-generate,#gv-generate,#g15-gen,#hh-generate,#klo-gen,#kl26-gen,#klg-generate,#ls-gen,#mh3-gen,#oh-gen,#pxv-generate,#sd15-gen,#sd2-generate,#sd25-gen,#veox-generate,#veo-generate,#wv-generate,#w3-generate,#lyr-generate,#scov-generate,#stem-generate,#suno-generate)):is(:disabled, .disabled, [aria-disabled="true"]) { opacity: .5; cursor: not-allowed; transform: none; box-shadow: none; filter: saturate(.7); }

/* 8 · РЕЗУЛЬТАТ — плашка с медной кромкой и оранжевым язычком; кнопки — пилюли */
#app :is(:is(.bhd-result-section,.bp-result-section,.fsw-result-section,.fk-result-section,.fx2-result-section,.gi2-result-section,.gds-result-section,.gri-result-section,.nb2-result-section,.oai-result-section,.qwi-result-section,.q3-result-section,.sdp-result-section,.trn-result-section,.ups-result-section,.wph-result-section,.wpr-result-section,.pxv-result-section,.conv-result-section,.go-result-section,.gv-result-section,.hh-result-section,.klg-result-section,.sd2-result-section,.veox-result-section,.veo-result-section,.lyr-result-section,.scov-result-section,.stem-result-section,.suno-result-section)) :is(:is(.bhd-card,.bp-card,.fk-card,.fx2-card,.gi2-card,.gri-card,.nb2-card,.oai-card,.qwi-card,.q3-card,.sdp-card,.tx-card,.wph-card,.wpr-card,.wv-card,.w3-card,.pers-card,.voc-card)) {
  position: relative;
  border: 1px solid var(--v2-edge);
  box-shadow: 0 calc(30px * var(--k, 1)) calc(60px * var(--k, 1)) calc(-36px * var(--k, 1)) rgba(15, 52, 68, .55);
}
#app :is(:is(.bhd-result-section,.bp-result-section,.fsw-result-section,.fk-result-section,.fx2-result-section,.gi2-result-section,.gds-result-section,.gri-result-section,.nb2-result-section,.oai-result-section,.qwi-result-section,.q3-result-section,.sdp-result-section,.trn-result-section,.ups-result-section,.wph-result-section,.wpr-result-section,.pxv-result-section,.conv-result-section,.go-result-section,.gv-result-section,.hh-result-section,.klg-result-section,.sd2-result-section,.veox-result-section,.veo-result-section,.lyr-result-section,.scov-result-section,.stem-result-section,.suno-result-section)) :is(:is(.bhd-card,.bp-card,.fk-card,.fx2-card,.gi2-card,.gri-card,.nb2-card,.oai-card,.qwi-card,.q3-card,.sdp-card,.tx-card,.wph-card,.wpr-card,.wv-card,.w3-card,.pers-card,.voc-card))::before {
  content: '';
  position: absolute;
  z-index: 2;
  left: calc(28px * var(--k, 1));
  top: 0;
  width: calc(56px * var(--k, 1));
  height: calc(4px * var(--k, 1));
  border-radius: 0 0 4px 4px;
  background: var(--v2-or);
  pointer-events: none;
}
#app :is(:is(.bhd-result-btn,.bp-result-btn,.fsw-result-btn,.fk-result-btn,.fx2-result-btn,.gi2-result-btn,.gds-result-btn,.gri-result-btn,.nb2-result-btn,.oai-result-btn,.qwi-result-btn,.q3-result-btn,.sdp-result-btn,.trn-result-btn,.ups-result-btn,.wph-result-btn,.wpr-result-btn,.pxv-result-btn,.conv-result-btn,.go-result-btn,.gv-result-btn,.g15-result-btn,.hh-result-btn,.klg-result-btn,.sd2-result-btn,.veox-result-btn,.veo-result-btn,.lyr-result-btn,.scov-result-btn,.stem-result-btn,.suno-result-btn)) {
  border: 1px solid var(--btn-line);
  border-radius: 999px;
  background: transparent;
  color: var(--text-primary);
  font-family: var(--font-body);
  font-weight: 700;
  box-shadow: none;
}
#app :is(:is(.bhd-result-btn,.bp-result-btn,.fsw-result-btn,.fk-result-btn,.fx2-result-btn,.gi2-result-btn,.gds-result-btn,.gri-result-btn,.nb2-result-btn,.oai-result-btn,.qwi-result-btn,.q3-result-btn,.sdp-result-btn,.trn-result-btn,.ups-result-btn,.wph-result-btn,.wpr-result-btn,.pxv-result-btn,.conv-result-btn,.go-result-btn,.gv-result-btn,.g15-result-btn,.hh-result-btn,.klg-result-btn,.sd2-result-btn,.veox-result-btn,.veo-result-btn,.lyr-result-btn,.scov-result-btn,.stem-result-btn,.suno-result-btn)):hover { border-color: var(--copper); }
#app :is(:is(.bhd-result-download,.bp-result-download,.fsw-result-download,.fk-result-download,.fx2-result-download,.gi2-result-download,.gds-result-download,.gri-result-download,.nb2-result-download,.oai-result-download,.qwi-result-download,.q3-result-download,.sdp-result-download,.trn-result-download,.ups-result-download,.wph-result-download,.wpr-result-download,.pxv-result-download,.conv-result-download,.go-result-download,.gv-result-download,.hh-result-download,.klg-result-download,.sd2-result-download,.veox-result-download,.veo-result-download,.lyr-result-download,.scov-result-download,.suno-result-download)) { border-color: transparent; background: linear-gradient(135deg, #F57A1E, #F26B21); color: var(--v2-ink); }
#app :is(:is(.bhd-progress-percent,.bp-progress-percent,.fsw-progress-percent,.fk-progress-percent,.fx2-progress-percent,.gi2-progress-percent,.gds-progress-percent,.gri-progress-percent,.nb2-progress-percent,.oai-progress-percent,.qwi-progress-percent,.q3-progress-percent,.sdp-progress-percent,.trn-progress-percent,.ups-progress-percent,.wph-progress-percent,.wpr-progress-percent,.conv-progress-percent,.gv-progress-percent,.hh-progress-percent,.klg-progress-percent,.sd2-progress-percent,.veox-progress-percent,.veo-progress-percent,.lyr-progress-percent,.scov-progress-percent,.stem-progress-percent,.suno-progress-percent)) { font-family: var(--font-num); font-weight: 200; letter-spacing: -.03em; color: var(--text-primary); -webkit-text-fill-color: currentColor; background: none; }

/* 9 · ТЕЛЕФОН И УЗКОЕ ОКНО */
@media (max-width: 1100px) {
  :root { --v2-field: clamp(calc(180px * var(--k, 1)), 26%, calc(240px * var(--k, 1))); }
}
@media (max-width: 760px) {
  #app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) {
    flex-direction: column;
    gap: calc(16px * var(--k, 1));
    min-height: 0;
    margin-bottom: calc(18px * var(--k, 1));
    padding: calc(28px * var(--k, 1)) calc(20px * var(--k, 1)) calc(20px * var(--k, 1)) !important;
    border-radius: var(--radius-card);
  }
  #app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero)::before { left: calc(20px * var(--k, 1)); width: calc(48px * var(--k, 1)); }
  #app :is(.bhd-eyebrow,.bp-eyebrow,.fsw-eyebrow,.fk-eyebrow,.fx2-eyebrow,.gi2-eyebrow,.gds-eyebrow,.gri-eyebrow,.nb2-eyebrow,.oai-eyebrow,.qwi-eyebrow,.q3-eyebrow,.sdp-eyebrow,.tx-eyebrow,.trn-eyebrow,.ups-eyebrow,.wph-eyebrow,.wpr-eyebrow,.pxv-eyebrow,.conv-eyebrow,.dr-eyebrow,.go-eyebrow,.gv-eyebrow,.g15-eyebrow,.hh-eyebrow,.klo-eyebrow,.kl26-eyebrow,.klg-eyebrow,.ls-eyebrow,.mh3-eyebrow,.oh-eyebrow,.sd15-eyebrow,.sd2-eyebrow,.sd25-eyebrow,.veox-eyebrow,.veo-eyebrow,.wv-eyebrow,.w3-eyebrow,.lyr-eyebrow,.pers-eyebrow,.scov-eyebrow,.stem-eyebrow,.suno-eyebrow,.mtrk-eyebrow,.voc-eyebrow) { margin-bottom: calc(12px * var(--k, 1)); font-size: calc(10px * var(--k, 1)); letter-spacing: .26em; }
  #app h1:is(:is(.bhd-title,.bp-title,.fsw-hero-title,.fk-title,.fx2-title,.gi2-title,.gds-hero-title,.gri-title,.nb2-title,.oai-title,.qwi-title,.q3-title,.sdp-title,.tx-title,.trn-hero-title,.ups-hero-title,.wph-title,.wpr-title,.pxv-title,.conv-title,.dr-title,.go-title,.gv-title,.g15-title,.hh-title,.klo-title,.kl26-title,.klg-title,.ls-title,.mh3-title,.oh-title,.sd15-title,.sd2-title,.sd25-title,.veox-title,.veo-title,.wv-title,.w3-title,.lyr-title,.pers-title,.scov-title,.stem-title,.suno-title,.mtrk-title,.voc-title)) { font-size: clamp(34px, 10.5vw, 46px); }
  #app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-slogan,.bp-slogan,.fsw-slogan,.fsw-subtitle,.fk-slogan,.fx2-slogan,.gi2-slogan,.gds-slogan,.gds-subtitle,.gri-slogan,.nb2-slogan,.nb2-hero-sub,.oai-slogan,.qwi-slogan,.q3-slogan,.sdp-slogan,.tx-slogan,.trn-slogan,.trn-subtitle,.ups-slogan,.ups-subtitle,.wph-slogan,.wpr-slogan,.pxv-hero-slogan,.conv-slogan,.conv-subtitle,.dr-slogan,.dr-sub,.go-hero-slogan,.gv-slogan,.g15-slogan,.g15-subtitle,.hh-slogan,.klo-slogan,.kl26-slogan,.kl26-sub,.klg-hero-slogan,.ls-slogan,.ls-sub,.mh3-slogan,.oh-hero-slogan,.sd15-slogan,.sd2-hero-slogan,.sd2-subtitle,.sd25-slogan,.veox-hero-slogan,.veo-slogan,.veo-subtitle,.wv-sub,.w3-sub,.lyr-hero-slogan,.pers-hero-slogan,.scov-hero-slogan,.stem-hero-slogan,.suno-hero-slogan,.mtrk-hero-slogan,.voc-hero-slogan)) { margin-top: calc(12px * var(--k, 1)); font-size: calc(14px * var(--k, 1)); line-height: 1.5; }
  #app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-hero-chips,.bp-hero-chips,.fsw-hero-chips,.fk-hero-chips,.fx2-hero-chips,.gi2-hero-chips,.gds-hero-chips,.gri-hero-chips,.nb2-hero-chips,.oai-hero-chips,.qwi-hero-chips,.q3-hero-chips,.sdp-hero-chips,.tx-hero-chips,.trn-hero-chips,.ups-hero-chips,.wph-hero-chips,.wpr-hero-chips)) { margin-top: calc(14px * var(--k, 1)); }
  #app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-hero-chip,.bp-hero-chip,.fsw-hero-chip,.fk-hero-chip,.fx2-hero-chip,.gi2-hero-chip,.gds-hero-chip,.gri-hero-chip,.nb2-hero-chip,.oai-hero-chip,.qwi-hero-chip,.q3-hero-chip,.sdp-hero-chip,.tx-hero-chip,.trn-hero-chip,.ups-hero-chip,.wph-hero-chip,.wpr-hero-chip)) { padding: calc(6px * var(--k, 1)) calc(11px * var(--k, 1)); font-size: calc(12px * var(--k, 1)); }
  /* оранжевое поле — полосой внизу героя: маскот · цена «от» · баланс */
  #app :is(.bhd-hero-r,.bp-hero-r,.fsw-hero-r,.fk-hero-r,.fx2-hero-r,.gi2-hero-r,.gds-hero-r,.gri-hero-r,.nb2-hero-r,.oai-hero-r,.qwi-hero-r,.q3-hero-r,.sdp-hero-r,.tx-hero-r,.trn-hero-r,.ups-hero-r,.wph-hero-r,.wpr-hero-r) {
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    width: auto;
    max-width: none;
    min-height: calc(76px * var(--k, 1));
    margin: calc(2px * var(--k, 1)) calc(-8px * var(--k, 1)) calc(-8px * var(--k, 1));
    padding: calc(10px * var(--k, 1)) calc(14px * var(--k, 1));
    border-radius: calc(16px * var(--k, 1));
  }
  #app :is(.bhd-hero-r,.bp-hero-r,.fsw-hero-r,.fk-hero-r,.fx2-hero-r,.gi2-hero-r,.gds-hero-r,.gri-hero-r,.nb2-hero-r,.oai-hero-r,.qwi-hero-r,.q3-hero-r,.sdp-hero-r,.tx-hero-r,.trn-hero-r,.ups-hero-r,.wph-hero-r,.wpr-hero-r) [class$="-hero-ic"] { --vgen-size: calc(56px * var(--k, 1)); order: -1; }
  #app :is(.bhd-hero-r,.bp-hero-r,.fsw-hero-r,.fk-hero-r,.fx2-hero-r,.gi2-hero-r,.gds-hero-r,.gri-hero-r,.nb2-hero-r,.oai-hero-r,.qwi-hero-r,.q3-hero-r,.sdp-hero-r,.tx-hero-r,.trn-hero-r,.ups-hero-r,.wph-hero-r,.wpr-hero-r) .v2-from { order: 0; margin-right: auto; margin-left: calc(12px * var(--k, 1)); }
  #app :is(.bhd-hero-r,.bp-hero-r,.fsw-hero-r,.fk-hero-r,.fx2-hero-r,.gi2-hero-r,.gds-hero-r,.gri-hero-r,.nb2-hero-r,.oai-hero-r,.qwi-hero-r,.q3-hero-r,.sdp-hero-r,.tx-hero-r,.trn-hero-r,.ups-hero-r,.wph-hero-r,.wpr-hero-r) :is(:is(.bhd-balance-chip,.bp-balance-chip,.fsw-balance-chip,.fk-balance-chip,.fx2-balance-chip,.gi2-balance-chip,.gds-balance-chip,.gri-balance-chip,.nb2-balance-chip,.oai-balance-chip,.qwi-balance-chip,.q3-balance-chip,.sdp-balance-chip,.tx-balance-chip,.trn-balance-chip,.ups-balance-chip,.wph-balance-chip,.wpr-balance-chip,.pxv-balance-chip,.conv-balance-chip,.dr-bal,.go-balance-chip,.gv-balance-chip,.g15-balance-chip,.hh-balance-chip,.klo-bal,.kl26-bal,.klg-balance-chip,.ls-bal,.mh3-bal,.oh-bal,.sd15-bal,.sd2-balance-chip,.sd25-bal,.veox-balance-chip,.veo-balance-chip,.wv-bal,.w3-bal,.lyr-balance-chip,.pers-balance-chip,.scov-balance-chip,.stem-balance-chip,.suno-balance-chip,.mtrk-balance-chip,.voc-balance-chip)) { order: 1; }
  #app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-balance-chip,.bp-balance-chip,.fsw-balance-chip,.fk-balance-chip,.fx2-balance-chip,.gi2-balance-chip,.gds-balance-chip,.gri-balance-chip,.nb2-balance-chip,.oai-balance-chip,.qwi-balance-chip,.q3-balance-chip,.sdp-balance-chip,.tx-balance-chip,.trn-balance-chip,.ups-balance-chip,.wph-balance-chip,.wpr-balance-chip,.pxv-balance-chip,.conv-balance-chip,.dr-bal,.go-balance-chip,.gv-balance-chip,.g15-balance-chip,.hh-balance-chip,.klo-bal,.kl26-bal,.klg-balance-chip,.ls-bal,.mh3-bal,.oh-bal,.sd15-bal,.sd2-balance-chip,.sd25-bal,.veox-balance-chip,.veo-balance-chip,.wv-bal,.w3-bal,.lyr-balance-chip,.pers-balance-chip,.scov-balance-chip,.stem-balance-chip,.suno-balance-chip,.mtrk-balance-chip,.voc-balance-chip)) { white-space: nowrap; padding: calc(7px * var(--k, 1)) calc(12px * var(--k, 1)); font-size: calc(15px * var(--k, 1)); }
  #app :is(.bhd-hero,.bp-hero,.fsw-hero,.fk-hero,.fx2-hero,.gi2-hero,.gds-hero,.gri-hero,.nb2-hero,.oai-hero,.qwi-hero,.q3-hero,.sdp-hero,.tx-hero,.trn-hero,.ups-hero,.wph-hero,.wpr-hero,.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) :is(:is(.bhd-balance-chip,.bp-balance-chip,.fsw-balance-chip,.fk-balance-chip,.fx2-balance-chip,.gi2-balance-chip,.gds-balance-chip,.gri-balance-chip,.nb2-balance-chip,.oai-balance-chip,.qwi-balance-chip,.q3-balance-chip,.sdp-balance-chip,.tx-balance-chip,.trn-balance-chip,.ups-balance-chip,.wph-balance-chip,.wpr-balance-chip,.pxv-balance-chip,.conv-balance-chip,.dr-bal,.go-balance-chip,.gv-balance-chip,.g15-balance-chip,.hh-balance-chip,.klo-bal,.kl26-bal,.klg-balance-chip,.ls-bal,.mh3-bal,.oh-bal,.sd15-bal,.sd2-balance-chip,.sd25-bal,.veox-balance-chip,.veo-balance-chip,.wv-bal,.w3-bal,.lyr-balance-chip,.pers-balance-chip,.scov-balance-chip,.stem-balance-chip,.suno-balance-chip,.mtrk-balance-chip,.voc-balance-chip)) :is(:is(.bhd-bal-l,.bp-bal-l,.fk-bal-l,.fx2-bal-l,.gi2-bal-l,.gri-bal-l,.nb2-bal-l,.oai-bal-l,.qwi-bal-l,.q3-bal-l,.sdp-bal-l,.tx-bal-l,.wph-bal-l,.wpr-bal-l)) { display: none; }
  #app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) { padding-bottom: calc(104px * var(--k, 1)) !important; }
  #app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero)::after { top: auto; left: calc(12px * var(--k, 1)); right: calc(12px * var(--k, 1)); bottom: calc(12px * var(--k, 1)); width: auto; height: calc(76px * var(--k, 1)); border-radius: calc(16px * var(--k, 1)); }
  #app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) > :is(:is(.pxv-hero-in,.conv-hero-in,.dr-hero-in,.go-hero-in,.gv-hero-in,.g15-hero-in,.hh-hero-in,.klo-hero-in,.kl26-hero-in,.klg-hero-in,.ls-hero-in,.mh3-hero-in,.oh-hero-in,.sd15-hero-in,.sd2-hero-in,.sd25-hero-in,.veox-hero-in,.veo-hero-in,.wv-hero-in,.w3-hero-in,.lyr-hero-in,.pers-hero-in,.scov-hero-in,.stem-hero-in,.suno-hero-in,.mtrk-hero-in,.voc-hero-in)) { padding-right: 0; }
  #app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) .vgen-hero-ic { --vgen-size: calc(56px * var(--k, 1)); top: auto; bottom: calc(22px * var(--k, 1)); right: auto; left: calc(26px * var(--k, 1)); transform: none; }
  #app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) .vgen-hero-ic:hover { transform: none; }
  #app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) > :is(:is(.conv-hero-tr,.dr-hero-tr,.gv-hero-tr,.g15-hero-tr,.hh-hero-tr,.klo-hero-tr,.kl26-hero-tr,.ls-hero-tr,.mh3-hero-tr,.sd15-hero-tr,.sd25-hero-tr,.veo-hero-tr,.wv-hero-tr,.w3-hero-tr)),
  #app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) > :is(:is(.bhd-balance-chip,.bp-balance-chip,.fsw-balance-chip,.fk-balance-chip,.fx2-balance-chip,.gi2-balance-chip,.gds-balance-chip,.gri-balance-chip,.nb2-balance-chip,.oai-balance-chip,.qwi-balance-chip,.q3-balance-chip,.sdp-balance-chip,.tx-balance-chip,.trn-balance-chip,.ups-balance-chip,.wph-balance-chip,.wpr-balance-chip,.pxv-balance-chip,.conv-balance-chip,.dr-bal,.go-balance-chip,.gv-balance-chip,.g15-balance-chip,.hh-balance-chip,.klo-bal,.kl26-bal,.klg-balance-chip,.ls-bal,.mh3-bal,.oh-bal,.sd15-bal,.sd2-balance-chip,.sd25-bal,.veox-balance-chip,.veo-balance-chip,.wv-bal,.w3-bal,.lyr-balance-chip,.pers-balance-chip,.scov-balance-chip,.stem-balance-chip,.suno-balance-chip,.mtrk-balance-chip,.voc-balance-chip)) { top: auto; bottom: calc(30px * var(--k, 1)); right: calc(26px * var(--k, 1)); transform: none; }
  #app :is(.pxv-hero,.conv-hero,.dr-hero,.go-hero,.gv-hero,.g15-hero,.hh-hero,.klo-hero,.kl26-hero,.klg-hero,.ls-hero,.mh3-hero,.oh-hero,.sd15-hero,.sd2-hero,.sd25-hero,.veox-hero,.veo-hero,.wv-hero,.w3-hero,.lyr-hero,.pers-hero,.scov-hero,.stem-hero,.suno-hero,.mtrk-hero,.voc-hero) > .v2-from { right: auto; left: calc(96px * var(--k, 1)); bottom: calc(30px * var(--k, 1)); width: auto; }
  #app .v2-from b { font-size: calc(34px * var(--k, 1)); }
  #app .v2-from i { font-size: calc(9.5px * var(--k, 1)); }
  #app :is(:is(.bhd-mode,.bp-mode,.fk-mode,.fx2-mode,.gi2-mode,.gri-mode,.nb2-mode,.oai-mode,.qwi-mode,.q3-mode,.sdp-mode,.ups-mode,.wph-mode,.wpr-mode,.gv-mode,.klo-mode,.mh3-mode,.sd25-mode,.wv-mode,.w3-mode), :is(.pxv-tab:has(> .pxv-tab-tt),.go-tab:has(> .go-tab-tt),.sd2-tab:has(> .sd2-tab-tt),.scov-tab:has(> .scov-tab-tt),.suno-tab:has(> .suno-tab-tt))) { min-height: calc(112px * var(--k, 1)); padding: calc(14px * var(--k, 1)) calc(6px * var(--k, 1)) calc(12px * var(--k, 1)); border-radius: calc(16px * var(--k, 1)); }
  #app :is(:is(.bhd-mode-ic,.bp-mode-ic,.fx2-mode-ic,.gi2-mode-ic,.gri-mode-ic,.nb2-mode-ic,.oai-mode-ic,.qwi-mode-ic,.sdp-mode-ic,.ups-mode-ic,.wph-mode-ic,.wpr-mode-ic,.gv-mode-ic,.klo-mode-ic,.mh3-mode-ic,.sd25-mode-ic,.wv-mode-ic,.w3-mode-ic)) { width: calc(46px * var(--k, 1)); height: calc(46px * var(--k, 1)); }
  #app :is(:is(.bhd-mode-t,.bp-mode-t,.fk-mode-t,.fx2-mode-t,.gi2-mode-t,.gri-mode-t,.nb2-mode-t,.oai-mode-t,.qwi-mode-t,.q3-mode-t,.sdp-mode-t,.ups-mode-t,.wph-mode-t,.wpr-mode-t,.klo-mode-t,.mh3-mode-t,.sd25-mode-t,.wv-mode-t,.w3-mode-t), :is(.pxv-tab-tt,.go-tab-tt,.sd2-tab-tt,.scov-tab-tt,.suno-tab-tt)) { font-size: calc(12.5px * var(--k, 1)); }
  #app :is(:is(#bhd-generate,#bp-generate,#fsw-generate,#fk-generate,#fx2-generate,#gi2-generate,#gds-generate,#gri-generate,#nb2-generate,#oai-generate,#qwi-generate,#q3-generate,#sdp-generate,#trn-generate,#ups-generate,#wph-generate,#wpr-generate,#bsc-generate,#conv-generate,#dr-gen,#go-generate,#gv-generate,#g15-gen,#hh-generate,#klo-gen,#kl26-gen,#klg-generate,#ls-gen,#mh3-gen,#oh-gen,#pxv-generate,#sd15-gen,#sd2-generate,#sd25-gen,#veox-generate,#veo-generate,#wv-generate,#w3-generate,#lyr-generate,#scov-generate,#stem-generate,#suno-generate)) { min-height: calc(58px * var(--k, 1)); padding-left: calc(22px * var(--k, 1)); font-size: calc(15.5px * var(--k, 1)); }
  #app :is(:is(#bhd-generate,#bp-generate,#fsw-generate,#fk-generate,#fx2-generate,#gi2-generate,#gds-generate,#gri-generate,#nb2-generate,#oai-generate,#qwi-generate,#q3-generate,#sdp-generate,#trn-generate,#ups-generate,#wph-generate,#wpr-generate,#bsc-generate,#conv-generate,#dr-gen,#go-generate,#gv-generate,#g15-gen,#hh-generate,#klo-gen,#kl26-gen,#klg-generate,#ls-gen,#mh3-gen,#oh-gen,#pxv-generate,#sd15-gen,#sd2-generate,#sd25-gen,#veox-generate,#veo-generate,#wv-generate,#w3-generate,#lyr-generate,#scov-generate,#stem-generate,#suno-generate))::after { width: calc(44px * var(--k, 1)); height: calc(44px * var(--k, 1)); }
  #app :is(:is(.bhd-studio-title,.bp-studio-title,.fx2-studio-title,.gi2-studio-title,.gri-studio-title,.nb2-studio-title,.oai-studio-title,.qwi-studio-title,.sdp-studio-title,.wph-studio-title,.wpr-studio-title)) { font-size: calc(21px * var(--k, 1)); }
}
@media (prefers-reduced-motion: reduce) {
  #app :is(:is(#bhd-generate,#bp-generate,#fsw-generate,#fk-generate,#fx2-generate,#gi2-generate,#gds-generate,#gri-generate,#nb2-generate,#oai-generate,#qwi-generate,#q3-generate,#sdp-generate,#trn-generate,#ups-generate,#wph-generate,#wpr-generate,#bsc-generate,#conv-generate,#dr-gen,#go-generate,#gv-generate,#g15-gen,#hh-generate,#klo-gen,#kl26-gen,#klg-generate,#ls-gen,#mh3-gen,#oh-gen,#pxv-generate,#sd15-gen,#sd2-generate,#sd25-gen,#veox-generate,#veo-generate,#wv-generate,#w3-generate,#lyr-generate,#scov-generate,#stem-generate,#suno-generate)):hover:not(:disabled) { transform: none; }
}

/* ═══ КАБИНЕТ И КАТАЛОГИ (свои заголовки, вкладки, фильтры, цифры) — точные классы страниц ═══ */
/* заголовки страниц — Oswald 700 капсом с оранжевой точкой (как «.ТВОЙ БАЛАНС» волны 2) */
#app :is(.set-h1, .vg-hero-h1, .vs1-title, .vst-title, .vgd-name) {
  font-family: var(--font-display);
  font-weight: 700;
  font-style: normal;
  font-size: clamp(calc(32px * var(--k, 1)), 4.4vw, calc(60px * var(--k, 1)));
  line-height: .94;
  letter-spacing: -.005em;
  text-transform: uppercase;
  color: var(--text-primary);
  -webkit-text-fill-color: currentColor;
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  text-shadow: none;
}
#app :is(.set-h1, .vg-hero-h1, .vs1-title, .vst-title, .vgd-name)::before { content: '.'; color: var(--accent-fill-light); -webkit-text-fill-color: var(--accent-fill-light); }
#app :is(.set-h1, .vg-hero-h1, .vs1-title, .vst-title, .vgd-name) em { font-style: normal; color: inherit; -webkit-text-fill-color: currentColor; background: none; }
#app .set-h1 { font-size: clamp(calc(30px * var(--k, 1)), 3.4vw, calc(44px * var(--k, 1))); margin-bottom: calc(8px * var(--k, 1)); }
/* мультстудия: заголовок героя — Oswald капсом (цвет и фон героя — свои) */
#app .ct-h1 { font-family: var(--font-display); font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: -.005em; line-height: .96; }
#app .ct-h1 em { font-style: normal; }

/* вкладки и фильтры: контурные пилюли; выбранная — петроль (светлая) / off-white с #111 (тёмная) */
#app :is(.cab-tab, .hist-filter, .hist-genchip, .vst-tab, .igh-tab, .set-seg button) { border-radius: 999px; box-shadow: none; }
#app :is(.cab-tab, .hist-filter, .hist-genchip, .vg-chip, .vst-tab, .igh-tab).active,
#app .set-seg button.on {
  border-color: var(--chip-on-bg);
  background: var(--chip-on-bg);
  color: var(--chip-on-fg);
  box-shadow: none;
  text-shadow: none;
}
#app .hist-filter--fav.active { border-color: var(--accent-fill); background: var(--accent-fill); color: var(--on-accent); }
#app .hist-filter.active .hist-filter-dot { background: var(--accent-fill-light); }
#app .hist-filter.active .hist-filter-count { background: rgba(127, 127, 127, .22); color: inherit; }
#app .hist-genchip.active .hist-genchip-ic--ph { color: inherit; }
#app .vst-tab { font-family: var(--font-body); font-weight: 600; }

/* цифры кабинета — Montserrat тонкий */
#app .cab-balance-value {
  font-family: var(--font-num);
  font-weight: 200;
  font-size: clamp(calc(44px * var(--k, 1)), 5vw, calc(72px * var(--k, 1)));
  line-height: .95;
  letter-spacing: -.04em;
  color: var(--text-primary);
}
#app .cab-stat-value { font-family: var(--font-num); font-weight: 200; letter-spacing: -.03em; color: var(--text-primary); }
#app .cab-stat-label { font-family: var(--font-num); font-weight: 600; font-size: calc(10.5px * var(--k, 1)); letter-spacing: .16em; text-transform: uppercase; }

/* дефект /learn (тёмная тема): плашки «Трек · Кадр · Ролик» брали несуществующий --surface → белые 60 % под светлым
   текстом. Файл раздела не трогаем — только фон плашки в тёмной теме (pages/learn.html:195 .lp-tool) */
[data-theme="dark"] #app .lp-tool { background: rgba(242, 238, 230, .06); }