*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--secondary: #06b6d4;--accent: #8b5cf6;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-light: #94a3b8;--bg-primary: #0a0e27;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-dark: #020617;--border: rgba(59, 130, 246, .2);--border-light: rgba(59, 130, 246, .1);--success: #10b981;--glow-blue: #3b82f6;--glow-cyan: #06b6d4;--gradient-1: linear-gradient(135deg, #3b82f6 0%, #06b6d4 50%, #8b5cf6 100%);--gradient-2: linear-gradient(135deg, #60a5fa 0%, #22d3ee 100%);--gradient-3: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 50%, var(--accent) 100%);--gradient-mesh: radial-gradient(at 0% 0%, rgba(59, 130, 246, .2) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(6, 182, 212, .2) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(139, 92, 246, .2) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(59, 130, 246, .2) 0px, transparent 50%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .6);--shadow-glow: 0 0 40px rgba(59, 130, 246, .5);--shadow-glow-lg: 0 0 80px rgba(59, 130, 246, .4);--shadow-glow-cyan: 0 0 60px rgba(6, 182, 212, .4)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);line-height:1.6;overflow-x:hidden;background:var(--bg-primary);position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.container{max-width:1280px;margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;background:#0a0e27cc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar.scrolled{box-shadow:var(--shadow-md),var(--shadow-glow);background:#0a0e27f2;border-bottom-color:var(--border)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:16px 0;position:relative}.logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--text-primary);text-decoration:none;font-family:Space Grotesk,sans-serif;text-shadow:0 0 20px rgba(59,130,246,.5)}.logo-icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:10px;color:#fff;box-shadow:var(--shadow-md)}.logo-icon{width:20px;height:20px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:15px;transition:all .2s ease;position:relative}.nav-links a:not(.btn-nav-primary):hover{color:var(--primary-light);text-shadow:0 0 10px rgba(59,130,246,.5)}.btn-nav-primary{background:var(--gradient-primary);color:#fff;padding:10px 24px;border-radius:10px;font-weight:600;box-shadow:var(--shadow-md);transition:all .3s ease}.btn-nav-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-toggle span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease;box-shadow:0 0 4px #3b82f680}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.6;animation:float 25s ease-in-out infinite}.orb-1{width:800px;height:800px;background:var(--gradient-1);top:-300px;left:-300px;animation-delay:0s}.orb-2{width:600px;height:600px;background:var(--gradient-2);bottom:-200px;right:-200px;animation-delay:-8s}.orb-3{width:500px;height:500px;background:var(--gradient-3);top:50%;right:10%;animation-delay:-16s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.grid-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 30s linear infinite;opacity:.6}.grid-pattern:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(59,130,246,.3) 1px,transparent 0);background-size:50px 50px;animation:gridMove 20s linear infinite reverse}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.mesh-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-mesh);opacity:.4}.hero-content{position:relative;z-index:1;max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f626;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.3);border-radius:100px;font-size:14px;font-weight:600;color:var(--primary-light);margin-bottom:32px;animation:fadeInUp .6s ease;box-shadow:0 0 20px #3b82f633}.badge-icon{font-size:16px}.hero-title{font-size:clamp(52px,8vw,88px);font-weight:900;line-height:1.1;margin-bottom:32px;letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;text-shadow:0 0 40px rgba(59,130,246,.3)}.title-line{display:block;animation:fadeInUp .6s ease}.title-line:nth-child(2){animation-delay:.1s;animation-fill-mode:both}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(18px,2.5vw,24px);color:var(--text-secondary);margin-bottom:48px;line-height:1.7;animation:fadeInUp .6s ease .2s both;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-buttons{display:flex;gap:16px;margin-bottom:80px;flex-wrap:wrap;animation:fadeInUp .6s ease .3s both}.hero-stats{display:flex;gap:64px;flex-wrap:wrap;animation:fadeInUp .6s ease .4s both}.stat{text-align:left}.stat-value{font-size:56px;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;line-height:1;font-family:Space Grotesk,sans-serif}.stat-label{font-size:14px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(59,130,246,.3)}.hero-visual{position:absolute;right:0;top:50%;transform:translateY(-50%);width:600px;height:500px;pointer-events:none;opacity:.9}.code-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:var(--shadow-2xl),var(--shadow-glow-lg),0 0 100px #3b82f633;border:1px solid rgba(59,130,246,.3);overflow:hidden;animation:floatCard 8s ease-in-out infinite}.code-window:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--gradient-primary);border-radius:20px;opacity:.2;filter:blur(20px);z-index:-1;animation:pulseGlow 3s ease-in-out infinite}@keyframes floatCard{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-20px)}}.window-header{background:#1e293be6;padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(59,130,246,.2)}.window-controls{display:flex;gap:8px}.control-dot{width:12px;height:12px;border-radius:50%}.control-dot.red{background:#ff5f57}.control-dot.yellow{background:#ffbd2e}.control-dot.green{background:#28ca42}.window-title{flex:1;text-align:center;font-size:14px;font-weight:600;color:var(--text-light)}.window-content{padding:32px;min-height:300px;font-family:Monaco,Menlo,monospace;font-size:14px}.code-line{margin-bottom:16px;display:flex;align-items:center;gap:12px;color:#e2e8f0}.code-prompt{color:var(--primary-light);font-weight:600}.code-text{color:#cbd5e1}.code-icon{font-size:18px}.typing-text{position:relative}.typing-text:after{content:"|";animation:blink 1s infinite;color:var(--primary-light)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.code-line.ai-processing{color:var(--primary-light)}.code-line.success{color:var(--success)}.floating-elements{position:absolute;top:0;right:0;bottom:0;left:0}.floating-card{position:absolute;background:#0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px 24px;box-shadow:var(--shadow-xl),var(--shadow-glow);border:1px solid rgba(59,130,246,.3);animation:floatCardSmall 6s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}.floating-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:var(--gradient-primary);border-radius:16px;opacity:.2;filter:blur(10px);z-index:-1}@keyframes floatCardSmall{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(15px,-15px) rotate(2deg)}}.card-1{top:10%;left:-10%;animation-delay:0s}.card-2{top:60%;right:-5%;animation-delay:-2s}.card-3{bottom:10%;left:5%;animation-delay:-4s}.card-icon{font-size:32px}.card-text{font-size:14px;font-weight:600;color:var(--text-primary);text-shadow:0 0 10px rgba(59,130,246,.5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-size:16px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.btn-secondary{background:#0f172acc;color:var(--text-primary);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#1e293be6;border-color:var(--primary);color:var(--primary-light);box-shadow:var(--shadow-lg),0 0 20px #3b82f64d}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-large{padding:18px 36px;font-size:18px}.btn-block{width:100%}.section-header{text-align:center;max-width:800px;margin:0 auto 80px}.section-badge{display:inline-block;padding:8px 20px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:100px;font-size:14px;font-weight:600;color:var(--primary-light);margin-bottom:20px;box-shadow:0 0 20px #3b82f633}.section-title{font-size:clamp(40px,6vw,64px);font-weight:900;line-height:1.1;margin-bottom:20px;letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;text-shadow:0 0 30px rgba(59,130,246,.3)}.section-description{font-size:20px;color:var(--text-secondary);line-height:1.7}.features{padding:140px 0;background:var(--bg-secondary);position:relative;border-top:1px solid var(--border)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}.feature-card{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:48px;border-radius:24px;box-shadow:var(--shadow-lg);border:1px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--primary);background:#0f172acc}.feature-card:hover:before{transform:scaleX(1)}.feature-icon-wrapper{position:relative;width:72px;height:72px;margin-bottom:32px}.feature-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);border-radius:18px;opacity:.1;transition:opacity .3s ease}.feature-card:hover .feature-icon-bg{opacity:.2}.feature-icon{position:relative;width:36px;height:36px;color:var(--primary);margin:18px}.feature-title{font-size:24px;font-weight:700;margin-bottom:16px;color:var(--text-primary);font-family:Space Grotesk,sans-serif}.feature-description{color:var(--text-secondary);line-height:1.8;font-size:16px}.how-it-works{padding:140px 0;background:var(--bg-primary);position:relative;border-top:1px solid var(--border)}.steps{display:flex;flex-direction:column;gap:100px;max-width:1000px;margin:0 auto}.step{display:grid;grid-template-columns:220px 1fr;gap:64px;align-items:center}.step-visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px}.step-number{width:90px;height:90px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:900;box-shadow:var(--shadow-lg),var(--shadow-glow);position:relative;z-index:2;font-family:Space Grotesk,sans-serif}.step-illustration{width:140px;height:140px;display:flex;align-items:center;justify-content:center;position:relative}.chat-bubble{width:100px;height:100px;background:var(--gradient-primary);border-radius:24px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;animation:bounce 2s ease-in-out infinite;box-shadow:var(--shadow-lg)}.chat-bubble:after{content:"";position:absolute;bottom:-10px;left:24px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--primary)}.chat-dot{width:10px;height:10px;background:#fff;border-radius:50%;animation:chatPulse 1.4s ease-in-out infinite}.chat-dot:nth-child(2){animation-delay:.2s}.chat-dot:nth-child(3){animation-delay:.4s}@keyframes chatPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ai-brain{width:120px;height:120px;position:relative}.brain-pulse{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border:3px solid var(--primary);border-radius:50%;animation:brainPulse 2s ease-in-out infinite}@keyframes brainPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.6);opacity:0}}.ai-brain svg{width:100%;height:100%;color:var(--primary);animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkmark-circle{width:120px;height:120px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .5s ease;box-shadow:var(--shadow-lg),var(--shadow-glow)}.checkmark-circle svg{width:60%;height:60%;color:#fff}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.step-content{padding-left:32px}.step-title{font-size:36px;font-weight:800;margin-bottom:20px;color:var(--text-primary);font-family:Space Grotesk,sans-serif}.step-description{color:var(--text-secondary);font-size:18px;line-height:1.8;margin-bottom:32px}.example-box{background:#0f172a99;border:1px solid var(--border);border-radius:16px;padding:20px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.example-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.example-text{font-size:16px;color:var(--text-primary);font-family:Monaco,Menlo,monospace;line-height:1.6}.demo{padding:140px 0;background:var(--bg-secondary);position:relative;border-top:1px solid var(--border)}.demo-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}@media (max-width: 1024px){.demo-content{grid-template-columns:1fr;gap:48px}.demo-visual{order:-1}}.demo-window{background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:var(--shadow-2xl),var(--shadow-glow-lg);overflow:hidden;border:1px solid var(--border)}.demo-image-wrapper{width:100%;max-width:100%;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-2xl),var(--shadow-glow-lg);border:1px solid var(--border);background:#0f172a80;transition:transform .3s ease,box-shadow .3s ease}.demo-image-wrapper:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl),var(--shadow-glow-lg),0 0 40px #3b82f64d}.demo-image{width:100%;height:auto;display:block;border-radius:16px}.window-content{padding:0;background:#1e293b;min-height:500px;overflow:hidden}.demo-layout{display:grid;grid-template-columns:1fr 400px;height:500px;overflow:hidden}.demo-left-panel{overflow-y:auto;padding:32px;border-right:1px solid rgba(59,130,246,.2);display:flex;flex-direction:column}.demo-right-panel{background:#0f172a99;padding:24px;overflow-y:auto}.demo-section{flex:1;display:flex;flex-direction:column}.demo-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:24px;font-family:Space Grotesk,sans-serif}.demo-param-list{margin-bottom:16px}.demo-param-item{background:#0f172a99;border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.demo-param-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.demo-param-name{font-weight:600;color:var(--primary-light);font-size:14px}.demo-param-type{font-size:12px;color:var(--text-secondary);background:#3b82f61a;padding:2px 8px;border-radius:4px}.demo-param-required{font-size:11px;color:var(--success);background:#10b98126;padding:4px 10px;border-radius:4px;font-weight:600;text-transform:uppercase;border:1px solid rgba(16,185,129,.3)}.demo-param-remove{margin-left:auto;background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.demo-param-remove:hover{background:#ef444433;color:#ef4444}.demo-param-desc{font-size:13px;color:var(--text-secondary);margin:0}.demo-add-param{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.demo-input-small,.demo-select-small{padding:8px 12px;background:#0f172a99;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;flex:1;min-width:120px}.demo-select-small{flex:0 0 100px}.demo-checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.demo-btn-add{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.demo-btn-add:hover{background:var(--primary-light);box-shadow:0 0 10px #3b82f666}.demo-config-note{display:flex;gap:8px;padding:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:6px;margin-bottom:16px;font-size:13px;color:var(--primary-light)}.demo-config-note svg{flex-shrink:0;margin-top:2px}.demo-config-note code{background:#3b82f633;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:12px}.demo-add-config{display:flex;gap:8px;flex-wrap:wrap}.demo-input{padding:8px 12px;background:#0f172a99;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;flex:1;min-width:200px}.demo-code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.demo-code-tabs{display:flex;gap:8px}.demo-code-tab{padding:8px 16px;background:#0f172a99;border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;font-size:13px;color:var(--text-secondary);font-family:Monaco,Menlo,monospace}.demo-code-tab.active{background:#0f172acc;color:var(--text-primary);border-color:var(--primary)}.demo-btn-ai{padding:6px 12px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:var(--primary-light);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.demo-btn-ai:hover{background:#3b82f64d;box-shadow:0 0 10px #3b82f64d}.demo-code-editor{background:#0f172acc;border:1px solid var(--border);border-radius:0 6px 6px;padding:16px;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.8;color:var(--text-primary);max-height:400px;overflow-y:auto}.demo-code-line{margin-bottom:2px}.demo-code-keyword{color:#c792ea}.demo-code-function{color:#82aaff}.demo-code-param{color:#ffcb6b}.demo-code-var{color:#f78c6c}.demo-code-string{color:#c3e88d}.demo-code-property{color:#7fdbca}.demo-ai-generate{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.demo-ai-generate h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.demo-ai-input-group{display:flex;gap:8px}.demo-input-full{flex:1;padding:10px 14px;background:#0f172a99;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px}.demo-btn-primary{padding:10px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.demo-btn-primary:hover{box-shadow:0 0 15px #3b82f680;transform:translateY(-1px)}.demo-test-panel{background:#0f172a66;border:1px solid var(--border);border-radius:8px;padding:20px}.demo-test-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px;font-family:Space Grotesk,sans-serif}.demo-test-desc{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.demo-test-form{display:flex;flex-direction:column;gap:20px}.demo-test-field{display:flex;flex-direction:column;gap:8px}.demo-test-field label{font-size:13px;font-weight:600;color:var(--text-primary)}.demo-type-label{font-weight:400;color:var(--text-secondary);font-size:12px}.demo-test-input{padding:10px 14px;background:#0f172a99;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;transition:all .2s}.demo-test-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.demo-field-desc{font-size:12px;color:var(--text-secondary);margin:0}.demo-btn-run{margin-top:8px;padding:12px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 0 20px #3b82f64d}.demo-btn-run:hover{box-shadow:0 0 30px #3b82f680;transform:translateY(-2px)}.demo-btn-run svg{width:16px;height:16px}.demo-features{display:flex;flex-direction:column;gap:16px;margin:40px 0}.demo-feature{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:16px}.demo-feature svg{color:var(--success);flex-shrink:0}.pricing{padding:140px 0;background:var(--bg-primary);position:relative;border-top:1px solid var(--border);display:none}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1400px;margin:0 auto}.pricing-card{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border);border-radius:24px;padding:48px;position:relative;transition:all .4s ease}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),var(--shadow-glow);background:#0f172acc}.pricing-card.featured{border-color:var(--primary);box-shadow:var(--shadow-lg),var(--shadow-glow-lg);transform:scale(1.05);background:#0f172acc}.pricing-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:24px 24px 0 0}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:8px 20px;border-radius:100px;font-size:12px;font-weight:600;box-shadow:var(--shadow-md)}.pricing-header{margin-bottom:40px}.pricing-name{font-size:28px;font-weight:700;margin-bottom:20px;font-family:Space Grotesk,sans-serif}.pricing-price{display:flex;align-items:baseline;gap:4px}.price-amount{font-size:56px;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Space Grotesk,sans-serif}.price-period{font-size:18px;color:var(--text-secondary)}.pricing-features{list-style:none;margin-bottom:40px}.pricing-features li{display:flex;align-items:center;gap:12px;padding:14px 0;color:var(--text-secondary);font-size:16px}.pricing-features svg{color:var(--success);flex-shrink:0}.contact{padding:140px 0;background:var(--bg-dark);position:relative;border-top:1px solid var(--border)}.contact-wrapper{max-width:600px;margin:0 auto;text-align:center}.contact-title{font-size:48px;font-weight:400;color:var(--text-primary);margin-bottom:16px;font-family:Georgia,Times New Roman,serif;letter-spacing:.02em}.contact-divider{width:60px;height:1px;background:var(--text-primary);margin:0 auto 24px}.contact-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:48px;font-weight:300}.contact-form{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.form-group{display:flex;flex-direction:column}.form-input,.form-textarea{width:100%;padding:14px 16px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:0;color:var(--text-primary);font-size:16px;font-family:inherit;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary);opacity:.7}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.checkbox-group{align-items:flex-start}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;color:var(--text-secondary);font-size:14px;line-height:1.6;text-align:left}.form-checkbox{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.checkbox-label span{flex:1}.form-submit{width:100%;padding:16px 32px;background:#fff;color:var(--bg-dark);border:none;border-radius:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;margin-top:8px}.form-submit:hover{background:var(--primary-light);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.form-submit:active{transform:translateY(0)}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-message{margin-top:16px;padding:12px 16px;border-radius:6px;font-size:14px;text-align:center;display:none}.form-message.success{display:block;background:#10b98133;border:1px solid rgba(16,185,129,.3);color:var(--success)}.form-message.error{display:block;background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444}.contact-disclaimer{font-size:12px;color:var(--text-secondary);line-height:1.6;margin-top:32px}.contact-disclaimer a{color:var(--primary-light);text-decoration:underline;transition:color .2s ease}.contact-disclaimer a:hover{color:var(--primary)}.get-started{padding:140px 0;background:var(--gradient-primary);position:relative;overflow:hidden}.get-started:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.cta-box{text-align:center;max-width:800px;margin:0 auto;color:#fff;position:relative;z-index:1}.cta-badge{display:inline-block;padding:8px 20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:100px;font-size:14px;font-weight:600;margin-bottom:20px}.cta-title{font-size:clamp(48px,7vw,72px);font-weight:900;margin-bottom:20px;line-height:1.1;font-family:Space Grotesk,sans-serif}.cta-description{font-size:20px;margin-bottom:48px;opacity:.95;line-height:1.7}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.cta-buttons .btn-primary{background:#fff;color:var(--primary)}.cta-buttons .btn-primary:hover{background:var(--bg-secondary)}.cta-buttons .btn-outline{background:transparent;color:#fff;border-color:#fff}.cta-buttons .btn-outline:hover{background:#fff;color:var(--primary)}.cta-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;opacity:.9}.cta-note svg{flex-shrink:0}.footer{background:var(--bg-dark);color:#fff;padding:100px 0 40px}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:80px;margin-bottom:64px}.footer-brand .logo{color:#fff;margin-bottom:20px}.footer-tagline{color:#ffffffb3;font-size:16px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.footer-column h4{font-size:18px;font-weight:700;margin-bottom:20px;font-family:Space Grotesk,sans-serif}.footer-column a{display:block;color:#ffffffb3;text-decoration:none;margin-bottom:16px;transition:color .2s ease;font-size:15px}.footer-column a:hover{color:#fff}.footer-bottom{padding-top:40px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#fff9;font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-visual{display:none}.step{grid-template-columns:180px 1fr;gap:48px}.demo-content{grid-template-columns:1fr;gap:64px}.demo-layout{grid-template-columns:1fr;height:auto}.demo-right-panel{border-top:1px solid var(--border)}.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.hero{padding:100px 0 60px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.hero-stats{gap:40px}.features-grid{grid-template-columns:1fr}.step{grid-template-columns:1fr;text-align:center;gap:32px}.step-content{padding-left:0}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:scale(1)}.footer-content{grid-template-columns:1fr;gap:48px}.footer-links{grid-template-columns:1fr;gap:32px}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}::selection{background:var(--primary);color:#fff}.demo-left-panel::-webkit-scrollbar,.demo-right-panel::-webkit-scrollbar,.demo-code-editor::-webkit-scrollbar{width:8px}.demo-left-panel::-webkit-scrollbar-track,.demo-right-panel::-webkit-scrollbar-track,.demo-code-editor::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.demo-left-panel::-webkit-scrollbar-thumb,.demo-right-panel::-webkit-scrollbar-thumb,.demo-code-editor::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px}.demo-left-panel::-webkit-scrollbar-thumb:hover,.demo-right-panel::-webkit-scrollbar-thumb:hover,.demo-code-editor::-webkit-scrollbar-thumb:hover{background:#3b82f680}@keyframes pulseGlow{0%,to{opacity:.2}50%{opacity:.4}}.btn-primary:hover,.btn-nav-primary:hover{text-shadow:0 0 20px rgba(255,255,255,.5)}.feature-title,.step-title,.pricing-name{color:var(--text-primary);text-shadow:0 0 20px rgba(59,130,246,.2)}.feature-description,.step-description,.section-description{color:var(--text-secondary)}