/* =========================================================
   ОБЩИЕ НАСТРОЙКИ
   ========================================================= */
* { box-sizing: border-box; }

:root {
  --bg: #070711;
  --panel: rgba(19,19,29,.84);
  --line: rgba(255,255,255,.12);
  --text: #f7f7fb;
  --muted: #bfc1cf;
  --pink: #c735b4;
  --blue: #55aee8;
  --gold: #ffd34d;
}

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 10% 16%, rgba(199,53,180,.20), transparent 28%),
    radial-gradient(circle at 92% 55%, rgba(85,174,232,.17), transparent 28%),
    linear-gradient(180deg, #070711 0%, #080911 62%, #060606 100%);
  font-family: "Manrope", Arial, sans-serif;
  overflow-x: hidden;
}

body.no-scroll { overflow: hidden; }

/* =========================================================
   ФОН
   ========================================================= */
.page-bg,
.grid-bg,
.orb {
  position: fixed;
  pointer-events: none;
}

.page-bg { inset: 0; z-index: -10; }

.grid-bg {
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle at 40% 25%, rgba(255,255,255,.14) 0 1px, transparent 2px);
  background-size: 70px 70px, 70px 70px, 160px 160px;
  opacity: .78;
}

.orb {
  width: 480px;
  height: 480px;
  border-radius: 50%;
  filter: blur(90px);
  opacity: .40;
}

.orb-pink { left: -160px; top: 95px; background: var(--pink); }
.orb-blue { right: -160px; top: 44%; background: var(--blue); }

/* =========================================================
   ШАПКА — ИСПРАВЛЕНО: ЛОГО НЕ МОЖЕТ СТАТЬ ОГРОМНЫМ
   ========================================================= */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 12px 7vw;
  background: rgba(7,7,17,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

.header-logo {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  max-width: 420px;
  height: 62px;
  overflow: hidden;
  text-decoration: none;
}

.header-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 420px;
  max-height: 58px;
  object-fit: contain;
}

.nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  flex: 1 1 auto;
}

.nav a {
  color: var(--text);
  text-decoration: none;
  font-weight: 900;
  font-size: 15px;
  white-space: nowrap;
  opacity: .92;
  transition: .24s ease;
}

.nav a:hover { color: var(--gold); }

