@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-main:#07090e;--bg-card:rgba(14,20,32,0.75);--bg-card-hover:rgba(22,32,50,0.85);--bg-elevated:#111827;--bg-surface:rgba(255,255,255,0.04);--border-subtle:rgba(255,255,255,0.08);--border-focus:rgba(16,185,129,0.4);--border-glow:rgba(6,182,212,0.3);--accent-emerald:#10b981;--accent-emerald-glow:rgba(16,185,129,0.25);--accent-cyan:#06b6d4;--accent-cyan-glow:rgba(6,182,212,0.2);--accent-amber:#f59e0b;--accent-amber-glow:rgba(245,158,11,0.25);--accent-rose:#f43f5e;--accent-purple:#8b5cf6;--accent-violet:#7c3aed;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono",Monaco,"Fira Code",monospace;--safe-bottom:env(safe-area-inset-bottom,16px);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--sidebar-width:240px;--header-height:64px;--content-max:900px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:-10vw;left:50%;transform:translateX(-50%);width:90vw;height:40vh;background:radial-gradient(circle,rgba(16,185,129,.1) 0,rgba(6,182,212,.04) 45%,transparent 70%);pointer-events:none;z-index:0}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 32px rgba(0,0,0,.36);transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:rgba(255,255,255,.15);transform:translateY(-1px)}.glass-panel{background:rgba(10,15,26,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);color:#ffffff;font-weight:600;font-size:1rem;padding:14px 20px;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 4px 20px var(--accent-emerald-glow);transition:all .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(16,185,129,.4)}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 10px var(--accent-emerald-glow)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.06);color:var(--text-primary);font-weight:600;font-size:1rem;padding:14px 20px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;transition:all .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}.btn-reject{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(244,63,94,.12);color:#fb7185;border:1px solid rgba(244,63,94,.3);font-weight:600;font-size:1rem;padding:14px 20px;border-radius:var(--radius-md);cursor:pointer;transition:all .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-reject:active{background:rgba(244,63,94,.25);transform:scale(.97)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle);font-weight:500;font-size:.9rem;padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-ghost:hover{color:var(--text-primary);background:rgba(255,255,255,.08)}.status-indicator{position:relative;display:inline-flex;width:10px;height:10px;border-radius:50%}.status-indicator:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;animation:pulse-ring 2s cubic-bezier(.24,0,.38,1) infinite}.status-running{background-color:var(--accent-emerald)}.status-running:after{background-color:rgba(16,185,129,.4)}.status-awaiting{background-color:var(--accent-amber)}.status-awaiting:after{background-color:rgba(245,158,11,.4)}.status-verifying{background-color:var(--accent-cyan)}.status-verifying:after{background-color:rgba(6,182,212,.4)}.status-disconnected{background-color:#64748b}.status-disconnected:after{display:none}.terminal-window{background:#05080f;border:1px solid #192233;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.82rem;line-height:1.5;color:#cbd5e1;overflow-y:auto;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}.mobile-only{display:flex}.desktop-only{display:none}@media (min-width:900px){.mobile-only{display:none!important}.desktop-only{display:flex!important}}.app-shell{display:flex;min-height:100vh;min-height:100dvh}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:50;display:none;flex-direction:column;background:rgba(8,11,20,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-subtle)}.app-content{flex:1 1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}@media (min-width:900px){.app-sidebar{display:flex}.app-content{margin-left:var(--sidebar-width)}}kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;font-size:.75rem;font-family:var(--font-mono,monospace);font-weight:600;color:#f1f5f9;background:#1e293b;border:1px solid rgba(255,255,255,.15);border-bottom:2px solid #0f172a;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.35);line-height:1.2}.pair-container{width:100%;max-width:1240px;margin:0 auto;padding:20px 16px 80px}.pair-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}@media (min-width:900px){.pair-container{padding:32px 32px 60px}.pair-grid{grid-template-columns:1.35fr 1fr;gap:32px;align-items:start}}.landing-root{min-height:100vh;background:var(--bg-main)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:rgba(7,9,14,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.landing-section{padding:80px 24px;max-width:1200px;margin:0 auto;width:100%}.landing-hero{text-align:center;max-width:1200px;margin:0 auto;padding:120px 24px 80px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);color:#34d399;font-size:.8rem;font-weight:600;margin-bottom:28px;letter-spacing:.02em}.hero-title{font-size:clamp(2.4rem,6vw,5rem);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px}.hero-title .gradient-text{background:linear-gradient(135deg,#10b981,#06b6d4 50%,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:580px;margin:0 auto 40px;line-height:1.65;font-weight:400}.hero-cta-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.feature-card{background:rgba(14,20,32,.6);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;transition:all .2s ease}.feature-card:hover{border-color:rgba(16,185,129,.2);background:rgba(16,185,129,.04);transform:translateY(-2px)}.feature-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.section-label{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#10b981;margin-bottom:12px}.section-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.025em;line-height:1.15;color:var(--text-primary);margin-bottom:16px}.section-sub{font-size:1.05rem;color:var(--text-secondary);line-height:1.65;max-width:540px}.flow-container{justify-content:center;gap:0;flex-wrap:wrap;margin:48px 0}.flow-container,.flow-step{display:flex;align-items:center}.flow-step{flex-direction:column;gap:16px;padding:28px 24px;background:rgba(14,20,32,.7);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;min-width:180px;max-width:220px;transition:all .2s ease}.flow-step:hover{border-color:rgba(16,185,129,.3);transform:translateY(-3px)}.flow-step-icon{width:56px;height:56px;border-radius:16px;justify-content:center;font-size:1.6rem}.flow-arrow,.flow-step-icon{display:flex;align-items:center}.flow-arrow{padding:0 8px;color:var(--text-muted)}.flow-connector{width:40px;height:2px;background:linear-gradient(90deg,rgba(16,185,129,.4),rgba(6,182,212,.4));position:relative;overflow:hidden}.flow-connector:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#10b981,transparent);animation:beam-travel 2s ease-in-out infinite}.terminal-demo{background:#070b12;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 40px rgba(16,185,129,.08);font-family:var(--font-mono)}.terminal-demo-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-demo-body{padding:20px;font-size:.82rem;line-height:1.8;color:#94a3b8;min-height:180px}.section-divider{border:none;border-top:1px solid var(--border-subtle);margin:0}.agent-strip{justify-content:center;gap:32px;flex-wrap:wrap}.agent-chip,.agent-strip{display:flex;align-items:center}.agent-chip{gap:10px;padding:10px 18px;border-radius:var(--radius-full);background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);font-size:.88rem;font-weight:600;color:var(--text-secondary);transition:all .15s ease}.agent-chip:hover{color:var(--text-primary);border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.07)}.wizard-step-indicator{display:flex;align-items:center;gap:0;margin-bottom:40px}.wizard-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;transition:all .3s ease}.wizard-line{flex:1 1;height:2px;background:var(--border-subtle);max-width:80px;transition:background .3s ease}.wizard-line.active{background:linear-gradient(90deg,#10b981,#06b6d4)}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08) 50%,rgba(255,255,255,.04));background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}70%{transform:scale(2.4);opacity:0}to{transform:scale(2.4);opacity:0}}@keyframes beam-travel{0%{left:-100%}to{left:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fade-in{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in{animation:fade-in .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes spin{to{transform:rotate(1turn)}}@keyframes type-cursor{0%,to{opacity:1}50%{opacity:0}}.type-cursor{display:inline-block;width:2px;height:1em;background:#10b981;vertical-align:middle;margin-left:2px;animation:type-cursor 1s step-end infinite}@media (max-width:600px){.landing-section{padding:60px 20px}.landing-hero{padding-top:100px}.flow-container{gap:8px}.flow-connector{width:20px}}