/* =========================================================
   PAGE — 404 (branded, full-bleed statement)
   One centered screen on Rocket pink. Scoped under .nf-body.
   ========================================================= */

.nf-hero {
  min-height: var(--viewport-full);
  display: grid;
  place-items: center;
  text-align: center;
  padding: var(--space-section-y-fluid) var(--space-page-x);
}

.nf-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-stack-lg);
  max-width: 22ch;
}

.nf-code {
  margin: 0;
  font-size: var(--type-micro);
  font-weight: 700;
  letter-spacing: var(--tracking-kicker);
  text-transform: uppercase;
  color: var(--pr-ink);
}

.nf-title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: var(--type-page-hero);
  line-height: var(--leading-display-tight);
  letter-spacing: var(--tracking-display);
}

.nf-text {
  margin: 0;
  font-size: var(--type-body-lg);
  line-height: var(--leading-body-tight);
  opacity: 0.9;
}

.nf-inner .pr-button {
  margin-top: var(--space-row-xs);
}