:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}html,body,#root{color:#f8fafc;background:#020617;width:100%;max-width:100vw;margin:0;padding:0;font-family:Inter,-apple-system,sans-serif;overflow-x:hidden!important}.landing-container{width:100%;max-width:100vw;overflow-x:hidden}.navbar{z-index:1000;background:0 0;width:100%;padding:20px 0;transition:all .3s;position:fixed;top:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;padding:15px 0;box-shadow:0 4px 20px #0000004d}.navbar .nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.navbar .nav-content .logo{object-fit:contain;height:40px}.navbar .nav-content .nav-links{gap:30px;display:flex}.navbar .nav-content .nav-links button{color:#f8fafc;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:500;transition:color .2s}.navbar .nav-content .nav-links button:hover{color:#3b82f6}.navbar .nav-content .btn-login{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f6;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.navbar .nav-content .btn-login:hover{color:#fff;background:#3b82f6}.navbar .mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;display:none}.navbar .mobile-menu{background:#0f172a;flex-direction:column;width:100vw;padding:20px;display:none;position:absolute;top:100%;left:0}.navbar .mobile-menu button,.navbar .mobile-menu a{text-align:left;color:#fff;background:0 0;border:none;border-bottom:1px solid #ffffff0d;padding:15px;font-size:16px;text-decoration:none}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:0 20px;display:flex;position:relative}.hero-section .grid-overlay{z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.hero-section .grid-overlay:after{content:"";background:radial-gradient(circle,#0000 0%,#020617 80%);position:absolute;inset:0}.hero-section .hero-content{z-index:1;text-align:center;width:100%;max-width:800px;margin-top:60px;position:relative}.hero-section .hero-content .badge{color:#3b82f6;letter-spacing:1px;text-transform:uppercase;background:#3b82f61a;border:1px solid #3b82f633;border-radius:30px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.hero-section .hero-content h1{margin:0 0 20px;font-size:56px;font-weight:800;line-height:1.1}.hero-section .hero-content h1 .highlight{background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-section .hero-content p{color:#94a3b8;margin:0 0 40px;font-size:18px;line-height:1.6}.hero-section .hero-content .hero-buttons{justify-content:center;gap:15px;display:flex}.hero-section .hero-content .hero-buttons button{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:15px 30px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.hero-section .hero-content .hero-buttons .btn-primary{color:#fff;background:#3b82f6;border:none}.hero-section .hero-content .hero-buttons .btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.hero-section .hero-content .hero-buttons .btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.hero-section .hero-content .hero-buttons .btn-secondary:hover{background:#ffffff1a}.partners-section{background:#020617;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:40px 0;overflow:hidden}.partners-section .partners-title{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;font-size:12px}.partners-section .carousel-container{white-space:nowrap;width:100%;position:relative;overflow:hidden}.partners-section .carousel-container:before,.partners-section .carousel-container:after{content:"";z-index:2;width:150px;height:100%;position:absolute;top:0}.partners-section .carousel-container:before{background:linear-gradient(90deg,#020617 0%,#0000 100%);left:0}.partners-section .carousel-container:after{background:linear-gradient(270deg,#020617 0%,#0000 100%);right:0}.partners-section .carousel-container .carousel-track{align-items:center;width:max-content;animation:30s linear infinite scroll;display:flex}.partners-section .carousel-container .carousel-track .partner-logo{width:auto;margin:0 50px;display:inline-block}.partners-section .carousel-container .carousel-track .partner-logo img{object-fit:contain;width:auto;height:40px;transition:transform .3s}.partners-section .carousel-container .carousel-track .partner-logo:hover img{transform:scale(1.1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin:0 0 10px;font-size:36px}.section-header h2 .highlight{color:#3b82f6}.section-header p{color:#94a3b8;font-size:16px}.services-section{background:#0f172a;padding:100px 20px}.services-section .services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.services-section .services-grid .service-card{background:#1e293b80;border:1px solid #ffffff0d;border-radius:16px;padding:30px;transition:transform .3s,border-color .3s}.services-section .services-grid .service-card:hover{border-color:#3b82f6;transform:translateY(-5px)}.services-section .services-grid .service-card .icon-box{color:#3b82f6;background:#3b82f61a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:20px;font-size:24px;display:flex}.services-section .services-grid .service-card h3{margin:0 0 10px;font-size:20px}.services-section .services-grid .service-card p{color:#94a3b8;margin:0;font-size:14px;line-height:1.5}.features-section{background:#020617;padding:100px 20px}.features-section .features-content{align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:flex}.features-section .features-content .features-text{flex:1}.features-section .features-content .features-text h2{margin:0 0 20px;font-size:36px}.features-section .features-content .features-text h2 .highlight{color:#10b981}.features-section .features-content .features-text p{color:#94a3b8;margin-bottom:30px;font-size:16px;line-height:1.6}.features-section .features-content .features-text .features-list{margin:0 0 40px;padding:0;list-style:none}.features-section .features-content .features-text .features-list li{align-items:center;gap:10px;margin-bottom:15px;font-size:15px;display:flex}.features-section .features-content .features-text .features-list li .check-icon{color:#10b981}.features-section .features-content .features-text .btn-feature-login{color:#020617;background:#f8fafc;border-radius:8px;align-items:center;gap:10px;padding:12px 25px;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-flex}.features-section .features-content .features-text .btn-feature-login:hover{transform:translate(5px)}.features-section .features-content .features-image{flex:1;min-width:0;max-width:50%}.features-section .features-content .features-image .mockup-container{width:100%;transition:transform .5s;transform:perspective(1000px)rotateY(-8deg)rotateX(2deg)}.features-section .features-content .features-image .mockup-container:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.features-section .features-content .features-image .mockup-container .mockup-window{background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;overflow:hidden;box-shadow:-20px 20px 40px #00000080,0 25px 50px -12px #00000080}.features-section .features-content .features-image .mockup-container .mockup-window .mockup-header{background:#0f172a;align-items:center;gap:6px;min-width:0;padding:10px 15px;display:flex}.features-section .features-content .features-image .mockup-container .mockup-window .mockup-header .dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.features-section .features-content .features-image .mockup-container .mockup-window .mockup-header .dot.dot-red{background:#ef4444}.features-section .features-content .features-image .mockup-container .mockup-window .mockup-header .dot.dot-yellow{background:#f59e0b}.features-section .features-content .features-image .mockup-container .mockup-window .mockup-header .dot.dot-green{background:#10b981}.features-section .features-content .features-image .mockup-container .mockup-window .mockup-header .mockup-url{color:#64748b;white-space:nowrap;text-overflow:ellipsis;background:#1e293b;border-radius:20px;margin-left:15px;padding:4px 15px;font-size:11px;overflow:hidden}.features-section .features-content .features-image .mockup-container .mockup-window .mockup-body-real{background:#0f172a;width:100%}.features-section .features-content .features-image .mockup-container .mockup-window .mockup-body-real .real-dashboard-img{object-fit:contain;width:100%;height:auto;display:block}.contact-section{background:#0f172a;padding:100px 20px}.contact-section .contact-container{background:#1e293b80;border:1px solid #ffffff0d;border-radius:24px;gap:50px;width:100%;max-width:1000px;margin:0 auto;padding:50px;display:flex;box-shadow:0 20px 40px #0003}.contact-section .contact-container .contact-info{flex:1}.contact-section .contact-container .contact-info h2{margin:0 0 20px;font-size:36px}.contact-section .contact-container .contact-info h2 .highlight{color:#3b82f6}.contact-section .contact-container .contact-info p{color:#94a3b8;margin-bottom:40px;font-size:16px;line-height:1.6}.contact-section .contact-container .contact-info .info-items{flex-direction:column;gap:20px;display:flex}.contact-section .contact-container .contact-info .info-items .info-item{align-items:center;gap:15px;display:flex}.contact-section .contact-container .contact-info .info-items .info-item .info-icon{color:#3b82f6;background:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:10px;font-size:18px;display:flex}.contact-section .contact-container .contact-info .info-items .info-item span{font-size:16px;font-weight:500}.contact-section .contact-container .contact-form{flex:1}.contact-section .contact-container .contact-form form{flex-direction:column;gap:15px;width:100%;display:flex}.contact-section .contact-container .contact-form form .input-group{width:100%}.contact-section .contact-container .contact-form form .input-group input,.contact-section .contact-container .contact-form form .input-group textarea{color:#fff;background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:16px;font-family:inherit;font-size:15px;transition:border-color .3s}.contact-section .contact-container .contact-form form .input-group input:focus,.contact-section .contact-container .contact-form form .input-group textarea:focus{background:#0f172ae6;border-color:#3b82f6;outline:none}.contact-section .contact-container .contact-form form .btn-submit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:16px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.contact-section .contact-container .contact-form form .btn-submit:hover{background:#2563eb;transform:translateY(-2px)}.footer-section{background:#020617;border-top:1px solid #ffffff0d;padding:40px 20px}.footer-section .footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:15px;max-width:1200px;margin:0 auto;display:flex}.footer-section .footer-bottom .footer-logo{opacity:.5;height:30px}.footer-section .footer-bottom p{color:#94a3b8;margin:0;font-size:12px}.whatsapp-float{color:#fff;z-index:1000;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;transition:transform .2s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #25d36666}.whatsapp-float:hover{transform:scale(1.1)}@media (width<=768px){.desktop-only{display:none!important}.navbar .mobile-menu-btn{display:block}.navbar .mobile-menu{display:flex}.hero-section .hero-content h1{font-size:40px}.hero-section .hero-buttons{flex-direction:column}.features-section .features-content{flex-direction:column;width:100%}.features-section .features-content .features-image{width:100%;max-width:100%}.features-section .features-content .features-image .mockup-container,.features-section .features-content .features-image .mockup-container:hover{transform:none!important}.contact-section .contact-container{flex-direction:column;width:100%;padding:30px 20px}}.reveal{opacity:0;transition:all .8s cubic-bezier(.5,0,0,1);transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}