@font-face{font-family:'Manrope';src:url('../assets/fonts/Manrope-cyrillic.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';src:url('../assets/fonts/Manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;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}
@font-face{font-family:'JetBrains Mono';src:url('../assets/fonts/JetBrainsMono-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';src:url('../assets/fonts/JetBrainsMono-latin.woff2') format('woff2');font-style:normal;font-weight:100 800;font-display:swap;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}
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}

/*
  Палитра снята с логотипа MULTI: бирюза → лазурь → синий → фиолетовый.
  Цвет логотипа работает только как акцент: тонкая линия, точка, свечение
  на тёмном фоне, свечение героя. Основа макета — чернильный и белый.
*/
:root{
  --font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --font-display:'Manrope',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* Бренд (снят с логотипа) */
  --brand-cyan:#16d9f2;
  --brand-azure:#1f7bf5;
  --brand-blue:#1f4dff;
  --brand-violet:#6c18fc;
  --brand-magenta:#de3bf5;
  --gradient-brand:linear-gradient(96deg,var(--brand-cyan) 0%,var(--brand-blue) 46%,var(--brand-violet) 100%);
  --gradient-cta:var(--gradient-brand);

  /* Нейтральная база */
  --ink:#080d1a;
  --ink-2:#0e1526;
  --ink-3:#162034;
  --paper:#ffffff;
  --paper-2:#f6f7fa;
  --paper-3:#eef1f6;
  --line:#e5e8ef;
  --line-strong:#d3d9e4;

  --text:#0b1220;
  --text-2:#3c4658;
  --muted:#6b7689;
  --muted-2:#8c95a6;

  /* Псевдонимы для страниц pricing, partners, legal, auth */
  --color-white:#ffffff;
  --color-navy:var(--ink);
  --color-text:var(--text);
  --color-text-secondary:var(--text-2);
  --color-muted:var(--muted);
  --color-border:var(--line);
  --color-surface:var(--paper-2);
  --color-hover:var(--paper-3);
  --color-blue:var(--brand-blue);
  --color-purple:var(--brand-violet);
  --color-badge:#eef2ff;
  --color-badge-text:var(--brand-blue);
  --color-dark-card:#111a2c;
  --color-dark-border:#243049;
  --color-dark-text:#c7d0e2;

  /* Ритм */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
  --space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
  --container-width:1200px;
  --page-gutter:32px;
  --section-space:96px;

  /* Геометрия и тени */
  --radius-button:10px;
  --radius-card:14px;
  --radius-panel:20px;
  --radius-pill:999px;
  --shadow-xs:0 1px 2px rgba(8,13,26,.05);
  --shadow-sm:0 1px 2px rgba(8,13,26,.05),0 10px 24px -14px rgba(8,13,26,.16);
  --shadow-md:0 24px 48px -28px rgba(8,13,26,.32),0 2px 8px rgba(8,13,26,.05);
  --shadow-lg:0 48px 96px -40px rgba(8,13,26,.45);
  --transition:160ms cubic-bezier(.2,.7,.2,1);

  /* Типографика */
  --fs-h1:clamp(38px,4.6vw,62px);
  --fs-h2:clamp(28px,3vw,42px);
  --fs-h3:19px;
  --fs-lead:clamp(17px,1.25vw,19px);
  --tracking-tight:-.032em;
}

@media(max-width:1199px){
  :root{--page-gutter:24px;--section-space:76px}
}
@media(max-width:599px){
  :root{--page-gutter:18px;--section-space:60px;--fs-h3:18px}
}