/* ============================================================
   Пульс AI — общий фундамент стилей.
   Выделено из мокапов (frontend/mockups/*.html).
   Здесь только то, что общее для всех страниц: токены, сброс,
   навигация, brand, pill, примитивы. Страничные стили живут
   в {% block head_extra %} каждого шаблона.
   ============================================================ */

:root{
  --bg:#F2F4F8; --panel:#FFFFFF; --card:#F7F8FB; --card2:#ECF0F6;
  --line:#E7EAF0; --line2:#D8DDE7;
  --ink:#12151A; --dim:#66707F; --faint:#9AA3B2;
  --green:#21A038; --teal:#0066FF; --amber:#B87A00; --red:#E5484D; --blue:#7B3FF2;
  --grad:linear-gradient(120deg,#0066FF,#7B3FF2);
  --r:12px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased}
body{background:var(--bg);color:var(--ink);font:14.5px/1.55 "Golos Text",system-ui,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
h1{font:800 32px/1.15 "Golos Text";letter-spacing:-.5px;margin-bottom:12px}
code{font-family:"JetBrains Mono",monospace;background:var(--card2);padding:2px 6px;border-radius:4px;font-size:.9em}
.mono{font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- top navigation (общая для всех страниц) ---------- */
.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;height:52px;padding:0 20px;
  border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:9px;font:700 14px "Golos Text";letter-spacing:.2px}
.brand svg{display:block}
.navlinks{display:flex;gap:2px;flex-wrap:wrap}
.navlinks a{padding:5px 11px;border-radius:8px;color:var(--dim);font-size:13px}
.navlinks a:hover{color:var(--ink);background:var(--card)}
.navlinks a.on{color:var(--ink);background:var(--card);border:1px solid var(--line)}
.nav .pill{margin-left:auto;display:flex;align-items:center;gap:8px;padding:4px 11px;
  border:1px solid var(--line2);border-radius:99px;font:500 11.5px "JetBrains Mono";color:var(--dim)}
.dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px rgba(33,160,56,.7)}

/* ---------- баннер «макет возможностей» ---------- */
.mockup-banner{background:rgba(184,122,0,.08);border-bottom:1px solid rgba(184,122,0,.25);color:var(--amber);
  font:500 12px "JetBrains Mono";text-align:center;padding:8px 16px}

@media(max-width:640px){.nav{gap:12px;padding:0 12px}.navlinks a{padding:5px 8px;font-size:12px}}