/* Общая обвязка юридических страниц Penalty Rush (privacy / terms / support).
   Дизайн-язык лендинга: тёмно-синий #0a0e1e, аркадный жёлтый #ffe000, нулевые
   радиусы, 3px рамки и жёсткие offset-тени без блюра. Файл шарится тремя
   страницами, поэтому правки видны сразу везде. */
:root {
  --bg: #0a0e1e;
  --surface: #0f1223;
  --well: #050814;
  --panel: #131a30;
  --accent: #ffe000;
  --blue: #1840a0;
  --blue-hi: #2858d0;
  --crimson: #b02058;
  --crimson-hi: #d83070;
  --text: #e8e8f0;
  --muted: #8f9ac0;
  --muted-2: #aeb8d4;
  --mono: "Space Mono", "Courier New", ui-monospace, monospace;
  --body: "Archivo Narrow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --col: 820px;
  color-scheme: dark;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--body);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--accent); }

img { display: block; max-width: 100%; height: auto; }

.wrap { width: min(var(--col), calc(100% - 40px)); margin: 0 auto; }

.topbar {
  background: var(--surface);
  border-bottom: 3px solid #000;
}
.topbar .wrap {
  width: min(1120px, calc(100% - 40px));
  display: flex; align-items: center; gap: 20px;
  height: 64px;
}
.brand {
  display: flex; align-items: center; gap: 12px;
  font-family: var(--mono); font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--accent); text-decoration: none;
  font-size: 17px; white-space: nowrap;
}
.brand img { width: 32px; height: 32px; border: 2px solid #000; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-family: var(--mono); font-weight: 700; text-transform: uppercase;
  letter-spacing: 1.5px; text-decoration: none;
  padding: 9px 14px; border: 3px solid #000;
  box-shadow: 3px 3px 0 #000;
  background: var(--crimson); color: #fff;
  font-size: 12px; margin-left: auto; white-space: nowrap;
  transition: transform .08s linear, box-shadow .08s linear, background-color .1s linear;
}
.btn:hover { background: var(--crimson-hi); transform: translate(-1px, -1px); box-shadow: 4px 4px 0 #000; }
.btn:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 #000; }
.btn svg { width: 16px; height: 16px; flex: none; fill: currentColor; }

main { padding: 52px 0 24px; }

.eyebrow {
  font-family: var(--mono); font-size: 12px; font-weight: 700;
  letter-spacing: 3px; text-transform: uppercase; color: var(--accent);
  margin: 0 0 10px;
}
h1 {
  font-family: var(--mono); font-weight: 700; text-transform: uppercase;
  letter-spacing: 1px; line-height: 1.1;
  font-size: clamp(28px, 5.4vw, 42px);
  margin: 0 0 10px;
}
h2 {
  font-family: var(--mono); font-weight: 700; text-transform: uppercase;
  letter-spacing: 1.5px; font-size: 16px; color: var(--accent);
  margin: 38px 0 10px;
}
.meta {
  font-family: var(--mono); font-size: 12px; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--muted); margin: 0 0 6px;
}
p { color: var(--muted-2); margin: 0 0 14px; }
ul { color: var(--muted-2); padding-left: 22px; margin: 0 0 14px; }
li { margin-bottom: 8px; }
strong { color: var(--text); }

/* Блок-врезка для ключевого факта («телеметрии нет», «как связаться»). */
.callout {
  background: var(--panel); border: 3px solid #000; box-shadow: 5px 5px 0 #000;
  padding: 20px 22px; margin: 26px 0;
}
.callout p:last-child { margin-bottom: 0; }
.callout .btn { margin: 6px 0 0; background: var(--blue); }
.callout .btn:hover { background: var(--blue-hi); }

footer {
  background: var(--well); border-top: 3px solid var(--accent);
  padding: 30px 0; margin-top: 46px;
}
footer .wrap {
  width: min(1120px, calc(100% - 40px));
  display: flex; flex-wrap: wrap; gap: 18px; align-items: center;
  justify-content: space-between;
}
footer .mark {
  font-family: var(--mono); font-weight: 700; text-transform: uppercase;
  letter-spacing: 2px; color: var(--accent); font-size: 15px;
}
footer nav { display: flex; flex-wrap: wrap; gap: 20px; }
footer nav a, footer .copy {
  font-family: var(--mono); font-size: 11px; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted);
  text-decoration: none;
}
footer nav a:hover { color: var(--accent); }

@media (max-width: 560px) {
  .topbar .wrap { height: 58px; gap: 12px; }
  .brand { font-size: 14px; letter-spacing: 1.5px; }
  .btn { padding: 8px 11px; font-size: 11px; letter-spacing: 1px; }
  main { padding: 36px 0 16px; }
}