*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--bg-raised: #111111;--bg-surface: #161616;--border: #222222;--border-bright: #333333;--text: #ededed;--text-dim: #888888;--text-muted: #555555;--accent: #22d3ee;--accent-dim: rgba(34, 211, 238, .08);--accent-glow: rgba(34, 211, 238, .15);--radius: 6px;--max-width: 1100px;--max-width-content: 880px;--font: "JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Mono", monospace}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:radial-gradient(circle at center top,rgba(34,211,238,.03) 0%,transparent 60%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),var(--bg);background-size:100% 100%,64px 64px,64px 64px,auto;background-position:center top,0 0,0 0,0 0;background-repeat:no-repeat,repeat,repeat,repeat;background-attachment:fixed;color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:opacity .15s}a:hover{opacity:.8}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}section{padding:32px 0}.hero{padding:80px 0 16px;text-align:center}.hero-logo{margin-bottom:16px;color:var(--accent)}.hero-logo svg{width:120px;height:auto;shape-rendering:crispEdges;margin-left:-16px}.hero h1{font-size:48px;font-weight:700;letter-spacing:-2px;margin-bottom:12px}.hero .tagline{font-size:16px;color:var(--text-dim);margin-bottom:32px}.install{display:inline-flex;align-items:center;gap:16px;background:var(--bg-raised);border:1px solid var(--border-bright);border-radius:var(--radius);padding:16px 24px;font-size:16px;margin-bottom:32px;transition:border-color .2s}.install:hover{border-color:var(--text-muted)}.install .prompt{color:var(--text-muted);-webkit-user-select:none;user-select:none}.install code{color:var(--text);font-family:var(--font)}.install .copy-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--border-bright);border-radius:4px;color:var(--text-dim);cursor:pointer;transition:all .15s}.install .copy-btn:hover{color:var(--text);border-color:var(--text-muted);background:var(--accent-dim)}.install .copy-btn.copied{color:var(--accent);border-color:var(--accent)}.copy-icon{width:16px;height:16px}.copy-icon-success,.copy-btn.copied .copy-icon-default{display:none}.copy-btn.copied .copy-icon-success{display:block}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;max-width:var(--max-width-content);margin:0 auto}.feature{background:#0a0a0acc;padding:32px;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.feature:nth-child(2n){border-right:none}.feature:nth-last-child(-n+2){border-bottom:none}.feature-icon{color:var(--accent);margin-bottom:16px;opacity:.7}.feature-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:12px;display:flex;align-items:center;gap:10px}.feature p{font-size:14px;color:var(--text-dim);line-height:1.5}.demo-shell{display:flex;flex-direction:column;gap:16px}.demo-tabs{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.demo-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text-dim);font-family:var(--font);font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:8px 14px;border-radius:6px;cursor:pointer;transition:color .15s,border-color .15s,background-color .15s}.demo-tab:hover{color:var(--text);border-color:var(--border);background:#ffffff08}.demo-tab.is-active{color:var(--text);border-color:var(--border-bright);background:#ffffff0d}.demo-stage{position:relative;width:100%;max-width:960px;margin:0 auto;overflow:hidden;border-radius:16px}.demo-video{display:none;width:100%;height:auto}.demo-video.is-active{display:block}footer{padding:40px 0;margin-top:40px;text-align:center}.footer-links{display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px}.footer-links a{color:var(--text-muted);transition:color .15s}.footer-links a:hover{color:var(--text);opacity:1}.footer-sep{color:var(--border-bright);-webkit-user-select:none;user-select:none}@media(max-width:640px){.hero{padding:48px 0 40px}.hero-logo svg{width:90px}.hero h1{font-size:36px}.install{padding:12px 16px;font-size:14px}.features-grid{grid-template-columns:1fr}.feature{padding:24px}section{padding:40px 0}.demo-stage{border-radius:10px}.demo-tab{font-size:11px;padding:7px 12px}}