:root{--bg-dark-base:#0a1714;--bg-dark-deep:#06110f;--bg-glass-card:#14372d73;--bg-glass-border:#ffffff1f;--bg-glass-hover:#10b98159;--accent-green:#10b981;--accent-green-dim:#10b981;--accent-orange:#f59e0b;--accent-orange-glow:#fbbf24;--accent-cyan:#059669;--text-primary:#fff;--text-muted:#94a3b8;--text-dim:#64748b;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--glow-green:0 0 40px #10b9814d;--glow-orange:0 0 30px #f59e0b40;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;line-height:1.6;overflow-x:clip}body{min-height:100vh;color:var(--text-primary);background-color:#0000;position:relative;overflow-x:clip}.scroll-hero-container{width:100%;height:800vh;position:relative}.scroll-hero-viewport{z-index:5;width:100vw;height:100vh;position:sticky;top:0;left:0;overflow:hidden}.video-container{will-change:transform;width:100%;height:100%;position:absolute;inset:0}.scene-video{object-fit:cover;object-position:center;width:100%;height:100%;display:block;transform:scale(1.04)}.scene-overlay-gradient{pointer-events:none;background:linear-gradient(#04100d66 0%,#04100d1a 40%,#04100d99 100%),radial-gradient(#0000 40%,#04100dcc 100%);position:absolute;inset:0}.film-grain{z-index:10;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}#global-video-bg{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}#global-video{object-fit:cover;object-position:center;width:100%;height:100%}.global-video-overlay{background:var(--bg-dark-base);opacity:.65;pointer-events:none;position:absolute;inset:0}.hero-brand-glass{z-index:12;font-family:var(--font-heading);letter-spacing:-.02em;white-space:normal;text-align:center;word-break:break-word;pointer-events:none;background:linear-gradient(135deg,#ffffff73 0%,#ffffff0d 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff3;filter:drop-shadow(0 20px 40px #0006);will-change:transform, opacity;-webkit-background-clip:text;width:95vw;font-size:clamp(2.5rem,9vw,14rem);font-weight:900;line-height:1;position:absolute;top:10%;left:50%;transform:translate(-50%)}.hud-overlay{z-index:15;pointer-events:none;opacity:0;gap:20px;transition:opacity .6s;display:flex;position:absolute}#hud-aerial{bottom:120px;left:60px}#hud-laptop{top:80px;right:60px}#hud-phone{bottom:120px;right:60px}.hud-overlay.active{opacity:1}.hud-metric{-webkit-backdrop-filter:blur(24px);background:#04100d99;border:1px solid #10b98133;border-color:#fff3 #10b98133 #10b98133 #ffffff1a;border-radius:16px;flex-direction:column;gap:4px;padding:16px 24px;animation:3s ease-in-out infinite alternate hud-float;display:flex;box-shadow:0 10px 30px #0000004d}.hud-metric-2{animation-delay:1s}@keyframes hud-float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.hud-value{font-family:var(--font-heading);background:linear-gradient(135deg,#4ade80 0%,#10b981 50%,#047857 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 15px #10b98166);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:900;line-height:1}.hud-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.scroll-caption{z-index:20;opacity:0;max-width:600px;transition:opacity .8s ease, transform .8s var(--ease-out-expo);pointer-events:none;position:absolute;top:35%;left:60px;transform:translateY(40px)}.scroll-caption.active{opacity:1;pointer-events:auto;transform:translateY(0)}.caption-eyebrow{letter-spacing:.15em;color:var(--accent-green);text-transform:uppercase;margin-bottom:12px;font-size:.75rem;font-weight:800}.caption-headline{font-family:var(--font-heading);color:#fff;letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2.4rem,5vw,4rem);font-weight:900;line-height:1.1}.text-accent-green{background:linear-gradient(135deg,#4ade80 0%,#10b981 50%,#047857 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 20px #10b98166);-webkit-background-clip:text;background-clip:text}.text-accent-orange{background:linear-gradient(135deg,#f59e0b 0%,#f97316 50%,#ea580c 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 20px #f59e0b66);-webkit-background-clip:text;background-clip:text}.caption-sub{color:#ffffffb3;max-width:480px;font-size:1.15rem;line-height:1.6}.scroll-indicator{color:#ffffff80;align-items:center;gap:12px;margin-top:32px;font-size:.8rem;display:flex}.scroll-mouse{border:2px solid #ffffff4d;border-radius:14px;justify-content:center;width:24px;height:38px;display:flex;position:relative}.scroll-dot{background:var(--accent-green);border-radius:4px;width:4px;height:8px;margin-top:8px;animation:2s ease-in-out infinite scroll-bounce}@keyframes scroll-bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(10px)}}.scroll-progress-bar{z-index:25;background:#ffffff1a;width:100%;height:3px;position:absolute;bottom:0;left:0}.scroll-progress-fill{background:linear-gradient(90deg, var(--accent-green), var(--accent-orange));width:0%;height:100%;transition:width .1s linear;box-shadow:0 0 10px #10b98180}.scene-nav-dots{z-index:25;flex-direction:column;gap:16px;display:flex;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.nav-dot{cursor:pointer;width:12px;height:12px;transition:var(--transition-smooth);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;position:relative}.nav-dot.active{background:var(--accent-green);border-color:var(--accent-green);box-shadow:0 0 15px #10b98180}.nav-dot span{color:#fff9;white-space:nowrap;opacity:0;pointer-events:none;font-size:.7rem;font-weight:700;transition:opacity .3s;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.nav-dot:hover span,.nav-dot.active span{opacity:1}.dubairro-header{z-index:100;-webkit-backdrop-filter:blur(20px);transition:transform .5s var(--ease-out-expo);background:#04100dcc;border-bottom:1px solid #10b9811a;padding:16px 40px;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.dubairro-header.visible{transform:translateY(0)}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.brand-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{mix-blend-mode:lighten;border-radius:6px;width:auto;height:32px}.logo-title{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;font-size:1.4rem;font-weight:800}.dot-green{color:var(--accent-green)}.nav-menu{align-items:center;gap:28px;display:flex}.nav-link{color:#ffffffb3;transition:var(--transition-smooth);font-size:.88rem;font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--accent-green);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.btn-nav-comecar{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-smooth);background:#10b98126;border:1px solid #10b98166;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-nav-comecar:hover{box-shadow:var(--glow-green);background:#10b9814d;transform:translateY(-2px)}.page-container{z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.cta-bridge-section{text-align:center;padding:100px 0 80px}.cta-bridge-inner{max-width:700px;margin:0 auto}.cta-bridge-headline{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.15}.cta-bridge-sub{color:var(--text-muted);margin-bottom:36px;font-size:1.1rem;line-height:1.7}.btn-cta-primary{color:#fff;font-family:var(--font-heading);will-change:transform;text-align:center;white-space:nowrap;background:linear-gradient(135deg,#4ade80,#059669);border-radius:999px;align-items:center;gap:12px;padding:16px 38px;font-size:1.05rem;font-weight:800;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 30px #10b98166,0 10px 25px #0000004d,inset 0 1px 1px #fff6}.btn-cta-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:60%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-cta-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 0 50px #10b981a6,0 15px 30px #0006}.btn-cta-primary:hover:before{left:140%}.section-header{text-align:center;margin-bottom:60px}.section-eyebrow{letter-spacing:.2em;color:var(--accent-green);text-transform:uppercase;background:#10b9811a;border:1px solid #10b9814d;border-radius:999px;margin-bottom:20px;padding:6px 20px;font-size:.75rem;font-weight:800;display:inline-block;box-shadow:0 0 15px #10b98126}.section-title{font-family:var(--font-heading);letter-spacing:-.02em;background:linear-gradient(#fff 40%,#ffffffbf 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(2rem,3.8vw,3rem);font-weight:900;line-height:1.2}.services-section{padding:40px 0 100px}.services-cards-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.service-glass-card{-webkit-backdrop-filter:blur(28px);transition:transform .4s var(--ease-out-expo), border-color .4s ease, box-shadow .4s ease;will-change:transform;opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff05 100%);border:1px solid #ffffff26;border-color:#fff6 #ffffff26 #ffffff26 #fff3;border-radius:24px;flex-direction:column;padding:36px 30px;display:flex;position:relative;overflow:hidden;transform:translateY(40px);box-shadow:0 20px 50px #00000080,inset 0 1px 1px #ffffff4d}.service-glass-card:before{content:"";border-radius:inherit;background:radial-gradient(400px circle at var(--mouse-x,-200px) var(--mouse-y,-200px), #10b98126, transparent 60%);pointer-events:none;opacity:0;z-index:1;transition:opacity .4s;position:absolute;inset:0}.service-glass-card:hover:before{opacity:1}.service-glass-card.revealed{opacity:1;transform:translateY(0)}.service-glass-card:hover{border-color:#fff9 #10b98199 #10b98199;box-shadow:0 30px 60px #000000b3,0 0 35px #10b98140}.card-glow-edge{background:linear-gradient(90deg, transparent, var(--accent-green), transparent);opacity:0;z-index:2;height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.service-glass-card:hover .card-glow-edge{opacity:1}.card-icon-box{width:64px;height:64px;transition:var(--transition-smooth);background:#10b98114;border:1px solid #10b98133;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.service-glass-card:hover .card-icon-box{background:#10b98126;box-shadow:0 0 20px #10b98133}.card-headline{font-family:var(--font-heading);color:#fff;margin-bottom:12px;font-size:1.25rem;font-weight:800;line-height:1.3}.card-paragraph{color:var(--text-muted);flex:1;margin-bottom:20px;font-size:.9rem;line-height:1.6}.card-metric{border-top:1px solid #ffffff0f;align-items:baseline;gap:8px;padding-top:16px;display:flex}.metric-number{font-family:var(--font-heading);background:linear-gradient(135deg,#4ade80 0%,#10b981 50%,#047857 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 12px #10b9814d);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:900}.metric-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}.how-it-works-section{padding:80px 0 100px}.steps-timeline{justify-content:center;align-items:stretch;gap:0;max-width:1000px;margin:0 auto;display:flex}.step-item{-webkit-backdrop-filter:blur(24px);text-align:center;opacity:0;transition:opacity .6s ease, transform .6s var(--ease-out-expo), border-color .4s ease, box-shadow .4s ease;background:linear-gradient(135deg,#0c261e80 0%,#05120e66 100%);border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #ffffff1f #ffffff2e;border-radius:24px;flex:1;padding:36px 30px;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:0 20px 45px #0006,inset 0 1px 1px #ffffff1f}.step-item:before{content:"";border-radius:inherit;background:radial-gradient(350px circle at var(--mouse-x,-200px) var(--mouse-y,-200px), #10b98126, transparent 60%);pointer-events:none;opacity:0;z-index:1;transition:opacity .4s;position:absolute;inset:0}.step-item:hover:before{opacity:1}.step-item.revealed{opacity:1;transform:translateY(0)}.step-item:hover{border-color:#fff9 #10b98199 #10b98199;transform:translateY(-6px);box-shadow:0 30px 60px #0009,0 0 30px #10b98133}.step-connector{flex-shrink:0;justify-content:center;align-items:center;width:60px;display:flex}.step-connector:after{content:"";background:linear-gradient(90deg, var(--accent-green), var(--accent-orange));opacity:.7;width:100%;height:2px;box-shadow:0 0 10px #10b98180}.step-number{font-family:var(--font-heading);background:linear-gradient(135deg,#4ade80 0%,#10b981 50%,#047857 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #10b98166);-webkit-background-clip:text;margin-bottom:16px;font-size:2.8rem;font-weight:900;line-height:1}.step-content h3{font-family:var(--font-heading);color:#fff;margin-bottom:12px;font-size:1.25rem;font-weight:800}.step-content p{color:var(--text-muted);font-size:.92rem;line-height:1.6}.testimonials-section{padding:80px 0 100px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.testimonial-card{-webkit-backdrop-filter:blur(24px);transition:transform .4s var(--ease-out-expo), border-color .4s ease, box-shadow .4s ease;opacity:0;background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #ffffff1f #ffffff2e;border-radius:24px;flex-direction:column;padding:34px 28px;display:flex;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:0 20px 45px #00000080,inset 0 1px 1px #ffffff40}.testimonial-card:before{content:"";border-radius:inherit;background:radial-gradient(350px circle at var(--mouse-x,-200px) var(--mouse-y,-200px), #10b98126, transparent 60%);pointer-events:none;opacity:0;z-index:1;transition:opacity .4s;position:absolute;inset:0}.testimonial-card:hover:before{opacity:1}.testimonial-card.revealed{opacity:1;transform:translateY(0)}.testimonial-card:hover{border-color:#fff9 #10b98199 #10b98199;transform:translateY(-6px);box-shadow:0 30px 60px #0009,0 0 30px #10b98133}.test-stars{color:var(--accent-orange-glow);letter-spacing:2px;margin-bottom:16px;font-size:1.1rem}.test-quote{color:#ffffffe0;flex:1;margin-bottom:24px;font-size:.95rem;font-style:italic;line-height:1.65}.test-footer{border-top:1px solid #ffffff0f;align-items:center;gap:12px;padding-top:16px;display:flex}.test-avatar{object-fit:cover;border:2px solid var(--accent-green);border-radius:50%;width:42px;height:42px}.test-meta{flex-direction:column;display:flex}.test-name{color:#fff;font-size:.88rem;font-weight:700}.test-role{color:var(--text-dim);font-size:.72rem}.test-link{color:var(--accent-green);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;margin-top:6px;font-size:.7rem;font-weight:700;text-decoration:none;transition:color .3s,transform .3s;display:inline-flex}.test-link:hover{color:#fff;transform:translate(3px)}.faq-section{padding:80px 0 100px}.faq-list{flex-direction:column;gap:12px;max-width:740px;margin:0 auto;display:flex}.faq-item{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-top-color:#ffffff40;border-radius:18px;transition:border-color .3s,box-shadow .3s,transform .3s;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff26}.faq-item:hover{border-color:#10b98180;transform:translateY(-2px);box-shadow:0 10px 30px #0006}.faq-item.open{background:linear-gradient(135deg,#0f2d2399 0%,#06141080 100%);border-color:#10b98199;box-shadow:0 15px 35px #00000080,0 0 25px #10b98126}.faq-question{color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:22px 28px;font-size:1rem;font-weight:700;transition:background .3s;display:flex}.faq-question:hover{background:#10b9810d}.faq-icon{color:var(--accent-green);transition:transform .3s var(--ease-out-expo);font-size:1.5rem;font-weight:300}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .4s var(--ease-out-expo), padding .4s ease;padding:0 28px;overflow:hidden}.faq-item.open .faq-answer{max-height:220px;padding:0 28px 24px}.faq-answer p{color:var(--text-muted);font-size:.92rem;line-height:1.7}.final-cta-section{padding:60px 0 120px}.final-cta-card{text-align:center;-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff05 100%);border:1px solid #ffffff26;border-top-color:#fff6;border-radius:36px;padding:80px 40px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009,inset 0 1px 1px #ffffff4d}.final-cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#10b9810f 0%,#0000 60%);width:200%;height:200%;animation:4s ease-in-out infinite alternate cta-pulse;position:absolute;top:-50%;left:-50%}@keyframes cta-pulse{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.final-cta-headline{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;line-height:1.2;position:relative}.final-cta-sub{color:var(--text-muted);max-width:500px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.1rem;position:relative}.btn-cta-large{padding:18px 42px;font-size:1.1rem;position:relative}.dubairro-footer{background:var(--bg-dark-deep);z-index:2;border-top:1px solid #10b9811a;padding:60px 0 0;position:relative}.footer-inner{grid-template-columns:1.5fr 1fr .5fr;align-items:start;gap:40px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.footer-logo{margin-bottom:12px;font-size:1.6rem;display:block}.footer-tagline{color:var(--text-muted);margin-bottom:16px;font-size:.9rem;line-height:1.5}.footer-badge-tech{color:var(--text-dim);letter-spacing:.05em;font-size:.75rem}.footer-col-links{gap:48px;display:flex}.footer-subcol{flex-direction:column;gap:8px;display:flex}.footer-heading{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.82rem;font-weight:700}.footer-subcol a{color:var(--text-muted);font-size:.82rem;text-decoration:none;transition:color .3s}.footer-subcol a:hover{color:var(--accent-green)}.footer-col-cta{justify-content:flex-end;align-items:flex-start;display:flex}.btn-footer-cta{color:#fff;transition:var(--transition-smooth);background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;align-items:center;padding:10px 24px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-footer-cta:hover{box-shadow:var(--glow-green);background:#10b98140}.footer-bottom{text-align:center;color:var(--text-dim);border-top:1px solid #ffffff0d;margin-top:48px;padding:24px;font-size:.78rem}@media (width<=1024px){.scroll-caption{inset:auto 30px 12%}.caption-headline{font-size:2.2rem}.hud-overlay{display:none}.scene-nav-dots{right:15px}.services-cards-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.steps-timeline{flex-direction:column;max-width:500px}.step-connector{width:auto;height:30px}.step-connector:after{width:2px;height:100%}.testimonials-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.footer-inner{text-align:center;grid-template-columns:1fr}.footer-col-links,.footer-col-cta{justify-content:center}.nav-menu{display:none}.dubairro-header{padding:12px 20px}.footer-bottom{flex-direction:column;gap:12px;justify-content:center!important}}@media (width<=640px){.scroll-hero-container{height:350vh}.hero-brand-glass{font-size:13.5vw;top:22%}.caption-headline{font-size:1.8rem}.caption-sub{font-size:1rem}.scroll-caption{bottom:8%;left:20px;right:20px}.cta-bridge-section{padding:60px 0 50px}.final-cta-card{padding:50px 24px}.btn-cta-primary{white-space:normal;justify-content:center;gap:8px;width:100%;padding:14px 20px;font-size:.9rem}.btn-cta-large{padding:14px 20px}}