/* Auth/home composition uses the current Material tokens. Scoped to these screens. */
/* UX-36 (owner yes 2026-10-03): the Geist faces the wordmark (--sans, next.css) and the public face's mono
   draw in, borrowed from the old app's sheet that no longer blocks the first paint (same URLs, so the
   browser fetches each once). This sheet rides the rebuilt journey with tokens.css and next.css. */
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 300 800;
  font-display: block;
  src: url("/vendor/fonts/geist-latin-var.woff2") format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 400 600;
  font-display: block;
  src: url("/vendor/fonts/geist-mono-latin-var.woff2") format("woff2");
}
.nx-start-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 12px 0 10px; }
.nx-start-heading__copy { display: grid; gap: 14px; }
.nx-start-heading__copy p { font-size: 15px; line-height: 1.6; }
.nx-start-heading .nx-hero { max-width: 22ch; }
.nx-start-workflow { display: flex; align-items: center; gap: 8px; margin-top: 8px; color: var(--nx-ink-3); font-size: 12px; }
.nx-start-workflow span:first-child { color: var(--nx-sky-text); }
.nx-start-workflow i { width: 22px; height: 1px; background: var(--nx-hair); }
@media (max-width: 850px) {
 .nx-start-heading { align-items: flex-start; flex-direction: column; }
}

.nx-start-heading__copy > .nx-pill { justify-self: start; }
.nx [data-testid="nx-start"] { grid-template-columns: 1fr 1.15fr; }
.nx [data-testid="nx-start"] .nx-scene--intake { min-height: 420px; }
.nx [data-testid="nx-start"] .nx-glow { display: none; }
@media (max-width: 740px) {
 .nx [data-testid="nx-start"] { grid-template-columns: 1fr; }
 .nx [data-testid="nx-start"] .nx-scene--intake { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
 .nx-start-heading * { animation: none !important; transition: none !important; }
}

.nx-start-empty { grid-column: 1 / -1; padding: 16px 0; font-size: 14px; line-height: 1.6; border-top: 1px solid var(--nx-hair); border-bottom: 1px solid var(--nx-hair); }