@import url("tokens.css");
body { margin: 0; background: var(--color-bg); color: var(--color-ink); font-family: var(--font-body); line-height: 1.7; }
.nav { display: flex; gap: var(--space-4); padding: var(--space-4) var(--space-8); border-bottom: 1px solid var(--color-line); }
.nav a { color: var(--color-ink); text-decoration: none; }
.page { max-width: 60rem; margin: 0 auto; padding: var(--space-16) var(--space-8); }
h1, h2 { font-family: var(--font-display); font-weight: 700; line-height: 1.25; }
h1 { font-size: 2.5rem; margin: 0 0 var(--space-4); }
.lede { color: var(--color-ink-muted); max-width: 34em; }
.button { display: inline-block; padding: var(--space-2) var(--space-4); background: var(--color-accent); color: #fff; border-radius: var(--radius-control); text-decoration: none; }
.feature { padding: var(--space-8) 0; border-top: 1px solid var(--color-line); }