:root{
  /* Шрифты: один стиль на весь сайт, правка в одном месте */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-heading: "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Размеры (шкала) */
  --text: 16px;
  --text-sm: 14px;
  --text-lg: 18px;

  --h1: clamp(38px, 4.2vw, 64px);
  --h2: clamp(28px, 3.0vw, 44px);
  --h3: 24px;
  --section-h2: clamp(2rem, 3vw + 1rem, 3rem);
  --section-h2-mobile: clamp(1.6rem, 6vw + .25rem, 2rem);
  --section-h2-weight: 800;

  --lh-body: 1.6;
  --lh-heading: 1.15;
}

@media (min-width: 768px){
  :root{
    /* Desktop/tablet: чуть компактнее (на ~3px) */
    --h2: clamp(25px, 3vw, 41px);
    --section-h2: clamp(29px, calc(3vw + 13px), 45px);
  }
}

body{
  font-family: var(--font-body);
  font-size: var(--text);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Семантические заголовки */
h1,h2,h3,h4,h5,h6{
  font-family: var(--font-heading);
  line-height: var(--lh-heading);
  margin: 0;
}

h1{ font-size: var(--h1); }
h2{ font-size: var(--h2); }
h3{ font-size: var(--h3); }

/* Главные заголовки секций (точечный список, чтобы НЕ раздуть карточные заголовки) */
.hrx__title{ font-size: var(--h1); font-family: var(--font-heading); line-height: var(--lh-heading); }

.wps__title,
.kit__title,
.svx__title,
.envx__title,
.bfx__title,
.faqx__title,
.gall__title,
.nimo-pricing__title,
.ps-stack__title,
.team-section__title,
.wcu__title,
.fwx__main,
.seoc-cases__title,
.seoc-cases__sidetitle,
.heading.prime.feather{
  font-size: var(--section-h2);
  font-family: var(--font-heading);
  line-height: var(--lh-heading);
  font-weight: var(--section-h2-weight);
}

@media (max-width: 600px){
  .wps__title,
  .kit__title,
  .svx__title,
  .envx__title,
  .bfx__title,
  .faqx__title,
  .gall__title,
  .nimo-pricing__title,
  .ps-stack__title,
  .team-section__title,
  .wcu__title,
  .fwx__main,
  .seoc-cases__title,
  .seoc-cases__sidetitle,
  .heading.prime.feather{
    font-size: var(--section-h2-mobile);
  }
}

/* Унификация: всё, что похоже на заголовки, подтягиваем на шрифт заголовков */
[class$="__title"],
[class*="__title "]{
  font-family: var(--font-heading);
}

/* Текст — Inter */
p, li, .hrx__sub, .kit__lead, .touch__lead{
  font-family: var(--font-body);
}