:root {
  --accent: #3f8ef7;
  --accent-rgb: 63, 142, 247;
  --accent-hover: #2c76d8;
  --accent-2: #f0a02a;
  --accent2-rgb: 240, 160, 42;
  --bg: #0b0e14;
  --bg2: #11151d;
  --bg3: #171c26;
  --text: #e8eaf0;
  --text-dim: #9aa3b4;
  --font-display: "Inter", system-ui, sans-serif;
}

.hero--short {
  min-height: auto;
  padding: 9rem 1.5rem 4rem;
}
.status-line {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-family: var(--font-mono);
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-dim);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  padding: 0.4rem 1rem;
  margin-bottom: 1.75rem;
}
.status-line i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--text-dim);
}
.lede {
  font-size: 1.05rem;
  max-width: 620px;
}
.prose-narrow {
  max-width: var(--prose-w);
  margin: 0 auto;
}
.prose-narrow p + p {
  margin-top: 1.25rem;
}