/* The contractor's established dark dispatch theme also leads its public site. */
@font-face {
  font-family: Outfit;
  src: url('/assets/fonts/outfit-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --sans: Outfit, system-ui, sans-serif;
  --serif: Outfit, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --ground: #111821;
  --surface: #1b2531;
  --surface-sunk: #141b24;
  --ink: #eef1f4;
  --ink-muted: #b8c2ce;
  --ink-faint: #a3b1c1;
  --line: #35414e;
  --line-strong: #778492;
  --rail: #0c131b;
  --rail-active: #25313f;
  --rail-ink: #e1e7ed;
  --rail-ink-dim: #b4c0ce;
  --accent: #f0c94d;
  --accent-ink: #141b24;
  --accent-soft: #393724;
  --teal: #f0c94d;
  --teal-soft: #393724;
  --good: #b1dda8;
  --good-soft: #263e30;
  --warn: #efd18a;
  --warn-soft: #3e3626;
  --crit: #ffb5ac;
  --crit-soft: #442e31;
  --radius: 2px;
  color-scheme: dark;
}
.demo-banner { background: var(--surface-sunk); color: var(--ink-muted); }
.brand { padding-block: 12px 24px; gap: 9px; }
.brand-sub { padding-left: 0; font-size: .72rem; letter-spacing: .14em; }
.page-title { font-weight: 700; letter-spacing: -.035em; }
.panel-head { background: #202d3a; }
.tile { border-top: 2px solid var(--line-strong); }
.site-wordmark { display: block; width: 218px; max-width: 100%; height: auto; }
.site-hero { background: transparent; }

/* Keep the business identity visible when navigation becomes a drawer. */
.mobile-business-logo{display:none}
.app.is-drawer .mobile-business-logo{display:block;width:174px;max-width:174px;min-width:0;height:auto;flex-shrink:1;margin-right:auto}
.app.is-drawer .phone-meta{display:none}
.app.is-drawer .topbar .demo-badge{flex-shrink:0}