*,:before,:after{box-sizing:border-box}:root{--bg:#0a0a0f;--bg-card:#111118;--bg-card2:#16161f;--border:#ffffff14;--text:#9ca3af;--text-h:#f1f0ff;--accent:#7c3aed;--accent-light:#a78bfa;--accent-glow:#7c3aed59;--cyan:#22d3ee;--cyan-glow:#22d3ee33;--green:#34d399;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}h1,h2,h3,h4{color:var(--text-h);margin:0;line-height:1.15}p{margin:0;line-height:1.65}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}img{max-width:100%}.container{max-width:1160px;margin:0 auto;padding:0 24px}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0a0a0fd9;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1160px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--text-h);letter-spacing:-.3px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent), var(--cyan));border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text);font-size:14px;transition:color .2s}.nav-links a:hover{color:var(--text-h)}.nav-actions{align-items:center;gap:12px;display:flex}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .2s}.btn-ghost:hover{border-color:var(--accent-light);color:var(--text-h)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 20px var(--accent-glow);border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{box-shadow:0 0 30px var(--accent-glow);background:#6d28d9;transform:translateY(-1px)}.btn-primary-lg{background:var(--accent);color:#fff;box-shadow:0 0 32px var(--accent-glow);border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary-lg:hover{box-shadow:0 0 48px var(--accent-glow);background:#6d28d9;transform:translateY(-2px)}.btn-secondary-lg{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary-lg:hover{border-color:var(--accent-light);color:var(--text-h)}.hero{text-align:center;padding:100px 24px 80px;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(#7c3aed2e 0%,#0000 70%);width:800px;height:600px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.hero-badge{color:var(--accent-light);background:#7c3aed26;border:1px solid #7c3aed59;border-radius:100px;align-items:center;gap:6px;margin-bottom:28px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.hero h1{letter-spacing:-2px;max-width:820px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:clamp(40px,6vw,72px);font-weight:800}.hero h1 span{background:linear-gradient(135deg, var(--accent-light), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text);max-width:560px;margin:0 auto 36px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-visual{max-width:780px;margin:72px auto 0;position:relative}.terminal-card{background:var(--bg-card);border:1px solid var(--border);text-align:left;box-shadow:0 32px 80px #00000080, 0 0 0 1px var(--border);border-radius:14px;overflow:hidden}.terminal-bar{border-bottom:1px solid var(--border);background:var(--bg-card2);align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.terminal-title{font-family:var(--font-mono);color:var(--text);margin-left:8px;font-size:12px}.terminal-body{grid-template-columns:1fr 1fr;display:grid}.terminal-pane{padding:20px}.terminal-pane+.terminal-pane{border-left:1px solid var(--border)}.pane-label{letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.6;margin-bottom:12px;font-size:10px;font-weight:600}.json-line{font-family:var(--font-mono);color:#94a3b8;font-size:12.5px;line-height:1.7}.json-key{color:var(--accent-light)}.json-string{color:var(--green)}.json-number{color:var(--cyan)}.json-bool{color:#fb923c}.ai-summary-box{background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:8px;margin-top:4px;padding:12px 14px}.ai-label{letter-spacing:1px;text-transform:uppercase;color:var(--accent-light);align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.ai-text{color:var(--text-h);font-size:13px;line-height:1.6}.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.section{padding:96px 24px}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--accent-light);margin-bottom:14px;font-size:12px;font-weight:700}.section-title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:700}.section-sub{color:var(--text);max-width:520px;margin:0 auto;font-size:17px;line-height:1.7}.section-header{text-align:center;margin-bottom:64px}.how-it-works{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:0;max-width:1000px;margin:0 auto;display:grid;position:relative}.steps-grid:before{content:"";background:linear-gradient(90deg, var(--accent), var(--cyan));opacity:.4;height:1px;position:absolute;top:32px;left:33.33%;right:33.33%}.step{text-align:center;padding:32px 40px;position:relative}.step+.step{border-left:1px solid var(--border)}.step-number{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;width:56px;height:56px;box-shadow:0 0 24px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:20px;font-weight:700;display:flex}.step h3{color:var(--text-h);margin-bottom:10px;font-size:18px;font-weight:600}.step p{color:var(--text);font-size:14px;line-height:1.65}.step-code{font-family:var(--font-mono);border:1px solid var(--border);color:var(--cyan);word-break:break-all;background:#0000004d;border-radius:6px;margin-top:16px;padding:8px 12px;font-size:12px}.features-grid{background:var(--border);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1100px;margin:0 auto;display:grid;overflow:hidden}.feature-card{background:var(--bg-card);padding:32px 28px;transition:background .2s}.feature-card:hover{background:var(--bg-card2)}.feature-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:22px;display:flex}.feature-icon-purple{background:#7c3aed26}.feature-icon-cyan{background:#22d3ee1f}.feature-icon-green{background:#34d3991f}.feature-icon-orange{background:#fb923c1f}.feature-icon-pink{background:#f472b61f}.feature-icon-blue{background:#60a5fa1f}.feature-card h3{color:var(--text-h);margin-bottom:8px;font-size:16px;font-weight:600}.feature-card p{color:var(--text);font-size:14px;line-height:1.65}.use-cases{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.use-cases-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:0 auto;display:grid}.use-case-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:18px;padding:28px;transition:border-color .2s,box-shadow .2s;display:flex}.use-case-card:hover{border-color:#7c3aed59;box-shadow:0 0 32px #7c3aed14}.use-case-emoji{flex-shrink:0;margin-top:2px;font-size:28px;line-height:1}.use-case-card h3{margin-bottom:6px;font-size:16px;font-weight:600}.use-case-card p{color:var(--text);font-size:14px;line-height:1.65}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;padding:28px 24px;transition:border-color .2s,box-shadow .2s;display:flex}.pricing-card:hover{border-color:#7c3aed4d;box-shadow:0 0 40px #7c3aed14}.pricing-card.featured{border-color:var(--accent);background:linear-gradient(160deg, #7c3aed1f, var(--bg-card));position:relative;box-shadow:0 0 48px #7c3aed26}.popular-badge{background:var(--accent);color:#fff;letter-spacing:.5px;white-space:nowrap;border-radius:100px;padding:4px 14px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-name{color:var(--text);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:14px;font-weight:600}.plan-price{align-items:baseline;gap:4px;margin-bottom:6px;display:flex}.plan-price .amount{color:var(--text-h);letter-spacing:-1.5px;font-size:40px;font-weight:800;line-height:1}.plan-price .period{color:var(--text);font-size:14px}.plan-desc{color:var(--text);margin-bottom:24px;font-size:13px;line-height:1.5}.plan-divider{background:var(--border);height:1px;margin-bottom:20px}.plan-features{flex-direction:column;flex:1;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.plan-features li{color:var(--text);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.check-icon{color:var(--green);flex-shrink:0;margin-top:1px;font-size:15px}.plan-cta{text-align:center;border:1px solid var(--border);color:var(--text-h);background:0 0;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s;display:block}.plan-cta:hover{border-color:var(--accent-light);color:var(--accent-light)}.plan-cta.cta-accent{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 24px var(--accent-glow)}.plan-cta.cta-accent:hover{box-shadow:0 0 36px var(--accent-glow);background:#6d28d9;transform:translateY(-1px)}.cta-banner{text-align:center;padding:96px 24px;position:relative;overflow:hidden}.cta-banner-glow{pointer-events:none;background:radial-gradient(60% 60%,#7c3aed1f 0%,#0000 70%);position:absolute;inset:0}.cta-banner h2{letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(28px,4vw,48px);font-weight:800}.cta-banner p{color:var(--text);max-width:480px;margin:0 auto 36px;font-size:17px;line-height:1.7}.cta-banner-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;max-width:1160px;margin:0 auto;padding:40px 24px;display:flex}.footer-left{align-items:center;gap:16px;display:flex}.footer-copy{color:var(--text);opacity:.6;font-size:13px}.footer-link{color:var(--text);opacity:.6;font-size:13px;transition:opacity .2s}.footer-link:hover{opacity:1;color:var(--text-h)}@media (width<=900px){.nav-links{display:none}.terminal-body{grid-template-columns:1fr}.terminal-pane+.terminal-pane{border-left:none;border-top:1px solid var(--border)}.steps-grid{grid-template-columns:1fr}.steps-grid:before{display:none}.step+.step{border-left:none;border-top:1px solid var(--border)}.features-grid{grid-template-columns:repeat(2,1fr)}.use-cases-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(2,1fr)}.footer{text-align:center;flex-direction:column;gap:16px}}@media (width<=560px){.features-grid,.pricing-grid{grid-template-columns:1fr}.hero{padding:64px 20px 48px}.section{padding:64px 20px}}