:root{color-scheme:light;--color-bg: #f7f7f4;--color-text: #262510;--color-muted: #7a7974;--color-border: #cdcdc9;--color-accent: #f54e00;--color-surface: #ffffff;--color-success: #34785c;--font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-frame: rgba(0, 0, 0, .08) 0px 20px 40px -24px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:14px;line-height:1.5;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html{width:100%;min-width:320px;height:100%}body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:var(--color-bg);color:var(--color-text)}button,input,textarea,select{font:inherit}code{font-family:var(--font-mono);font-size:.92em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page{width:min(100% - 48px,1120px);height:100svh;margin:0 auto;padding:28px 0;display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:40px;align-items:center}.page--install{grid-template-columns:minmax(0,420px) minmax(0,1fr)}.copy{display:grid;gap:18px;align-content:center}.title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.eyebrow{margin:0;color:var(--color-muted);font-family:var(--font-mono);font-size:12px;line-height:1.3}h1{margin:0;font-family:var(--font-display);font-size:56px;font-weight:500;line-height:1.02}.lede{margin:0;max-width:26rem;color:var(--color-muted);font-size:18px;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:42px;padding:0 16px;border:1px solid var(--color-accent);border-radius:4px;color:var(--color-accent);font-size:14px;font-weight:600;line-height:1;background:transparent}.button[data-state=started]{border-color:var(--color-success);color:var(--color-success)}.guide{margin:0;padding-left:18px;display:grid;gap:10px;color:var(--color-muted);font-size:14px;line-height:1.5}.guide li{padding-left:4px}.media{display:flex;align-items:center;justify-content:center;min-width:0}.frame{width:100%;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-frame);overflow:hidden}.demo{width:100%;max-height:calc(100svh - 56px);object-fit:contain;object-position:center}.shot{width:100%;max-height:min(44svh,440px);object-fit:contain;object-position:center}@media(max-width:860px){.page,.page--install{width:min(100% - 28px,1120px);padding:20px 0;gap:18px;grid-template-columns:1fr}.copy{gap:14px}.title-row{align-items:flex-start;gap:12px}h1{font-size:32px;line-height:1.08}.lede,.guide{font-size:15px}.button{min-height:40px}.demo{max-height:36svh}.shot{max-height:24svh}}@media(max-height:760px){.page,.page--install{padding:20px 0;gap:24px}h1{font-size:42px}.lede,.guide{font-size:15px}.demo{max-height:calc(100svh - 40px)}.shot{max-height:min(36svh,320px)}}@media(max-width:860px)and (max-height:760px){h1{font-size:28px}.eyebrow{font-size:11px}.lede,.guide{font-size:14px}.guide{gap:8px}.demo{max-height:32svh}.shot{max-height:22svh}}