/* ──────────── LAWKRAFT · MATRIX THEME ──────────── */
/* Apply branding only to dark (slate) scheme for readability */
[data-md-color-scheme="slate"] {
  /* Background & chrome */
  --md-default-bg-color:       #000;      /* pure black */
  --md-code-bg-color:          #001100;   /* terminal green tint */

  /* Text & accent */
  --md-typeset-color:          #00ff41;   /* neon green body text */
  --md-primary-fg-color:       #00ff41;   /* headings, links */
  --md-accent-fg-color:        #00ff41;

  /* Accessible light variants */
  --md-default-fg-color--light:    #1aff53;
  --md-default-fg-color--lighter:  #39ff6f;
  --md-default-fg-color--lightest: #6eff9b;

  /* Code text */
  --md-code-fg-color:          #00ff41;
}

/* Links: subtle glow on hover */
a, .md-typeset a { text-decoration: none; }
a:hover, .md-typeset a:hover {
  text-shadow: 0 0 6px #00ff41;
  text-decoration: underline;
}

/* Subtle “digital rain” dot grid background */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: radial-gradient(#00ff4122 1px, transparent 1px);
  background-size: 3px 3px;
  opacity: 0.12;
  pointer-events: none;
  z-index: -1;
}

/* Restrict monospace to code contexts for readability */
code, kbd, pre, samp {
  font-family: "JetBrains Mono", "Fira Code", Menlo, monospace;
}

/* ASCII logo scaling */
pre.ascii-logo {
  font-size: clamp(8px, 1.6vw, 13px);
  line-height: 1;
  white-space: pre-wrap;
}

/* Screen-reader helper */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 1px, 1px);
  white-space: nowrap; border: 0;
}
/* HERO helpers + cards + logos */
.hero{padding:.5rem 0 2rem}.hero-grid{display:block}
@media(min-width:960px){.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2.2rem;align-items:center}}
.eyebrow{font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.kpis{display:flex;gap:1rem;flex-wrap:wrap;margin:.75rem 0 0;font-variant-numeric:tabular-nums}
.kpi{padding:.25rem .5rem;border-radius:999px;border:1px solid var(--md-default-fg-color--lighter)}
.cta-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}.badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}
.md-typeset img.rounded{border-radius:16px}.md-typeset img.shadow{box-shadow:0 10px 24px rgba(0,0,0,.15)}.md-typeset .grid img{width:100%;height:auto}
.logo-row img{filter:grayscale(100%) opacity(.85);transition:filter .2s,transform .2s;margin:0 .75rem 1rem 0}
.logo-row img:hover{filter:none;transform:translateY(-2px)}
.md-typeset pre.ascii-logo{font-size:clamp(6px,1.0vw,10px);line-height:1.02}