:root{--violet:#8b5cf6;--violet-light:#a78bfa;--window:#1a1d26;--panel:#12141c;--border:#262b38;--muted:#94a3b8;--text:#f8fafc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:radial-gradient(60rem 22rem at 50% -6rem, #8b5cf624, transparent), var(--window);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page{flex-direction:column;gap:18px;max-width:1060px;height:100dvh;min-height:620px;margin:0 auto;padding:22px 32px 18px;display:flex}.top{justify-content:space-between;align-items:center;display:flex}.logo{width:20px;height:20px;margin-right:10px}.mark{letter-spacing:.12em;color:var(--violet);font-size:15px;font-weight:700}.github{color:var(--muted);font-size:14px}.github:hover{color:var(--text)}.hero{text-align:center}.hero h1{letter-spacing:-.02em;font-size:clamp(30px,4.5vw,46px);font-weight:800}.hero p{max-width:34rem;color:var(--muted);margin:10px auto 0;font-size:clamp(15px,1.6vw,17px);line-height:1.55}.cta{justify-content:center;gap:12px;margin-top:18px;display:flex}.cta a{border-radius:8px;padding:10px 22px;font-size:15px;font-weight:600;display:inline-block}.cta .primary{background:var(--violet);color:#fff}.cta .primary:hover{background:var(--violet-light)}.cta .secondary{border:1px solid var(--border);color:var(--muted)}.cta .secondary:hover{color:var(--text);border-color:var(--muted)}.shot{flex:1;justify-content:center;align-items:center;gap:10px;min-height:0;display:flex}.shot img{border:1px solid var(--border);border-radius:10px;max-width:min(100%,860px);max-height:100%;transition:opacity .12s;box-shadow:0 22px 60px #00000073}.shot img.loading{opacity:.3}.features{flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;display:flex}.features li{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px}.nav{color:var(--muted);opacity:.55;font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:8px 4px;font-size:22px;line-height:1}.nav:hover{opacity:1}footer{text-align:center;color:var(--muted);opacity:.75;font-size:12px}
