:root{
  /* === CORE PALETTE === */
  --bg:#FFFFFF;
  --bg-2:#F5F5F5;
  --bg-3:#E8E8E8;
  --fg:#0A0A0A;
  --muted:#6A6A6A;
  --line:rgba(10,10,10,.12);
  --line-strong:rgba(10,10,10,.22);
  --signal:#BDD631;   /* primary accent — fill only */
  --signal-ink:#6F8E18; /* signal used as text/rule on light surfaces */
  --acid:#D8FF3A;     /* secondary accent */
  --electric:#35E0D4; /* tertiary accent */
  --dark-ink:#F2EFE8; /* text on dark surfaces */
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Manrope",system-ui,sans-serif;
  background:var(--bg);color:var(--fg);
  font-size:15px;line-height:1.5;letter-spacing:-.005em;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}

/* Typographic primitives */
.display{font-family:"Unbounded",sans-serif;font-weight:800;letter-spacing:-.04em;line-height:.9;text-transform:uppercase}
.mono{font-family:"Space Mono",monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.mono-lbl{font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* Grid overlay — signature SPI artefact */
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;
  background:
    linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 100% 96px,
    linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / calc(100%/12) 100%;
  mix-blend-mode:multiply;opacity:.45;
}
main,header,footer,.doc-nav,.top-ticker{position:relative;z-index:2}
@keyframes blink{50%{opacity:.3}}
@keyframes tick{to{transform:translateX(-50%)}}