:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg: #f1f5f9;--color-bg-elevated: #ffffff;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--color-text: #0f172a;--color-muted: #64748b;--color-muted-strong: #475569;--color-sidebar: #0f172a;--color-sidebar-hover: #1e293b;--color-sidebar-text: #94a3b8;--color-sidebar-text-active: #f8fafc;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: rgba(59, 130, 246, .08);--color-primary-text: #1e40af;--color-success: #10b981;--color-success-hover: #059669;--color-success-light: rgba(16, 185, 129, .08);--color-success-text: #047857;--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-light: rgba(239, 68, 68, .08);--color-error-text: #b91c1c;--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .08);--color-warning-text: #b45309;--color-accent: #8b5cf6;--color-accent-light: rgba(139, 92, 246, .12);--color-accent-text: #7c3aed;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 25px -3px rgba(15, 23, 42, .06), 0 4px 6px -2px rgba(15, 23, 42, .03);--shadow-xl: 0 20px 40px -5px rgba(15, 23, 42, .1);--shadow-primary: 0 4px 14px rgba(59, 130, 246, .3);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .15);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--input-height: 42px;--input-height-sm: 36px;color:var(--color-text);background-color:var(--color-bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text)}#root{min-height:100vh}.app-layout{display:flex;min-height:100vh;background:var(--color-bg)}.app-layout--tabs{flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;gap:var(--space-xl);background:var(--color-sidebar);padding:0 var(--space-xl);border-bottom:2px solid var(--color-primary);flex-shrink:0}.app-logo{margin:0;padding:var(--space-md) 0;font-size:1.1rem;font-weight:600;color:var(--color-sidebar-text-active);letter-spacing:-.01em}.app-tabs{display:flex;gap:var(--space-sm)}.app-tab{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:40px;padding:var(--space-md) var(--space-lg);border:none;background:transparent;color:var(--color-sidebar-text);font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);text-align:center}.app-tab:hover{color:var(--color-sidebar-text-active);background:var(--color-sidebar-hover)}.app-tab.is-active{color:#fff;background:var(--color-primary);border-radius:var(--radius-sm)}.app-main--full{flex:1;overflow-y:auto;min-height:0}.app-main{flex:1;padding:var(--space-lg);background:var(--color-bg);display:flex;overflow-y:auto}.app-placeholder{margin:auto;padding:var(--space-2xl);font-size:1rem;color:var(--color-muted);text-align:center}.app-panel{width:100%;max-width:1100px;margin:0 auto;padding:var(--space-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:100%;overflow:hidden}.app-panel--scrollable{overflow-y:auto}.app-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl)}.app-panel-header-text{display:flex;flex-direction:column;gap:var(--space-xs)}.app-panel-header h2{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.025em;color:var(--color-text)}.app-panel-header p{margin:0;font-size:.925rem;color:var(--color-muted)}.app-batch-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md);list-style:none;margin:0;padding:0}.app-batch-button{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.925rem;font-weight:600;font-family:inherit;text-align:left;cursor:pointer;transition:all var(--transition-normal)}.app-batch-button:hover{border-color:var(--color-primary);background:var(--color-bg-elevated);box-shadow:var(--shadow-md);transform:translateY(-2px)}.app-batch-button:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.app-batch-button.is-static{cursor:default}.app-batch-button.is-static:hover{border-color:var(--color-border);background:var(--color-bg);box-shadow:none;transform:none}.app-batch-agent-tag{margin-left:auto;padding:.2rem .6rem;background:var(--color-accent-light);border-radius:var(--radius-full);color:var(--color-accent-text);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.app-layout:has(.product-landing){background:#0a0a0a}.app-main--full:has(.product-landing){background:#0a0a0a}.product-landing{--land-bg: #0a0a0a;--land-bg-elevated: #141414;--land-border: #262626;--land-border-hover: #404040;--land-text: #e5e5e5;--land-text-muted: #a1a1aa;--land-text-dim: #71717a;--land-accent: #3b82f6;--land-accent-hover: #60a5fa;--land-green: #22c55e;--land-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", "Consolas", monospace;background:var(--land-bg);color:var(--land-text);min-height:100vh;font-family:var(--land-mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}.land-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--land-border)}.land-nav-logo{font-size:1.1rem;font-weight:700;color:var(--land-text);letter-spacing:-.02em;text-decoration:none}.land-nav-links{display:flex;align-items:center;gap:2rem}.land-nav-link{color:var(--land-text-muted);font-size:.85rem;text-decoration:none;transition:color .15s ease;background:none;border:none;cursor:pointer;font-family:var(--land-mono)}.land-nav-link:hover{color:var(--land-text)}.land-nav-cta{display:inline-flex;align-items:center;padding:.5rem 1.25rem;background:var(--land-text);color:var(--land-bg);font-size:.85rem;font-weight:600;font-family:var(--land-mono);text-decoration:none;border:1px solid var(--land-text);transition:all .15s ease}.land-nav-cta:hover{background:transparent;color:var(--land-text)}.land-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 6rem;max-width:800px;margin:0 auto}.land-hero-badge{display:inline-block;margin-bottom:2rem;padding:.35rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:var(--land-accent-hover);font-size:.75rem;font-weight:600;letter-spacing:.05em}.land-hero h1{margin:0 0 1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--land-text)}.land-hero-subtitle{margin:0 0 3rem;font-size:1.1rem;line-height:1.7;color:var(--land-text-muted);max-width:600px}.land-hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.land-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:var(--land-text);color:var(--land-bg);font-size:.9rem;font-weight:600;font-family:var(--land-mono);text-decoration:none;border:1px solid var(--land-text);transition:all .15s ease;cursor:pointer}.land-btn-primary:hover{background:transparent;color:var(--land-text)}.land-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:transparent;color:var(--land-text-muted);font-size:.9rem;font-weight:500;font-family:var(--land-mono);text-decoration:none;border:1px solid var(--land-border);transition:all .15s ease;cursor:pointer}.land-btn-secondary:hover{border-color:var(--land-text-muted);color:var(--land-text)}.land-fieldset{border:1px solid var(--land-border);padding:3rem 2.5rem;margin:0 2rem 4rem;max-width:1100px;margin-left:auto;margin-right:auto}.land-fieldset legend{padding:0 .75rem;font-size:.8rem;font-weight:600;color:var(--land-text-muted);letter-spacing:.04em}.land-terminal{max-width:900px;margin:0 auto 6rem;padding:0 2rem}.land-terminal-window{background:#111;border:1px solid var(--land-border);border-radius:8px;overflow:hidden}.land-terminal-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#1a1a1a;border-bottom:1px solid var(--land-border)}.land-terminal-dot{width:12px;height:12px;border-radius:50%}.land-terminal-dot--red{background:#ff5f57}.land-terminal-dot--yellow{background:#febc2e}.land-terminal-dot--green{background:#28c840}.land-terminal-title{flex:1;text-align:center;font-size:.8rem;color:var(--land-text-muted)}.land-terminal-body{padding:1.5rem;font-size:.85rem;line-height:1.8;overflow-x:auto}.land-terminal-body pre{margin:0;font-family:var(--land-mono);white-space:pre-wrap;word-break:break-word}.land-t-prompt{color:var(--land-text)}.land-t-comment{color:var(--land-text-dim)}.land-t-green{color:#22c55e}.land-t-blue{color:#60a5fa}.land-t-yellow{color:#fbbf24}.land-t-muted{color:var(--land-text-muted)}.land-t-dim{color:var(--land-text-dim)}.land-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.land-step{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border:1px solid var(--land-border);transition:border-color .15s ease}.land-step:hover{border-color:var(--land-border-hover)}.land-step-number{font-size:.7rem;font-weight:700;color:var(--land-text-dim);letter-spacing:.1em;text-transform:uppercase}.land-step h3{margin:0;font-size:1rem;font-weight:600;color:var(--land-text)}.land-step p{margin:0;font-size:.85rem;line-height:1.6;color:var(--land-text-muted)}.land-step-arrow{display:flex;align-items:center;justify-content:center;color:var(--land-text-dim);font-size:1.25rem}.land-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.land-feature-card{display:flex;flex-direction:column;gap:.75rem;padding:1.75rem;border:1px solid var(--land-border);transition:border-color .15s ease}.land-feature-card:hover{border-color:var(--land-border-hover)}.land-feature-icon{font-size:1.5rem;line-height:1}.land-feature-card h3{margin:0;font-size:1rem;font-weight:600;color:var(--land-text)}.land-feature-card p{margin:0;font-size:.85rem;line-height:1.6;color:var(--land-text-muted)}.land-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.land-metric{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;border-right:1px solid var(--land-border)}.land-metric:last-child{border-right:none}.land-metric-value{font-size:2.5rem;font-weight:700;color:var(--land-text);letter-spacing:-.03em}.land-metric-label{font-size:.8rem;color:var(--land-text-muted);text-align:center}.land-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.land-comparison-side{border:1px solid var(--land-border);overflow:hidden}.land-comparison-label{padding:.75rem 1.25rem;background:#1a1a1a;border-bottom:1px solid var(--land-border);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--land-text-dim)}.land-comparison-label--after{color:var(--land-green)}.land-comparison-content{padding:1.25rem;font-size:.82rem;line-height:1.7;color:var(--land-text-muted)}.land-comparison-content code{display:block;white-space:pre-wrap;font-family:var(--land-mono)}.land-comparison-highlight{color:var(--land-green)}.land-usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.land-usecase{padding:1.75rem;border:1px solid var(--land-border);transition:border-color .15s ease}.land-usecase:hover{border-color:var(--land-border-hover)}.land-usecase-tag{display:inline-block;margin-bottom:.75rem;padding:.2rem .5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--land-accent-hover);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.land-usecase h3{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--land-text)}.land-usecase p{margin:0;font-size:.82rem;line-height:1.6;color:var(--land-text-muted)}.land-cta{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:6rem 2rem;text-align:center;max-width:600px;margin:0 auto}.land-cta h2{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--land-text)}.land-cta p{margin:0;font-size:.95rem;line-height:1.6;color:var(--land-text-muted)}.land-footer{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-top:1px solid var(--land-border);max-width:1100px;margin:0 auto}.land-footer-brand{font-size:.85rem;font-weight:600;color:var(--land-text-muted)}.land-footer-links{display:flex;gap:1.5rem}.land-footer-link{color:var(--land-text-dim);font-size:.8rem;text-decoration:none;transition:color .15s ease}.land-footer-link:hover{color:var(--land-text-muted)}@media(max-width:960px){.land-steps{grid-template-columns:repeat(2,1fr)}.land-features-grid,.land-comparison,.land-usecases-grid{grid-template-columns:1fr}.land-fieldset{margin-left:1rem;margin-right:1rem;padding:2rem 1.5rem}}@media(max-width:768px){.land-nav{padding:1rem}.land-nav-links{gap:1rem}.land-hero{padding:5rem 1.5rem 4rem}.land-steps,.land-metrics{grid-template-columns:1fr}.land-metric{border-right:none;border-bottom:1px solid var(--land-border)}.land-metric:last-child{border-bottom:none}.land-footer{flex-direction:column;gap:1rem;text-align:center}.land-hero-actions{flex-direction:column}.land-btn-primary,.land-btn-secondary{width:100%;justify-content:center}}@media(max-width:640px){.land-fieldset{margin-left:.5rem;margin-right:.5rem;padding:1.5rem 1rem}.land-hero h1{font-size:2rem}.land-terminal{padding:0 1rem}}