/* ===================== TESTIMONIALS (REVIEWS) ===================== */
.testi{ position:relative; overflow:hidden; background:#0f1529; padding:64px 0 72px; }
.testi .container{ position:relative; z-index:1; }

/* фон-галактика */
.testi__bg{ position:absolute; inset:0; z-index:0; }
.testi .stars{ opacity:.46; background-size:512px 512px; animation:moveStars 120s linear infinite; }
.testi .nebula{
  opacity:.30;
  background:
    radial-gradient(900px 380px at 16% 0%, rgba(0,136,255,.18), transparent 70%),
    radial-gradient(660px 620px at 84% 18%, rgba(70,40,130,.22), transparent 70%),
    radial-gradient(900px 560px at 50% 100%, rgba(30,90,180,.20), transparent 70%);
  animation:moveNebula 200s ease-in-out infinite;
}

/* заголовки */
.testi__title{
  margin:0 0 28px;
  font-family: var(--font-head,"Inter",sans-serif);
  font-size:44px; line-height:1.16; font-weight:800; letter-spacing:-.01em;
  color:#fff;
}
.testi__subtitle{
  margin:24px 0 14px;
  font-family: var(--font-head,"Inter",sans-serif);
  font-size:28px; font-weight:800; color:#fff;
}

/* строки-отзывы */
.testi__row{
  display:grid; grid-template-columns: 420px 1fr; gap:28px; align-items:start;
  padding:26px 0; border-bottom:1px solid rgba(255,255,255,.06);
}
.testi__row:last-of-type{ border-bottom:none; }

/* видео (самохост) */
.testi__media{ margin:0; }
.testi__media video{
  width:100%; height:auto; display:block; border-radius:12px;
  background:#000; outline:none; border:1px solid rgba(255,255,255,.06);
  box-shadow:0 16px 32px rgba(0,0,0,.28);
}

/* текст отзыва */
.testi__text{ color:#d6deee; font-size:14.5px; line-height:1.7; }
.testi__name{
  margin:0 0 8px; color:#fff; font-weight:800; letter-spacing:.1px; font-size:16px;
}
.testi__text p{ margin:0 0 10px; }

/* письма (сканы) */
.letters{
  display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:22px;
  margin-top:12px;
}
.letters__item{ margin:0; background:rgba(255,255,255,.02); border-radius:12px; padding:10px; }
.letters__item img{
  width:100%; height:auto; display:block; border-radius:8px;
  box-shadow:0 12px 26px rgba(0,0,0,.25);
}

/* адаптив */
@media (max-width:1100px){
  .testi__row{ grid-template-columns: 360px 1fr; gap:22px; }
}
@media (max-width:900px){
  .testi{ padding:48px 0 56px; }
  .testi__title{ font-size:32px; }
  .testi__row{ grid-template-columns:1fr; gap:14px; padding:18px 0; }
  .testi__media video{ border-radius:12px; }
  .letters{ grid-template-columns:1fr; gap:14px; }
}

/* если файл автономный — добавим ключи анимаций */
@keyframes moveStars{ from{background-position:0 0} to{background-position:0 -2000px} }
@keyframes moveNebula{ 0%{transform:scale(1)} 50%{transform:scale(1.05) translate(-2%,-3%)} 100%{transform:scale(1)} }

/* Карточка 16:9, без постеров — браузер рисует первый кадр при preload=metadata */
.nv-media{ position:relative; aspect-ratio:16/9; overflow:hidden; }
.nv-video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;                 /* кадр заполняет контейнер, как превью */
  background:#000; display:block;
}

/* Спрятать кнопку «во весь экран» (Safari/Chrome) + прочие лишние */
.nv-video::-webkit-media-controls-fullscreen-button{ display:none; }
.nv-video::-webkit-media-controls-playback-rate-button{ display:none; }

/* На iOS иногда показывается «Пикчер-ин-Пикчер» — отключаем */
.nv-video::-webkit-media-controls-toggle-closed-captions-button{ display:none; }

/* Небольшой hover-эффект, чтобы карточки «живые» были (не влияет на фуллскрин) */
.nv-media:hover .nv-video{ transform: scale(1.005); transition: transform .25s ease; }

/* --- VIDEOS: фикс 16:9 + letterbox (как на основном сайте) --- */
.testi__media{
  position: relative;
  aspect-ratio: 16/9;         /* фиксируем рамку плеера */
  overflow: hidden;
}
.testi__media video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;         /* ВАЖНО: вертикальные видео с полями по бокам */
  background: #000;            /* чёрные «борта» */
  display: block;
}

