:root { color-scheme: light dark; --background: #f5f6f8; --ink: #181b21; --muted: #616873; --surface: #ffffffb8; --line: #ffffff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; color: var(--ink); background: var(--background); font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; }
main { max-width: 720px; margin: auto; padding: 36px 24px; }
.wordmark { margin: 0 0 12vh; font-size: 24px; font-weight: 650; letter-spacing: -1px; }
section { padding: clamp(24px, 6vw, 52px); background: var(--surface); border: 1px solid var(--line); border-radius: 32px; }
.eyebrow { font-size: 11px; font-weight: 650; letter-spacing: 1.4px; }
h1 { max-width: 440px; margin: 30px 0 20px; font-size: clamp(36px, 7vw, 60px); line-height: 1.05; font-weight: 600; letter-spacing: -2px; }
p { line-height: 1.6; }
#message, .help { color: var(--muted); }
#open-app { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 32px 0 20px; padding: 18px 24px; min-height: 56px; color: var(--background); background: var(--ink); border-radius: 28px; text-decoration: none; font-weight: 600; }
#open-app[hidden] { display: none; }
#open-app:focus-visible { outline: 3px solid var(--ink); outline-offset: 5px; }
.help { margin-bottom: 0; font-size: 13px; }
@media (prefers-color-scheme: dark) { :root { --background: #111318; --ink: #f3f4f7; --muted: #a9b0bb; --surface: #1c2029d9; --line: #343a45; } }