@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap";:root{--bg-primary: #000000;--bg-secondary: #0A1628;--bg-card: #0F1D33;--accent-green: #00C896;--accent-teal: #3D7A8A;--accent-blue: #007AFF;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(10, 22, 40, .7);--container-max-width: 1200px;--section-padding: 100px 20px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition-smooth)}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-teal)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.section{padding:var(--section-padding)}.text-gradient{background:linear-gradient(135deg,#fff,#00c896);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background-color:var(--accent-green);color:var(--bg-primary);padding:12px 28px;border-radius:50px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00c8964d}.btn-secondary{border:1px solid var(--accent-teal);color:var(--text-primary);padding:12px 28px;border-radius:50px;font-weight:600}.btn-secondary:hover{background:#3d7a8a1a;border-color:var(--accent-green)}.glow-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;transition:var(--transition-smooth);position:relative;overflow:hidden}.glow-card:hover{border-color:var(--accent-green);box-shadow:0 0 30px #00c89626}.section-cta{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:60px;text-align:center}.section-cta-text{color:var(--text-secondary);font-size:1.05rem}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;transition:var(--transition-smooth)}.navbar.scrolled{padding:12px 0;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo-text{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.logo .highlight{color:var(--accent-green)}.nav-links{display:flex;gap:32px}.nav-links a{font-size:.95rem;font-weight:500;color:var(--text-secondary)}.nav-links a:hover{color:var(--accent-green)}.nav-cta{display:flex;align-items:center;gap:16px}.mobile-menu-btn{display:none;color:var(--text-primary)}.mobile-menu{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:var(--bg-secondary);z-index:999;padding:100px 40px;transition:.4s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #00000080}.mobile-menu.open{right:0}.mobile-menu ul{display:flex;flex-direction:column;gap:24px}.mobile-menu ul a{font-size:1.25rem;font-weight:600}@media(max-width:992px){.nav-links{display:none}.mobile-menu-btn{display:block}.desktop-only{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:100px;overflow:hidden;background-color:var(--bg-primary)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.gradient-spot{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.15}.spot-1{top:-100px;right:-100px;background-color:var(--accent-green)}.spot-2{bottom:-100px;left:-100px;background-color:var(--accent-teal)}.container.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}.badge{display:inline-block;padding:6px 16px;background:#00c8961a;border:1px solid rgba(0,200,150,.2);color:var(--accent-green);border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:24px}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:24px;letter-spacing:-1px}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin-bottom:40px}.hero-ctas{display:flex;gap:20px;align-items:center}.hero-visual{display:flex;justify-content:center}.visual-card{width:400px;height:300px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:0 40px 80px #00000080}.visual-icons{display:flex;align-items:center;gap:20px}.v-icon{width:56px;height:56px;border-radius:14px;background:#ffffff0d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.v-icon.whatsapp{background:#25d366;border-color:#1da851}.v-icon.n8n{background:#ea4b71;border-color:#c73a5c}.v-icon.hubspot{background:#ff7a59;border-color:#e05e3d}.v-line{width:40px;height:2px;background:var(--border-color)}.visual-data-flow{margin-top:40px;width:80%;height:4px;background:#ffffff0d;border-radius:10px;position:relative;overflow:hidden}.data-node{position:absolute;top:0;left:0;width:40px;height:100%;background:linear-gradient(90deg,transparent,var(--accent-green),transparent)}@media(max-width:1200px){.hero-title{font-size:3.5rem}}@media(max-width:992px){.container.hero-content{grid-template-columns:1fr;text-align:center;padding-top:40px}.hero-subtitle{margin:0 auto 40px}.hero-ctas{justify-content:center}.hero-visual{display:none}}@media(max-width:600px){.hero-title{font-size:2.5rem}.hero-ctas{flex-direction:column;width:100%}.hero-ctas .btn-primary,.hero-ctas .btn-secondary{width:100%;justify-content:center}}.logo-scroll-section{padding:60px 0;background:var(--bg-primary);overflow:hidden}.scroll-title{text-align:center;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:40px;opacity:.6}.logo-wrapper{display:flex;width:100%}.logo-track{display:flex;gap:60px;animation:scroll 40s linear infinite}.logo-item{flex-shrink:0}.logo-placeholder{display:flex;align-items:center;gap:12px;color:var(--text-secondary);transition:var(--transition-smooth)}.logo-placeholder:hover{color:var(--text-primary);transform:scale(1.05)}.logo-icon{width:36px;height:36px;background:#ffffff0d;border-radius:8px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;padding:6px}.brand-logo{width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(1.5);transition:var(--transition-smooth)}.logo-item:hover .brand-logo{filter:none}.logo-name{font-size:1.1rem;font-weight:700;white-space:nowrap}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-track:hover{animation-play-state:paused}.logo-track-reverse{animation-direction:reverse;animation-duration:30s}.ai-row-label{margin-top:40px}.problem-section{background:var(--bg-primary);border-top:1px solid var(--border-color)}.problem-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.section-title{font-size:3rem;margin-bottom:24px}.problem-desc{font-size:1.1rem;color:var(--text-secondary);margin-bottom:40px;max-width:500px}.pains-list{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.pain-item{display:flex;align-items:center;gap:12px;color:#f55;font-weight:500}.pain-icon{flex-shrink:0}.solution-transition{display:flex;align-items:center;gap:16px;padding:20px;background:#00c8960d;border-radius:12px;border:1px solid rgba(0,200,150,.1);color:var(--accent-green)}.problem-visual{position:relative;height:400px}.chaos-visualization{width:100%;height:100%;position:relative;background:#ffffff05;border-radius:24px;border:1px solid var(--border-color);overflow:hidden}.tool-node{position:absolute;width:60px;height:60px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--text-secondary);box-shadow:0 10px 20px #0000004d}.node-1{top:20%;left:20%}.node-2{top:20%;right:20%}.node-3{bottom:20%;left:20%}.node-4{bottom:20%;right:20%}@media(max-width:992px){.problem-grid{grid-template-columns:1fr;gap:60px}.section-title{font-size:2.25rem}}.services-section{background:var(--bg-secondary);border-top:1px solid var(--border-color)}.section-header{text-align:center;margin-bottom:60px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.service-card{padding:40px;display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.service-icon{width:64px;height:64px;background:#00c8961a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--accent-green);margin-bottom:24px;transition:var(--transition-smooth)}.service-card:hover .service-icon{background:var(--accent-green);color:var(--bg-primary);transform:scale(1.1)}.service-title{font-size:1.5rem;margin-bottom:16px}.service-desc{color:var(--text-secondary);font-size:1rem;line-height:1.6}.card-flare{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(0,200,150,.1),transparent 50%);opacity:0;pointer-events:none;transition:opacity .3s;z-index:-1}.service-card:hover .card-flare{opacity:1}@media(max-width:768px){.services-grid{grid-template-columns:1fr}}.how-it-works{background:var(--bg-primary)}.steps-container{max-width:900px;margin:0 auto;position:relative;display:flex;flex-direction:column;gap:40px}.step-item{display:flex;gap:40px}.step-number-wrapper{display:flex;flex-direction:column;align-items:center}.step-number{width:50px;height:50px;background:var(--bg-card);border:2px solid var(--accent-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--accent-green);z-index:2;box-shadow:0 0 20px #00c89633}.step-line{width:2px;flex-grow:1;background:linear-gradient(180deg,var(--accent-green),transparent);margin-top:10px}.step-content{padding-bottom:60px}.step-icon-box{color:var(--accent-teal);margin-bottom:16px}.step-title{font-size:1.75rem;margin-bottom:12px}.step-desc{color:var(--text-secondary);font-size:1.1rem;max-width:600px}@media(max-width:768px){.step-item{gap:20px}.step-number{width:40px;height:40px;font-size:1.2rem}.step-title{font-size:1.4rem}.step-desc{font-size:1rem}}.comparison-section{background:var(--bg-secondary)}.table-responsive{width:100%;overflow-x:auto;border-radius:24px;border:1px solid var(--border-color);background:var(--bg-card)}.comp-table{width:100%;border-collapse:collapse;text-align:center}.comp-table th,.comp-table td{padding:24px;border-bottom:1px solid var(--border-color)}.comp-table th{font-family:Outfit,sans-serif;font-size:1.1rem;color:var(--text-secondary)}.comp-table th.highlight{color:var(--accent-green);background:#00c8960d}.feature-name{text-align:left;font-weight:600;color:var(--text-primary);padding-left:40px!important}.highlight-cell{background:#00c8960d}.c-yes{color:var(--accent-green)}.c-no{color:#f55;opacity:.5}.c-warn{color:#ffb800}@media(max-width:900px){.comp-table th,.comp-table td{padding:16px;font-size:.9rem}}.why-section{background:var(--bg-primary)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.why-item{display:flex;flex-direction:column;gap:16px}.why-icon-box{color:var(--accent-green);transition:var(--transition-smooth)}.why-item:hover .why-icon-box{transform:translate(5px)}.why-title{font-size:1.25rem;font-weight:700}.why-desc{color:var(--text-secondary);font-size:1rem}@media(max-width:600px){.why-grid{grid-template-columns:1fr}}.cases-section{background:var(--bg-primary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:80px}.metric-card{background:var(--bg-card);padding:40px;border-radius:24px;border:1px solid var(--border-color);text-align:center;transition:var(--transition-smooth)}.metric-card:hover{border-color:var(--accent-green);transform:translateY(-5px)}.metric-icon{color:var(--accent-teal);margin-bottom:24px;display:flex;justify-content:center}.metric-value{font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:800;color:var(--accent-green);margin-bottom:8px}.metric-label{color:var(--text-secondary);font-weight:500;font-size:1.1rem}.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-bottom:80px}.case-card{padding:36px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.case-header{display:flex;align-items:center;gap:14px}.case-icon{color:var(--accent-teal);display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#00c89614;border-radius:12px;flex-shrink:0}.case-tag{font-size:.8rem;font-weight:700;color:var(--accent-green);text-transform:uppercase;letter-spacing:.08em;background:#00ffa314;padding:4px 12px;border-radius:20px;border:1px solid rgba(0,255,163,.15)}.case-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.4}.case-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6;flex:1}.cta-block{padding:60px;background:linear-gradient(135deg,var(--bg-secondary) 0%,#152A42 100%);border-radius:32px;border:1px solid var(--border-color);text-align:center;position:relative;overflow:hidden}.cta-block:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:var(--accent-green);filter:blur(100px);opacity:.1}.cta-title{font-size:2rem;margin-bottom:32px}@media(max-width:768px){.cta-block{padding:40px 20px}}.faq-section{background:var(--bg-secondary);padding-bottom:120px}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:var(--transition-smooth)}.faq-item:hover{border-color:#fff3}.faq-item.open{border-color:var(--accent-green)}.faq-question{width:100%;padding:24px;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.answer-content{padding:0 24px 24px;color:var(--text-secondary);line-height:1.7}@media(max-width:600px){.faq-question{font-size:1rem;padding:20px}}.contact-section{background:var(--bg-primary);border-top:1px solid var(--border-color)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:40px}.contact-details{display:flex;flex-direction:column;gap:24px}.c-detail{display:flex;flex-direction:column}.c-label{font-size:.85rem;font-weight:700;color:var(--accent-green);text-transform:uppercase;letter-spacing:1px}.c-value{font-size:1.15rem;font-weight:500}.contact-card{background:var(--bg-card);padding:40px;border-radius:32px;border:1px solid var(--border-color);box-shadow:0 40px 80px #00000080}.form-container{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;padding:14px 20px;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:var(--transition-smooth)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-green);background:#ffffff14}.form-submit{margin-top:10px;width:100%;justify-content:center}.form-submit:disabled{opacity:.6;cursor:not-allowed}.form-error{color:#ff6b6b;font-size:.875rem;margin-top:-4px}.success-state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 0}@media(max-width:992px){.contact-grid{grid-template-columns:1fr;gap:60px}}@media(max-width:600px){.form-row{grid-template-columns:1fr}.contact-card{padding:30px 20px}}.footer-section{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:80px 0 40px}.footer-content{display:flex;justify-content:space-between;margin-bottom:60px;gap:40px}.footer-brand{max-width:300px}.footer-tagline{color:var(--text-secondary);margin-top:16px;font-weight:500}.footer-nav{display:flex;gap:80px}.footer-nav-col h4{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent-teal);margin-bottom:24px}.footer-nav-col ul{display:flex;flex-direction:column;gap:12px}.footer-nav-col a{color:var(--text-secondary);font-size:.95rem}.footer-nav-col a:hover{color:var(--accent-green)}.footer-bottom{padding-top:40px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;color:#fff6;font-size:.85rem}@media(max-width:768px){.footer-content{flex-direction:column}.footer-nav{gap:40px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}.floating-whatsapp{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #25d36666;z-index:1001;transition:var(--transition-smooth)}.floating-whatsapp:hover{transform:scale(1.1) rotate(5deg)}.floating-whatsapp .tooltip{position:absolute;right:80px;background:#fff;color:#000;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:.3s;box-shadow:0 5px 15px #0003}.floating-whatsapp:hover .tooltip{opacity:1;transform:translate(-10px)}@media(max-width:600px){.floating-whatsapp{bottom:20px;right:20px;width:50px;height:50px}}