:root { color-scheme: light dark; --fg: #14151a; --muted: #5b6170; --accent: #2f6bff; --bg: #fbfbfd; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--fg); background: var(--bg); }
.wrap { max-width: 720px; margin: 0 auto; padding: 12vh 24px 6vh; }
.brand { font-weight: 700; letter-spacing: -0.02em; font-size: 1.25rem; }
h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.08; letter-spacing: -0.03em; margin: 1.5rem 0 0.75rem; }
.lede { font-size: 1.15rem; line-height: 1.6; color: var(--muted); max-width: 56ch; }
.cta { display: flex; gap: 1rem; align-items: center; margin: 2rem 0; flex-wrap: wrap; }
.button { background: var(--accent); color: #fff; padding: 0.7rem 1.2rem; border-radius: 10px; text-decoration: none; font-weight: 600; }
.link { color: var(--accent); text-decoration: none; font-weight: 500; }
.foot { margin-top: 6vh; color: var(--muted); font-size: 0.9rem; }
.foot a { color: inherit; }