.burger {
  display: none;
  width: 44px;
  height: 40px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.burger span {
  display: block;
  height: 3px;
  margin: 7px 0;
  border-radius: 99px;
  background: #fff;
}

/* =========================================================
   ОБЩИЕ БЛОКИ
   ========================================================= */
.section {
  position: relative;
  padding: 104px 7vw;
}

.section-head {
  max-width: 980px;
  margin-bottom: 42px;
}

.eyebrow {
  margin: 0 0 14px;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: .24em;
  font-size: 13px;
  font-weight: 900;
}

h1, h2, h3, p { margin-top: 0; }

h1 {
  margin: 22px 0 18px;
  max-width: 920px;
  color: #fff;
  font-size: clamp(38px, 4.5vw, 76px);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -.045em;
}

h2 {
  margin-bottom: 18px;
  color: #fff;
  font-size: clamp(42px, 5.4vw, 84px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.045em;
}

h3 {
  margin-bottom: 14px;
  color: #fff;
  font-size: 28px;
  line-height: 1.15;
}

p {
  color: var(--muted);
  font-size: 19px;
  line-height: 1.65;
}

/* =========================================================
   HERO
   ========================================================= */
.hero {
  min-height: calc(100vh - 86px);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  align-items: center;
  gap: 64px;
  padding-top: 84px;
  padding-bottom: 90px;
}

.pill {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 0 18px;
  border-radius: 999px;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
}

.hero-main-logo {
  display: block;
  width: min(650px, 100%);
  margin: 26px 0 22px;
}

.hero-description {
  max-width: 860px;
  font-size: 22px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 32px;
}

.btn {
  display: inline-flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.14);
  transition: .25s ease;
}

.btn:hover { transform: translateY(-3px); }

.btn-primary {
  background: linear-gradient(135deg, var(--pink), var(--blue));
}

.btn-ghost {
  background: rgba(255,255,255,.075);
}

.hero-video-card {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  box-shadow: 0 34px 130px rgba(0,0,0,.44);
}

.hero-video-card::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.hero-video-card video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* =========================================================
   DETAILS / АККОРДЕОНЫ
   ========================================================= */
.accordion,
.steps,
.faq-list {
  display: grid;
  gap: 16px;
}

details {
  border-radius: 25px;
  border: 1px solid var(--line);
  background: rgba(19,19,29,.84);
  box-shadow: 0 22px 74px rgba(0,0,0,.25);
  overflow: hidden;
}

summary {
  list-style: none;
  cursor: pointer;
  min-height: 80px;
  padding: 25px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
}

summary::-webkit-details-marker { display: none; }

summary::after {
  content: "−";
  color: var(--gold);
  font-size: 36px;
  line-height: 1;
  margin-left: auto;
}

details:not([open]) summary::after { content: "+"; }

summary strong {
  color: var(--gold);
  white-space: nowrap;
  font-size: 24px;
}

.details-content {
  padding: 0 30px 30px;
}

.details-content p:last-child { margin-bottom: 0; }

.details-content ul {
  margin: 18px 0 0;
  padding-left: 22px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.65;
}

.premium-note {
  padding: 28px 30px;
  border-radius: 25px;
  border: 1px solid rgba(255,211,77,.25);
  color: #fff;
  font-size: 20px;
  line-height: 1.6;
  background: rgba(255,255,255,.06);
}

.premium-note strong { color: var(--gold); }

/* =========================================================
   РАБОТЫ
   ========================================================= */
.works-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.work-card {
  position: relative;
  min-height: 300px;
  padding: 34px;
  border-radius: 30px;
  border: 1px solid var(--line);
  background: rgba(19,19,29,.84);
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  transition: .25s ease;
}

.work-card:hover {
  transform: translateY(-8px) scale(1.01);
}

.work-icon {
  display: inline-grid;
  place-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 34px;
  border-radius: 18px;
  font-size: 28px;
  font-weight: 900;
  background: linear-gradient(135deg, var(--pink), var(--blue));
}

.work-card h3 { font-size: 38px; }

.work-card b {
  position: absolute;
  left: 34px;
  bottom: 30px;
  color: var(--gold);
  font-size: 18px;
}

/* =========================================================
   ПРОЦЕСС / ДЛЯ КОГО / КОНТАКТЫ
   ========================================================= */
.steps summary { justify-content: flex-start; }

.steps summary span {
  min-width: 54px;
  color: var(--pink);
  font-family: "Russo One", sans-serif;
}

.audience-section {
  padding-left: 3vw;
  padding-right: 3vw;
}

.audience-section .section-head {
  margin-left: 4vw;
}

.audience-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.audience-card {
  min-height: 260px;
  padding: 36px;
  border-radius: 30px;
  border: 1px solid var(--line);
  background: rgba(19,19,29,.84);
}

.contact-panel {
  display: grid;
  grid-template-columns: 1.22fr .78fr;
  gap: 34px;
  align-items: center;
  padding: 44px;
  border-radius: 34px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(33,35,48,.80);
}

.contact-links {
  display: grid;
  gap: 13px;
}

.contact-links a {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
}

.contact-links a:first-child {
  background: linear-gradient(135deg, var(--pink), var(--blue));
}

/* =========================================================
   ФУТЕР
   ========================================================= */
.footer {
  display: grid;
  place-items: center;
  gap: 18px;
  padding: 68px 20px 54px;
  background: linear-gradient(180deg, rgba(7,7,17,.88), #050507 75%);
  border-top: 1px solid rgba(255,255,255,.10);
}

.footer img {
  width: min(420px, 78vw);
}

.footer p {
  margin: 0;
  font-size: 15px;
}

/* =========================================================
   АНИМАЦИИ
   ========================================================= */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .72s ease, transform .72s ease;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */
@media (max-width: 1160px) {
  .site-header { padding-left: 4vw; padding-right: 4vw; }
  .header-logo { max-width: 300px; }
  .header-logo img { max-width: 300px; max-height: 48px; }
  .nav { gap: 14px; }
  .nav a { font-size: 13px; }
  .hero { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  .site-header {
    height: 66px;
    padding: 9px 18px;
  }

  .header-logo {
    max-width: 210px;
    height: 48px;
  }

  .header-logo img {
    max-width: 210px;
    max-height: 44px;
  }

  .burger { display: block; }

  .nav {
    position: fixed;
    top: 66px;
    left: 14px;
    right: 14px;
    display: none;
    flex-direction: column;
    gap: 0;
    padding: 14px;
    border-radius: 22px;
    border: 1px solid var(--line);
    background: rgba(7,7,17,.97);
  }

  .nav.open { display: flex; }

  .nav a {
    padding: 15px 14px;
    border-radius: 14px;
    font-size: 16px;
  }

  .section { padding: 72px 20px; }

  .hero {
    min-height: auto;
    padding-top: 52px;
    gap: 38px;
  }

  .hero-main-logo { width: min(420px, 100%); }

  h1 { font-size: 36px; }
  h2 { font-size: 42px; }

  .hero-description,
  p { font-size: 17px; }

  .hero-actions,
  .btn { width: 100%; }

  .works-grid,
  .audience-grid,
  .contact-panel {
    grid-template-columns: 1fr;
  }

  .audience-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .audience-section .section-head { margin-left: 0; }

  summary {
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
    min-height: auto;
    padding: 22px;
    font-size: 20px;
  }

  summary::after {
    position: absolute;
    right: 22px;
    top: 18px;
  }

  summary strong {
    font-size: 19px;
    white-space: normal;
  }

  .details-content { padding: 0 22px 24px; }

  .premium-note {
    padding: 24px;
    font-size: 17px;
  }

  .contact-panel {
    padding: 28px;
    border-radius: 26px;
  }

  .footer img { width: min(330px, 82vw); }
}


/* =========================================================
   FIX v2: ШАПКА, HERO, ЛОГОТИПЫ, FAVICON
   ========================================================= */

/* 1) Логотип в шапке крупнее, но без перекрытия сайта */
.site-header {
  height: 96px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.header-logo {
  width: clamp(360px, 34vw, 560px);
  max-width: 560px;
  height: 72px;
  flex: 0 0 auto;
  overflow: visible;
}

.header-logo img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: left center;
}

/* 2) Первый экран: правильная композиция */
.hero {
  min-height: calc(100vh - 96px);
  grid-template-columns: minmax(430px, 0.92fr) minmax(560px, 1.08fr);
  gap: clamp(48px, 5vw, 92px);
  align-items: center;
  padding-top: clamp(56px, 6vw, 96px);
  padding-bottom: clamp(70px, 7vw, 110px);
}

/* Левая колонка — чтобы логотип, заголовок и кнопки не разлетались */
.hero-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Бейдж выше логотипа */
.pill {
  margin-bottom: 28px;
}

/* Логотип в две строки больше и лучше читается */
.hero-main-logo {
  width: min(720px, 100%);
  max-height: 230px;
  object-fit: contain;
  object-position: left center;
  margin: 0 0 42px;
  filter:
    drop-shadow(0 16px 38px rgba(0,0,0,.46))
    drop-shadow(0 0 18px rgba(255,211,77,.10));
}

/* Заголовок ниже логотипа — не слишком близко */
.hero h1 {
  max-width: 820px;
  margin-top: 0;
  margin-bottom: 22px;
}

/* Описание компактнее и читабельнее */
.hero-description {
  max-width: 780px;
  margin-bottom: 0;
}

/* Видео справа — крупно, но не вываливается */
.hero-video-card {
  width: 100%;
  max-width: 920px;
  justify-self: end;
  border-radius: 34px;
}

/* Чуть лучше читаемость на фоне */
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 22% 46%, rgba(255,255,255,.035), transparent 24%),
    radial-gradient(circle at 74% 45%, rgba(85,174,232,.075), transparent 28%);
  z-index: -1;
}

/* Большие экраны: не растягивать контент слишком широко */
@media (min-width: 1600px) {
  .hero {
    padding-left: 7vw;
    padding-right: 7vw;
  }

  .hero-main-logo {
    width: min(780px, 100%);
  }

  .hero-video-card {
    max-width: 980px;
  }
}

/* Планшеты */
@media (max-width: 1280px) {
  .header-logo {
    width: clamp(300px, 30vw, 420px);
  }

  .hero {
    grid-template-columns: 1fr 1fr;
    gap: 44px;
  }

  .hero-main-logo {
    width: min(560px, 100%);
    margin-bottom: 34px;
  }
}

/* Мобильная версия */
@media (max-width: 860px) {
  .site-header {
    height: 70px;
    padding: 9px 18px;
  }

  .header-logo {
    width: 245px;
    max-width: 245px;
    height: 50px;
  }

  .hero {
    min-height: auto;
    grid-template-columns: 1fr;
    padding-top: 54px;
    gap: 36px;
  }

  .pill {
    margin-bottom: 22px;
  }

  .hero-main-logo {
    width: min(430px, 100%);
    max-height: 170px;
    margin-bottom: 30px;
  }

  .hero-video-card {
    justify-self: stretch;
    max-width: none;
    border-radius: 24px;
  }
}

/* Очень маленькие экраны */
@media (max-width: 420px) {
  .header-logo {
    width: 205px;
    max-width: 205px;
  }

  .hero-main-logo {
    max-height: 145px;
  }
}


/* =========================================================
   PRO+ STREAMING FIX:
   крупнее логотип, hero без лишнего бейджа, стриминговый блок,
   кнопка наверх, футер
   ========================================================= */

.site-header {
  height: 104px;
}

.header-logo {
  width: clamp(440px, 36vw, 660px);
  max-width: 660px;
  height: 82px;
}

.header-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}

