*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#101412;--surface:#151b18;--border:#243028;--text:#d7dfda;--muted:#7a8f82}html,body,#root{height:100dvh;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.page{flex-direction:column;justify-content:center;align-items:center;gap:0;height:100dvh;padding:24px;display:flex}.card{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:640px;display:flex}.logo{flex-shrink:0;width:96px;height:62px}.logo-path{stroke-dasharray:3000;stroke-dashoffset:3000px;animation:.3s cubic-bezier(.4,0,.2,1) forwards draw}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.animate{opacity:0;animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeUp}.copy{text-align:center;flex-direction:column;flex-shrink:0;gap:6px;display:flex}h1{letter-spacing:-.02em;background:linear-gradient(90deg,#1685f8,#12c4c8,#30d13b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.copy p{color:var(--muted);font-size:14px;line-height:1.5}.description{color:#4a5e52;text-align:center;font-size:13px}.demo-video{object-fit:contain;border-radius:10px;width:100%;max-height:340px;display:block}.form{flex-shrink:0;gap:8px;width:100%;display:flex}input[type=email]{background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .15s}input[type=email]::placeholder{color:var(--muted)}input[type=email]:focus{border-color:#12c4c8}button[type=submit]{color:#fff;font:inherit;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#1685f8,#12c4c8);border:none;border-radius:8px;flex-shrink:0;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .15s}button[type=submit]:hover{opacity:.88}button[type=submit]:disabled{opacity:.5;cursor:default}.success{color:#30d13b;text-align:center;flex-shrink:0;font-size:14px}.tryit{flex-shrink:0;align-items:center;gap:12px;width:100%;display:flex}.tryit-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.tryit-command{background:var(--surface);border:1px solid var(--border);cursor:pointer;font:inherit;text-align:left;border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:9px 12px;transition:border-color .15s;display:flex}.tryit-command:hover{border-color:#12c4c8}.tryit-command code{color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:0 0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;overflow:hidden}.tryit-copy{color:var(--muted);flex-shrink:0;font-size:11px;transition:color .15s}.tryit-command:hover .tryit-copy{color:#12c4c8}.footer{text-align:center;width:100%;color:var(--muted);font-size:11px;position:fixed;bottom:16px;left:0}