/* Portable demo brand layer. No remote fonts, scripts, or customer-theme changes. */
:root {
  --paper: #F5F8FC;
  --ink: #061E35;
  --muted: #526579;
  --rule: #D6E2EE;
  --accent: #005FCC;
  --white: #FFFFFF;
  --soft: #EAF4FF;
  --control: #718399;
}
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
.wordmark img { display: block; width: 220px; height: auto; }
.button { border-color: var(--control); border-radius: 8px; }
.primary { background: var(--accent); border-color: var(--accent); }
.hero-preview, .screen, .roadmap { border-radius: 12px; }
.phone { border-color: var(--ink); }
@media (max-width: 580px) { .masthead .label { display: none; } }