/* Minimal holding styles. The real site lands with the marketing epic; this exists so the legal
   URLs resolve for App Review and TestFlight, which need them before anything else is built. */
:root {
  --ink: #1c1917;
  --ink-soft: #57534e;
  --paper: #faf9f7;
  --accent: #ce820d;
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #f5f5f4; --ink-soft: #a8a29e; --paper: #1c1917; }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 4rem 1.5rem;
  background: var(--paper);
  color: var(--ink);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  display: flex;
  justify-content: center;
}
main { max-width: 34rem; width: 100%; }
h1 { font-size: 1.75rem; line-height: 1.2; margin: 0 0 0.5rem; }
p { color: var(--ink-soft); margin: 0 0 1rem; }
a { color: var(--accent); }
.mark { font-weight: 600; color: var(--accent); letter-spacing: -0.01em; margin: 0 0 2.5rem; }
footer { margin-top: 3rem; font-size: 0.875rem; color: var(--ink-soft); }

/* Legal pages: the marketing shell only styled h1/p/a, and the policy and terms use
   sections, lists and a processors table. Same type scale and measure as the rest. */
h2 { font-size: 1.15rem; margin: 2.2em 0 0.6em; }
h3 { font-size: 1rem; margin: 1.8em 0 0.5em; }
ul { padding-left: 1.2em; margin: 0.8em 0; }
li { margin: 0.4em 0; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.9em; }
table { border-collapse: collapse; width: 100%; margin: 1em 0; font-size: 0.92em; }
th, td { text-align: left; padding: 0.5em 0.6em; vertical-align: top;
         border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent); }
th { font-weight: 600; }