/* ============================================================
   Homepage dark variant (body.dark). Pairs with landing.css.
   Toggled via the sun/moon button in the navbar.
   ============================================================ */
body.dark {
  --am-bg: #0c0c11;
  --am-bg2: #121218;
  --am-card: #17171f;
  --am-ink: #f5f3ee;
  --am-muted: #a8a29e;
  --am-line: #2a2a33;
}
body.dark .am-hero::before { background: radial-gradient(720px 340px at 50% -60px, rgba(249,86,15,.20), transparent 70%); }
body.dark .am-pill { background: #17171f; border-color: #2a2a33; color: #f5f3ee; }
body.dark .am-hero .btn-dark { background: #f5f3ee; color: #0d0d12; }
body.dark .am-browser { background: #fff; border-color: #2a2a33; }
body.dark .am-float { background: #17171f; border-color: #2a2a33; color: #f5f3ee; }
body.dark .trusted { background: #0c0c11; border-bottom-color: #2a2a33; }
body.dark .t-card { background: #17171f; border-color: #2a2a33; box-shadow: none; }
body.dark .t-name { color: #f5f3ee; }
body.dark .t-prod { background: rgba(249,86,15,.18); }
body.dark .am-sec.alt { background: var(--am-bg2); border-top-color: var(--am-line); border-bottom-color: var(--am-line); }
body.dark .pain-card .fi { background: rgba(249,86,15,.16); }
body.dark .tile .fi { background: rgba(249,86,15,.16); }
body.dark .hard-card .cost { background: rgba(249,86,15,.16); color: #fdba74; }
body.dark .am-prod-media { background: #0d0d12; }
body.dark .am-price del { color: #6d6d7a; }