:root {
  --rail-navy: #111827;
  --deep-ink: #07111f;
  --signal-red: #d7483f;
  --signal-green: #58b07a;
  --signal-amber: #e7b84c;
  --cream: #f7efe0;
  --warm-white: #fffaf0;
  --muted: #c8d0d9;
  --line: rgba(255, 250, 240, 0.2);
  --card: rgba(9, 20, 36, 0.76);
  --card-border: rgba(255, 250, 240, 0.18);
  overflow-y: hidden;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--warm-white);
  background:
    url("assets/hero-background.png") center / cover fixed,
    var(--deep-ink);
  overflow-x: hidden;
  
}

.hero-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.page-shell {
    min-height: 100vh;
    display: flex;
    justify-content: center; /* vertical */
    align-items: center;     /* horizontal */
}

.brand-mark {
  display: block;
  max-width: 90%;
  height: auto;
}