/* Shared look for the marketing pages; page-specific layout stays in
   each page's own <style> block. */
:root {
  --bg: #faf9f7;
  --ink: #1f2933;
  --muted: #616e7c;
  --accent: #0f766e;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #16181d;
    --ink: #e8e6e3;
    --muted: #9aa5b1;
    --accent: #2dd4bf;
  }
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
  line-height: 1.6;
}
a { color: var(--accent); }