:root {
  --bg-0: #0d1738;
  --bg-1: #070d20;
  --ink: #f2f5ff;
  --ink-dim: rgba(242, 245, 255, 0.72);
  --ink-faint: rgba(242, 245, 255, 0.45);
  --accent: #34b862;
  --card: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.12);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  background: radial-gradient(1200px 800px at 30% 0%, var(--bg-0), var(--bg-1));
  color: var(--ink);
  min-height: 100vh;
  line-height: 1.6;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 24px 64px; }
header.site { display: flex; align-items: center; gap: 14px; margin-bottom: 48px; }
header.site img { width: 56px; height: 56px; }
header.site .name { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; }
header.site .name a { color: var(--ink); text-decoration: none; }
.hero { text-align: center; padding: 24px 0 8px; }
.hero .icon { width: 148px; height: 148px; margin-bottom: 28px; }
h1 { font-size: clamp(30px, 6vw, 44px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; }
.tagline { font-size: clamp(17px, 3vw, 21px); color: var(--ink-dim); margin: 18px auto 8px; max-width: 34em; }
.badge {
  display: inline-block; margin-top: 26px; padding: 10px 22px; border-radius: 999px;
  background: var(--card); border: 1px solid var(--card-border);
  color: var(--ink); font-weight: 600; font-size: 15px;
}
.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; margin: 44px 0 8px; text-align: left; }
.feature {
  background: var(--card); border: 1px solid var(--card-border);
  border-radius: 16px; padding: 18px;
}
.feature h3 { font-size: 15px; font-weight: 700; margin-bottom: 4px; }
.feature h3 .dot { color: var(--accent); margin-right: 6px; }
.feature p { font-size: 14px; color: var(--ink-dim); }
main.legal h1 { font-size: 30px; margin-bottom: 6px; }
main.legal .updated { color: var(--ink-faint); font-size: 14px; margin-bottom: 28px; }
main.legal h2 { font-size: 19px; font-weight: 700; margin: 30px 0 8px; }
main.legal p, main.legal li { color: var(--ink-dim); font-size: 15.5px; }
main.legal ul { padding-left: 22px; margin: 8px 0; }
main.legal a { color: #8ab4ff; }
footer.site {
  margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--card-border);
  display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: center;
  color: var(--ink-faint); font-size: 13.5px;
}
footer.site a { color: var(--ink-faint); text-decoration: none; }
footer.site a:hover { color: var(--ink-dim); }