/* =========================================================
   TOKENS / COLORS / TYPE
   ========================================================= */
:root{
  --brand-500:#6E45FF;  /* primary */
  --brand-600:#5A36E0;  /* hover   */
  --brand-700:#4C2CCB;  /* active  */
  --brand-100:#F1EDFF;  /* soft bg */

  --ink:#111214;        /* main text */
  --muted:#6B7280;      /* secondary */
  --stroke:#E5E7EB;     /* borders   */
  --bg:#FFFFFF;         /* page bg   */
  --panel:#F7F7FB;      /* light card*/
  --focus-ring:#A78BFA; /* focus     */
}

html,body{
  font-family:"Manrope", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color:var(--ink) !important;
  background:var(--bg) !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* заголовки/тексты тильды (мягко перебиваем шрифты/цвет) */
h1,h2,h3,h4,h5,h6,
.t-title,.t-name,.t-heading,.t-descr,.t-text,.t-uptitle{
  font-family:"Manrope", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color:var(--ink) !important;
}

/* ссылки */
a{color:var(--brand-500);text-decoration:none;transition:color .15s ease}
a:hover{color:var(--brand-600);text-decoration:underline}

/* линии/разделители */
hr,.t-hr,.t-separator{border-color:var(--stroke)!important;background:var(--stroke)!important}

/* кнопки */
.t-btn,.t-submit,.t-form__submit,button[type="submit"]{
  background:var(--brand-500)!important;color:#fff!important;border:0!important;
  border-radius:16px!important;padding:14px 24px!important;font-weight:600!important;line-height:1.2!important;
  box-shadow:0 8px 20px rgba(0,0,0,.12);transition:background .15s, transform .02s;
}
.t-btn:hover,.t-submit:hover,.t-form__submit:hover{background:var(--brand-600)!important}
.t-btn:active,.t-submit:active,.t-form__submit:active{background:var(--brand-700)!important;transform:translateY(1px)}
.t-btn:focus,.t-submit:focus,.t-form__submit:focus{outline:2px solid var(--focus-ring)!important;outline-offset:2px}

/* вторичная кнопка по классу */
.btn--outline{background:transparent!important;color:var(--ink)!important;border:1px solid var(--stroke)!important;box-shadow:none!important}
.btn--outline:hover{background:var(--panel)!important}

/* формы */
.t-input,.t-select,.t-textarea,
input[type="text"],input[type="email"],input[type="tel"],textarea,select{
  background:#fff!important;color:var(--ink)!important;border:1px solid var(--stroke)!important;
  border-radius:12px!important;padding:12px 14px!important;box-shadow:none!important
}
.t-input::placeholder,.t-textarea::placeholder,input::placeholder,textarea::placeholder{color:#9CA3AF!important}
.t-input:focus,.t-textarea:focus,select:focus,input:focus,textarea:focus{
  border-color:var(--brand-500)!important;outline:2px solid var(--focus-ring)!important;outline-offset:2px!important
}

/* карточки/плашки (по желанию) */
.card,.panel,.t-card__wrap{background:var(--panel)}
.badge,.eyebrow{display:inline-block;background:var(--brand-100);color:var(--brand-500);font-weight:600;border-radius:9999px;padding:6px 10px;font-size:12px;line-height:1.2}

/* базовая мобильная шкала (аккуратно) */
@media (max-width: 480px){
  h1,.t-title{font-size:32px!important;line-height:1.15!important}
  h2,.t-name{font-size:26px!important;line-height:1.18!important}
  h3,.t-heading{font-size:20px!important;line-height:1.25!important}
  .t-descr,.t-text{font-size:15px!important;line-height:1.55!important}
}

/* =========================================================
   ТОЧЕЧНЫЙ ФИКС: БЛОК «ДЛЯ КОГО»  #rec1255706731
   Проблемы: текст «не влезает», обрезается/пропадает на мобиле.
   Решение: снижаем размеры, снимаем фикс-высоты и overflow, разрешаем перенос.
   ========================================================= */
@media (max-width: 480px){
  /* заголовок/подзаголовки внутри карточек */
  #rec1255706731 .t-name,
  #rec1255706731 .t-card__title,
  #rec1255706731 .t-item__title{
    font-size:18px!important; line-height:1.28!important; letter-spacing:0!important;
  }
  #rec1255706731 .t-descr,
  #rec1255706731 .t-text,
  #rec1255706731 .t-item__descr{
    font-size:15px!important; line-height:1.5!important;
  }

  /* снимаем «equal height»/фикс.высоты, разрешаем содержимому вылезти */
  #rec1255706731 [class*="t-item"],
  #rec1255706731 [class*="t-card"],
  #rec1255706731 [class*="t-col"],
  #rec1255706731 [class*="t-row"],
  #rec1255706731 [class*="wrap"],
  #rec1255706731 [class*="box"]{
    height:auto!important; min-height:0!important; max-height:none!important;
    overflow:visible!important;
  }

  /* перенос длинных слов/фраз, чтобы не вылетали за края */
  #rec1255706731 *{
    overflow-wrap:anywhere; word-break:normal; hyphens:auto;
  }

  /* если есть иконки – уменьшаем, чтобы освободить место тексту */
  #rec1255706731 img, 
  #rec1255706731 .t-img,
  #rec1255706731 .t-icon{
    max-width:56px!important; height:auto!important;
  }

  /* вертикальные отступы карточек почище */
  #rec1255706731 .t-item,
  #rec1255706731 .t-card__wrap{ padding:14px 12px!important }
}

/* иногда Тильда ставит инлайн overflow:hidden на обёртках — снимаем мягко */
#rec1255706731 [style*="overflow:hidden"]{overflow:visible!important}

/* на всякий: если в блоке колонки с «equal height» через Flex → разрешаем их растягиваться по контенту */
#rec1255706731 .t-container .t-row{align-items:stretch!important}

/* =========================================================
   КОНЕЦ
   ========================================================= */