/* убрать кнопку фуллскрина/лишние элементы в WebKit/Chrome */
.testi__media video::-webkit-media-controls-fullscreen-button{ display:none; }
.testi__media video::-webkit-media-controls-playback-rate-button{ display:none; }

/* немного «живости» при ховере, не влияем на размер видео */
.testi__media:hover video{ transform: translateZ(0); }

/* === PATCH: Testimonials — больше видео и текст (аккуратно) === */

/* Desktop ≥1100px */
@media (min-width:1100px){
  /* шире колонка с видео: было ~420px */
  .testi__row{
    grid-template-columns: 500px 1fr;
    gap: 32px;
  }

  /* кегли текста правой колонки */
  .testi__name{
    font-size: 18px;            /* было 16 */
    margin: 0 0 10px;
  }
  .testi__text{
    font-size: 16px;            /* было ~14.5 */
    line-height: 1.75;
  }
}

/* Средние экраны 900–1099px: тоже чуть шире и крупнее */
@media (min-width:900px) and (max-width:1099px){
  .testi__row{
    grid-template-columns: 440px 1fr;   /* было 360px */
    gap: 26px;
  }
  .testi__name{ font-size: 17px; }
  .testi__text{ font-size: 15.5px; line-height: 1.7; }
}

/* Видео остаётся в 16:9, вертикальные ролики с полями по бокам */
.testi__media{ position:relative; aspect-ratio:16/9; overflow:hidden; }
.testi__media video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:contain; background:#000; display:block;
}

