/* ОБЩАЯ ОБОЛОЧКА СТАТИЧНЫХ СТРАНИЦ tomoai.ru (манифест, о фаундере, контакты, оферта, политика).
   Здесь только то, что должно совпадать на всех страницах: палитра, типографика, шапка со знаком,
   подвал, кнопки. Всё, что относится к содержанию конкретной страницы, живёт в её собственном <style>
   и подключается ПОСЛЕ этого файла — поэтому спокойно переопределяет ширину колонки и прочее.
   Новая страница = этот файл + свой <style>, а не копия чужой вёрстки. */

:root{
  --bg:#12141f; --panel:#161826; --text:#e9e9ed; --muted:#a6abbd; --muted-2:#71768a;
  --cyan:#9184d9; --cyan-soft:#b5abfc; --accent-warm:#e0868a;
  --line:rgba(233,233,237,.14); --line-soft:rgba(255,255,255,.06);
  --display:"Inter",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:"Inter",system-ui,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--cyan);text-decoration:none}

/* Мягкое свечение в правом верхнем углу — общий фирменный фон тёмной темы */
.glow{position:fixed;width:620px;height:620px;background:radial-gradient(circle,rgba(145,132,217,.14),transparent 65%);top:-180px;right:-140px;filter:blur(20px);pointer-events:none}

.wrap{max-width:760px;margin:0 auto;padding:0 24px}
/* Своя колонка для шапки и подвала: у страниц .wrap разной ширины и со своими отступами,
   и если бы шапка жила в нём, на юридических страницах её сдвигало бы на 48px вниз. */
.shell{max-width:760px;margin:0 auto;padding:0 24px}

/* ── Шапка со знаком. Знак — ТОТ ЖЕ, что в фавиконке и в меню главной (узловой граф).
      Старый кружок с дугами больше не используем. ── */
header{padding:26px 0;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-family:var(--display);font-weight:600;font-size:15px}
.brand .mark{width:28px;height:28px;flex:none}
.brand small{white-space:nowrap;display:block;font-weight:400;font-size:11.5px;color:var(--muted-2);letter-spacing:.02em}

/* ── Подвал: одинаковый на всех страницах, по-русски ── */
.site-footer{margin-top:72px;padding:28px 0 40px;border-top:1px solid var(--line);color:var(--muted-2);font-size:13px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:14px}
.site-footer nav a{color:var(--muted);font-size:13.5px}
.site-footer nav a:hover{color:var(--cyan)}
.site-footer .copy{color:rgba(233,233,237,.4);font-size:12px}

.back{font-size:14px;color:var(--muted)}
.back:hover{color:var(--cyan)}

.btn{display:inline-block;padding:13px 24px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;transition:.2s}
.btn-primary{background:var(--cyan);color:#141018}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(145,132,217,.35)}
.btn-ghost{border:1px solid var(--line);color:var(--text)}
.btn-ghost:hover{border-color:var(--cyan)}