.t-sociallinks__svg {
    width: 30px !important;
    height: 30px !important;
}

.t-sociallinks__item a {
    width: 20px !important;
    height: 20px !important;
}

.t898__btn_label {
    width: 50px;
    height: 50px;
}
@media (max-width: 600px) {
    .amo-button-holder {
        bottom: 10px !important;
        right: 10px !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important;
        z-index: 99 !important;
    }
}


/* SEO 10.09.2026: заголовки Tilda переведены с div на h1 — гасим собственные
   отступы браузера, чтобы вёрстка осталась прежней. */
h1[class*="t-title"], h1[class*="t-heading"], h1[class*="t-name"] {
    margin: 0;
    font-weight: inherit;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Приведение вида, 11.09.2026. Всё поверх экспорта Tilda: разметку почти не
   трогаем, чтобы правку можно было снять одним куском, а следующая выгрузка
   её не затёрла. Причины каждой строки — рядом, они измерены, а не на глаз.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    --db-ground: #f4f6fa;   /* фон страницы: чистый белый бьёт по глазам */
    --db-paper:  #ffffff;   /* карточки — то, что должно всплывать над фоном */
    --db-ink:    #16233f;
    --db-muted:  #5a6c8e;
    --db-accent: #2f6bff;
    --db-warm:   #d4552c;   /* был #ff8562: контраст 2,39 на белом при норме 3 */
}

/* ── Фон ─────────────────────────────────────────────────────────────────── */
html, body { background: var(--db-ground); }
/* Четыре секции были явно белыми, остальные 24 — прозрачные. Снимаем белый,
   иначе по странице идут полосы «белое на сером». */
.t-body .r.t-rec[data-bg-color="#ffffff"],
.t-body .r.t-rec[style*="background-color:#ffffff"],
.t-body .r.t-rec[style*="background-color: #ffffff"] { background-color: transparent !important; }

/* ── Герой главной ───────────────────────────────────────────────────────── */
.db-hero__title {
    margin: 0 0 18px;
    color: var(--db-ink);
    font-weight: 800;
    /* было 52px намертво: на телефоне заголовок занимал два экрана */
    font-size: clamp(30px, 4.6vw, 58px);
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-wrap: balance;
    font-family: 'TildaSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
.db-hero__lead {
    margin: 0 auto;
    max-width: 38em;        /* было 95 знаков в строке — вдвое больше нормы */
    color: var(--db-muted);
    /* ⚠️ Тег <p> без тильдовского класса берёт дефолтный serif браузера —
       лид уезжал в Times. Семейство задаём явно. */
    font-family: 'TildaSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-weight: 400;
    font-size: clamp(17px, 1.5vw, 21px);
    line-height: 1.5;       /* было ~2,2 — текст разваливался на плакаты */
}
/* Заголовок наполовину уходил под фиксированную шапку: отступ героя был
   рассчитан на одноэтажную, а она в две строки. */
#rec1722533261 { padding-top: 118px !important; }
@media screen and (max-width: 960px) { #rec1722533261 { padding-top: 76px !important; } }
@media screen and (max-width: 640px) { #rec1722533261 { padding-top: 24px !important; } }

/* Подпись под лидом (описание услуги) — тем же серым, что и лид */
#rec1722533261 + .r .t-descr,
#rec1722533261 .t050__descr { color: var(--db-muted); }

/* Мобильное меню Tilda зафиксировано (`position: fixed`) и занимает 102 px
   на всех шириных до 980, а запись-шапка резервирует под него 60
   (`t-rec_pb_60`). Разница в 42 px съедала верх первого экрана: на главной
   у заголовка «ИИ-агенты для вашей команды» обрезалась верхняя треть букв.
   Прежняя попытка лечить это отступом героя (#rec1722533261 ниже) мимо:
   она правила один блок на одной странице, а перекрытие было на всех 42.
   Резервируем ровно высоту меню — там, где меню показано. */
@media screen and (max-width: 980px) {
    #rec1612242511 { padding-bottom: 102px !important; }
}

/* ─── Блок «Видео наших проектов» на главной ──────────────────────────────
   С главной на ролики не вело ни одной ссылки: до видео надо было дойти
   меню → «Решения» → карточка → прокрутка. Показываем работу до цены. */
.dbv { background: #f5f7fc; padding: 64px 0; }
.dbv__wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px;
  font-family: TildaSans, Arial, sans-serif; }
.dbv__kicker { margin: 0 0 10px; font-size: 13px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: #1244d2; }
.dbv__title { margin: 0 0 12px; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.15;
  letter-spacing: -.02em; color: #16202f; font-weight: 700; }
.dbv__lead { margin: 0 0 32px; max-width: 64ch; font-size: 17px; line-height: 1.6; color: #4a5a72; }
.dbv__grid { display: grid; gap: 18px; grid-template-columns: 1fr; }
@media (min-width: 700px) { .dbv__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1020px) { .dbv__grid { grid-template-columns: repeat(3, 1fr); } }
.dbv__card { display: flex; flex-direction: column; background: #fff;
  border: 1px solid #e2e8f3; border-radius: 12px; overflow: hidden;
  text-decoration: none; color: inherit; transition: border-color .2s, box-shadow .2s; }
.dbv__card:hover { border-color: #1244d2; box-shadow: 0 8px 26px -14px rgba(18,68,210,.55); }
.dbv__thumb { position: relative; display: block; }
.dbv__thumb img { display: block; width: 100%; height: auto; aspect-ratio: 16/9;
  object-fit: cover; background: #e8eefc; }
.dbv__play { position: absolute; left: 50%; top: 50%; width: 54px; height: 54px;
  margin: -27px 0 0 -27px; border-radius: 50%; background: rgba(18,68,210,.92);
  box-shadow: 0 4px 18px rgba(0,0,0,.35); }
.dbv__play::after { content: ""; position: absolute; left: 21px; top: 16px;
  border-style: solid; border-width: 11px 0 11px 17px; border-color: transparent transparent transparent #fff; }
.dbv__time { position: absolute; right: 10px; bottom: 10px; padding: 2px 8px;
  border-radius: 4px; background: rgba(7,10,17,.82); color: #fff;
  font-size: 12.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
.dbv__body { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px 20px; }
.dbv__name { font-size: 18px; font-weight: 700; color: #16202f; line-height: 1.3; }
.dbv__descr { font-size: 14.5px; line-height: 1.55; color: #6b7a92; }
.dbv__more { margin: 28px 0 0; font-size: 15px; color: #6b7a92; }
.dbv__more a { color: #1244d2; font-weight: 600; text-decoration: none; }
.dbv__more a:hover { text-decoration: underline; }
@media (max-width: 640px) { .dbv { padding: 40px 0; } .dbv__wrap { padding: 0 14px; } }