/* ═══════════════════════════════════════════════════════════════════
   ПОЛИНА ЗАДИРАКО — CUSTOM CSS ДЛЯ TILDA
   Настройки сайта → Ещё → Пользовательский CSS
   ═══════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap');

:root {
  --plum:       #63345E;
  --violet:     #AC62B9;
  --periwinkle: #B7C0DD;
  --navy:       #0B468C;
  --midnight:   #092147;
  --acid:       #C8FF00;
  --acid-pink:  #FF2D78;
  --mint:       #00E5CC;
  --off-white:  #F4F1EE;
  --font-display: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-body:    'DM Sans', 'Helvetica Neue', sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur:  0.35s;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--font-body);
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}

/* ─── ТИПОГРАФИКА — только внутри контентных секций ──────────────── */
/* Намеренно НЕ трогаем h1/h2/h3 глобально — только внутри .t-section */

.t-section h1,
.t-section .t-title,
.t-section .tn-atom[field="title"] {
  font-family: var(--font-display) !important;
  font-size: clamp(56px, 8vw, 120px) !important;
  font-weight: 400 !important;
  line-height: 0.95 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
}

.t-section h2,
.t-section .t-title_h2 {
  font-family: var(--font-display) !important;
  font-size: clamp(36px, 5vw, 72px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

.t-section h3,
.t-section .t-title_h3 {
  font-family: var(--font-body) !important;
  font-size: clamp(18px, 2.5vw, 26px) !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.t-section p,
.t-section .t-text,
.t-section .t-descr,
.t-section .tn-atom[field="text"] {
  font-family: var(--font-body) !important;
  font-size: clamp(15px, 1.5vw, 17px) !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
}

.t-section .t-uptitle,
.t-section .t-label {
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  letter-spacing: 0.3em !important;
}

/* ─── КНОПКИ — только внутри секций, не в меню ───────────────────── */
.t-section .t-btn,
.t-section .t-submit {
  font-family: var(--font-display) !important;
  font-size: 16px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  background: var(--acid) !important;
  color: var(--midnight) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 18px 44px !important;
  transition: background var(--dur) var(--ease),
              transform var(--dur) var(--ease),
              box-shadow var(--dur) var(--ease) !important;
  box-shadow: none !important;
}
.t-section .t-btn:hover,
.t-section .t-submit:hover {
  background: var(--acid-pink) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 32px rgba(255,45,120,0.35) !important;
}

.t-section .t-btn_second {
  font-family: var(--font-display) !important;
  font-size: 14px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: 1px solid rgba(183,192,221,0.4) !important;
  border-radius: 0 !important;
  padding: 16px 40px !important;
}
.t-section .t-btn_second:hover {
  border-color: var(--acid) !important;
  color: var(--acid) !important;
  background: transparent !important;
}

/* ─── КАРТОЧКИ ────────────────────────────────────────────────────── */
.t-card, .t-cards__col {
  border-radius: 0 !important;
  transition: transform var(--dur) var(--ease) !important;
}
.t-card:hover, .t-cards__col:hover {
  transform: translateY(-4px) !important;
}
.t-card__title {
  font-family: var(--font-display) !important;
  font-size: 24px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* ─── ФОРМЫ ───────────────────────────────────────────────────────── */
.t-form input,
.t-form textarea,
.t-form select {
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  border-radius: 0 !important;
  padding: 16px 20px !important;
}
.t-form__label {
  font-family: var(--font-display) !important;
  font-size: 11px !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
}

/* ─── ЦИТАТЫ ──────────────────────────────────────────────────────── */
.t-section blockquote,
.t-blockquote {
  border-left: 3px solid var(--acid-pink) !important;
  padding-left: 32px !important;
  font-family: var(--font-body) !important;
  font-size: clamp(20px, 2.5vw, 28px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  line-height: 1.6 !important;
  margin: 60px 0 !important;
}
.t-section blockquote cite,
.t-blockquote__author {
  font-family: var(--font-display) !important;
  font-style: normal !important;
  font-size: 12px !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-top: 20px !important;
}

/* ─── СЧЁТЧИКИ ────────────────────────────────────────────────────── */
.t-count, .t-statistic__num {
  font-family: var(--font-display) !important;
  font-size: clamp(56px, 7vw, 100px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}
.t-statistic__descr {
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

/* ─── FAQ ─────────────────────────────────────────────────────────── */
.t-faq__item {
  border-bottom: 1px solid rgba(183,192,221,0.15) !important;
  border-top: none !important;
  padding: 24px 0 !important;
}
.t-faq__question {
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
}
.t-faq__answer {
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
  padding-top: 16px !important;
}

/* ─── ИЗОБРАЖЕНИЯ ─────────────────────────────────────────────────── */
.t-section img,
.t-card__img {
  border-radius: 0 !important;
}

/* ─── СКРОЛЛБАР ───────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--midnight); }
::-webkit-scrollbar-thumb { background: var(--plum); border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: var(--violet); }

/* ─── ВЫДЕЛЕНИЕ ТЕКСТА ────────────────────────────────────────────── */
::selection { background: var(--acid) !important; color: var(--midnight) !important; }
::-moz-selection { background: var(--acid) !important; color: var(--midnight) !important; }

/* ─── МОБАЙЛ ──────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .t-section .t-btn {
    padding: 16px 32px !important;
    font-size: 14px !important;
  }
/* ─── МЕНЮ ───────────────────────────────────────────────────── */

.t-header {
  background: #fff !important;
  border-bottom: none !important;
  backdrop-filter: none !important;
  position: relative !important;
}

.t-header::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(to right, #C8FF00 0%, #FF2D78 50%, #00C4AD 100%) !important;
}

.t-logo, .t-logo__text {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #092147 !important;
}

.t-menu__link,
.t-menubar__link {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: rgba(9,33,71,0.55) !important;
  transition: color 0.25s !important;
  position: relative !important;
}

.t-menu__link:hover,
.t-menubar__link:hover {
  color: #092147 !important;
}

.t-menu__link::after,
.t-menubar__link::after {
  content: '' !important;
  position: absolute !important;
  bottom: -4px !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: #FF2D78 !important;
  transform: scaleX(0) !important;
  transition: transform 0.25s !important;
}

.t-menu__link:hover::after,
.t-menubar__link:hover::after {
  transform: scaleX(1) !important;
}

.t-menu .t-btn,
.t-menubar .t-btn,
.t-header .t-btn {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  background: #C8FF00 !important;
  color: #092147 !important;
  border-radius: 0 !important;
  padding: 10px 24px !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.t-menu .t-btn:hover,
.t-header .t-btn:hover {
  background: #FF2D78 !important;
  color: #fff !important;
  transform: none !important;
  box-shadow: none !important;
}