/* Loial — base: шрифт, reset, ссылки, утилиты, анимации */
@import url("https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap");
@import url("https://unpkg.com/@phosphor-icons/web@2.1.1/src/light/style.css");
@import url("https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css");
@import url("https://unpkg.com/@phosphor-icons/web@2.1.1/src/fill/style.css");

:root {
  --navy: #0b3b8f;
  --navy-dark: #082d6e;
  --ink: #111111;
  --ink-2: #55555d;
  --muted: #77777f;
  --muted-2: #9a9aa2;
  --line: #ececf0;
  --surface: #f2f2f5;
  --dark: #111111;
  --dark-2: #2a2a2e;
  --pink: #e5175c;
  --white: #ffffff;
  --container: 1360px;
  --gutter: clamp(14px, 3vw, 40px);
}
html{scroll-behavior:smooth}
body{margin:0;background:#ffffff;color:#111111;font-family:'Golos Text',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#0b3b8f;text-decoration:none}
a:hover{color:#082d6e}
::selection{background:#0b3b8f;color:#ffffff}
.no-scrollbar::-webkit-scrollbar{display:none}
.rng{position:absolute;left:0;top:0;width:100%;height:28px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;outline:0}
.rng::-webkit-slider-runnable-track{background:none;height:28px}
.rng::-moz-range-track{background:none}
.rng::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:22px;height:22px;margin-top:3px;border-radius:50%;background:#ffffff;border:2px solid #0b3b8f;box-shadow:0 2px 6px rgba(0,0,0,.15);cursor:grab}
.rng::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#ffffff;border:2px solid #0b3b8f;box-shadow:0 2px 6px rgba(0,0,0,.15);cursor:grab}
.rng:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(11,59,143,.2)}
@keyframes marq{from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@keyframes flip{0%{transform:rotateX(90deg);opacity:0}
100%{transform:none;opacity:1}
}
@keyframes slideIn{from{transform:translateX(100%)}
to{transform:none}
}
@keyframes pop{from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:none}
}
@keyframes down{from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:none}
}

.no-scrollbar { scrollbar-width: none; }
.container { max-width: var(--container); margin: 0 auto; padding-left: var(--gutter); padding-right: var(--gutter); }
.site-header-wrap { position: sticky; top: -38px; display: block; } /* верхняя полоса 38px уезжает при скролле */