*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #1c2128;--bg-hover: #21262d;--bg-active: #292e36;--border-primary: #30363d;--border-secondary: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--accent: #58a6ff;--accent-hover: #79c0ff;--accent-green: #3fb950;--accent-orange: #d29922;--accent-purple: #bc8cff;--accent-cyan: #39d2c0;--accent-pink: #f778ba;--accent-red: #f85149;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6}.font-mono{font-family:var(--font-mono)}.title-bar{position:fixed;top:0;left:0;right:0;z-index:100;height:36px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-app-region:drag}.title-bar-dots{position:absolute;left:12px;display:flex;gap:7px}.title-bar-dot{width:11px;height:11px;border-radius:50%;-webkit-app-region:no-drag}.title-bar-dot.red{background:#ff5f56}.title-bar-dot.yellow{background:#ffbd2e}.title-bar-dot.green{background:#27c93f}.title-bar-label{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);letter-spacing:.02em}.activity-bar{position:fixed;left:0;top:36px;bottom:22px;z-index:90;width:48px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;align-items:center;padding-top:4px}.activity-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .15s;position:relative;-webkit-app-region:no-drag}.activity-btn:hover,.activity-btn.active{color:var(--text-primary)}.activity-btn.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:1px;background:var(--accent)}.activity-btn svg{width:22px;height:22px}.activity-btn-bottom{margin-top:auto;margin-bottom:8px}.status-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;height:22px;background:var(--accent);display:flex;align-items:center;padding:0 10px;font-family:var(--font-mono);font-size:11px;color:#0d1117;gap:12px}.status-item{display:flex;align-items:center;gap:4px;cursor:pointer;padding:0 4px}.status-item:hover{background:#0000001f}.status-item svg{width:12px;height:12px}.status-right{margin-left:auto;display:flex;align-items:center;gap:8px}.tab-bar{display:flex;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:6px;padding:6px 14px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);border-right:1px solid var(--border-primary);cursor:pointer;white-space:nowrap;transition:all .15s;-webkit-user-select:none;user-select:none}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{color:var(--text-primary);background:var(--bg-primary);border-bottom:1px solid var(--bg-primary);margin-bottom:-1px}.tab-icon{width:14px;height:14px}.tab-close{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px;opacity:0;transition:opacity .15s;color:var(--text-secondary)}.tab:hover .tab-close{opacity:1}.tab-close:hover{background:var(--bg-active);color:var(--text-primary)}.hero-section{position:relative;padding:48px 0 48px 48px;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:24px}.terminal-window{background:#1a1b23;border:1px solid var(--border-primary);border-radius:10px;overflow:hidden;box-shadow:0 8px 32px #0006}.terminal-header{height:32px;background:#252630;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 12px;gap:8px}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-left:8px}.terminal-body{padding:16px;font-family:var(--font-mono);font-size:13px;line-height:1.7;min-height:280px}.terminal-line{white-space:pre-wrap;word-break:break-word}.terminal-prompt{color:var(--accent-green)}.terminal-command{color:var(--text-primary)}.terminal-output{color:var(--text-secondary)}.terminal-output.green{color:var(--accent-green)}.terminal-output.cyan{color:var(--accent-cyan)}.terminal-output.yellow{color:var(--accent-orange)}.terminal-output.muted{color:var(--text-muted)}.terminal-cursor{display:inline-block;width:8px;height:15px;background:var(--accent);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}@keyframes blink{50%{opacity:0}}.section{padding:64px 48px;border-top:1px solid var(--border-primary)}.section-header{margin-bottom:32px}.section-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:4px;font-family:var(--font-mono);font-size:11px;background:#58a6ff1a;color:var(--accent);border:1px solid rgba(88,166,255,.2);margin-bottom:10px}.section-title{font-family:var(--font-mono);font-size:24px;font-weight:700;letter-spacing:-.02em}.section-subtitle{color:var(--text-secondary);font-size:14px;margin-top:6px;max-width:600px;line-height:1.6}.section-title .highlight{color:var(--accent)}.section-title .highlight-green{color:var(--accent-green)}.section-title .highlight-purple{color:var(--accent-purple)}.section-title .highlight-cyan{color:var(--accent-cyan)}.providers-grid{display:flex;flex-wrap:wrap;gap:8px}.provider-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;font-family:var(--font-mono);font-size:11px;background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);transition:all .2s}.provider-badge:hover{border-color:#58a6ff4d;color:var(--text-primary);background:var(--bg-hover)}.provider-badge svg{width:12px;height:12px}.provider-badge.free{border-color:#3fb95033}.provider-badge.free:hover{border-color:#3fb95066}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;transition:all .25s}.feature-card:hover{border-color:#58a6ff33;box-shadow:0 4px 16px #0003}.feature-card-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);font-family:var(--font-mono);font-size:12px;color:var(--text-primary)}.feature-card-header svg{width:14px;height:14px}.feature-card-body{padding:14px}.feature-card-body p{color:var(--text-secondary);font-size:13px;line-height:1.7;margin-bottom:10px}.feature-tags{display:flex;flex-wrap:wrap;gap:4px}.feature-tag{padding:2px 8px;border-radius:3px;font-family:var(--font-mono);font-size:10px;background:#58a6ff14;color:var(--accent);border:1px solid rgba(88,166,255,.15)}.feature-tag.green{background:#3fb95014;color:var(--accent-green);border-color:#3fb95026}.feature-tag.purple{background:#bc8cff14;color:var(--accent-purple);border-color:#bc8cff26}.feature-tag.orange{background:#d2992214;color:var(--accent-orange);border-color:#d2992226}.feature-tag.pink{background:#f778ba14;color:var(--accent-pink);border-color:#f778ba26}.feature-tag.cyan{background:#39d2c014;color:var(--accent-cyan);border-color:#39d2c026}.commands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px}.command-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:4px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);transition:all .15s;cursor:default}.command-item:hover{background:var(--bg-hover);color:var(--text-primary)}.command-item svg{width:12px;height:12px;opacity:.5}.command-item:hover svg{opacity:1}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:16px;text-align:center}.stat-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-top:4px}.cta-section{display:flex;flex-direction:column;align-items:center;padding:80px 48px;border-top:1px solid var(--border-primary);text-align:center;background:var(--bg-secondary)}.cta-title{font-family:var(--font-mono);font-size:28px;font-weight:700;margin-bottom:10px}.cta-subtitle{color:var(--text-secondary);font-size:14px;max-width:480px;margin-bottom:24px}.btn-group{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:6px;font-family:var(--font-mono);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--accent);color:#0d1117}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{border-color:#58a6ff4d;background:var(--bg-hover)}.btn svg{width:16px;height:16px}.arch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.arch-module{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;padding:10px 8px;text-align:center;transition:all .2s}.arch-module:hover{border-color:#58a6ff33}.arch-module svg{width:18px;height:18px;margin-bottom:4px}.arch-name{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-primary)}.arch-desc{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:2px}.arch-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-bottom:4px}.arch-arrow{color:var(--text-muted);font-family:var(--font-mono);font-size:13px;flex-shrink:0}.footer{display:flex;align-items:center;justify-content:space-between;padding:12px 48px;border-top:1px solid var(--border-primary);font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.footer a{color:var(--text-secondary);text-decoration:none}.footer a:hover{color:var(--accent)}.install-row{display:flex;align-items:center;gap:14px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:14px 18px;transition:all .2s}.install-row:hover{border-color:#58a6ff33;box-shadow:0 2px 12px #00000026}.install-label{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent);min-width:88px;text-transform:uppercase;letter-spacing:.04em}.install-label svg{width:14px;height:14px}.install-cmd{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:5px;padding:6px 10px 6px 14px;font-family:var(--font-mono);font-size:12px;color:var(--text-primary);overflow:hidden}.install-cmd code{flex:1;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.install-cmd code::-webkit-scrollbar{display:none}.copy-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--border-primary);border-radius:4px;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.copy-btn:hover{border-color:var(--accent);color:var(--accent);background:#58a6ff14}.copy-btn svg{width:12px;height:12px}.install-desc{font-size:12px;color:var(--text-muted);min-width:200px;max-width:260px;line-height:1.4}.step-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;transition:all .2s}.step-card:hover{border-color:#58a6ff26;box-shadow:0 2px 12px #0000001f}.step-header{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.step-number{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-muted);min-width:24px}.step-cmd{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);margin-bottom:2px}.step-prompt{color:var(--accent-green);margin-right:6px;-webkit-user-select:none;user-select:none}.step-desc{font-size:12px;color:var(--text-secondary)}.step-output{padding:10px 16px 10px 54px}.step-output pre{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.fade-in{opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.05s}.delay-2{transition-delay:.1s}.delay-3{transition-delay:.15s}.delay-4{transition-delay:.2s}.delay-5{transition-delay:.25s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.hero-section{padding:48px 16px 24px}.section{padding:40px 16px}.features-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.commands-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.arch-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.cta-section{padding:48px 16px}.footer{flex-direction:column;gap:8px;padding:16px}.activity-bar{display:none}}