/* mickomode-intel public pages (home, privacy, terms). Brand: #0B0D12 base with two soft glows, #151A22
   surfaces, #E8EAED text, #8A919C muted, #4FD1E0 accent used sparingly. */
/* Fonts are self-hosted (SIL Open Font License), so these pages make no third-party requests. */
@font-face { font-family: "Archivo"; font-weight: 700; font-display: swap; src: url("fonts/archivo-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url("fonts/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url("fonts/inter-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 400; font-display: swap; src: url("fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2"); }

:root {
  --bg: #0b0d12;
  --surface: #151a22;
  --line: rgba(138, 145, 156, 0.18);
  --ink: #e8eaed;
  --muted: #8a919c;
  --accent: #4fd1e0;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  font: 16px/1.65 "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse 95vmax 80vmax at 0% 0%, rgba(58, 74, 94, 0.9) 0%, rgba(58, 74, 94, 0.35) 30%, rgba(58, 74, 94, 0) 72%),
    radial-gradient(ellipse 100vmax 85vmax at 100% 100%, rgba(20, 35, 58, 1) 0%, rgba(20, 35, 58, 0.5) 40%, rgba(20, 35, 58, 0) 80%),
    var(--bg);
}
main { max-width: 720px; margin: 0 auto; padding: 56px 20px 72px; }
header { display: flex; align-items: center; gap: 12px; margin-bottom: 40px; }
header svg { width: 32px; height: 32px; flex: none; }
.brand { font: 700 15px/1 "Archivo", sans-serif; letter-spacing: 0.14em; }
.brand small { display: block; margin-top: 4px; font: 500 10px/1 "Inter", sans-serif; letter-spacing: 0.22em; color: var(--muted); }
h1 {
  margin: 0 0 8px;
  font: 700 34px/1.15 "Archivo", sans-serif;
  letter-spacing: -0.01em;
  text-shadow: 0 0 22px rgba(232, 234, 237, 0.25);
}
h2 { margin: 36px 0 8px; font-size: 17px; font-weight: 600; }
p, li { color: rgba(232, 234, 237, 0.88); }
.meta { color: var(--muted); font-size: 14px; margin: 0 0 28px; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: 8px; padding: 20px 22px; margin: 24px 0; }
ul { padding-left: 20px; }
li { margin: 6px 0; }
a { color: var(--ink); text-decoration: underline; text-decoration-color: rgba(138, 145, 156, 0.6); text-underline-offset: 3px; }
a:hover { color: var(--accent); text-decoration-color: var(--accent); }
code { font: 14px "JetBrains Mono", ui-monospace, monospace; background: rgba(255, 255, 255, 0.05); padding: 1px 6px; border-radius: 8px; }
nav { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 20px; font-size: 14px; }
nav a { color: var(--muted); }