/* Extracted from faq.html */
    /* ============================================================
       PALETTE REFRESH — match the snapshot page (Anthropic warm minimal).
       Overrides shared.css tokens on this page only via body-scoped vars.
       Strips drop shadows + softens border-radius for the 2026 flat aesthetic. */
    body {
      --bg: #faf9f5;
      --bg-warm: #faf9f5;
      --surface: #ffffff;
      --ink: #141413;
      --ink-soft: #1a1a18;
      --ink-mid: #4a4a47;
      --muted: #8c8a82;
      --muted-soft: #b8b5ac;
      --line: #e6e3da;
      --line-fine: #ece9df;
      --accent: #4f5944;
      --accent-deep: #383f30;
      --accent-soft: rgba(79, 89, 68, 0.08);
      --accent-tint: rgba(79, 89, 68, 0.10);
      --accent-line: rgba(79, 89, 68, 0.22);
      background: #faf9f5;
      color: #141413;
    }
    /* 2026 flat: no drop shadows, no rounded blob cards. */
    .split-hero, .split-hero__visual, .quick-bento__cell, .faq__item,
    .sources-list__row, .step-mock, .btn-primary, .btn-secondary, .nav__cta,
    .faq__contact { box-shadow: none !important; }
    /* Buttons: charcoal flat, sharp corners, hover to terracotta. */
    .btn-primary {
      border-radius: 4px !important;
      background: #141413 !important;
      color: #ffffff !important;
      transition: background 220ms ease !important;
    }
    .btn-primary:hover {
      background: var(--accent) !important;
      transform: none !important;
    }
    .btn-secondary {
      border-radius: 4px !important;
    }
    .split-hero__cta {
      background: #141413 !important;
      color: #ffffff !important;
      border-radius: 4px !important;
      box-shadow: none !important;
      transition: background 220ms ease !important;
    }
    .split-hero__cta:hover {
      background: var(--accent) !important;
      transform: none !important;
      box-shadow: none !important;
    }