/* Match the app's quieter, flat workspace without changing legal-page content. */
:root {
  --ink: #17191e;
  --muted: #61646c;
  --line: #e9e9ec;
  --paper: #ffffff;
  --blue: #285e98;
  --mint: #d6ecdf;
  --peach: #f7dbd5;
  --lavender: #dce7f6;
}
.brand img { border-radius: 12px; }
.hero-art img { transform: none; box-shadow: 0 18px 50px #17191e12; }
.button { background: #dce7f6; color: var(--ink); border: 1px solid #cbd9ec; }
.features { border: 0; border-radius: 0; background: transparent; gap: 26px; }
.feature { padding: 24px 0; border-top: 1px solid var(--line); }
.feature + .feature { border-left: 0; }
.feature-tag { background: #dce7f6; padding: 5px 14px; margin-bottom: 18px; }
.feature:nth-child(2) .feature-tag { background: #d6ecdf; }
.feature:nth-child(3) .feature-tag { background: #f9efbf; }
.feature:nth-child(4) .feature-tag { background: #f7dbd5; }
.note { border-color: #cbd9ec; }
@media (max-width: 550px) {
  .features { gap: 12px 24px; }
  .feature { padding: 20px 0; }
  .hero-art { display: flex; min-height: 0; justify-content: flex-start; margin-top: 32px; }
  .hero-art img { width: 96px; }
}
@media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; --ink: #f3f3f5; --muted: #b5b6bd; --line: #35363b; --paper: #232428; --blue: #a9c9ed; }
  .feature-tag, .button { color: #17191e; }
  .contact { background: #28292d; }
  .legal p, .legal li { color: var(--muted); }
  .skip { background: var(--paper); }
}
@media print {
  :root { --ink: #000; --paper: #fff; --muted: #333; }
}