.hero {
  padding-top: clamp(72px, 7vw, 120px);
  grid-template-columns: minmax(470px, .95fr) minmax(560px, 1.05fr);
}

.hero-left {
  justify-content: center;
}

.hero-main-logo {
  width: min(820px, 100%);
  max-height: 270px;
  margin: 0 0 46px;
}

.hero h1 {
  margin-top: 0;
}

.hero-video-card {
  max-width: 960px;
}

/* Красивый блок стримингов */
.streaming-content {
  position: relative;
}

.streaming-platforms {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 26px 0 8px;
}

.streaming-platforms span {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  color: #fff;
  font-weight: 900;
  text-align: center;
  background:
    linear-gradient(135deg, rgba(199,53,180,.28), rgba(85,174,232,.20)),
    rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 0 28px rgba(255,255,255,.035);
  transition: .25s ease;
}

.streaming-platforms span:hover {
  transform: translateY(-3px);
  border-color: rgba(255,211,77,.35);
  box-shadow: 0 14px 34px rgba(0,0,0,.25), 0 0 22px rgba(255,211,77,.08);
}

/* Кнопка наверх */
.back-to-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 80;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  font-size: 28px;
  font-weight: 900;
  background: linear-gradient(135deg, var(--pink), var(--blue));
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 48px rgba(0,0,0,.32);
  opacity: .92;
  transition: .25s ease;
}

.back-to-top:hover {
  transform: translateY(-4px);
  opacity: 1;
}

.footer p {
  max-width: 880px;
  text-align: center;
}

/* Небольшой PRO штрих: подсветка карточек без перегруза */
details,
.work-card,
.audience-card,
.contact-panel {
  backdrop-filter: blur(12px);
}

details:hover,
.work-card:hover,
.audience-card:hover {
  border-color: rgba(255,211,77,.32);
}

