:root {
  --bg: #0F0F1A;
  --surface: #1A1A2E;
  --border: #2A2A45;
  --red: #E84855;
  --teal: #3BCEAC;
  --text: #FFFFFF;
  --muted: #B0B0CC;
  --dim: #6B6B8A;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.65;
  font-size: 17px;
}
a { color: var(--teal); text-decoration: none; }
a:hover { text-decoration: underline; }
.wrap { max-width: 760px; margin: 0 auto; padding: 48px 24px 96px; }

/* Landing */
.hero { text-align: center; padding: 72px 0 32px; }
.brush { font-size: 84px; color: var(--red); font-weight: 300; line-height: 1; }
.title { font-size: 40px; font-weight: 800; margin: 18px 0 6px; }
.tagline { color: var(--muted); font-size: 19px; margin: 0; }
.lead { color: var(--muted); text-align: center; max-width: 560px; margin: 24px auto 40px; }
.download {
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
  gap: 14px; margin: 0 0 36px;
}
.store-badge { height: 60px; width: auto; }
.download a:hover { opacity: 0.85; }

.links { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.btn {
  display: inline-block; padding: 12px 22px; border-radius: 14px;
  border: 1px solid var(--border); background: var(--surface);
  color: var(--text); font-weight: 600;
}
.btn:hover { border-color: var(--teal); text-decoration: none; }

/* Legal pages */
.legal h1 { font-size: 30px; font-weight: 800; margin: 0 0 4px; }
.legal .eff { color: var(--dim); font-size: 14px; margin: 0 0 32px; }
.legal h2 { font-size: 20px; font-weight: 700; margin: 36px 0 10px; color: var(--text); }
.legal p, .legal li { color: var(--muted); }
.legal ul { padding-left: 22px; }
.legal li { margin-bottom: 8px; }
.back { display: inline-block; margin-bottom: 28px; color: var(--dim); font-size: 14px; }
.footer { margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--border); color: var(--dim); font-size: 14px; text-align: center; }
.footer a { color: var(--dim); }