/* Auren — база: шрифты, токены, сброс.
   Источник значений: Figma Ld6kVV1HwhMQg74aRs8P7y, секция UI (975:2485). */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/inter-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
    U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Figma variables */
  --au-white: #ffffff;
  --au-black: #000000;

  /* цвета из нодов */
  --au-pill-bg: #0f0f0f;          /* Phooter/pc 975:2549 и др. */
  --au-hairline-dark: rgba(0, 0, 0, 0.1);    /* Header line 975:2505 */
  --au-hairline-light: rgba(255, 255, 255, 0.1); /* Phooter line 975:2548 */
  --au-burger-line: rgba(0, 0, 0, 0.5);      /* Header 975:2506 */
  --au-red: #ff0000;              /* Otzivy 975:1709 / 975:1841 */
  --au-link: #0077ff;             /* Contact 975:2193 / 975:2230 */
  --au-band: #efefef;             /* Лицензии 975:2341 / 975:2377 */

  /* сетка макета */
  --au-page-w: 1920px;
  --au-gutter: calc(40px + 56px * var(--au-k)); /* pc: контент 96..1824, на 1024 — 40 */
  --au-gutter-mb: 26px;           /* mb: контент 26..364 */

  /* Планшетный диапазон 1024…1920.
     Макета между 390 и 1920 нет, поэтому шкала выводится из двух известных
     точек: 1920 держит макетные значения, 1024 — пропорционально меньшие.
     Один множитель на всё, иначе ритм расходится: у заголовка своя кривая,
     у отступа своя, и на 1280 они перестают попадать друг в друга.
     Деление на 1px обезразмеривает результат — clamp() не принимает
     смешение безразмерного нуля с длиной. */
  --au-k: clamp(0, (100vw - 1024px) / 896 / 1px, 1);
}

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

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: var(--au-black);
  background: var(--au-white);
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

/* list-style: none снимает роль списка в Safari (баг WebKit), поэтому в разметке
   у таких списков стоит role="list" */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
p {
  margin: 0;
}

button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.au-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* Контентная колонка: 1728px внутри 1920 (гаттер 96), mb — 338 внутри 390 (гаттер 26).
   Гаттер задан padding, а max-width равен ширине макета: при 1920 контент выходит
   ровно 1728 на x=96, а между 1024 и 1920, где макета нет, колонка отдаёт остаток
   ширины и сетки внутри не уезжают под обрез. */
.au-container {
  width: 100%;
  max-width: var(--au-page-w);
  margin: 0 auto;
  padding: 0 var(--au-gutter);
}

@media (max-width: 1023px) {
  .au-container {
    max-width: none;
    padding: 0 var(--au-gutter-mb);
  }
}