/* Copyright (c) 2026 Skyridge Tech Labs. All rights reserved.
   The public pages: RAVEN EYE's support page and privacy policy, and the
   company's front page. The app's own palette and type (frontend/src/tokens.css),
   nothing fetched from anywhere else. */

:root {
  --bg: #0a0b0c;
  --ink: #eef1f4;
  --grey: rgba(238, 241, 244, 0.66);
  --hair: rgba(255, 255, 255, 0.14);
  --signal: #e9ff00;
  --display: "D-DIN Exp", "D-DIN", Bahnschrift, "DIN Alternate", "Segoe UI", system-ui, sans-serif;
  --body: "D-DIN", Bahnschrift, "DIN Alternate", "Segoe UI", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 17px/1.6 var(--body);
  overflow-wrap: anywhere;
}

.top, main, footer { max-width: 44rem; margin: 0 auto; padding-left: 16px; padding-right: 16px; }
.top { padding-top: 28px; }

.mark {
  display: inline-flex; align-items: center; gap: 12px;
  color: var(--ink); text-decoration: none;
  font: 700 15px/1 var(--display); letter-spacing: 0.22em; text-transform: uppercase;
}
.mark img { border-radius: 10px; }

h1 {
  font: 700 clamp(28px, 7vw, 40px)/1.15 var(--display);
  letter-spacing: 0.06em; text-transform: uppercase;
  margin: 36px 0 8px;
}
h2 {
  font: 700 15px/1.3 var(--display);
  letter-spacing: 0.16em; text-transform: uppercase;
  margin: 40px 0 12px; padding-top: 20px;
  border-top: 1px solid var(--hair);
}
.meta { color: var(--grey); margin: 0 0 24px; }
.lead { font-size: 19px; }

ul { padding-left: 1.2em; }
li { margin: 0 0 12px; }
li::marker { color: var(--signal); }
strong { color: #fff; }
a { color: var(--signal); text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }

footer {
  color: var(--grey); font-size: 14px;
  margin-top: 56px; padding-top: 24px; padding-bottom: 40px;
  border-top: 1px solid var(--hair);
}