.landing{--blue:#2979ff;--blue-dark:#1a5fd4;--blue-light:#5c9aff;--blue-glow:#2979ff26;--blue-pale:#eef4ff;--navy:#0f172a;--navy-light:#1e293b;--white:#fff;--off-white:#f7f8fc;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--green-wa:#25d366;--green-dark:#1da851;--amber:#f59e0b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #0000000f;--shadow-md:0 4px 20px #0000000f;--shadow-lg:0 12px 40px #00000014;--shadow-xl:0 24px 60px #0000001f;--shadow-glow:0 0 60px #2979ff26;--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--transition-smooth:.6s cubic-bezier(.22,1,.36,1);font-family:var(--font-dm-sans),sans-serif;color:var(--gray-800);background:var(--white);line-height:1.6;overflow:clip}.landing *,.landing :before,.landing :after{border-color:#0000}.landing a{color:inherit;text-decoration:none}.landing .container{max-width:1200px;margin:0 auto;padding:0 28px}.scroll-progress{background:linear-gradient(90deg,var(--blue),var(--blue-light),var(--green-wa));z-index:10000;transform-origin:0;height:3px;transition:transform .1s linear;position:fixed;top:0;left:0;transform:scaleX(0)}.cursor-glow{pointer-events:none;z-index:0;opacity:0;background:radial-gradient(circle,#2979ff12 0%,#0000 70%);border-radius:50%;width:500px;height:500px;transition:opacity .4s;position:fixed;transform:translate(-50%,-50%)}.cursor-glow.active{opacity:1}.landing .heading-display{font-family:var(--font-outfit),sans-serif;letter-spacing:-.03em;font-weight:800;line-height:1.15}.landing .heading-section{font-family:var(--font-outfit),sans-serif;letter-spacing:-.025em;font-weight:700;line-height:1.1}.landing .label-tag{font-family:var(--font-outfit),sans-serif;letter-spacing:.08em;text-transform:uppercase;background:var(--blue-pale);color:var(--blue);border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 18px;font-size:.78rem;font-weight:600;display:inline-flex}.landing .label-tag.light{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f}.landing .body-lg{color:var(--gray-500);font-size:1.125rem;line-height:1.75}.landing .body-lg.light{color:#ffffffb3}.landing .btn{font-family:var(--font-outfit),sans-serif;cursor:pointer;transition:all var(--transition-base);letter-spacing:.01em;border:none;border-radius:100px;align-items:center;gap:10px;padding:15px 32px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.landing .btn:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing .btn:active:before{width:300px;height:300px}.landing .btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff26 0%,#0000 50%);position:absolute;inset:0}.landing .btn-primary{background:var(--blue);color:var(--white);box-shadow:0 4px 20px #2979ff4d,inset 0 1px #ffffff26}.landing .btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 32px #2979ff66,inset 0 1px #ffffff26}.landing .btn-secondary{background:var(--white);color:var(--gray-800);box-shadow:0 1px 4px #00000014,inset 0 0 0 1.5px var(--gray-200)}.landing .btn-secondary:hover{box-shadow:0 6px 24px #0000001a,inset 0 0 0 1.5px var(--gray-300);transform:translateY(-2px)scale(1.02)}.landing .btn-wa{background:var(--green-wa);color:var(--white);box-shadow:0 4px 20px #25d3664d,inset 0 1px #ffffff26}.landing .btn-wa:hover{background:var(--green-dark);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 32px #25d36666}.landing [data-anim]{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1)}.landing [data-anim=fade-up]:not(.is-visible){opacity:0;filter:blur(4px);transform:translateY(60px)}.landing [data-anim=fade-down]:not(.is-visible){opacity:0;filter:blur(4px);transform:translateY(-60px)}.landing [data-anim=fade-left]:not(.is-visible){opacity:0;filter:blur(3px);transform:translate(-70px)}.landing [data-anim=fade-right]:not(.is-visible){opacity:0;filter:blur(3px);transform:translate(70px)}.landing [data-anim=scale-in]:not(.is-visible){opacity:0;filter:blur(6px);transform:scale(.85)}.landing [data-anim=scale-up]:not(.is-visible){opacity:0;transform:scale(.9)translateY(30px)}.landing [data-anim=rotate-in]:not(.is-visible){opacity:0;transform:rotate(-3deg)translateY(40px)}.landing [data-anim=flip-up]:not(.is-visible){opacity:0;transform:perspective(800px)rotateX(8deg)translateY(40px)}.landing [data-anim=zoom-blur]:not(.is-visible){opacity:0;filter:blur(10px);transform:scale(1.1)}.landing [data-anim].is-visible{opacity:1;filter:blur();transform:none}.landing [data-stagger]>*{opacity:0;filter:blur(2px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),filter .5s cubic-bezier(.22,1,.36,1);transform:translateY(30px)}.landing [data-stagger].is-visible>*{opacity:1;filter:blur();transform:none}.landing [data-parallax]{will-change:transform;transition:transform 80ms linear}.landing .tilt-card{will-change:transform;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}.landing .magnetic-wrap{transition:transform .3s cubic-bezier(.22,1,.36,1);display:inline-block}.landing .line-draw{position:relative}.landing .line-draw:after{content:"";background:var(--blue);transform-origin:0;border-radius:2px;width:100%;height:3px;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.landing .line-draw.is-visible:after{transform:scaleX(1)}.landing .count-up{transition:transform .3s;display:inline-block}.landing .nav{z-index:1000;padding:20px 0;transition:all .4s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0;right:0}.landing .nav.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffd9;border-bottom:1px solid #0000000a;padding:12px 0}.landing .nav .container{justify-content:space-between;align-items:center;display:flex}.landing .nav-logo{font-family:var(--font-outfit),sans-serif;color:var(--navy);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;transition:transform .3s;display:flex}.landing .nav-logo:hover{transform:scale(1.03)}.landing .nav-logo-img{width:auto;height:140px;transition:transform .3s var(--transition-spring),opacity .3s;display:block}.landing .nav-logo:hover .nav-logo-img{transform:scale(1.05)}.landing .footer-logo-img{width:auto;height:100px;transition:opacity .3s;display:block}.landing .footer-logo-img:hover{opacity:.8}.landing .nav-links{align-items:center;gap:6px;display:flex}.landing .nav-links a{font-family:var(--font-outfit),sans-serif;color:var(--gray-500);transition:all var(--transition-base);border-radius:100px;padding:8px 16px;font-size:.88rem;font-weight:500;position:relative}.landing .nav-links a:after{content:"";background:var(--blue);border-radius:1px;height:2px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:2px;left:16px;right:16px;transform:scaleX(0)}.landing .nav-links a:hover{color:var(--gray-800)}.landing .nav-links a:hover:after{transform:scaleX(1)}.landing .nav-cta{box-shadow:0 2px 12px #2979ff40;background:var(--blue)!important;color:var(--white)!important;border-radius:100px!important;padding:10px 24px!important;font-weight:600!important;transition:all .3s!important}.landing .nav-cta:hover{transform:translateY(-1px)scale(1.04);box-shadow:0 6px 20px #2979ff59;background:var(--blue-dark)!important}.landing .nav-cta:after{display:none!important}.landing .burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.landing .burger span{background:var(--gray-800);border-radius:2px;width:22px;height:2px;transition:all .3s}.landing .hero{padding:190px 0 100px;position:relative;overflow:hidden}.landing .hero-bg{z-index:0;position:absolute;inset:0}.landing .hero-bg-grid{background-image:linear-gradient(#2979ff0a 1px,#0000 1px),linear-gradient(90deg,#2979ff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 100%)}.landing .hero-orb{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.landing .hero-orb-1{background:#2979ff1f;width:600px;height:600px;top:-200px;right:-100px}.landing .hero-orb-2{background:#5c9aff14;width:400px;height:400px;bottom:-100px;left:-100px}.landing .hero-particle{pointer-events:none;border-radius:50%;animation:linear infinite particle-float;position:absolute}.landing .hero .container{z-index:2;grid-template-columns:1fr 1.05fr;align-items:center;gap:60px;display:grid;position:relative}.landing .hero-text{max-width:540px}.landing .hero-badge{background:var(--white);border:1px solid var(--gray-200);font-family:var(--font-outfit),sans-serif;color:var(--gray-600);box-shadow:var(--shadow-sm);border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 16px 7px 8px;font-size:.82rem;font-weight:500;transition:all .3s;display:inline-flex}.landing .hero-badge:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing .hero-badge-dot{background:var(--green-wa);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}.landing .hero-badge strong{color:var(--blue);font-weight:700}.landing .hero-title{color:var(--navy);margin-bottom:24px;font-size:clamp(2.5rem,4.5vw,3.6rem);line-height:1.2}.landing .hero-title .gradient-text{background:linear-gradient(135deg,var(--blue)0%,#5c9aff 50%,var(--blue)100%);-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-size:200%;-webkit-background-clip:text;background-clip:text;margin:-.1em 0;padding:.1em 0;animation:4s infinite gradient-shift;display:inline}.landing .hero-sub{color:var(--gray-500);max-width:460px;margin-bottom:36px;font-size:1.125rem;line-height:1.75}.landing .hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.landing .hero-note{color:var(--gray-400);align-items:center;gap:6px;font-size:.82rem;display:flex}.landing .hero-note svg{width:14px;height:14px;stroke:var(--green-wa);fill:none;stroke-width:2.5px}.landing .hero-visual{perspective:1400px;transform-style:preserve-3d;position:relative}.landing .hero-mockup-3d{transform-style:preserve-3d;transition:transform 1s cubic-bezier(.22,1,.36,1);position:relative;transform:rotateY(-8deg)rotateX(4deg)translateZ(0)}.landing .hero-mockup-3d:hover{transform:rotateY(-2deg)rotateX(1deg)translateZ(20px)scale(1.03)}.landing .hero-mockup-img{filter:drop-shadow(0 40px 50px #0000004d)drop-shadow(0 15px 25px #0003)drop-shadow(0 5px 8px #0000001f)drop-shadow(0 0 80px #2979ff1a);width:170%;max-width:none;margin-left:-35%;transition:filter .8s,transform .8s cubic-bezier(.22,1,.36,1);animation:4s ease-in-out infinite hero-float;display:block}.landing .hero-mockup-3d:hover .hero-mockup-img{filter:drop-shadow(0 50px 60px #00000059)drop-shadow(0 20px 30px #00000038)drop-shadow(0 8px 12px #00000026)drop-shadow(0 0 100px #2979ff2e);animation-play-state:paused}.landing .hero-mockup-reflection{filter:blur(22px);background:radial-gradient(#2979ff26 0%,#2979ff0d 40%,#0000 70%);border-radius:50%;width:65%;height:60px;margin:-12px auto 0;transition:all .8s;animation:4s ease-in-out infinite reflection-pulse}.landing .hero-mockup-3d:hover .hero-mockup-reflection{opacity:1;filter:blur(26px);width:70%;animation-play-state:paused}.landing .hero-mockup-glow{z-index:-1;background:radial-gradient(at 50% 40%,#2979ff24 0%,#0000 55%),radial-gradient(at 30% 60%,#5c9aff14 0%,#0000 50%),radial-gradient(at 70% 30%,#25d3660a 0%,#0000 40%);border-radius:50%;animation:3s ease-in-out infinite mockup-glow-pulse;position:absolute;inset:-40px;transform:translateZ(-20px)}.landing .hero-mockup-ring{border:1px solid #2979ff0f;border-radius:50%;width:90%;height:90%;animation:20s linear infinite ring-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(-30px)}.landing .hero-mockup-ring:after{content:"";background:var(--blue);border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;left:20%;box-shadow:0 0 12px #2979ff66}.landing .float-badge{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--gray-100);z-index:5;align-items:center;gap:10px;padding:12px 16px;transition:transform .3s,box-shadow .3s;animation:3s ease-in-out infinite float-bob;display:flex;position:absolute}.landing .float-badge:hover{box-shadow:var(--shadow-xl);transform:translateY(-12px)!important}.landing .float-badge-orders{bottom:20px;right:-10px}.landing .float-badge-visits{animation-delay:1.5s;top:-10px;left:10px}.landing .float-badge-revenue{animation-delay:2.5s;bottom:35%;left:-40px}.landing .float-badge-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.landing .float-badge-icon svg{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.landing .float-badge-text{font-family:var(--font-outfit),sans-serif}.landing .float-badge-number{color:var(--navy);font-size:1rem;font-weight:800;line-height:1.2}.landing .float-badge-label{color:var(--gray-400);font-size:.68rem;font-weight:500}.landing .section-transition{z-index:3;height:120px;margin-top:-2px;margin-bottom:-2px;font-size:0;line-height:0;position:relative}.landing .section-transition svg{width:100%;height:100%;shape-rendering:geometricPrecision;display:block}.landing .section-transition svg *,.landing .section-transition svg{border:none}.landing .section-features{background:var(--navy);color:var(--white);padding:120px 0;position:relative;overflow:hidden}.landing .features-bg-glow{pointer-events:none;background:radial-gradient(circle,#2979ff1f 0%,#0000 70%);width:800px;height:800px;position:absolute;top:-300px;left:50%;transform:translate(-50%)}.landing .features-bg-stars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing .features-bg-stars .star{background:#ffffff4d;border-radius:50%;width:2px;height:2px;animation:3s ease-in-out infinite twinkle;position:absolute}.landing .section-header{text-align:center;z-index:2;margin-bottom:60px;position:relative}.landing .section-header .heading-section{margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,2.8rem)}.landing .section-header .body-lg{max-width:520px;margin:0 auto}.landing .features-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:20px;display:grid;position:relative}.landing .feature-card{border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff14;padding:32px 26px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.landing .feature-card:before{content:"";opacity:0;background:linear-gradient(135deg,#2979ff1a 0%,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.landing .feature-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-6px);box-shadow:0 20px 50px #0003}.landing .feature-card:hover:before{opacity:1}.landing .feature-card:hover .feature-icon{transform:scale(1.1)rotate(-5deg)}.landing .feature-icon{z-index:1;width:50px;height:50px;transition:transform .4s var(--transition-spring);background:#2979ff26;border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative}.landing .feature-icon svg{width:24px;height:24px;stroke:var(--blue-light);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.landing .feature-card h3{font-family:var(--font-outfit),sans-serif;z-index:1;margin-bottom:10px;font-size:1.1rem;font-weight:700;position:relative}.landing .feature-card p{color:#ffffff8c;z-index:1;font-size:.9rem;line-height:1.65;position:relative}.landing .section-showcase{padding:120px 0;position:relative;overflow:hidden}.landing .showcase-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.landing .showcase-text .heading-section{color:var(--navy);margin-bottom:20px;font-size:clamp(1.7rem,3vw,2.5rem)}.landing .showcase-text .body-lg{max-width:440px;margin-bottom:32px}.landing .check-list{flex-direction:column;gap:18px;margin-bottom:36px;display:flex}.landing .check-item{align-items:flex-start;gap:14px;transition:transform .3s;display:flex}.landing .check-item:hover{transform:translate(6px)}.landing .check-icon{background:var(--blue-pale);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;transition:all .3s;display:flex}.landing .check-item:hover .check-icon{background:var(--blue)}.landing .check-item:hover .check-icon svg{stroke:var(--white)}.landing .check-icon svg{width:13px;height:13px;stroke:var(--blue);stroke-width:3px;fill:none;transition:stroke .3s}.landing .check-item h4{font-family:var(--font-outfit),sans-serif;color:var(--gray-800);margin-bottom:3px;font-size:.95rem;font-weight:700}.landing .check-item p{color:var(--gray-500);font-size:.85rem;line-height:1.55}.landing .phone-visual{perspective:1400px;transform-style:preserve-3d;justify-content:center;align-items:center;min-height:500px;display:flex}.landing .phone-3d-wrap{width:357px;transition:transform .8s cubic-bezier(.22,1,.36,1);animation:4s ease-in-out infinite phone-float;position:relative}.landing .phone-3d-wrap:hover{animation-play-state:paused;transform:scale(1.05)}.landing .phone-3d-img{filter:drop-shadow(0 35px 45px #00000040)drop-shadow(0 12px 20px #00000026)drop-shadow(0 4px 6px #0000001a)drop-shadow(0 0 70px #2979ff1a);width:100%;transition:filter .6s;display:block}.landing .phone-3d-wrap:hover .phone-3d-img{filter:drop-shadow(0 45px 55px #0000004d)drop-shadow(0 18px 26px #0000002e)drop-shadow(0 6px 10px #0000001f)drop-shadow(0 0 100px #2979ff29)}.landing .phone-3d-reflection{filter:blur(18px);background:radial-gradient(#2979ff26 0%,#0000 70%);border-radius:50%;width:55%;height:40px;margin:-10px auto 0;animation:4s ease-in-out infinite phone-reflection}.landing .section-whatsapp{background:var(--navy);color:var(--white);padding:120px 0;position:relative;overflow:hidden}.landing .wa-glow{pointer-events:none;background:radial-gradient(circle,#25d3661a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:-200px;transform:translateY(-50%)}.landing .wa-glow-2{pointer-events:none;background:radial-gradient(circle,#2979ff14 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-100px;right:-100px}.landing .wa-phone-frame{background:var(--navy-light);border-radius:36px;width:265px;padding:10px;transition:transform .6s cubic-bezier(.22,1,.36,1);transform:rotateY(6deg)rotateX(2deg);box-shadow:0 30px 70px #0006,inset 0 0 0 1px #ffffff0f}.landing .wa-phone-frame:hover{transform:rotateY(1deg)rotateX(0)}.landing .wa-inner{aspect-ratio:9/19;background:#ece5dd;border-radius:28px;flex-direction:column;width:100%;display:flex;overflow:hidden}.landing .wa-header{background:#075e54;align-items:center;gap:10px;padding:30px 14px 12px;display:flex}.landing .wa-avatar{background:var(--blue);width:32px;height:32px;font-family:var(--font-outfit),sans-serif;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}.landing .wa-contact-name{font-family:var(--font-outfit),sans-serif;color:var(--white);font-size:.75rem;font-weight:600}.landing .wa-contact-status{color:#ffffffa6;font-size:.55rem}.landing .wa-chat{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.landing .wa-msg{color:#303030;border-radius:8px;max-width:84%;padding:8px 12px;font-size:.6rem;line-height:1.55}.landing .wa-msg.in{background:var(--white);border-top-left-radius:2px;align-self:flex-start}.landing .wa-msg.out{background:#dcf8c6;border-top-right-radius:2px;align-self:flex-end}.landing .wa-time{color:#999;text-align:right;margin-top:3px;font-size:.44rem}.landing .wa-input{background:var(--white);color:#999;border-radius:20px;align-items:center;height:38px;margin:8px;padding:0 12px;font-size:.55rem;display:flex}.landing .wa-msg.typing .dots{gap:3px;display:inline-flex}.landing .wa-msg.typing .dots span{background:#999;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite typing-bounce}.landing .wa-msg.typing .dots span:nth-child(2){animation-delay:.2s}.landing .wa-msg.typing .dots span:nth-child(3){animation-delay:.4s}.landing .steps-list{flex-direction:column;gap:22px;display:flex}.landing .step-item{align-items:flex-start;gap:16px;transition:all .3s;display:flex}.landing .step-item:hover{transform:translate(8px)}.landing .step-number{width:42px;height:42px;font-family:var(--font-outfit),sans-serif;color:var(--blue-light);background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;transition:all .3s;display:flex}.landing .step-item:hover .step-number{background:var(--blue);border-color:var(--blue);color:var(--white);transform:scale(1.1)}.landing .step-item h4{font-family:var(--font-outfit),sans-serif;margin-bottom:4px;font-size:1rem;font-weight:700}.landing .step-item p{color:#ffffff8c;font-size:.9rem;line-height:1.55}.landing .section-tools{padding:120px 0;position:relative}.landing .tools-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.landing .tool-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:40px 32px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.landing .tool-card:before{content:"";background:linear-gradient(90deg,var(--blue),var(--blue-light));transform-origin:0;height:3px;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.landing .tool-card:hover{border-color:var(--blue-pale);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-6px)}.landing .tool-card:hover:before{transform:scaleX(1)}.landing .tool-card:hover .tool-icon{transform:rotate(-8deg)scale(1.1)}.landing .tool-icon{background:var(--blue-pale);width:56px;height:56px;transition:transform .4s var(--transition-spring);border-radius:16px;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.landing .tool-icon svg{width:26px;height:26px;stroke:var(--blue);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.landing .tool-card h3{font-family:var(--font-outfit),sans-serif;color:var(--navy);margin-bottom:10px;font-size:1.25rem;font-weight:700}.landing .tool-card>p{color:var(--gray-500);font-size:.95rem;line-height:1.7}.landing .qr-visual{background:var(--white);border:3px solid var(--navy);width:120px;height:120px;transition:transform .5s var(--transition-spring);border-radius:12px;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);gap:2px;margin:22px auto 0;padding:8px;display:grid}.landing .qr-visual:hover{transform:rotate(5deg)scale(1.05)}.landing .qr-f{background:var(--navy);border-radius:1px}.landing .qr-e{background:0 0}.landing .dash-visual{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:14px;margin-top:24px;padding:20px}.landing .dash-bars{align-items:flex-end;gap:8px;height:80px;display:flex}.landing .dash-bar{cursor:pointer;border-radius:4px 4px 0 0;flex:1;transition:height .8s cubic-bezier(.22,1,.36,1)}.landing .dash-bar:hover{filter:brightness(1.15);transform-origin:bottom;transform:scaleY(1.05)}.landing .dash-stats{gap:16px;margin-top:16px;display:flex}.landing .dash-stat{text-align:center;flex:1}.landing .dash-stat-value{font-family:var(--font-outfit),sans-serif;color:var(--blue);font-size:1.05rem;font-weight:800}.landing .dash-stat-label{color:var(--gray-400);margin-top:2px;font-size:.62rem}.landing .section-templates{background:var(--navy);padding:120px 0;position:relative;overflow:hidden}.landing .templates-glow{pointer-events:none;background:radial-gradient(circle,#2979ff1a 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-200px;right:-200px}.landing .templates-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:18px;display:grid;position:relative}.landing .template-card{border-radius:var(--radius-lg);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;padding:28px 22px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.landing .template-card:before{content:"";opacity:0;background:linear-gradient(135deg,#2979ff1f 0%,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.landing .template-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-8px);box-shadow:0 20px 50px #0000004d}.landing .template-card:hover:before{opacity:1}.landing .template-card:hover .template-icon{transform:scale(1.15)rotate(-5deg)}.landing .template-icon{width:52px;height:52px;transition:transform .4s var(--transition-spring);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.landing .template-icon svg{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:26px;height:26px}.landing .template-card h3{font-family:var(--font-outfit),sans-serif;color:#fff;z-index:1;margin-bottom:6px;font-size:1.05rem;font-weight:700;position:relative}.landing .template-card p{color:#ffffff80;z-index:1;font-size:.82rem;line-height:1.5;position:relative}.landing .section-social{background:var(--off-white);padding:120px 0;position:relative}.landing .stats-row{grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:80px;display:grid}.landing .stat-card{text-align:center;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:28px 16px;transition:all .4s cubic-bezier(.22,1,.36,1)}.landing .stat-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md),0 0 0 3px #2979ff14;transform:translateY(-4px)scale(1.02)}.landing .stat-number{font-family:var(--font-outfit),sans-serif;color:var(--blue);letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;line-height:1}.landing .stat-label{color:var(--gray-500);font-size:.88rem;font-weight:500}.landing .testimonials-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.landing .testimonial-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:30px 26px;transition:all .4s cubic-bezier(.22,1,.36,1)}.landing .testimonial-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-6px)}.landing .testimonial-card:hover .test-avatar{transform:scale(1.15)rotate(-5deg)}.landing .test-stars{gap:3px;margin-bottom:16px;display:flex}.landing .test-stars svg{width:16px;height:16px;fill:var(--amber);transition:transform .2s}.landing .test-stars svg:hover{transform:scale(1.3)}.landing .test-quote{color:var(--gray-600);margin-bottom:22px;font-size:.95rem;font-style:italic;line-height:1.7}.landing .test-author{align-items:center;gap:12px;display:flex}.landing .test-avatar{width:42px;height:42px;font-family:var(--font-outfit),sans-serif;color:var(--white);transition:transform .4s var(--transition-spring);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.landing .test-name{font-family:var(--font-outfit),sans-serif;color:var(--gray-800);font-size:.9rem;font-weight:700}.landing .test-role{color:var(--gray-400);font-size:.78rem}.landing .section-pricing{padding:120px 0;position:relative;overflow:hidden}.landing .pricing-bg{background:linear-gradient(180deg,var(--white)0%,var(--blue-pale)50%,var(--white)100%);opacity:.5;position:absolute;inset:0}.landing .pricing-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:0 auto;display:grid;position:relative}.landing .price-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-md);padding:38px 28px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative}.landing .price-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.landing .price-card.popular{border:2px solid var(--blue);box-shadow:var(--shadow-lg),0 0 0 4px #2979ff14;transform:scale(1.04)}.landing .price-card.popular:hover{transform:scale(1.04)translateY(-8px)}.landing .price-badge{background:var(--blue);color:var(--white);font-family:var(--font-outfit),sans-serif;letter-spacing:.06em;text-transform:uppercase;border-radius:100px;padding:5px 20px;font-size:.72rem;font-weight:700;animation:2s infinite badge-pulse;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #2979ff4d}.landing .price-plan{font-family:var(--font-outfit),sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:8px;font-size:.82rem;font-weight:700}.landing .price-amount{font-family:var(--font-outfit),sans-serif;color:var(--navy);letter-spacing:-.02em;margin-bottom:4px;font-size:2.6rem;font-weight:900;line-height:1}.landing .price-amount span{color:var(--gray-400);font-size:.9rem;font-weight:600}.landing .price-period{color:var(--gray-400);margin-bottom:28px;font-size:.82rem}.landing .price-features{margin-bottom:32px}.landing .price-feat{color:var(--gray-600);align-items:center;gap:10px;padding:8px 0;font-size:.9rem;transition:transform .2s;display:flex}.landing .price-feat:hover{transform:translate(4px)}.landing .price-feat svg{width:16px;height:16px;stroke:var(--green-wa);stroke-width:3px;fill:none;flex-shrink:0}.landing .price-btn{text-align:center;justify-content:center;width:100%}.landing .section-cta{padding:120px 0;position:relative;overflow:hidden}.landing .cta-wrapper{text-align:center;z-index:2;max-width:800px;margin:0 auto;position:relative}.landing .cta-wrapper .heading-section{color:var(--navy);margin-bottom:20px;font-size:clamp(2rem,4vw,3.2rem)}.landing .cta-wrapper .body-lg{max-width:520px;margin:0 auto 40px}.landing .cta-glow{pointer-events:none;background:radial-gradient(circle,#2979ff0f 0%,#0000 70%);width:600px;height:600px;animation:4s ease-in-out infinite cta-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing .footer{background:var(--navy);color:var(--white);padding:80px 0 40px}.landing .footer-grid{grid-template-columns:1.8fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px;display:grid}.landing .footer-brand{font-family:var(--font-outfit),sans-serif;align-items:center;gap:10px;margin-bottom:16px;font-size:1.15rem;font-weight:800;display:flex}.landing .footer-brand-icon{background:var(--blue);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.landing .footer-brand-icon svg{width:16px;height:16px}.landing .footer-desc{color:var(--gray-400);max-width:280px;font-size:.88rem;line-height:1.7}.landing .footer-col h4{font-family:var(--font-outfit),sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-400);margin-bottom:20px;font-size:.75rem;font-weight:700}.landing .footer-col a{color:#ffffff8c;margin-bottom:12px;padding-left:0;font-size:.9rem;transition:all .3s;display:block;position:relative}.landing .footer-col a:hover{color:var(--white);padding-left:4px;transform:translate(6px)}.landing .footer-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:28px;display:flex}.landing .footer-copy{color:var(--gray-500);font-size:.82rem}.landing .footer-socials{gap:10px;display:flex}.landing .footer-socials a{background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.landing .footer-socials a:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-3px)rotate(-5deg)}.landing .footer-socials svg{fill:#fff;opacity:.9;width:18px;height:18px}@keyframes particle-float{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)rotate(360deg)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #25d36666}50%{box-shadow:0 0 0 6px #25d36600}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes hero-float{0%,to{transform:translateY(0)translateZ(0)}50%{transform:translateY(-12px)translateZ(10px)}}@keyframes reflection-pulse{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:.5;transform:scaleX(.92)}}@keyframes mockup-glow-pulse{0%,to{opacity:.4;transform:translateZ(-20px)scale(1)}50%{opacity:1;transform:translateZ(-20px)scale(1.08)}}@keyframes ring-spin{0%{transform:translate(-50%,-50%)translateZ(-30px)rotate(0)}to{transform:translate(-50%,-50%)translateZ(-30px)rotate(360deg)}}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes phone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes phone-reflection{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:.45;transform:scaleX(.88)}}@keyframes badge-pulse{0%,to{box-shadow:0 4px 12px #2979ff4d}50%{box-shadow:0 4px 20px #2979ff80}}@keyframes cta-breathe{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}@keyframes nav-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (max-width:1024px){.landing .features-grid,.landing .templates-grid{grid-template-columns:repeat(2,1fr)}.landing .pricing-grid{grid-template-columns:repeat(2,1fr);max-width:680px}.landing .pricing-grid .price-card:nth-child(3){grid-column:span 2;max-width:340px;margin:0 auto}.landing .footer-grid{grid-template-columns:1fr 1fr}.landing .stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing .nav-links{display:none}.landing .burger{display:flex}.landing .nav-links.open{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);border-bottom:1px solid var(--gray-100);background:#fffffffa;flex-direction:column;gap:4px;padding:20px 28px;animation:.3s nav-slide-in;display:flex;position:absolute;top:100%;left:0;right:0}.landing .nav-links.open a{border-radius:10px;padding:12px 16px}.landing .nav-links a:after{display:none}.landing .hero{padding:120px 0 60px}.landing .hero .container{text-align:center;grid-template-columns:1fr;gap:32px}.landing .hero-text{text-align:center;max-width:100%}.landing .hero-sub{margin:0 auto 28px;font-size:1rem}.landing .hero-actions{justify-content:center}.landing .hero-visual,.landing .phone-visual{display:none}.landing .hero-mockup-3d,.landing .hero-mockup-3d:hover{perspective:none;transform:none}.landing .hero-mockup-img{animation:none;width:100%!important;max-width:100%!important;margin-left:0!important}.landing .hero-mockup-ring,.landing .hero-mockup-glow,.landing .float-badge{display:none}.landing .features-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.landing .showcase-grid{text-align:center;grid-template-columns:1fr;gap:50px}.landing .showcase-text .body-lg{margin:0 auto 32px}.landing .check-list{align-items:center}.landing .check-item{text-align:left}.landing .phone-3d-wrap{width:195px;animation:none}.landing .phone-3d-wrap:hover{transform:none}.landing .phone-visual{min-height:auto}.landing .wa-phone-frame,.landing .wa-phone-frame:hover{transform:none}.landing .showcase-grid.reverse .phone-visual{order:-1}.landing .tools-grid{grid-template-columns:1fr}.landing .stats-row{grid-template-columns:repeat(2,1fr)}.landing .testimonials-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.landing .pricing-grid{grid-template-columns:1fr;max-width:360px}.landing .pricing-grid .price-card:nth-child(3){grid-column:span 1;max-width:none}.landing .price-card.popular,.landing .price-card.popular:hover{transform:none}.landing .price-card:hover{transform:translateY(-6px)}.landing .footer-grid{grid-template-columns:1fr}.landing .footer-bottom{text-align:center;flex-direction:column;gap:16px}.cursor-glow{display:none}.landing .section-transition{height:40px}.landing .section-features,.landing .section-showcase,.landing .section-tools,.landing .section-templates,.landing .section-social,.landing .section-pricing,.landing .section-cta,.landing .section-whatsapp{padding:60px 0}}@media (max-width:480px){.landing .hero{padding:100px 0 40px}.landing .hero-title{margin-bottom:16px;font-size:1.75rem}.landing .hero-badge{margin-bottom:20px;padding:6px 14px;font-size:.8rem}.landing .hero-sub{margin-bottom:24px;font-size:.9rem;line-height:1.6}.landing .hero-actions{flex-direction:column;gap:10px}.landing .btn{justify-content:center;width:100%}.landing .phone-3d-wrap{width:180px}.landing .stat-number{font-size:1.8rem}.landing .templates-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto}}