/* Адаптив */
@media (max-width: 1280px) {
  .header-logo {
    width: clamp(330px, 32vw, 470px);
  }

  .hero {
    grid-template-columns: 1fr 1fr;
  }

  .hero-main-logo {
    width: min(640px, 100%);
  }

  .streaming-platforms {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 860px) {
  .site-header {
    height: 74px;
  }

  .header-logo {
    width: 280px;
    max-width: 280px;
    height: 54px;
  }

  .hero {
    grid-template-columns: 1fr;
    padding-top: 58px;
  }

  .hero-main-logo {
    width: min(460px, 100%);
    max-height: 180px;
    margin-bottom: 34px;
  }

  .streaming-platforms {
    grid-template-columns: 1fr;
  }

  .back-to-top {
    width: 48px;
    height: 48px;
    right: 16px;
    bottom: 16px;
    font-size: 24px;
  }
}

@media (max-width: 420px) {
  .header-logo {
    width: 230px;
    max-width: 230px;
  }
}


/* =========================================================
   FINAL PRO V3:
   лёгкий premium motion, shimmer логотипа, hover, streaming line,
   улучшенная кнопка наверх, футер и SEO-визуальная читабельность
   ========================================================= */

/* Логотип в шапке — крупнее и читаемее */
.site-header {
  height: 108px;
}

.header-logo {
  width: clamp(470px, 38vw, 700px);
  max-width: 700px;
  height: 86px;
}

.header-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
  filter:
    drop-shadow(0 0 10px rgba(255, 211, 77, .10))
    drop-shadow(0 8px 18px rgba(0,0,0,.35));
  transition: transform .35s ease, filter .35s ease;
}

.header-logo:hover img {
  transform: translateY(-1px) scale(1.018);
  filter:
    drop-shadow(0 0 18px rgba(255, 211, 77, .18))
    drop-shadow(0 10px 22px rgba(0,0,0,.42));
}

/* Главный логотип — мягкое премиальное свечение */
.hero-main-logo,
.footer img {
  animation: logoSoftGlow 5.5s ease-in-out infinite;
}

@keyframes logoSoftGlow {
  0%, 100% {
    filter:
      drop-shadow(0 14px 32px rgba(0,0,0,.42))
      drop-shadow(0 0 10px rgba(255,211,77,.08));
  }
  50% {
    filter:
      drop-shadow(0 16px 38px rgba(0,0,0,.50))
      drop-shadow(0 0 22px rgba(255,211,77,.18));
  }
}

/* Hero-композиция */
.hero {
  min-height: calc(100vh - 108px);
  grid-template-columns: minmax(500px, .95fr) minmax(580px, 1.05fr);
  gap: clamp(52px, 6vw, 104px);
}

.hero-main-logo {
  width: min(860px, 100%);
  max-height: 290px;
  margin: 0 0 42px;
}

.hero h1 {
  max-width: 860px;
}

.hero-description {
  max-width: 820px;
}

/* Видео — аккуратный hover без перегруза */
.hero-video-card {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  box-shadow:
    0 34px 120px rgba(0,0,0,.42),
    0 0 55px rgba(85,174,232,.10);
}

.hero-video-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,211,77,.24);
  box-shadow:
    0 44px 145px rgba(0,0,0,.50),
    0 0 80px rgba(85,174,232,.16);
}

/* Кнопки — дороже, но без кислотности */
.btn,
.contact-links a,
.work-card,
.audience-card,
details {
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.btn:hover,
.contact-links a:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 50px rgba(0,0,0,.28), 0 0 22px rgba(255,211,77,.10);
}

/* Аккордеоны и карточки */
details:hover,
.work-card:hover,
.audience-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,211,77,.34);
  box-shadow: 0 24px 80px rgba(0,0,0,.28), 0 0 28px rgba(255,211,77,.06);
}

/* Красивая строка стримингов через запятые */
.streaming-line {
  position: relative;
  margin: 24px 0 14px;
  padding: 18px 22px;
  border-radius: 18px;
  color: #fff;
  line-height: 1.7;
  background:
    linear-gradient(135deg, rgba(255,211,77,.11), rgba(85,174,232,.08)),
    rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: inset 0 0 34px rgba(255,255,255,.035);
}

.streaming-line b {
  color: #fff;
  font-weight: 900;
  text-shadow: 0 0 16px rgba(255,211,77,.18);
}

/* Кнопка Наверх — появляется после прокрутки через JS */
.back-to-top {
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(.96);
}

