/* Momentum — terms and privacy pages. The family look (forest + teal, Inter). */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg: #0a0f0c; --surface: #111a15; --surface-2: #18241d;
  --text: #f0efed; --text-dim: rgba(240, 239, 237, 0.68); --text-faint: rgba(240, 239, 237, 0.45);
  --accent: #008080; --on-tint: #3fc9b8; --tint: rgba(0, 128, 128, 0.12);
  --radius: 16px; color-scheme: dark;
}
body { background: var(--bg); color: var(--text); font-family: "Inter", system-ui, sans-serif; font-size: 15.5px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
.page { max-width: 680px; margin: 0 auto; padding: 32px 20px 72px; }
.top { display: flex; align-items: center; gap: 12px; margin-bottom: 36px; }
.brand { display: flex; align-items: center; gap: 8px; color: var(--on-tint); font-weight: 600; text-decoration: none; }
.back { margin-left: auto; padding: 8px 14px; border-radius: 999px; background: var(--surface); color: var(--text-dim); font-size: 13.5px; text-decoration: none; }
.back:hover { color: var(--text); }
h1 { font-size: 28px; font-weight: 600; letter-spacing: -0.5px; line-height: 1.2; }
.updated { margin: 6px 0 28px; color: var(--text-faint); font-size: 13.5px; }
.summary { margin-bottom: 32px; padding: 16px 18px; border-radius: var(--radius); background: var(--tint); color: var(--text); }
.summary li { margin: 4px 0 4px 18px; }
section { margin-bottom: 30px; }
h2 { margin-bottom: 8px; font-size: 17px; font-weight: 600; color: var(--text); }
p, li { color: var(--text-dim); }
p + p { margin-top: 10px; }
ul { margin: 8px 0 0 20px; }
li { margin: 4px 0; }
strong { color: var(--text); font-weight: 600; }
a { color: var(--on-tint); }
.foot { margin-top: 48px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.08); color: var(--text-faint); font-size: 13px; text-align: center; }