*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0d0f17;--bg-code: #0a0c14;--accent: #34d399;--border: #1a1d2a;--text: #c0c5d4;--text-dim: #6b7280;--text-muted: #2d3148;--font: "Instrument Sans", system-ui, sans-serif;--mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--nav-h: 56px;color-scheme:dark}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#34d39940;color:var(--text)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#34d39933;border-radius:3px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.5rem,4vw,3rem);border-bottom:1px solid var(--border);background:#0d0f17d9;backdrop-filter:blur(16px)}.nav-logo{font-family:var(--mono);font-size:.95rem;font-weight:600;color:var(--accent);text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a:last-child{margin-left:.5rem}.nav-links a{font-family:var(--mono);font-size:.8rem;color:var(--text-dim);text-decoration:none;transition:color .15s;display:flex;align-items:center}.nav-links a:hover{color:var(--accent)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--nav-h) 2rem 4rem;position:relative}.hero:before{content:"";position:absolute;top:var(--nav-h);left:50%;transform:translate(-50%);width:60%;height:50%;background:radial-gradient(ellipse at center,rgba(52,211,153,.06) 0%,transparent 70%);pointer-events:none}.hero h1{font-family:var(--mono);font-size:clamp(3rem,8vw,5.5rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;--mx: .5;--my: .5;background:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%),#a7f3d0,#34d399 25%,#6ee7b7,#2dd4bf,#14b8a6 85%,#0d9488);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .1s both;transition:--mx .15s,--my .15s}.hero p{font-size:1.15rem;color:var(--text-dim);max-width:34rem;margin:1.5rem auto 2.5rem;line-height:1.7;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .25s both}.hero-actions{display:flex;gap:1rem;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .4s both}.btn{font-family:var(--mono);font-size:.85rem;font-weight:500;padding:.65rem 1.5rem;border-radius:6px;text-decoration:none;transition:all .2s}.btn-primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}.btn-primary:hover{background:#6ee7b7;box-shadow:0 0 30px #34d39933}.btn-ghost{border:1px solid var(--text-muted);color:var(--text-dim)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.scrolly-outer{position:relative}.scrolly-inner{position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));display:flex;max-width:1100px;margin:0 auto;padding:0 1rem}.scrolly-inner:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,rgba(52,211,153,.2),transparent)}.code-panel{flex:0 0 58%;background:var(--bg-code);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative;order:2}.code-area{flex:1;overflow-y:scroll;scrollbar-width:none;padding:20px 0;font-family:var(--mono);font-size:12.5px;line-height:1.8;pointer-events:none;transition:filter .5s ease,opacity .5s ease}.code-panel.terminal-active .code-area{filter:blur(4px);opacity:.3}.code-area::-webkit-scrollbar{display:none}.code-line{display:flex;padding:0 20px;border-left:2px solid transparent;transition:all .5s cubic-bezier(.4,0,.2,1)}.code-line.hl{background:#34d3991a;border-left-color:var(--accent)}.code-line.focus{background:#34d39908}.code-line.dim{opacity:.15}.ln{flex:0 0 32px;color:#1e2235;font-size:11px;text-align:right;padding-right:16px;user-select:none;font-variant-numeric:tabular-nums;transition:color .5s}.code-line.hl .ln{color:var(--accent)}.code-text{flex:1;white-space:pre;color:var(--text)}.tc{color:#4b5563}.tk{color:#c084fc}.ts{color:#34d399}.tn{color:#fbbf24}.ta{color:inherit;transition:color .4s}.code-line.hl .ta,.code-line.focus .ta{color:#34d399;font-weight:600}.terminal-panel{position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%) scale(.97);height:min(60%,420px);background:#12131e;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .5s ease,transform .4s ease;z-index:2;border-radius:10px;border:1px solid #252840;box-shadow:0 8px 32px #00000080,0 0 0 1px #34d3990d;overflow:hidden}.terminal-panel.visible{opacity:1;transform:translateY(-50%) scale(1)}.terminal-header{padding:10px 14px;font-family:var(--mono);font-size:11px;color:#6b7280;background:#16182a;border-bottom:1px solid #1e2030;display:flex;align-items:center;gap:12px;user-select:none;border-radius:10px 10px 0 0}.terminal-dots{display:flex;gap:6px}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-body{flex:1;padding:12px 16px;font-family:var(--mono);font-size:11.5px;line-height:1.65;overflow-y:auto;scrollbar-width:none}.terminal-body::-webkit-scrollbar{display:none}.term-line{opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;margin-bottom:2px}.term-line.visible{opacity:1;transform:translateY(0)}.term-user{background:#e8915a1f;border-left:3px solid #e8915a;padding:6px 12px;margin:8px 0;border-radius:0 4px 4px 0;color:#e2e8f0}.term-user-icon{color:#e8915a;font-weight:700}.term-assistant{color:#a0a8c0;padding:2px 0}.term-tool{background:#34d3990f;border-left:2px solid rgba(52,211,153,.3);padding:4px 12px;margin:4px 0;border-radius:0 4px 4px 0}.term-tool-label{color:#34d399;font-size:11px;font-weight:600;letter-spacing:.01em}.term-tool-cmd{color:#9ca3af}.term-tool-output{color:#4b5563;padding-left:14px}.term-tool-output-accent{color:#34d399;padding-left:14px}.term-tool-output-warn{color:#e8915a;padding-left:14px}.term-status{border-top:1px solid #1e2030;padding:6px 14px;font-family:var(--mono);font-size:10px;color:#3b3f54;display:flex;justify-content:space-between;background:#16182a;border-radius:0 0 10px 10px}.term-blank{height:8px}.step-display{flex:0 0 42%;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(28px,3vw,56px);padding-bottom:4rem;position:relative;order:1}.step-content{transition:opacity .35s ease,transform .35s ease}.step-content.exiting{opacity:0;transform:translateY(-8px)}.step-content.entering{opacity:0;transform:translateY(8px)}.step-label{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;color:var(--accent)}.step-desc{font-size:15px;line-height:1.75;max-width:340px;color:#9ca3af;white-space:pre-line}.step-dots{display:flex;gap:8px;position:absolute;bottom:2rem;left:clamp(28px,3vw,56px)}.step-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:all .3s}.step-dot.active{background:var(--accent);box-shadow:0 0 6px #34d39966}.install{padding:6rem 2rem;text-align:center;position:relative}.install:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:1px;background:linear-gradient(90deg,transparent,rgba(52,211,153,.15),transparent)}.install h2{font-family:var(--mono);font-size:1.6rem;font-weight:600;letter-spacing:-.02em;color:var(--text);margin-bottom:1rem}.install-sub{color:var(--text-dim);font-size:1rem;margin-bottom:2.5rem;max-width:28rem;margin-left:auto;margin-right:auto}.install-cmd{display:inline-flex;align-items:center;gap:12px;background:#111420;border:1px solid var(--border);border-radius:8px;padding:14px 24px;font-family:var(--mono);font-size:.95rem;color:var(--text);max-width:100%;overflow-x:auto}.install-cmd .dollar{color:var(--accent);user-select:none}.copy-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;padding:4px 6px;display:flex;align-items:center;transition:all .15s}.copy-btn:hover,.copy-btn.copied{color:var(--accent);border-color:var(--accent)}.install-alt{margin-top:1.5rem;font-size:.8rem;color:var(--text-muted)}.install-alt code{font-family:var(--mono);color:var(--text-dim);background:#111420;padding:2px 6px;border-radius:3px;border:1px solid var(--border);display:inline-block;margin-top:.5rem}.features{padding:4rem 2rem 6rem;max-width:960px;margin:0 auto;overflow:hidden}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:100%}.feature-card{padding:1.5rem;background:#111420;border:1px solid var(--border);border-radius:10px;transition:border-color .2s,transform .2s;overflow:hidden;min-width:0;max-width:100%;box-sizing:border-box}.feature-card:hover{border-color:#34d39940;transform:translateY(-2px)}.feature-card h3{font-family:var(--mono);font-size:.85rem;font-weight:600;color:var(--accent);margin-bottom:.5rem}.feature-card p{font-size:.9rem;line-height:1.6;color:var(--text-dim)}.feature-code{font-family:var(--mono);font-size:.75rem;line-height:1.7;color:var(--text-dim);background:#0a0c14;border:1px solid var(--border);border-radius:6px;padding:10px 12px;margin-top:10px;overflow-x:auto;white-space:pre;max-width:100%}.fc-cmd{color:#6b9e88}.works-with{padding:3rem 2rem 4rem;text-align:center}.works-with h2{font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem}.agent-list{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.agent-name{font-family:var(--mono);font-size:.85rem;color:var(--text-dim);transition:color .15s}.agent-name:hover{color:var(--accent)}.cta{padding:4rem 2rem 5rem;text-align:center}.cta h2{font-family:var(--mono);font-size:1.4rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.cta p{color:var(--text-dim);font-size:.95rem;margin-bottom:2rem;max-width:30rem;margin-left:auto;margin-right:auto}.cta-actions{display:flex;justify-content:center;gap:1rem}.footer{border-top:1px solid var(--border);padding:3rem 2rem;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.footer a{font-family:var(--mono);font-size:.8rem;color:var(--text-dim);text-decoration:none;transition:color .15s}.footer a:hover{color:var(--accent)}.footer p{font-size:.75rem;color:var(--text-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.nav{padding:0 1.25rem}.nav-links{gap:.75rem}.nav-links a{font-size:.75rem}.hero h1{font-size:2.5rem!important}.hero p{font-size:1rem}.scrolly-outer{height:auto!important}.scrolly-inner{position:relative;top:auto;height:auto;flex-direction:column;padding:0}.scrolly-inner:before{display:none}.code-panel{flex:none;width:100%;height:40vh;order:1;border-left:none;border-bottom:1px solid var(--border)}.terminal-panel{inset:4px;height:auto;transform:translateY(0) scale(.97)}.terminal-panel.visible{transform:translateY(0) scale(1)}.terminal-body{font-size:10px;line-height:1.5;padding:8px 10px}.step-display{flex:none;order:3;width:100%;padding:0;min-height:auto;overflow:hidden}.mobile-steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;width:100%;max-width:100vw}.mobile-steps::-webkit-scrollbar{display:none}.mobile-step{min-width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);scroll-snap-align:center;padding:1.5rem;flex-shrink:0;box-sizing:border-box}.mobile-step .step-label{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.mobile-step .step-desc{font-size:14px;line-height:1.7;color:#9ca3af;white-space:pre-line}.step-dots{position:static;order:2;width:100%;display:flex;justify-content:center;padding:.75rem 0}.features-grid{grid-template-columns:1fr}.install{padding:4rem 1.5rem}.install-cmd{font-size:.75rem;padding:10px 14px}.install-alt{font-size:.75rem}.install-alt code{font-size:.7rem}.features{padding:3rem 1rem}.feature-code{font-size:.65rem;white-space:pre-wrap;word-break:break-all}.works-with{padding:2rem 1rem}.agent-list{gap:1.5rem}.cta{padding:3rem 1.5rem}.cta h2{font-size:1.2rem}.footer-links{gap:1rem}.cta-actions{flex-direction:column;align-items:center}}@media(max-width:480px){.nav{padding:0 1rem}.hero{padding:var(--nav-h) 1rem 2rem;min-height:85vh}.hero h1{font-size:2rem!important}.hero-actions{flex-direction:column;align-items:center}.install{padding:4rem 1rem}.features{padding:2rem 1rem 4rem}.agent-list{gap:1.5rem}.footer-links{gap:1rem;flex-wrap:wrap}}