:root{--bg: #f7f7fc;--fg: #16162a;--muted: #5b5d78;--primary: #4f46e5;--primary-hover: #4338ca;--on-primary: #ffffff;color-scheme:light;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #11111d;--fg: #ececf6;--muted: #a4a6c4;--primary: #6366f1;--primary-hover: #818cf8;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.page{min-height:100vh;max-width:720px;margin:0 auto;padding:32px 24px;display:grid;grid-template-rows:auto 1fr auto;gap:48px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.02em}.mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--primary);color:var(--on-primary);font-size:18px}.hero{align-self:center;display:grid;gap:20px;justify-items:start}h1{margin:0;font-size:clamp(32px,6vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.03em;text-wrap:balance}p{margin:0;max-width:48ch;font-size:18px;line-height:1.6;color:var(--muted)}.cta{display:inline-block;padding:12px 24px;border-radius:10px;background:var(--primary);color:var(--on-primary);font-weight:600;text-decoration:none}.cta:hover{background:var(--primary-hover)}.cta:focus-visible{outline:3px solid var(--primary-hover);outline-offset:3px}footer{font-size:14px;color:var(--muted)}