@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--background: #fafaf9;--foreground: #1c1917;--card: #ffffff;--card-foreground: #1c1917;--primary: #1c1917;--primary-foreground: #fafaf9;--muted: #f5f5f4;--muted-foreground: #78716c;--border: #e7e5e4;--accent: #4ade80;--accent-foreground: #14532d;--destructive: #dc2626;--radius: .75rem;--font: "Inter", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--foreground);background:var(--background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1120px;margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0}.section-muted{background:var(--muted)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700;letter-spacing:-.025em;margin-bottom:1rem}.section-header p{font-size:1.125rem;color:var(--muted-foreground);max-width:36rem;margin:0 auto}.section-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border) 50%,transparent 100%)}.header{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid var(--border);background:#fafaf9cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-inner{max-width:1120px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--foreground)}.header-logo-icon{width:32px;height:32px;border-radius:8px;background:var(--primary);display:flex;align-items:center;justify-content:center}.header-logo-icon svg{width:18px;height:18px}.header-logo span{font-weight:600;font-size:1.125rem;letter-spacing:-.02em}.header-nav{display:flex;align-items:center;gap:2rem}.header-nav a{color:var(--muted-foreground);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s}.header-nav a:hover{color:var(--foreground)}.header-actions{display:flex;align-items:center;gap:.75rem}.header-github{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--muted-foreground);transition:color .15s}.header-github:hover{color:var(--foreground)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:calc(var(--radius) - 4px);font-size:.875rem;font-weight:500;font-family:var(--font);text-decoration:none;cursor:pointer;border:none;transition:background .15s,opacity .15s}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{opacity:.9}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600}.btn-outline{background:transparent;color:var(--foreground);border:1px solid var(--border)}.btn-outline:hover{background:var(--muted)}.btn-ghost{background:transparent;color:var(--muted-foreground)}.btn-ghost:hover{background:var(--muted);color:var(--foreground)}.hero{padding:8rem 1.5rem 4rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--muted) 0%,var(--background) 100%);pointer-events:none}.hero-inner{position:relative;max-width:48rem;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:9999px;background:var(--muted);border:1px solid var(--border);font-size:.8125rem;font-weight:500;color:var(--muted-foreground);margin-bottom:1.5rem}.hero-badge svg{width:14px;height:14px}.hero h1{font-size:clamp(2.25rem,6vw,3.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-bottom:1.5rem}.hero h1 .muted{color:var(--muted-foreground)}.hero-sub{font-size:1.125rem;color:var(--muted-foreground);line-height:1.7;max-width:32rem;margin:0 auto 2.5rem}.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.terminal{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.terminal-lg{box-shadow:0 25px 50px -12px #0000001f}.terminal-chrome{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--muted)}.terminal-dots{display:flex;gap:6px}.terminal-dots span{width:12px;height:12px;border-radius:50%}.terminal-dots span:nth-child(1){background:#ef4444cc}.terminal-dots span:nth-child(2){background:#eab308cc}.terminal-dots span:nth-child(3){background:#22c55ecc}.terminal-title{flex:1;text-align:center;font-family:var(--mono);font-size:.75rem;color:var(--muted-foreground)}.terminal-body{padding:1.5rem}.code-dark{background:#0c0a09;border-radius:var(--radius);overflow:hidden;border:1px solid #292524}.code-dark .terminal-chrome{background:#1c1917;border-color:#292524}.code-dark .terminal-title{color:#78716c}.code-dark pre{padding:1.25rem 1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.code-dark code{font-family:var(--mono);font-size:.8125rem;line-height:1.8;color:#e7e5e4}.code-dark .k{color:#c084fc}.code-dark .s{color:#4ade80}.code-dark .f{color:#60a5fa}.code-dark .n{color:#fb923c}.code-dark .c{color:#78716c}.copy-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#a8a29e;padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;font-family:var(--font);font-weight:500;cursor:pointer;transition:background .15s,color .15s}.copy-btn:hover{background:#ffffff24;color:#e7e5e4}.copy-btn.copied{background:var(--accent);color:#14532d;border-color:var(--accent)}.copy-btn-light{background:var(--muted);border:1px solid var(--border);color:var(--muted-foreground)}.copy-btn-light:hover{background:var(--border);color:var(--foreground)}.copy-btn-light.copied{background:var(--accent);color:#14532d;border-color:var(--accent)}.install-cmd{display:inline-flex;align-items:center;gap:.75rem;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);padding:.5rem .625rem .5rem 1rem;margin-top:2rem}.install-cmd code{font-family:var(--mono);font-size:.8125rem;color:var(--foreground)}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:56rem;margin:0 auto}.problem-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);padding:1.75rem}.problem-card-accent{border:2px solid var(--primary)}.problem-card-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1.5rem}.problem-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.problem-icon-bad{background:#fef2f2;color:var(--destructive)}.problem-icon-good{background:#f0fdf4;color:#16a34a}.problem-card h3{font-weight:600;font-size:1rem}.problem-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.problem-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.9375rem;color:var(--muted-foreground)}.problem-list li .dot{margin-top:.4em;flex-shrink:0}.problem-list li .dot-red{color:var(--destructive)}.problem-list li .dot-green{color:#16a34a}.problem-conclusion{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.875rem;color:var(--muted-foreground)}.problem-conclusion-accent{color:var(--foreground);font-weight:500}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem}.feature-icon{width:40px;height:40px;border-radius:10px;background:var(--muted);color:var(--foreground);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature-card p{font-size:.875rem;color:var(--muted-foreground);line-height:1.6}.feature-card code{font-family:var(--mono);font-size:.8125rem;background:var(--muted);padding:.125rem .375rem;border-radius:4px}.dx-tabs{display:flex;gap:.25rem;margin-bottom:1rem;background:var(--muted);border-radius:calc(var(--radius) - 2px);padding:.25rem}.dx-tab{flex:1;padding:.5rem .75rem;border:none;background:transparent;border-radius:calc(var(--radius) - 4px);font-family:var(--font);font-size:.8125rem;font-weight:500;color:var(--muted-foreground);cursor:pointer;transition:background .15s,color .15s}.dx-tab:hover{color:var(--foreground)}.dx-tab.active{background:var(--card);color:var(--foreground);box-shadow:0 1px 3px #00000014}.dx-panel{display:none}.dx-panel.active{display:block}.demo-wrapper{max-width:48rem;margin:0 auto}.demo-conversation{display:flex;flex-direction:column;gap:1.25rem;font-size:.875rem}.demo-msg{display:flex;gap:.75rem}.demo-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700}.demo-avatar-user{background:var(--primary);color:var(--primary-foreground)}.demo-avatar-agent{background:var(--muted);color:var(--muted-foreground)}.demo-body{flex:1;display:flex;flex-direction:column;gap:.5rem}.demo-text{color:var(--foreground)}.demo-text-muted{color:var(--muted-foreground);font-family:var(--mono);font-size:.8125rem}.demo-text-success{color:#16a34a;font-weight:500}.demo-result{background:var(--muted);border-radius:calc(var(--radius) - 4px);padding:.75rem 1rem;font-family:var(--mono);font-size:.8125rem;white-space:pre-wrap;color:var(--foreground)}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;max-width:56rem;margin:0 auto}.steps{display:flex;flex-direction:column;gap:2rem}.step{display:flex;gap:1rem}.step-num{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--primary-foreground);font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center}.step-connector{width:1px;height:1.5rem;background:var(--border);margin:.5rem 0 0 20px}.step-body{padding-top:.375rem}.step-body h3{font-weight:600;margin-bottom:.25rem}.step-body p{font-size:.875rem;color:var(--muted-foreground)}.how-code-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);padding:1.5rem}.how-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;background:var(--muted);font-size:.75rem;font-weight:500;color:var(--muted-foreground);margin-bottom:1rem}.how-code-block{background:var(--muted);border-radius:calc(var(--radius) - 4px);padding:1rem;font-family:var(--mono);font-size:.8125rem;line-height:1.7;white-space:pre;overflow-x:auto;color:var(--foreground)}.faq-list{max-width:40rem;margin:0 auto}.faq-item{border-bottom:1px solid var(--border)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;background:none;border:none;font:inherit;font-size:1rem;font-weight:500;text-align:left;color:var(--foreground);cursor:pointer}.faq-question:hover{color:var(--muted-foreground)}.faq-chevron{width:20px;height:20px;flex-shrink:0;color:var(--muted-foreground);transition:transform .2s}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{display:none;padding-bottom:1.25rem;font-size:.9375rem;color:var(--muted-foreground);line-height:1.7}.faq-item.open .faq-answer{display:block}.cta-card{position:relative;overflow:hidden;border-radius:1rem;background:var(--primary);color:var(--primary-foreground);padding:4rem 2rem;text-align:center}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,1) 10px,rgba(255,255,255,1) 20px)}.cta-content{position:relative}.cta-card h2{font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700;letter-spacing:-.025em;margin-bottom:1rem}.cta-card p{font-size:1.125rem;opacity:.8;margin-bottom:2rem;max-width:32rem;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn-cta-primary{background:#fff;color:var(--primary)}.btn-cta-primary:hover{opacity:.9}.btn-cta-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}.btn-cta-outline:hover{background:#ffffff14}.footer{border-top:1px solid var(--border);background:var(--muted)}.footer-inner{max-width:1120px;margin:0 auto;padding:4rem 1.5rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:.75rem}.footer-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--foreground)}.footer-logo-icon{width:28px;height:28px;border-radius:6px;background:var(--primary);display:flex;align-items:center;justify-content:center}.footer-logo-icon svg{width:16px;height:16px}.footer-logo span{font-weight:600}.footer-brand>p{font-size:.8125rem;color:var(--muted-foreground)}.footer-social{display:flex;gap:.75rem}.footer-social a{color:var(--muted-foreground);transition:color .15s}.footer-social a:hover{color:var(--foreground)}.footer-col h4{font-weight:500;font-size:.875rem;margin-bottom:1rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.625rem}.footer-col a{font-size:.8125rem;color:var(--muted-foreground);text-decoration:none;transition:color .15s}.footer-col a:hover{color:var(--foreground)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:.8125rem;color:var(--muted-foreground)}@media(max-width:768px){.section{padding:4rem 0}.section-header{margin-bottom:3rem}.hero{padding:6rem 1.5rem 3rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.problem-grid,.how-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.header-nav{display:none}.dx-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.dx-tab{white-space:nowrap;flex:0 0 auto}}@media(max-width:480px){.feature-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}