:root{--bg-dark:#000;--bg-surface:#09090b;--bg-surface-hover:#18181b;--bg-darker:#050505;--border:#ffffff1a;--border-hover:#fff3;--primary:#3b82f6;--accent:#06b6d4;--gradient:linear-gradient(135deg, var(--accent), var(--primary));--glow:#3b82f680;--text-main:#fff;--text-muted:#a1a1aa;--text-dark:#3f3f46;--font-heading:"Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--transition:all .4s cubic-bezier(.16, 1, .3, 1);--radius-sm:12px;--radius-md:24px;--radius-lg:32px}*{box-sizing:border-box;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);line-height:1.6;position:relative;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 24px}.container-sm{max-width:900px}.text-center{text-align:center}.text-gradient{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}::selection{background:var(--primary);color:#fff}.bg-glow{filter:blur(120px);z-index:-1;pointer-events:none;opacity:.15;border-radius:50%;position:fixed}.glow-1{background:var(--primary);width:50vw;height:50vw;top:-10%;left:-10%}.glow-2{background:var(--accent);width:60vw;height:60vw;bottom:-10%;right:-10%}.nav{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:1000;height:80px;transition:var(--transition);background:#00000080;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--text-main);letter-spacing:-.05em;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:800;text-decoration:none}.logo span{color:var(--primary)}.nav-links{gap:20px;display:none}.nav-links a{color:var(--text-muted);transition:var(--transition);font-size:.95rem;font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--text-main)}.nav-cta{color:#000;transition:var(--transition);background:#fff;border-radius:100px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}@media (width>=768px){.nav-links{display:flex}}.hero{align-items:center;min-height:100vh;padding-top:140px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:2;flex-direction:column;align-items:center;display:flex}.hero-badge{border:1px solid var(--border);background:#ffffff08;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.badge-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #10b981}.hero h1{letter-spacing:-.04em;max-width:900px;margin-bottom:24px;font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1}.hero p{color:var(--text-muted);max-width:600px;margin-bottom:40px;font-size:clamp(1.1rem,3vw,1.25rem);font-weight:400}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{transition:var(--transition);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-main);color:var(--bg-dark)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 15px 30px #fff3}.btn-secondary{border:1px solid var(--border);color:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff1a}.hero-mockup-container{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);width:100%;max-width:1000px;margin-top:80px;padding:10px;position:relative;transform:perspective(1000px)rotateX(5deg);box-shadow:0 40px 100px #000c}.mockup-glow{background:var(--gradient);filter:blur(100px);opacity:.2;z-index:-1;width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-mockup-img{border-radius:calc(var(--radius-lg) - 10px);width:100%;display:block}.trust-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-surface);padding:60px 0}.trust-title{text-align:center;letter-spacing:.1em;color:var(--text-dark);margin-bottom:32px;font-size:.8rem;font-weight:700}.trust-grid{opacity:.6;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:30px;display:flex}.trust-grid span{letter-spacing:-.03em;color:var(--text-muted);font-size:1.4rem;font-weight:800}.section{padding:120px 0}.bg-darker{background:var(--bg-darker)}.section-header{text-align:center;max-width:700px;margin-bottom:80px;margin-left:auto;margin-right:auto}.section-title{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.section-subtitle{color:var(--text-muted);font-size:1.1rem}.projects-grid{flex-direction:column;gap:120px;display:flex}.project-card{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;display:grid}.project-card:nth-child(2n){grid-template-columns:1fr 1.2fr}.project-card:nth-child(2n) .project-image-wrapper{order:2}.project-image-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);aspect-ratio:16/10;background:var(--bg-surface);position:relative;overflow:hidden}.project-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1)}.project-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:var(--transition);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-image-wrapper:hover .project-overlay{opacity:1}.project-image-wrapper:hover img{transform:scale(1.05)}.live-btn{color:#000;transition:var(--transition);background:#fff;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-weight:700;text-decoration:none;display:flex;transform:translateY(20px)}.project-image-wrapper:hover .live-btn{transform:translateY(0)}.project-tags{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.tag{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;background:#3b82f61a;border-radius:100px;padding:6px 16px;font-size:.75rem;font-weight:700}.project-title{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.project-desc{color:var(--text-muted);font-size:1.15rem;line-height:1.7}@media (width<=992px){.project-card{gap:40px;grid-template-columns:1fr!important}.project-card:nth-child(2n) .project-image-wrapper{order:-1}}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);padding:40px}.feature-card:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);transform:translateY(-5px)}.feature-icon{width:60px;height:60px;color:var(--primary);background:linear-gradient(135deg,#06b6d41a,#3b82f61a);border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;font-size:1.5rem;display:flex}.feature-card h3{margin-bottom:16px;font-size:1.5rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:1rem;line-height:1.6}.contact-section{padding:140px 0}.contact-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:80px 40px;position:relative;overflow:hidden}.contact-bg-glow{background:var(--gradient);filter:blur(120px);opacity:.15;z-index:0;pointer-events:none;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-title{z-index:1;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;position:relative}.contact-subtitle{color:var(--text-muted);z-index:1;margin-bottom:50px;font-size:1.25rem;position:relative}.contact-methods{z-index:1;flex-direction:column;align-items:center;gap:30px;display:flex;position:relative}.contact-main-btn{background:var(--text-main);color:var(--bg-dark);transition:var(--transition);border-radius:100px;align-items:center;padding:8px 32px 8px 8px;text-decoration:none;display:flex}.contact-main-btn:hover{transform:scale(1.05);box-shadow:0 20px 40px #ffffff26}.btn-icon{background:var(--bg-dark);width:60px;height:60px;color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;margin-right:20px;font-size:1.2rem;display:flex}.btn-text{text-align:left;flex-direction:column;display:flex}.btn-label{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.btn-value{font-size:1.5rem;font-weight:800;line-height:1}.contact-alternatives{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.alt-btn{border:1px solid var(--border);color:var(--text-main);transition:var(--transition);background:#ffffff0d;border-radius:100px;align-items:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.alt-btn:hover{border-color:var(--border-hover);background:#ffffff1a}.alt-btn.whatsapp{color:#10b981}.footer{border-top:1px solid var(--border);padding:40px 0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-logo{font-size:1.25rem;font-weight:800}.footer-logo span{color:var(--primary)}.footer-copy{color:var(--text-muted);font-size:.9rem}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}@media (width<=768px){.btn{width:100%;padding:14px 28px}.hero-buttons{flex-direction:column;width:100%}.contact-box{padding:60px 20px}.footer-content{text-align:center;flex-direction:column}}body{overflow-y:scroll}.page-section{min-height:100vh;animation:.4s fadeIn;display:none}.page-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;display:grid}.pricing-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;transition:var(--transition);flex-direction:column;padding:40px;display:flex;position:relative}.pricing-card:hover{border-color:var(--border-hover);transform:translateY(-5px)}.pricing-card.premium{background:linear-gradient(145deg, var(--bg-surface-hover), var(--bg-surface));border-color:var(--primary)}.pricing-badge{background:var(--primary);color:#fff;border-radius:20px;padding:5px 15px;font-size:.8rem;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.pricing-card h3{margin-bottom:10px;font-size:1.5rem}.pricing-card .price{margin:20px 0;font-size:2.5rem;font-weight:800}.pricing-card .price span{color:var(--text-muted);font-size:1rem}.pricing-card ul{text-align:left;flex-grow:1;margin-bottom:30px;list-style:none}.pricing-card ul li{color:var(--text-muted);margin-bottom:12px}.pricing-card ul li i{color:var(--primary);margin-right:10px}.process-timeline{max-width:800px;margin:60px auto 0;padding-left:50px;position:relative}.timeline-line{background:linear-gradient(to bottom, var(--primary), var(--accent), transparent);border-radius:10px;width:4px;position:absolute;top:0;bottom:0;left:18px}.timeline-step{margin-bottom:60px;position:relative}.timeline-step:last-child{margin-bottom:0}.timeline-dot{background:var(--bg-dark);border:2px solid var(--primary);width:40px;height:40px;color:var(--text-main);z-index:2;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;top:0;left:-50px;box-shadow:0 0 20px #3b82f666}.timeline-step:hover .timeline-dot{background:var(--primary);box-shadow:0 0 30px var(--accent);transform:scale(1.1)}.timeline-content{border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;padding:30px}.timeline-step:hover .timeline-content{border-color:var(--primary);background:#ffffff0d;transform:translate(10px)}.timeline-content h3{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:15px;font-size:1.4rem;display:flex}.step-label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;background:#3b82f61a;border-radius:100px;padding:5px 12px;font-size:.75rem;font-weight:700}.timeline-content p{color:var(--text-muted);line-height:1.7}@media (width>=768px){.process-timeline{padding-left:0}.timeline-line{left:50%;transform:translate(-50%)}.timeline-step{width:50%;margin-bottom:40px}.timeline-step:nth-child(odd){float:left;clear:both;text-align:right;padding-right:50px}.timeline-step:nth-child(2n){float:right;clear:both;text-align:left;padding-left:50px}.process-timeline:after{content:"";clear:both;display:table}.timeline-step:nth-child(odd) .timeline-dot{left:auto;right:-20px}.timeline-step:nth-child(2n) .timeline-dot{left:-20px}.timeline-step:nth-child(odd):hover .timeline-content{transform:translate(-10px)}.timeline-step:nth-child(2n):hover .timeline-content{transform:translate(10px)}.timeline-step:nth-child(odd) .timeline-content h3{flex-direction:row-reverse;justify-content:flex-end}}.faq-grid{flex-direction:column;gap:15px;max-width:800px;margin:40px auto 0;display:flex}.faq-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);padding:25px 30px}.faq-item:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.faq-item h3{cursor:default;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1.2rem;display:flex}.faq-item h3 i{color:var(--primary);font-size:1rem;display:none}.faq-item p{color:var(--text-muted);font-size:1rem;line-height:1.6}