:root{--evi-red:#8b1a1a;--evi-red-light:#b22222;--evi-red-dark:#6b1010;--evi-glow:#8b1a1a4d;--evi-glow-soft:#8b1a1a1f;--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--bg-card-hover:#1f1f35;--text-primary:#f1f1f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent:var(--evi-red-light);--accent-light:#e74a4a;--accent-dark:var(--evi-red);--accent-glow:var(--evi-glow);--border:#2e2e45;--border-light:#3a3a55;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--gradient-1:linear-gradient(135deg, #8b1a1a, #b22222);--gradient-2:linear-gradient(135deg, #8b1a1a, #e74a4a);--gradient-hero:radial-gradient(ellipse 80% 50% at 50% -20%, #8b1a1a26, transparent);--radius:12px;--radius-lg:20px;--shadow-lg:0 25px 50px -12px #00000080;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;line-height:1.2}h2{text-align:center;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem)}a{color:var(--accent-light);transition:color var(--transition);text-decoration:none}a:hover{color:#ff6b6b}.scroll-progress{z-index:200;background:linear-gradient(90deg, var(--evi-red), var(--accent-light), #ff6b6b);transform-origin:0;height:3px;transition:transform .1s linear;position:fixed;top:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 12px #8b1a1a99}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all var(--transition);background:#0a0a0fd9;justify-content:space-between;align-items:center;padding:.85rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar-scrolled{background:#0a0a0ff2;border-bottom-color:#8b1a1a4d;padding:.55rem 2rem;box-shadow:0 4px 30px #0000004d}.navbar-logo{align-items:center;gap:.5rem;display:flex}.logo-icon{background:#fff;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 8px #0000004d}.logo-icon img{object-fit:contain;width:22px;height:22px}.logo-text{color:#f1f1f6;letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.navbar-links{align-items:center;gap:.25rem;display:flex}.navbar-links button{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem}.navbar-links button:hover{color:var(--text-primary);background:#ffffff0d}.btn-download{background:var(--gradient-1)!important;color:#fff!important;font-weight:600!important;box-shadow:0 2px 10px #8b1a1a66!important}.btn-download:hover{transform:translateY(-1px);box-shadow:0 4px 15px #8b1a1a80!important}.hero{justify-content:center;align-items:center;gap:3rem;min-height:100vh;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-bg-gradient{background:var(--gradient-hero);pointer-events:none;position:absolute;inset:0}.hero-bg-orb{pointer-events:none;background:radial-gradient(circle,#8b1a1a1f,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite orbFloat;position:absolute;top:-200px;right:-200px}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.hero-content{z-index:1;flex:1;max-width:600px}.badge{color:var(--accent-light);background:#8b1a1a26;border:1px solid #8b1a1a4d;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1}.gradient-text{background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:540px;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.hero-subtitle strong{color:var(--text-primary)}.hero-subtitle a{color:var(--accent-light);font-weight:500}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 4px 15px #8b1a1a66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b1a1a80}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);background:0 0}.btn-secondary:hover{border-color:var(--accent);background:#8b1a1a1a}.btn-large{padding:1rem 1.5rem;font-size:1rem}.btn-icon{font-size:1.2rem}.hero-stats{gap:2.5rem;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-number{margin-bottom:.3rem;font-size:2.2rem;line-height:1}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.hero-visual{flex:1;justify-content:center;align-items:center;max-width:520px;display:flex}.editor-preview{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-lg);transition:transform var(--transition);background:#1e1e2e;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg)}.editor-preview:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.editor-header{border-bottom:1px solid var(--border);background:#181825;align-items:center;gap:.4rem;padding:.75rem 1rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28c840}.file-name{color:var(--text-muted);margin-left:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.editor-body{padding:1rem;overflow-x:auto}.editor-body pre{margin:0}.editor-body code{color:#cdd6f4;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.85rem;line-height:1.7}.editor-footer{border-top:1px solid var(--border);color:var(--text-muted);background:#181825;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.75rem;display:flex}.ai-badge{color:var(--accent-light);background:#8b1a1a26;border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-weight:500;display:flex}.features{max-width:1200px;margin:0 auto;padding:6rem 2rem}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 4rem;font-size:1.1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);padding:2rem}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--evi-red-light);transform:translateY(-4px);box-shadow:0 12px 30px -8px #8b1a1a26}.feature-icon{margin-bottom:1rem;font-size:2.5rem}.feature-card h3{margin-bottom:.75rem;font-size:1.2rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.feature-card p strong{color:var(--accent-light)}.demo{max-width:1200px;margin:0 auto;padding:6rem 2rem}.demo-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.demo-tabs{border-bottom:1px solid var(--border);background:var(--bg-card);display:flex}.tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:1rem;font-family:inherit;font-size:.9rem;font-weight:500}.tab:hover{color:var(--text-secondary);background:#ffffff05}.tab.active{color:var(--accent-light);border-bottom-color:var(--evi-red-light)}.demo-editor{background:#1e1e2e}.demo-editor-header{border-bottom:1px solid var(--border);background:#181825;align-items:center;gap:.4rem;padding:.75rem 1rem;display:flex}.demo-editor-body{padding:1rem 0;display:flex;overflow-x:auto}.line-numbers{color:var(--text-muted);-webkit-user-select:none;user-select:none;border-right:1px solid var(--border);flex-direction:column;align-items:flex-end;min-width:2.5rem;margin-right:1rem;padding:0 1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.7;display:flex}.demo-editor-body pre{margin:0}.demo-editor-body code{color:#cdd6f4;white-space:pre-wrap;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.85rem;line-height:1.7}.providers{max-width:1200px;margin:0 auto;padding:6rem 2rem}.providers-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.provider-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:all var(--transition);padding:2rem;position:relative}.provider-card:hover{background:var(--bg-card-hover);border-color:var(--evi-red-light);transform:translateY(-4px);box-shadow:0 12px 30px -8px #8b1a1a26}.provider-icon{justify-content:center;margin-bottom:1rem;display:flex}.provider-card h3{margin-bottom:.75rem;font-size:1.15rem}.provider-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.6}.provider-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:.2rem .8rem;font-size:.75rem;font-weight:600;display:inline-block}.provider-badge.cloud{color:#818cf8;background:#4f46e526;border:1px solid #4f46e54d}.provider-badge.local{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.testimonials{max-width:1200px;margin:0 auto;padding:6rem 2rem}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);padding:2rem}.testimonial-card:hover{border-color:var(--evi-red-light);transform:translateY(-4px);box-shadow:0 12px 30px -8px #8b1a1a26}.stars{color:var(--warning);letter-spacing:2px;margin-bottom:1rem;font-size:1.1rem}.testimonial-card>p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:.75rem;display:flex}.author-avatar{background:var(--gradient-1);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:700;display:flex}.testimonial-author div strong{color:var(--text-primary);font-size:.95rem;display:block}.testimonial-author div span{color:var(--text-muted);font-size:.8rem;display:block}.cta{text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.cta-gradient{pointer-events:none;background:radial-gradient(60% 50%,#8b1a1a1f,#0000);position:absolute;inset:0}.cta-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.cta-content h2{margin-bottom:1rem}.cta-content>p{color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-size:1.1rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-note{color:var(--text-muted);margin-top:1.5rem;font-size:.85rem}.cta-note a{color:var(--accent-light);font-weight:500}.footer{border-top:1px solid var(--border);background:var(--bg-secondary)}.footer-content{flex-wrap:wrap;gap:4rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.footer-brand{flex:1;min-width:200px}.footer-logo{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.footer-logo .logo-icon-wrapper{background:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 2px 6px #0000004d}.footer-logo .logo-icon-wrapper img{object-fit:contain;width:20px;height:20px}.footer-logo .logo-text{color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);font-size:1.3rem}.footer-brand p{color:var(--text-secondary);max-width:280px;font-size:.9rem;line-height:1.6}.footer-links{flex-wrap:wrap;gap:3rem;display:flex}.footer-column h4{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.footer-column{flex-direction:column;gap:.6rem;display:flex}.footer-column a{color:var(--text-secondary);font-size:.9rem}.footer-column a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;border-top:1px solid var(--border);padding:1.5rem 2rem}.footer-bottom p{color:var(--text-muted);font-size:.85rem}@media (width<=1024px){.hero{text-align:center;flex-direction:column;gap:2rem;padding-top:5rem}.hero-content{flex-direction:column;align-items:center;max-width:100%;display:flex}.hero-subtitle{max-width:100%}.hero-actions{justify-content:center}.hero-visual{max-width:100%}.editor-preview{transform:none}.hero-stats{justify-content:center}}@media (width<=768px){.navbar-links button:not(.btn-download){display:none}.hero-stats{gap:1.5rem}.features-grid,.testimonials-grid,.providers-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:2rem}.footer-links{gap:2rem}.cta-actions{flex-direction:column;align-items:center}}@media (width<=480px){.navbar{padding:.7rem 1rem}.hero-actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #8b1a1a4d}50%{box-shadow:0 0 40px #8b1a1a99,0 0 60px #8b1a1a33}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes ripple{to{opacity:0;transform:scale(4)}}.features,.demo,.providers,.testimonials,.cta{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.features.visible,.demo.visible,.providers.visible,.testimonials.visible,.cta.visible{opacity:1;transform:translateY(0)}.features.visible .feature-card{animation:.6s ease-out backwards fadeInUp}.features.visible .feature-card:first-child{animation-delay:0s}.features.visible .feature-card:nth-child(2){animation-delay:.1s}.features.visible .feature-card:nth-child(3){animation-delay:.2s}.features.visible .feature-card:nth-child(4){animation-delay:.3s}.features.visible .feature-card:nth-child(5){animation-delay:.4s}.features.visible .feature-card:nth-child(6){animation-delay:.5s}.testimonials.visible .testimonial-card{animation:.6s ease-out backwards fadeInUp}.testimonials.visible .testimonial-card:first-child{animation-delay:0s}.testimonials.visible .testimonial-card:nth-child(2){animation-delay:.15s}.testimonials.visible .testimonial-card:nth-child(3){animation-delay:.3s}.providers.visible .provider-card{animation:.6s ease-out backwards fadeInUp}.providers.visible .provider-card:first-child{animation-delay:0s}.providers.visible .provider-card:nth-child(2){animation-delay:.1s}.providers.visible .provider-card:nth-child(3){animation-delay:.2s}.providers.visible .provider-card:nth-child(4){animation-delay:.3s}.demo.visible .demo-container{animation:.7s ease-out .1s backwards fadeInScale}.cta.visible .cta-content{animation:.7s ease-out .1s backwards fadeInUp}.hero .hero-content{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.hero.visible .hero-content{opacity:1;transform:translateY(0)}.hero .hero-visual{opacity:0;transition:opacity .8s ease-out .2s,transform .8s ease-out .2s;transform:translate(20px)}.hero.visible .hero-visual{opacity:1;transform:translate(0)}.hero .badge{opacity:0;transition:opacity .6s ease-out .1s,transform .6s ease-out .1s;transform:translateY(20px)}.hero.visible .badge{opacity:1;transform:translateY(0)}.hero .hero-stats{opacity:0;transition:opacity .6s ease-out .4s,transform .6s ease-out .4s;transform:translateY(20px)}.hero.visible .hero-stats{opacity:1;transform:translateY(0)}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000) 0 0/200% 100%;animation:3s infinite shimmer;position:absolute;inset:0}.btn-primary:hover:after{animation:1.5s infinite shimmer}.gradient-text{background-size:200% 200%;animation:4s infinite gradientShift}.feature-card,.testimonial-card,.provider-card{will-change:transform}.editor-preview{animation:6s ease-in-out infinite float}.editor-preview:hover{animation-play-state:paused}.tab.active{position:relative}.tab.active:after{content:"";background:var(--evi-red-light);height:2px;animation:2s ease-in-out infinite pulseGlow;position:absolute;bottom:-2px;left:0;right:0}.features h2,.demo h2,.providers h2,.testimonials h2,.cta h2{opacity:0;transition:opacity .6s ease-out .1s,transform .6s ease-out .1s;transform:translateY(20px)}.features.visible h2,.demo.visible h2,.providers.visible h2,.testimonials.visible h2,.cta.visible h2{opacity:1;transform:translateY(0)}.features .section-subtitle,.demo .section-subtitle,.providers .section-subtitle,.testimonials .section-subtitle{opacity:0;transition:opacity .6s ease-out .2s,transform .6s ease-out .2s;transform:translateY(20px)}.features.visible .section-subtitle,.demo.visible .section-subtitle,.providers.visible .section-subtitle,.testimonials.visible .section-subtitle{opacity:1;transform:translateY(0)}.cta-gradient{animation:4s ease-in-out infinite pulseGlow}.editor-header .dot{animation:2s ease-in-out infinite pulseGlow}.editor-header .dot.yellow{animation-delay:.3s}.editor-header .dot.green{animation-delay:.6s}.footer{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(20px)}.footer.visible{opacity:1;transform:translateY(0)}