.back-to-top.visible {
  opacity: .95;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.back-to-top:hover {
  opacity: 1;
  transform: translateY(-5px) scale(1.03);
}

/* Футер — спокойный фон для читаемости логотипа */
.footer {
  background:
    radial-gradient(circle at 50% 0, rgba(255,211,77,.07), transparent 28%),
    radial-gradient(circle at 85% 10%, rgba(85,174,232,.08), transparent 28%),
    linear-gradient(180deg, rgba(7,7,17,.94), #040405 78%);
}

.footer img {
  width: min(470px, 82vw);
}

.footer p {
  max-width: 960px;
  color: rgba(255,255,255,.74);
}

/* Очень мягкий shimmer по hero-логотипу */
.hero-main-logo {
  position: relative;
}

/* Мобильная адаптация v3 */
@media (max-width: 1280px) {
  .header-logo {
    width: clamp(350px, 34vw, 520px);
  }

  .hero {
    grid-template-columns: 1fr 1fr;
  }

  .hero-main-logo {
    width: min(670px, 100%);
    max-height: 240px;
  }
}

@media (max-width: 860px) {
  .site-header {
    height: 76px;
  }

  .header-logo {
    width: 300px;
    max-width: 300px;
    height: 56px;
  }

  .hero {
    min-height: auto;
    grid-template-columns: 1fr;
    padding-top: 58px;
    gap: 36px;
  }

  .hero-main-logo {
    width: min(470px, 100%);
    max-height: 185px;
    margin-bottom: 32px;
  }

  .footer img {
    width: min(360px, 86vw);
  }
}

@media (max-width: 430px) {
  .header-logo {
    width: 235px;
    max-width: 235px;
  }

  .hero-main-logo {
    max-height: 155px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-main-logo,
  .footer img {
    animation: none;
  }
}


/* =========================================================
   FINAL PRO V4 USER FIXES
   1) Шапка без логотипа, меню по центру
   2) Hero: крупный логотип, видео под размер текста, планшет — видео вниз
   3) Третья кнопка MAX
   4) Audience шириной как остальные блоки
   5) Стрелка наверх
   ========================================================= */

/* Шапка: убрать место под логотип, меню по центру */
.site-header {
  height: 86px !important;
  min-height: 86px !important;
  justify-content: center !important;
  padding: 12px 7vw !important;
}

.site-header .header-logo {
  display: none !important;
}

.nav {
  flex: 0 1 auto !important;
  width: auto !important;
  justify-content: center !important;
  margin: 0 auto !important;
  gap: 28px !important;
}

.nav a {
  font-size: 16px !important;
  letter-spacing: .01em;
}

/* Hero: общая композиция */
.hero {
  min-height: calc(100vh - 86px) !important;
  grid-template-columns: minmax(500px, .94fr) minmax(500px, .86fr) !important;
  gap: clamp(52px, 6vw, 92px) !important;
  align-items: center !important;
  padding-top: clamp(72px, 7vw, 110px) !important;
  padding-bottom: clamp(70px, 7vw, 110px) !important;
}

.hero-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

/* Лишний бейдж скрыт на всякий случай */
.pill {
  display: none !important;
}

/* Логотип в две строки — больше */
.hero-main-logo {
  width: min(820px, 100%) !important;
  max-height: 285px !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 0 42px !important;
}

.hero h1 {
  max-width: 760px !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

.hero-description {
  max-width: 760px !important;
  margin-bottom: 0 !important;
}

/* Видео справа: размер ближе к высоте текстового блока */
.hero-video-card {
  width: 100% !important;
  max-width: 760px !important;
  justify-self: end !important;
  align-self: center !important;
  border-radius: 34px !important;
}

.hero-video-card::before {
  padding-top: 56.25% !important;
}

/* Третья кнопка MAX */
.btn-max {
  background: rgba(255,255,255,.075);
  border: 1px solid rgba(255,211,77,.26);
}

.btn-max:hover {
  background: linear-gradient(135deg, rgba(255,211,77,.22), rgba(199,53,180,.18));
}

/* Стриминги строкой через запятые */
.streaming-line {
  position: relative;
  margin: 24px 0 14px;
  padding: 18px 22px;
  border-radius: 18px;
  color: #fff;
  line-height: 1.7;
  background:
    linear-gradient(135deg, rgba(255,211,77,.11), rgba(85,174,232,.08)),
    rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: inset 0 0 34px rgba(255,255,255,.035);
}

.streaming-line b {
  color: #fff;
  font-weight: 900;
  text-shadow: 0 0 16px rgba(255,211,77,.18);
}

/* Audience: теперь как остальные блоки, не full width */
.audience-section,
.audience-section.audience-standard {
  padding-left: 7vw !important;
  padding-right: 7vw !important;
}

.audience-section .section-head {
  margin-left: 0 !important;
  max-width: 980px !important;
}

.audience-grid {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

/* Кнопка наверх */
.back-to-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 80;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  font-size: 28px;
  font-weight: 900;
  background: linear-gradient(135deg, var(--pink), var(--blue));
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 48px rgba(0,0,0,.32);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(.96);
  transition: .25s ease;
}

.back-to-top.visible {
  opacity: .95;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.back-to-top:hover {
  opacity: 1;
  transform: translateY(-5px) scale(1.03);
}

/* Планшет: видео уходит вниз */
@media (max-width: 1180px) {
  .hero {
    grid-template-columns: 1fr !important;
    gap: 44px !important;
  }

  .hero-video-card {
    justify-self: start !important;
    width: min(760px, 100%) !important;
    max-width: 760px !important;
  }

  .hero-main-logo {
    width: min(660px, 100%) !important;
    max-height: 240px !important;
  }
}

/* Мобильная версия */
@media (max-width: 860px) {
  .site-header {
    height: 70px !important;
    min-height: 70px !important;
    padding: 9px 18px !important;
    justify-content: flex-end !important;
  }

  .burger {
    display: block !important;
  }

  .nav {
    position: fixed !important;
    top: 70px !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    display: none !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 14px !important;
    border-radius: 22px !important;
    border: 1px solid var(--line) !important;
    background: rgba(7,7,17,.97) !important;
    box-shadow: 0 28px 90px rgba(0,0,0,.5) !important;
  }

  .nav.open {
    display: flex !important;
  }

  .nav a {
    padding: 15px 14px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
  }

  .hero {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
    padding-top: 58px !important;
    gap: 36px !important;
  }

  .hero-main-logo {
    width: min(470px, 100%) !important;
    max-height: 185px !important;
    margin-bottom: 32px !important;
  }

  .hero-video-card {
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    border-radius: 24px !important;
  }

  .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .audience-section,
  .audience-section.audience-standard {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .audience-grid {
    grid-template-columns: 1fr !important;
  }

  .back-to-top {
    right: 16px;
    bottom: 16px;
    width: 48px;
    height: 48px;
    font-size: 24px;
  }
}


/* =========================================================
   FINAL PRO V5 FIXES:
   - Логотип в шапке слева от меню
   - Убран логотип на главной странице слева
   - Видео подогнано под размер текстового блока
   - MAX кнопка как Telegram
   ========================================================= */

/* Шапка: логотип слева, меню справа */
.site-header {
  height: 96px !important;
  min-height: 96px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 7vw !important;
}

.site-header .header-logo {
  display: flex !important;
  align-items: center !important;
  width: clamp(210px, 16vw, 320px) !important;
  max-width: 320px !important;
  height: 76px !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  text-decoration: none !important;
}

.site-header .header-logo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.nav {
  flex: 1 1 auto !important;
  width: auto !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  gap: 26px !important;
}

/* Главный экран: без отдельного логотипа слева */
.hero-main-logo {
  display: none !important;
}

/* Композиция hero после удаления логотипа */
.hero {
  min-height: calc(100vh - 96px) !important;
  grid-template-columns: minmax(520px, .92fr) minmax(520px, .92fr) !important;
  gap: clamp(52px, 6vw, 88px) !important;
  align-items: center !important;
  padding-top: clamp(82px, 8vw, 130px) !important;
  padding-bottom: clamp(78px, 7vw, 120px) !important;
}

.hero-left {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 420px !important;
}

.hero h1 {
  max-width: 760px !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

.hero-description {
  max-width: 760px !important;
}

/* Видео под размер текстового блока слева */
.hero-video-card {
  width: 100% !important;
  max-width: 760px !important;
  justify-self: end !important;
  align-self: center !important;
  border-radius: 34px !important;
}

.hero-video-card::before {
  padding-top: 52% !important;
}

/* MAX — таким же цветом как Telegram */
.btn-max {
  background: linear-gradient(135deg, var(--pink), var(--blue)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 18px 50px rgba(199,53,180,.18) !important;
}

/* Планшет: видео вниз */
@media (max-width: 1180px) {
  .site-header .header-logo {
    width: clamp(185px, 24vw, 260px) !important;
  }

  .nav {
    gap: 16px !important;
  }

  .nav a {
    font-size: 14px !important;
  }

  .hero {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    gap: 42px !important;
  }

  .hero-left {
    min-height: auto !important;
  }

  .hero-video-card {
    justify-self: start !important;
    width: min(760px, 100%) !important;
    max-width: 760px !important;
  }
}

/* Мобильная версия */
@media (max-width: 860px) {
  .site-header {
    height: 74px !important;
    min-height: 74px !important;
    padding: 9px 18px !important;
  }

  .site-header .header-logo {
    width: 190px !important;
    max-width: 190px !important;
    height: 54px !important;
  }

  .burger {
    display: block !important;
  }

  .nav {
    position: fixed !important;
    top: 74px !important;
    left: 14px !important;
    right: 14px !important;
    display: none !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 14px !important;
    border-radius: 22px !important;
    border: 1px solid var(--line) !important;
    background: rgba(7,7,17,.97) !important;
  }

  .nav.open {
    display: flex !important;
  }

  .hero {
    grid-template-columns: 1fr !important;
    padding-top: 62px !important;
    gap: 36px !important;
  }

  .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .hero-video-card {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}


/* =========================================================
   DOWNLOADABLE FINAL FIX:
   Header logo -35%, menu centered, responsive hero, equal buttons,
   MAX link, footer logo, audience width, scroll top
   ========================================================= */

.site-header {
  height: 88px !important;
  min-height: 88px !important;
  display: grid !important;
  grid-template-columns: minmax(180px, 260px) 1fr minmax(180px, 260px) !important;
  align-items: center !important;
  padding: 10px 7vw !important;
}

.site-header .header-logo {
  display: flex !important;
  align-items: center !important;
  grid-column: 1 !important;
  width: clamp(170px, 13vw, 230px) !important;
  max-width: 230px !important;
  height: 64px !important;
  overflow: visible !important;
  text-decoration: none !important;
}

.site-header .header-logo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
  max-width: none !important;
  max-height: none !important;
}

.nav {
  grid-column: 2 !important;
  justify-content: center !important;
  margin: 0 auto !important;
  width: 100% !important;
  gap: clamp(18px, 2vw, 30px) !important;
}

.nav a {
  font-size: 15px !important;
  white-space: nowrap !important;
}

/* hero responsive scaling */
.hero-main-logo,
.pill {
  display: none !important;
}

.hero {
  min-height: calc(100vh - 88px) !important;
  display: grid !important;
  grid-template-columns: minmax(520px, 1fr) minmax(520px, 1fr) !important;
  gap: clamp(52px, 6vw, 100px) !important;
  align-items: center !important;
  padding-top: clamp(70px, 7vw, 120px) !important;
  padding-bottom: clamp(70px, 7vw, 120px) !important;
}

.hero-left {
  min-height: clamp(360px, 34vw, 520px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.hero h1 {
  font-size: clamp(50px, 4.7vw, 88px) !important;
  max-width: 900px !important;
  margin-top: 0 !important;
  margin-bottom: 26px !important;
}

.hero-description {
  font-size: clamp(18px, 1.25vw, 24px) !important;
  max-width: 900px !important;
}

.hero-video-card {
  width: 100% !important;
  max-width: clamp(680px, 43vw, 920px) !important;
  justify-self: end !important;
  align-self: center !important;
}

.hero-video-card::before {
  padding-top: 52% !important;
}

/* equal buttons */
.hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-top: 34px !important;
}

.hero-actions .btn {
  width: 210px !important;
  min-width: 210px !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 18px !important;
}

.btn-max {
  background: linear-gradient(135deg, var(--pink), var(--blue)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

/* audience same width as other blocks */
.audience-section,
.audience-section.audience-standard {
  padding-left: 7vw !important;
  padding-right: 7vw !important;
}

.audience-section .section-head {
  margin-left: 0 !important;
  max-width: 980px !important;
}

.audience-grid {
  width: 100% !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

/* streaming comma line */
.streaming-line {
  position: relative;
  margin: 24px 0 14px;
  padding: 18px 22px;
  border-radius: 18px;
  color: #fff;
  line-height: 1.7;
  background:
    linear-gradient(135deg, rgba(255,211,77,.11), rgba(85,174,232,.08)),
    rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: inset 0 0 34px rgba(255,255,255,.035);
}

.streaming-line b {
  color: #fff;
  font-weight: 900;
  text-shadow: 0 0 16px rgba(255,211,77,.18);
}

/* footer */
.footer img {
  width: min(520px, 86vw) !important;
}

/* back to top */
.back-to-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 80;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  font-size: 28px;
  font-weight: 900;
  background: linear-gradient(135deg, var(--pink), var(--blue));
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 48px rgba(0,0,0,.32);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(.96);
  transition: .25s ease;
}

.back-to-top.visible {
  opacity: .95;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.back-to-top:hover {
  opacity: 1;
  transform: translateY(-5px) scale(1.03);
}

/* tablet: video down */
@media (max-width: 1180px) {
  .site-header {
    grid-template-columns: 210px 1fr 60px !important;
  }

  .site-header .header-logo {
    width: 190px !important;
    max-width: 190px !important;
  }

  .nav {
    gap: 16px !important;
  }

  .nav a {
    font-size: 14px !important;
  }

  .hero {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    gap: 42px !important;
  }

  .hero-left {
    min-height: auto !important;
  }

  .hero-video-card {
    justify-self: start !important;
    width: min(820px, 100%) !important;
    max-width: 820px !important;
  }
}

/* mobile */
@media (max-width: 860px) {
  .site-header {
    height: 74px !important;
    min-height: 74px !important;
    grid-template-columns: 185px 1fr 48px !important;
    padding: 9px 18px !important;
  }

  .site-header .header-logo {
    width: 180px !important;
    max-width: 180px !important;
    height: 54px !important;
  }

  .burger {
    display: block !important;
    grid-column: 3 !important;
  }

  .nav {
    position: fixed !important;
    top: 74px !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    display: none !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 14px !important;
    border-radius: 22px !important;
    border: 1px solid var(--line) !important;
    background: rgba(7,7,17,.97) !important;
  }

  .nav.open {
    display: flex !important;
  }

  .hero {
    grid-template-columns: 1fr !important;
    padding-top: 62px !important;
    gap: 36px !important;
  }

  .hero h1 {
    font-size: clamp(38px, 10vw, 52px) !important;
  }

  .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .hero-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  .hero-video-card {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  .audience-section,
  .audience-section.audience-standard {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .audience-grid {
    grid-template-columns: 1fr !important;
  }

  .back-to-top {
    right: 16px;
    bottom: 16px;
    width: 48px;
    height: 48px;
    font-size: 24px;
  }
}


/* FINAL AI ZIP FIX */
.site-header{height:84px!important;min-height:84px!important;display:grid!important;grid-template-columns:minmax(150px,220px) 1fr minmax(150px,220px)!important;align-items:center!important;padding:9px 7vw!important}
.site-header .header-logo{display:flex!important;align-items:center!important;grid-column:1!important;width:clamp(140px,11vw,190px)!important;max-width:190px!important;height:58px!important;overflow:visible!important;text-decoration:none!important}
.site-header .header-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:left center!important;max-width:none!important;max-height:none!important}
.nav{grid-column:2!important;justify-content:center!important;margin:0 auto!important;width:100%!important;gap:clamp(18px,2vw,30px)!important}
.nav a{font-size:15px!important;white-space:nowrap!important}
.hero-main-logo,.pill{display:none!important}
.hero{min-height:calc(100vh - 84px)!important;display:grid!important;grid-template-columns:minmax(560px,1fr) minmax(560px,1fr)!important;gap:clamp(56px,6.2vw,118px)!important;align-items:center!important;padding-top:clamp(78px,7vw,130px)!important;padding-bottom:clamp(78px,7vw,130px)!important}
.hero-left{min-height:clamp(420px,38vw,620px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.hero h1{font-size:clamp(56px,5.25vw,104px)!important;max-width:1050px!important;margin-top:0!important;margin-bottom:clamp(22px,1.5vw,34px)!important;line-height:.98!important}
.hero-description{font-size:clamp(19px,1.38vw,28px)!important;max-width:1040px!important}
.hero-video-card{width:100%!important;max-width:clamp(760px,44vw,1080px)!important;justify-self:end!important;align-self:center!important}
.hero-video-card::before{padding-top:52%!important}
.hero-actions{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;margin-top:34px!important}
.hero-actions .btn{width:218px!important;min-width:218px!important;height:60px!important;min-height:60px!important;padding:0 18px!important}
.btn-max{background:linear-gradient(135deg,var(--pink),var(--blue))!important;border:1px solid rgba(255,255,255,.14)!important}
.ai-actions{grid-column:1 / -1;display:flex;justify-content:center;gap:16px;margin-top:8px}
.ai-actions .btn{width:245px;min-height:56px;border-radius:999px}
.btn-ai{background:rgba(255,255,255,.075);border:1px solid rgba(255,211,77,.22)}
.audience-section,.audience-section.audience-standard{padding-left:7vw!important;padding-right:7vw!important}
.audience-section .section-head{margin-left:0!important;max-width:980px!important}
.audience-grid{width:100%!important;grid-template-columns:repeat(3,1fr)!important}
.streaming-line{position:relative;margin:24px 0 14px;padding:18px 22px;border-radius:18px;color:#fff;line-height:1.7;background:linear-gradient(135deg,rgba(255,211,77,.11),rgba(85,174,232,.08)),rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 0 34px rgba(255,255,255,.035)}
.streaming-line b{color:#fff;font-weight:900;text-shadow:0 0 16px rgba(255,211,77,.18)}
.footer img{width:min(540px,86vw)!important}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:80;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:#fff;text-decoration:none;font-size:28px;font-weight:900;background:linear-gradient(135deg,var(--pink),var(--blue));border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 48px rgba(0,0,0,.32);opacity:0;pointer-events:none;transform:translateY(10px) scale(.96);transition:.25s ease}
.back-to-top.visible{opacity:.95;pointer-events:auto;transform:translateY(0) scale(1)}
@media (max-width:1180px){.site-header{grid-template-columns:190px 1fr 60px!important}.site-header .header-logo{width:160px!important;max-width:160px!important}.nav{gap:15px!important}.nav a{font-size:14px!important}.hero{grid-template-columns:1fr!important;min-height:auto!important;gap:42px!important}.hero-left{min-height:auto!important}.hero-video-card{justify-self:start!important;width:min(900px,100%)!important;max-width:900px!important}.ai-actions{justify-content:flex-start}}
@media (max-width:860px){.site-header{height:74px!important;min-height:74px!important;grid-template-columns:160px 1fr 48px!important;padding:9px 18px!important}.site-header .header-logo{width:150px!important;max-width:150px!important;height:54px!important}.burger{display:block!important;grid-column:3!important}.nav{position:fixed!important;top:74px!important;left:14px!important;right:14px!important;width:auto!important;display:none!important;flex-direction:column!important;gap:0!important;padding:14px!important;border-radius:22px!important;border:1px solid var(--line)!important;background:rgba(7,7,17,.97)!important}.nav.open{display:flex!important}.hero{grid-template-columns:1fr!important;padding-top:62px!important;gap:34px!important}.hero h1{font-size:clamp(38px,10vw,52px)!important}.hero-description{font-size:20px!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.hero-actions .btn{width:100%!important;min-width:0!important}.hero-video-card{width:100%!important;max-width:none!important;justify-self:stretch!important}.ai-actions{grid-column:1;display:grid;grid-template-columns:1fr;width:100%;margin-top:-10px}.ai-actions .btn{width:100%}.audience-section,.audience-section.audience-standard{padding-left:20px!important;padding-right:20px!important}.audience-grid{grid-template-columns:1fr!important}.back-to-top{right:16px;bottom:16px;width:48px;height:48px;font-size:24px}}

/* CONTACTS FIX */
.seo-contacts {
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}


/* =========================================================
   ROUNDED HEADER + ALICE FIX
   ========================================================= */

/* Шапка как капсула: закруглённая, внутри страницы */
.site-header {
  position: sticky !important;
  top: 18px !important;
  z-index: 100 !important;
  width: min(1180px, calc(100% - 40px)) !important;
  height: 66px !important;
  min-height: 66px !important;
  margin: 18px auto 0 !important;
  padding: 8px 22px !important;
  display: grid !important;
  grid-template-columns: 150px 1fr 120px !important;
  align-items: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(7, 7, 17, .78) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.30), inset 0 0 24px rgba(255,255,255,.035) !important;
}

.site-header .header-logo {
  display: flex !important;
  width: 128px !important;
  max-width: 128px !important;
  height: 48px !important;
  grid-column: 1 !important;
  align-items: center !important;
}

.site-header .header-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.nav {
  grid-column: 2 !important;
  justify-content: center !important;
  gap: 24px !important;
  margin: 0 auto !important;
}

.nav a {
  font-size: 14px !important;
}

/* Чтобы первый экран не прятался под плавающей шапкой */
.hero {
  margin-top: -84px !important;
  padding-top: clamp(150px, 10vw, 190px) !important;
}

/* Скрытая/малозаметная AI facts секция для поисковиков */
.ai-facts {
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Tablet */
@media (max-width: 1180px) {
  .site-header {
    width: min(980px, calc(100% - 32px)) !important;
    grid-template-columns: 128px 1fr 54px !important;
  }

  .site-header .header-logo {
    width: 112px !important;
    max-width: 112px !important;
  }

  .nav {
    gap: 15px !important;
  }

  .nav a {
    font-size: 13px !important;
  }
}

/* Mobile */
@media (max-width: 860px) {
  .site-header {
    top: 10px !important;
    width: calc(100% - 24px) !important;
    height: 62px !important;
    min-height: 62px !important;
    margin-top: 10px !important;
    padding: 7px 14px !important;
    grid-template-columns: 120px 1fr 44px !important;
    border-radius: 24px !important;
  }

  .site-header .header-logo {
    width: 112px !important;
    max-width: 112px !important;
    height: 46px !important;
  }

  .burger {
    display: block !important;
    grid-column: 3 !important;
  }

  .nav {
    position: fixed !important;
    top: 82px !important;
    left: 12px !important;
    right: 12px !important;
    display: none !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 14px !important;
    border-radius: 22px !important;
    background: rgba(7,7,17,.97) !important;
  }

  .nav.open {
    display: flex !important;
  }

  .hero {
    margin-top: -72px !important;
    padding-top: 132px !important;
  }
}