/* ===== HERO (PITCH) ===== */
.pitch{
  position: relative;
  background: #12213e;                 /* как на скрине */
  overflow: hidden;
  padding: 76px 0 56px;
  isolation:isolate;
}
.pitch__galaxy{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.pitch .stars{
  opacity:.50;
  background-size:512px 512px;
  animation:moveStars 120s linear infinite;
}
.pitch .nebula{
  opacity:.30;
  background:
    radial-gradient(900px 380px at 20% 8%, rgba(0,136,255,.20), transparent 70%),
    radial-gradient(700px 620px at 86% 26%, rgba(70,40,130,.22), transparent 70%),
    radial-gradient(900px 560px at 56% 100%, rgba(30,90,180,.20), transparent 70%);
  animation:moveNebula 200s ease-in-out infinite;
}

.pitch .container{ position:relative; z-index:1; }
.pitch__wrap{
  display:grid; align-items:center; column-gap:48px;
  grid-template-columns: 1.05fr 1fr;
}

/* левая колонка */
.pitch__title{
  margin:0 0 18px;
  font-family: var(--font-head, "Inter", sans-serif);
  font-weight: 800;
  font-size: 56px;
  line-height: 1.12;
  letter-spacing:-.02em;
  color:#fff;
}
.pitch__bullets{
  margin: 0 0 26px; padding:0; list-style:none; color:#cfe0ff;
  font-size: 18px; line-height:1.7;
}
.pitch__bullets li{ position:relative; padding-left:20px; margin:10px 0; }
.pitch__bullets li::before{
  content:""; position:absolute; left:0; top:.8em;
  width:6px; height:6px; border-radius:50%; background:#1ec8ff;
}
.pitch__cta{
  margin-top:6px; padding:16px 28px; border-radius:14px;
  font-weight:800;
  box-shadow:0 6px 0 #052b45, 0 20px 40px rgba(0,170,255,.18);
}

/* правая колонка */
.pitch__photo{
  position:relative; justify-self:end;
}
.pitch__img{
  display:block; max-width:560px; width: min(32vw, 560px);
  height:auto; filter: drop-shadow(0 24px 56px rgba(0,0,0,.35));
  transform:translateX(8px);
}
.pitch__badge{
  position:absolute; right:min(8%, 40px); top:38%;
  transform:translateY(-50%);
  pointer-events:none;
}

/* hover лёгкое парение */
@media (hover:hover){
  .pitch__photo:hover .pitch__img{ transform: translateX(8px) translateY(-6px); transition:.35s cubic-bezier(.22,.8,.24,1); }
}

/* адаптив */
@media (max-width:1100px){
  .pitch{ padding: 64px 0 52px; }
  .pitch__wrap{ grid-template-columns: 1fr .9fr; column-gap:32px; }
  .pitch__title{ font-size: 48px; }
  .pitch__img{ width:min(40vw, 520px); }
}
@media (max-width:900px){
  .pitch{ padding: 52px 0 24px; }
  .pitch__wrap{ display:flex; flex-direction:column; text-align:left; }
  .pitch__title{ font-size: 40px; line-height:1.18; margin-bottom:14px; }
  .pitch__bullets{ font-size:16px; margin-bottom:20px; }
  .pitch__photo{ order:3; width:100%; display:flex; justify-content:center; }
  .pitch__img{ width:min(82vw, 420px); transform:none; }
  .pitch__badge{
    position:static; margin-top:10px; transform:none; right:auto; top:auto;
    align-self:center; pointer-events:auto;
  }
}

/* если анимации ещё не подключены в проекте — добавь ключи */
@keyframes moveStars{ from{background-position:0 0} to{background-position:0 -2000px} }
@keyframes moveNebula{
  0%{ transform:scale(1) }
  50%{ transform:scale(1.05) translate(-2%,-3%) }
  100%{ transform:scale(1) }
}

/* ===== HERO: бейдж как в блоке "Кто мы" — компактная пилюля ===== */

/* позиция бейджа у фото (можно подвинуть top/right под свой кадр) */
section.pitch .pitch__badge{
  position:absolute !important;
  right: clamp(20px, 6vw, 110px) !important;
  top: 56% !important;                 /* двинь 52–60% если нужно ниже/выше */
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

/* превращаем карточку в ту самую "пилюлю" */
section.pitch .ceo-badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 12px !important;
  border-radius:9999px !important;
  background:rgba(7,14,32,.75) !important;     /* как в "Кто мы" */
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  width:auto !important;
  max-width:none !important;
  color:#eaf3ff !important;
}

/* маленький ромбик слева — как маркер */
section.pitch .ceo-badge::before{
  content:"";
  width:8px; height:8px;
  transform:rotate(45deg);
  background:rgba(30,200,255,.85);
  border-radius:2px;
  box-shadow:0 0 10px rgba(30,200,255,.55);
}

/* убираем стрелку/хвост, если где-то был */
section.pitch .ceo-badge::after{ display:none !important; }

/* две строки типографики — в точности как в "Кто мы" */
section.pitch .ceo-badge__name{
  font-weight:800 !important;
  font-size:13px !important;
  line-height:1.15 !important;
  letter-spacing:.2px !important;
  color:#fff !important;
  margin:0 !important;
}
section.pitch .ceo-badge__role{
  font-size:11.5px !important;
  line-height:1.2 !important;
  color:#b7c6de !important;
  margin:0 !important;
}

/* адаптив — под фото и по центру */
@media (max-width:900px){
  section.pitch .pitch__badge{
    position:static !important;
    transform:none !important;
    margin-top:10px !important;
    display:flex; justify-content:center;
  }
  section.pitch .ceo-badge{
    transform:translateX(0) !important;
  }
}

/* === FIX: бейдж в хиро = компактная пилюля из 2 строк (как в "Кто мы") === */

/* позиция у фото (подкорректируй top/right под кадр) */
section.pitch .pitch__badge{
  position:absolute !important;
  right: clamp(16px, 6vw, 110px) !important;
  top: 56% !important;                     /* двинь 52–60% при нужде */
  transform: translateY(-50%) !important;
  z-index: 3 !important;
}

/* сам бейдж — один блочный контейнер */
section.pitch .ceo-badge{
  display:block !important;
  width:auto !important;
  max-width: 240px !important;             /* 220–260 по вкусу */
  padding: 8px 12px !important;
  border-radius: 9999px !important;
  background: rgba(7,14,32,.75) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  color:#eaf3ff !important;
  overflow: visible !important;
  white-space: normal !important;          /* разрешаем переносы */
}

/* маркер-ромбик слева */
section.pitch .ceo-badge::before{
  content:"";
  display:inline-block;
  width:8px; height:8px;
  margin-right:8px;
  transform:translateY(-1px) rotate(45deg);
  background:rgba(30,200,255,.85);
  border-radius:2px;
  box-shadow:0 0 10px rgba(30,200,255,.55);
}

/* обе строки внутри — блочные, без абсолютного позиционирования */
section.pitch .ceo-badge__name,
section.pitch .ceo-badge__role{
  position: static !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  letter-spacing: .2px;
}

/* типографика 1:1 со стилем "Кто мы" */
section.pitch .ceo-badge__name{
  font-weight: 800 !important;
  font-size: 13px !important;
  line-height: 1.16 !important;
  color:#fff !important;
}
section.pitch .ceo-badge__role{
  font-size: 11.5px !important;
  line-height: 1.18 !important;
  color:#b7c6de !important;
}

/* мобильный: под фото, по центру */
@media (max-width: 900px){
  section.pitch .pitch__badge{
    position: static !important;
    transform: none !important;
    margin-top: 10px !important;
    display:flex; justify-content:center;
  }
  section.pitch .ceo-badge{
    max-width: min(92vw, 320px) !important;
  }
}
/* === HERO badge: фикс «колбасы» и стиль как в «Кто мы» === */

/* Сбрасываем старые псевдо-элементы, чтобы не рисовались длинные хвосты */
.ceo-badge.pitch__badge::before,
.ceo-badge.pitch__badge::after{
  content:none !important;
  display:none !important;
}

/* Позиция бейджа у фото (подстрой top/right под кадр) */
section.pitch .ceo-badge.pitch__badge{
  position:absolute !important;
  right: clamp(18px, 6vw, 110px) !important;
  top: 56% !important;                    /* 52–60% — поправь при нужде */
  transform: translateY(-50%) !important;
  z-index: 5 !important;

  /* Внешний вид «пилюли» */
  display:inline-flex !important;
  flex-direction:column !important;
  gap:4px !important;
  padding:8px 12px !important;
  border-radius:9999px !important;
  background:rgba(7,14,32,.78) !important;          /* как в «Кто мы» */
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;

  width:auto !important;
  max-width:240px !important;                         /* можно 220–260 */
  color:#eaf3ff !important;
  white-space:normal !important;                      /* переносы ОК */
  overflow:visible !important;
}

/* Маленький ромбик слева (как маркер) */
section.pitch .ceo-badge.pitch__badge {
  position:absolute !important;
}
section.pitch .ceo-badge.pitch__badge > .diamond{
  width:8px; height:8px; flex:0 0 8px;
  margin-right:8px; display:none;                    /* отключён — хотим чистую пилюлю */
}

/* Имя + роль (две строки) */
section.pitch .ceo-badge.pitch__badge .ceo-badge__name{
  display:block !important;
  margin:0 !important;
  font-weight:800 !important;
  font-size:13px !important;
  line-height:1.16 !important;
  letter-spacing:.2px !important;
  color:#fff !important;
  white-space:normal !important;
}
section.pitch .ceo-badge.pitch__badge .ceo-badge__role{
  display:block !important;
  margin:0 !important;
  font-size:11.5px !important;
  line-height:1.18 !important;
  color:#b7c6de !important;
  white-space:normal !important;
}

/* Мобильный — под фото и по центру */
@media (max-width:900px){
  section.pitch .ceo-badge.pitch__badge{
    position:static !important;
    transform:none !important;
    margin-top:10px !important;
    display:flex !important;
    align-self:center !important;
    max-width:min(92vw, 320px) !important;
  }
}

/* ===== HERO: фикс бейджа возле фото ===== */

/* 1) Полный сброс старых хвостов/псевдо-элементов */
.pitch__badge::before,
.pitch__badge::after,
.ceo-badge::before,
.ceo-badge::after,
.ceo-badge.pitch__badge::before,
.ceo-badge.pitch__badge::after{
  content: none !important;
  display: none !important;
}

/* 2) Пилюля: внешний вид + переносы */
section.pitch .ceo-badge.pitch__badge{
  position: absolute !important;
  /* ближе к фото: уменьшаем правый отступ */
  right: clamp(10px, 2.6vw, 44px) !important;
  top: 56% !important;                        /* подстрой 52–60% при желании */
  transform: translateY(-50%) !important;
  z-index: 5 !important;

  display: inline-flex !important;
  flex-direction: column !important;
  gap: 4px !important;

  padding: 10px 15px 46px 12px !important;
  border-radius: 9999px !important;
  background: rgba(7,14,32,.78) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;

  width: auto !important;
  max-width: 240px !important;               /* 220–260 по вкусу */
  color:#eaf3ff !important;
  white-space: normal !important;            /* переносы текста разрешены */
  overflow: visible !important;
}

/* 3) Типографика */
section.pitch .ceo-badge.pitch__badge .ceo-badge__name{
  margin:0 !important;
  font-weight:800 !important;
  font-size:13px !important;
  line-height:1.16 !important;
  letter-spacing:.2px !important;
  color:#fff !important;
}
section.pitch .ceo-badge.pitch__badge .ceo-badge__role{
  margin:0 !important;
  font-size:11.5px !important;
  line-height:1.18 !important;
  color:#b7c6de !important;
  white-space:normal !important;
}

/* 4) Мобильный — под фото и по центру */
@media (max-width: 900px){
  section.pitch .ceo-badge.pitch__badge{
    margin-top: 126px !important;
    margin-right: 2px;
    padding: 32px 12px 31px 10px !important;
    gap: 2px !important;
    align-self: center !important;
    max-width: min(92vw, 320px) !important;
  }
}

/* ===================== FOOTER ===================== */
.footer{
  position: relative;
  background:#0b1224;
  color:#d9e5ff;
  padding: 64px 0 0;
  overflow:hidden;
  font-family: var(--font-text, "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
}

.footer__galaxy{ position:absolute; inset:0; z-index:0; }
.footer__stars{
  position:absolute; inset:0;
  background:url('img/stars.png') repeat;
  background-size:512px 512px;
  opacity:.42; animation:footerStars 120s linear infinite;
}
.footer__nebula{
  position:absolute; inset:-20% -10% auto -10%; height:260px;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(0,136,255,.22) 0%, rgba(0,136,255,0) 65%),
    linear-gradient(180deg, rgba(7,14,32,0) 0%, rgba(7,14,32,.25) 100%);
  filter: blur(10px);
}
@keyframes footerStars{ from{background-position:0 0} to{background-position:0 -2000px} }

.footer__wrap{
  position:relative; z-index:1;
  display:grid; gap:32px;
  grid-template-columns: 1.2fr .8fr .8fr 1.2fr;
  align-items:start;
}

/* Бренд */
.fcol--brand{ padding-right:18px; }
.fbrand{ text-decoration:none; color:#fff; display:inline-grid; gap:4px; }
.fbrand__title{ font-family: var(--font-head,"Inter",sans-serif); font-weight:800; font-size:28px; letter-spacing:.4px;}
.fbrand__line{ width:84px; height:2px; background:var(--blue,#00aaff); }
.fbrand__sub{ font-size:12px; opacity:.7; }

.flead{ margin:14px 0 18px; color:#c7d5ef; max-width:420px; }

.fcta{
  display:inline-block; margin-bottom:16px;
  background:var(--blue,#00aaff); color:#fff; text-decoration:none;
  font-weight:800; border-radius:12px; padding:13px 22px;
  box-shadow:0 6px 0 #052b45, 0 20px 40px rgba(0,170,255,.15);
}
.fcta:hover{ transform:translateY(-1px); transition:.18s ease; }

.fphone{ display:flex; flex-direction:column; gap:2px; margin-top:6px; }
.fphone__link{ color:#fff; text-decoration:none; font-weight:800; font-size:18px; }
.fphone__link:hover{ color:var(--blue,#00aaff); }
.fphone__time{ font-size:12px; opacity:.65; }

.fsocial{ display:flex; gap:10px; margin-top:14px; }
.fsocial__ico{
  width:40px; height:40px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.08);
  box-shadow:0 6px 16px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(4px);
  color:#fff; text-decoration:none; position:relative;
}
.fsocial__ico::before{
  content:""; width:22px; height:22px; background:currentColor;
  -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; -webkit-mask-size:contain;
          mask-position:center;         mask-repeat:no-repeat;         mask-size:contain;
}
.fsocial__ico--tg{ color:#26A4E3; }
.fsocial__ico--tg::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M9.6 15.2l-.4 5.4c.6 0 .9-.3 1.2-.6l2.8-2.7 5.8 4.3c1 .6 1.7.3 2-.9l3.7-17.2c.4-1.9-.7-2.7-2.1-2.2L1.7 9.7c-1.8.7-1.8 1.7-.3 2.1l5.5 1.7L19.6 5c.7-.5 1.3-.2.8.3L9.6 15.2z'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M9.6 15.2l-.4 5.4c.6 0 .9-.3 1.2-.6l2.8-2.7 5.8 4.3c1 .6 1.7.3 2-.9l3.7-17.2c.4-1.9-.7-2.7-2.1-2.2L1.7 9.7c-1.8.7-1.8 1.7-.3 2.1l5.5 1.7L19.6 5c.7-.5 1.3-.2.8.3L9.6 15.2z'/></svg>");
}
.fsocial__ico--wa{ color:#25D366; }
.fsocial__ico--wa::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M20 3.9A10 10 0 0 0 4.4 18.6L3 22.7l4.2-1.1A10 10 0 0 0 20 3.9zm-8 16.6a8.5 8.5 0 0 1-4.3-1.2l-.3-.2-2.5.7.7-2.4-.2-.3A8.5 8.5 0 1 1 12 20.5zm4.8-6.3c-.3-.2-1.8-.9-2-.9s-.5-.1-.8.2c-.2.3-.9 1-1 1.2-.2.2-.4.2-.7.1-1.9-.9-3.1-2.8-3.3-3.2-.2-.3 0-.5.1-.6l.3-.3c.1-.1.2-.3.3-.5.1-.2 0-.4 0-.6s-.8-2-1.1-2.7c-.3-.7-.6-.6-.8-.6h-.7c-.2 0-.6.1-.9.4-.3.3-1.2 1.2-1.2 2.9s1.2 3.3 1.4 3.5c.2.2 2.3 3.6 5.6 5 .8.3 1.4.5 1.8.6.8.3 1.6.3 2.2.2.7-.1 2.1-.9 2.4-1.8.3-1 .3-1.7.2-1.8-.1-.1-.3-.2-.6-.4z'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M20 3.9A10 10 0 0 0 4.4 18.6L3 22.7l4.2-1.1A10 10 0 0 0 20 3.9zm-8 16.6a8.5 8.5 0 0 1-4.3-1.2l-.3-.2-2.5.7.7-2.4-.2-.3A8.5 8.5 0 1 1 12 20.5zm4.8-6.3c-.3-.2-1.8-.9-2-.9s-.5-.1-.8.2c-.2.3-.9 1-1 1.2-.2.2-.4.2-.7.1-1.9-.9-3.1-2.8-3.3-3.2-.2-.3 0-.5.1-.6l.3-.3c.1-.1.2-.3.3-.5.1-.2 0-.4 0-.6s-.8-2-1.1-2.7c-.3-.7-.6-.6-.8-.6h-.7c-.2 0-.6.1-.9.4-.3.3-1.2 1.2-1.2 2.9s1.2 3.3 1.4 3.5c.2.2 2.3 3.6 5.6 5 .8.3 1.4.5 1.8.6.8.3 1.6.3 2.2.2.7-.1 2.1-.9 2.4-1.8.3-1 .3-1.7.2-1.8-.1-.1-.3-.2-.6-.4z'/></svg>");
}

/* Колонки */
.fcol .fhead{
  font-family: var(--font-head,"Inter",sans-serif);
  font-size:15px; letter-spacing:.12em; text-transform:uppercase;
  color:#9ecfff; margin:4px 0 14px; opacity:.9;
}
.flist{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.flist a{ color:#dbe6ff; text-decoration:none; opacity:.85; }
.flist a:hover{ color:#fff; }

.fcol--glass{
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px; padding:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow: inset 0 20px 40px rgba(0,0,0,.15);
}
.fmini{ margin:4px 0 12px; color:#c7d5ef; font-size:14px; }
.fbtns{ display:grid; gap:10px; }
.fbtn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  border-radius:12px; padding:12px 14px; text-decoration:none; color:#fff; font-weight:800;
  box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.fbtn--tg{ background:#2496dc; }
.fbtn--tg:hover{ filter:brightness(.95); }
.fbtn--wa{ background:#2cc66b; }
.fbtn--wa:hover{ filter:brightness(.95); }

/* Низ */
.footer__bottom{ position:relative; z-index:1; margin-top:36px; border-top:1px solid rgba(255,255,255,.06); }
.footer__bottom_wrap{
  display:flex; justify-content:space-between; align-items:center;
  padding:16px 0 24px; gap:16px;
}
.fcopy{ color:#a9b8d6; opacity:.8; }

.ftop{
  width:42px; height:42px; border-radius:12px; background:rgba(255,255,255,.08);
  box-shadow:0 8px 18px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.06);
  display:inline-flex; align-items:center; justify-content:center; text-decoration:none;
  position:relative;
}
.ftop::before{
  content:""; width:18px; height:18px; background:currentColor; color:#dbe6ff;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M12 7l-7 7h4v4h6v-4h4z'/></svg>") center/contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M12 7l-7 7h4v4h6v-4h4z'/></svg>") center/contain no-repeat;
}

/* Адаптив */
@media (max-width:1100px){
  .footer__wrap{ grid-template-columns: 1fr 1fr; }
}
@media (max-width:780px){
  .footer{ padding-top:52px; }
  .footer__wrap{ grid-template-columns:1fr; }
  .fcol--brand{ order:-1; }
  .footer__bottom_wrap{ flex-direction:column; align-items:flex-start; }
}

/* === PITCH badge: mobile fix — компактная «плашка» по тексту === */
@media (max-width: 900px){
  section.pitch .ceo-badge.pitch__badge,
  section.pitch .pitch__badge.ceo-badge{
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;

    display: inline-flex !important;      /* shrink-to-content */
    flex-direction: column !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;

    padding: 8px 12px !important;         /* без лишнего воздуха */
    border-radius: 12px !important;       /* НЕ круг */
    width: auto !important;
    max-width: 88vw !important;           /* на всякий случай */

    background: rgba(7,14,32,.84) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.28) !important;

    white-space: normal !important;       /* переносы строк ок */
    overflow: visible !important;
    margin: 10px auto 0 !important;       /* под фото и по центру */
  }

  /* отключаем любые «украшения», которые могли расширять плашку */
  section.pitch .ceo-badge.pitch__badge::before,
  section.pitch .ceo-badge.pitch__badge::after{
    content: none !important;
    display: none !important;
  }

  section.pitch .ceo-badge.pitch__badge .ceo-badge__name,
  section.pitch .ceo-badge.pitch__badge .ceo-badge__role{
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
  }

  /* выравниваем контейнер фото, чтобы бейдж центрировался под ним */
  section.pitch .pitch__photo{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
}