:root { --base: #050505; --text: #fff; --secondary: rgba(255,255,255,.62); --tertiary: rgba(255,255,255,.4); --hairline: rgba(255,255,255,.1); }
* { box-sizing: border-box; margin: 0; }
html { background: var(--base); color: var(--text); -webkit-text-size-adjust: 100%; }
body { font-family: Satoshi, -apple-system, system-ui, sans-serif; font-weight: 400; line-height: 1.5; min-height: 100dvh; display: flex; flex-direction: column; }
a { color: inherit; }
.mono { font-family: "Geist Mono", ui-monospace, monospace; }

/* Home: the lockup planted in the middle of the page, one line under it. */
.hero { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 48px 24px; text-align: center; }
.hero img { width: min(78vw, 480px); height: auto; display: block; }
.hero p { font-size: 18px; color: var(--secondary); max-width: 30ch; }

footer { display: flex; justify-content: center; gap: 20px; padding: 24px 24px max(24px, env(safe-area-inset-bottom)); font-size: 14px; color: var(--tertiary); }
footer a { text-decoration: none; }
footer a:hover { color: var(--text); }

/* Privacy, terms, support. */
.page { width: 100%; max-width: 640px; margin: 0 auto; padding: 32px 24px 48px; flex: 1; }
.page .back { display: inline-block; margin-bottom: 40px; }
.page .back img { height: 22px; width: auto; display: block; }
.page h1 { font-size: 32px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.2; }
.page .effective { font-size: 13px; color: var(--tertiary); margin: 8px 0 32px; }
.page h2 { font-size: 19px; font-weight: 400; margin: 32px 0 8px; }
.page p, .page li { font-size: 16px; color: var(--secondary); }
.page p + p { margin-top: 12px; }
.page ul { padding-left: 20px; margin-top: 8px; }
.page li + li { margin-top: 6px; }
.page strong { color: var(--text); font-weight: 500; }