:root {
  color-scheme: dark;
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
  --color-bg: #090d16;
  --color-header: rgba(9, 13, 22, 0.94);
  --color-surface: #101a28;
  --color-surface-strong: #162437;
  --color-text: #dde6f2;
  --color-body: #c4d0e2;
  --color-muted: #7a8eaa;
  --color-subtle: #67738b;
  --color-accent: #6aa3e8;
  --color-accent-strong: #d0e6ff;
  --color-on-accent: #06142b;
  --color-border: rgba(106, 163, 232, 0.2);
  --color-border-strong: rgba(106, 163, 232, 0.34);
  --color-link-decoration: rgba(208, 231, 255, 0.35);
  --color-callout-text: #d5dadd;
  --color-focus: #d4ebff;
  --brand-visual-aspect: 1;
  --brand-visual-radius: 22%;
  --brand-visual-fit: cover;
  --brand-visual-position: center;
  --brand-visual-scale: 1;
  --brand-visual-mobile-width: 7rem;
  --brand-visual-desktop-width: 7rem;
}

/* Single-column support page; legal layout comes directly from Sortsmith. */
.hero { padding-bottom: 2rem; }
.hero > img { width: 80px; height: 80px; border-radius: 18px; margin-bottom: 1.8rem; }
.hero .eyebrow { font-size: .75rem; letter-spacing: .12em; margin-bottom: 1rem; }
.hero .lead { font-size: 1.15rem; margin-top: 1.4rem; }
.features { display: block; }
.features section, .support { border-top: 1px solid var(--color-border); padding-block: .5rem 1.5rem; }
.document-shell p { overflow-wrap: anywhere; }