:root{--primary:#30ABA9;--primary-light:#48C6C4;--primary-dark:#228280;--secondary:#2C3E50;--bg-body:#FAFAFA;--bg-soft:#F3F4F6;--bg-white:#FFFFFF;--text-dark:#111827;--text-gray:#4B5563;--text-light:#9CA3AF;--shadow-sm:0 4px 6px -1px rgba(0, 0, 0, 0.05);--shadow-md:0 10px 25px -5px rgba(0, 0, 0, 0.08);--shadow-lg:0 25px 50px -12px rgba(48, 171, 169, 0.15);--glass-bg:rgba(255, 255, 255, 0.85);--glass-border:rgba(255, 255, 255, 0.3);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:40px;--radius-full:9999px;--container-width:1200px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:#fff0}html,body{overflow-x:hidden;width:100%;position:relative}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;background-color:var(--bg-body);color:var(--text-dark);line-height:1.6}a{text-decoration:none;color:inherit;transition:all 0.3s ease}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.bg-soft{background:var(--bg-soft)}.bg-white{background:var(--bg-white)}h1,h2,h3,h4{line-height:1.2;font-weight:700}h1 span,h2 span,h3 span{color:var(--primary)}.section-header{text-align:center;max-width:800px;margin:0 auto 60px}.section-header h2{font-size:2.75rem;margin-bottom:20px;color:var(--text-dark);letter-spacing:-.5px}.section-header p{font-size:1.125rem;color:var(--text-gray)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-weight:600;border-radius:var(--radius-full);transition:all 0.3s cubic-bezier(.4,0,.2,1);gap:8px;cursor:pointer;border:none;font-family:'Inter',sans-serif;font-size:1rem}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px rgb(48 171 169 / .3)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 12px 25px rgb(48 171 169 / .4)}.btn-secondary{background:var(--bg-white);color:var(--text-dark);border:1px solid #E5E7EB;box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px)}.btn-large{padding:16px 36px;font-size:1.125rem}.badge{display:inline-block;padding:6px 16px;background-color:rgb(48 171 169 / .1);color:var(--primary-dark);border-radius:var(--radius-full);font-size:.875rem;font-weight:700;margin-bottom:24px;text-transform:uppercase;letter-spacing:.5px}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;transition:all 0.3s ease}.navbar.scrolled{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);padding:15px 0;box-shadow:var(--shadow-sm)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px}.logo img{height:40px;transition:transform 0.3s}.logo:hover img{transform:scale(1.05)}.logo-text{font-size:1.5rem;font-weight:800;color:var(--text-dark);letter-spacing:-.5px}.nav-links{display:flex;gap:32px;align-items:center}.nav-link{font-weight:500;color:var(--text-gray);transition:color 0.2s}.nav-link:hover{color:var(--primary)}.mobile-menu-btn{display:none;font-size:1.5rem;cursor:pointer;color:var(--text-dark)}.mobile-menu{position:fixed;top:0;right:0;width:100%;height:100vh;background:var(--bg-white);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translateX(100%);transition:transform 0.4s cubic-bezier(.77,0,.175,1);z-index:999}.mobile-menu.active{transform:translateX(0)}.mobile-menu a{font-size:1.25rem;font-weight:600}.hero{position:relative;padding:180px 0 120px;background:#fff;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(90px);z-index:0;opacity:.5}.blob-1{top:-5%;right:-5%;width:600px;height:600px;background:rgb(48 171 169 / .2);animation:float 10s infinite alternate}.blob-2{bottom:-10%;left:-10%;width:500px;height:500px;background:rgb(243 244 246 / .8);animation:float 12s infinite alternate-reverse}.hero-container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content h1{position:relative;font-size:4rem;margin-bottom:24px;letter-spacing:-1.5px}.hero-content h1::before{content:'';position:absolute;z-index:-1;top:-20%;left:0;width:100%;height:140%;background:radial-gradient(ellipse at center,rgb(72 198 196 / .25) 0%,transparent 70%);pointer-events:none}.hero-content p{font-size:1.25rem;color:var(--text-gray);margin-bottom:40px;max-width:90%}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-visual{display:flex;justify-content:center;position:relative}.hero-image-wrapper{position:relative;padding:0 80px}.css-phone-mockup{width:320px;height:650px;background:var(--text-dark);border-radius:44px;padding:8px;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);position:relative;z-index:2;animation:floatPhone 6s ease-in-out infinite}.phone-screen{width:100%;height:100%;background:var(--bg-soft);border-radius:36px;overflow:hidden;position:relative}.dynamic-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:100px;height:30px;background:var(--text-dark);border-radius:20px;z-index:5;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;box-shadow:inset 0 0 4px rgb(0 0 0 / .5);transition:all 0.3s cubic-bezier(.4,0,.2,1)}.dynamic-island::after{content:'';width:12px;height:12px;background:#050505;border-radius:50%;box-shadow:inset 0 0 2px rgb(255 255 255 / .15)}.phone-buttons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.mockup-btn{position:absolute;background:#1f2937;background:linear-gradient(to right,#374151,#111827);box-shadow:inset 0 0 2px rgb(255 255 255 / .2),0 2px 4px rgb(0 0 0 / .3)}.mockup-btn.left{right:100%;width:4px;border-radius:4px 0 0 4px;background:linear-gradient(to left,#111827,#374151)}.mockup-btn.right{left:100%;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(to right,#111827,#374151)}.mockup-btn.action{top:110px;height:25px}.mockup-btn.vol-up{top:160px;height:50px}.mockup-btn.vol-down{top:220px;height:50px}.mockup-btn.power{top:180px;height:70px}.mockup-btn.cam-control{top:360px;height:34px;border-radius:2px 0 0 2px;background:linear-gradient(to right,#374151,#6b7280);box-shadow:inset 0 0 1px rgb(255 255 255 / .5);transform:translateX(-1px)}.mockup-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-soft);color:var(--text-light);text-align:center;padding:20px}.mockup-placeholder.bg-pattern{background-image:radial-gradient(var(--text-light) 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px;opacity:.9}.placeholder-icon{width:64px;height:64px;opacity:.3;margin-bottom:20px;filter:grayscale(100%)}.mockup-placeholder span{font-weight:600;font-size:1.1rem;opacity:.7}.float-card{position:absolute;background:#fff;padding:6px 20px;border-radius:14px;box-shadow:0 10px 30px rgb(0 0 0 / .08);display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.05rem;color:#1f2937;z-index:5;border:none;text-wrap:nowrap}.float-card .icon-circle{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%}.float-card .icon-circle.ping-pink{background-color:#f65275;color:#fff;font-size:.75rem}.float-card .icon-circle.text-pink{background-color:#fff0;color:#f65275;font-size:1.3rem}.float-1{top:12%;left:-60px;animation:floatCard 5s ease-in-out infinite 0.5s}.float-2{top:48%;right:-55px;animation:floatCard 6s ease-in-out infinite 1s}.float-3{top:78%;left:-55px;animation:floatCard 4s ease-in-out infinite 0s}.core-features{padding:100px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 320px),1fr));gap:30px}.feature-card{background:#fff;padding:40px 30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #f3f4f6;transition:all 0.4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:#fff0}.feature-card:hover::before{transform:scaleX(1)}.fc-icon{width:60px;height:60px;border-radius:16px;background:rgb(48 171 169 / .1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:24px;transition:transform 0.3s ease}.feature-card:hover .fc-icon{transform:scale(1.1) rotate(-5deg);background:var(--primary);color:#fff}.feature-card h3{font-size:1.35rem;margin-bottom:12px;color:var(--text-dark)}.feature-card p{color:var(--text-gray);font-size:1rem;line-height:1.6}.detailed-features{padding:120px 0}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:120px}.feature-row:last-child{margin-bottom:0}.feature-row.reverse>*{direction:ltr}.feature-row.reverse .feature-text{order:2}.feature-row.reverse .feature-image-box{order:1}.f-badge{color:var(--primary);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.feature-text h3{font-size:2.25rem;margin-bottom:24px;letter-spacing:-.5px;line-height:1.2}.feature-text p{font-size:1.15rem;color:var(--text-gray);margin-bottom:30px;line-height:1.6}.feature-image-box{position:relative;border-radius:var(--radius-xl);padding:40px;display:flex;align-items:center;justify-content:center;min-height:480px;overflow:hidden}.bg-gradient-1{background:linear-gradient(135deg,#f0fdfa 0%,#ccfbf1 100%)}.bg-gradient-2{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.bg-gradient-3{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)}.animated-bg{background-size:200% 200%;animation:gradientMove 10s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.glass-mockup-placeholder{background:rgb(255 255 255 / .7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px dashed rgb(48 171 169 / .5);border-radius:24px;padding:40px;text-align:center;width:100%;max-width:380px;aspect-ratio:9/16;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-gray);box-shadow:var(--shadow-lg);transition:transform 0.5s ease}.glass-mockup-placeholder i{font-size:4rem;color:#cbd5e1;margin-bottom:20px}.glass-mockup-placeholder span{font-weight:600;font-size:1.1rem}.feature-image-box:hover .glass-mockup-placeholder{transform:scale(1.02) translateY(-10px)}.cta-section{padding:120px 0}.cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.cta-content h2{position:relative;font-size:3.5rem;margin-bottom:24px;color:var(--text-dark);letter-spacing:-1.5px;line-height:1.1}.cta-content h2::before{content:'';position:absolute;z-index:-1;top:-20%;left:0;width:100%;height:140%;background:radial-gradient(ellipse at center,rgb(72 198 196 / .25) 0%,transparent 70%);pointer-events:none}.cta-content p{font-size:1.25rem;margin-bottom:40px;color:var(--text-gray);line-height:1.6;max-width:90%}.cta-visual-phone{display:flex;justify-content:center}.store-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn-store{background:var(--text-dark);border:none;font-family:'Inter',sans-serif;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;border-radius:12px;color:#fff;cursor:pointer;transition:all 0.3s ease}.btn-store:hover{background:var(--primary);transform:translateY(-5px);box-shadow:0 10px 20px rgb(48 171 169 / .2)}.btn-store i{font-size:2rem}.store-btn-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.store-btn-text span:first-child{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.store-btn-text span:last-child{font-size:1.15rem;font-weight:700}.footer{background:#fff;border-top:1px solid #f3f4f6;padding:80px 0 20px;font-family:'Inter',sans-serif}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px;margin-bottom:60px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{display:flex;align-items:center;gap:10px}.footer-logo img{height:32px;filter:grayscale(100%);opacity:.8}.footer-logo .logo-text{font-weight:800;font-size:1.5rem;color:var(--text-gray)}.footer-brand p{color:var(--text-gray);font-size:.95rem;max-width:250px;line-height:1.5}.link-col h4{margin-bottom:24px;color:var(--primary);font-size:1.15rem;font-weight:600}.link-col a{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--text-gray);font-size:.95rem;font-weight:600;transition:color 0.2s}.link-col a:hover{color:var(--primary)}.footer-footprint{border-top:1px solid #f3f4f6;padding-top:40px}.cookie-notice{text-align:center;color:var(--text-gray);font-size:.85rem;margin-bottom:30px;font-weight:500}.cookie-notice a{color:var(--primary);font-weight:700}.footprint-bottom{border-top:1px solid #f3f4f6;padding-top:20px;display:flex;justify-content:center;align-items:center;font-size:.85rem;color:var(--text-gray);font-weight:500}@media (max-width:992px){.footer-content{grid-template-columns:1fr 1fr}.footprint-bottom{flex-direction:column;gap:15px;text-align:center}}@media (max-width:576px){.footer-content{grid-template-columns:1fr}}.testimonials{padding:120px 0;overflow:hidden}.testimonial-slider{max-width:1400px;width:100%;margin:40px auto 0;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.testimonial-track{display:flex;gap:24px;width:max-content;animation:scrollCarousel 30s linear infinite;padding:20px 0}.testimonial-track:hover{animation-play-state:paused}@keyframes scrollCarousel{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 12px))}}.testimonial-card-v2{width:340px;min-height:220px;background:#fff;border:1px solid #f3f4f6;border-radius:var(--radius-md);padding:20px 24px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm);transition:transform 0.3s}.testimonial-card-v2:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.tc-top{display:flex;gap:12px;align-items:flex-start;flex-grow:1}.tc-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-sm)}.tc-content{flex:1}.tc-quote-icon{color:var(--primary);font-size:1.5rem;font-weight:900;line-height:.8;font-family:sans-serif;margin-bottom:2px}.tc-text{font-style:italic;color:var(--text-gray);line-height:1.4;font-size:.85rem}.tc-divider{width:100%;height:1px;background:#e5e7eb;margin:8px 0}.tc-bottom{display:flex;justify-content:space-between;align-items:flex-end}.tc-user h4{color:var(--text-dark);margin-bottom:2px;font-size:.9rem;font-weight:600}.tc-user span{display:block;color:var(--text-light);font-size:.75rem}.tc-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700}.tc-badge.bg-yellow{background:#fef3c7;color:#92400e}.tc-badge.bg-green{background:#dcfce7;color:#166534}.tc-badge.bg-blue{background:#dbeafe;color:#1e40af}.faq{padding:120px 0}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:#fff;margin-bottom:16px;border-radius:var(--radius-md);border:1px solid #f3f4f6;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow 0.3s}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-question{padding:24px 30px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:1.1rem;color:var(--text-dark);background:#fff;transition:background 0.2s}.faq-question:hover{background:rgb(48 171 169 / .02)}.faq-question i{color:var(--primary);transition:transform 0.3s ease;font-size:1rem}.faq-item.active .faq-question i{transform:rotate(45deg)}.faq-answer{max-height:0;padding:0 30px;color:var(--text-gray);overflow:hidden;transition:all 0.4s ease;font-size:1.05rem}.faq-item.active .faq-answer{max-height:300px;padding-bottom:24px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}@keyframes floatPhone{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(-1deg)}100%{transform:translateY(0) rotate(0)}}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-12px)}100%{transform:translateY(0)}}.float-slow{animation:float 6s ease-in-out infinite}.reverse-float{animation:float 6s ease-in-out infinite reverse}.pop-on-hover{transition:transform 0.3s cubic-bezier(.175,.885,.32,1.275)}.pop-on-hover:hover{transform:scale(1.05)}.sync-scroll{opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(.16,1,.3,1),transform 0.8s cubic-bezier(.16,1,.3,1)}.sync-scroll.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:0.1s}.delay-2{transition-delay:0.2s}.delay-3{transition-delay:0.3s}.animate-slide-up{animation:slideUpFade 1s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes slideUpFade{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 1.2s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.scale-in{opacity:0;transform:scale(.9);animation:scaleInFade 0.8s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleInFade{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pulse-badge{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(48 171 169 / .4)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@media (max-width:992px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-image-wrapper{padding:0 20px;display:flex;justify-content:center}.css-phone-mockup{margin:0 auto}.hero-content{margin-bottom:60px}.hero-content p{margin:0 auto 40px}.hero-actions{justify-content:center}.float-card{display:none}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:50px;text-align:center}.feature-row.reverse .feature-text{order:1}.feature-row.reverse .feature-image-box{order:2}.cta-inner{grid-template-columns:1fr;text-align:center;gap:60px}.cta-content p{margin:0 auto 40px}.store-buttons{justify-content:center}.footer-content{grid-template-columns:1fr;gap:50px;text-align:center}.footer-brand .footer-logo{justify-content:center}.footer-brand p{margin:0 auto}.footer-links{flex-direction:column;gap:40px}}@media (max-width:768px){.nav-links{display:none}.nav-btn{display:none}.mobile-menu-btn{display:block}.hero-content h1{font-size:2.8rem}.hero-image-wrapper{padding:0}.css-phone-mockup{transform:scale(.8);transform-origin:top center;margin-bottom:-30px;animation:floatPhoneMobile 6s ease-in-out infinite}@keyframes floatPhoneMobile{0%{transform:scale(.8) translateY(0) rotate(0)}50%{transform:scale(.8) translateY(-20px) rotate(-1deg)}100%{transform:scale(.8) translateY(0) rotate(0)}}.feature-text h3{font-size:1.8rem}.cta-content h2{font-size:2.5rem}.glass-mockup-placeholder{padding:30px 20px}.feature-image-box{min-height:350px;padding:20px}}@media (max-width:576px){.container{padding:0 16px}.section-header h2{font-size:1.9rem}.section-header p{font-size:1rem}.hero-content h1{font-size:2.2rem;letter-spacing:-1px}.hero{padding:140px 0 80px}.core-features,.faq,.testimonials{padding:80px 0}.detailed-features{padding:80px 0}.feature-row{margin-bottom:80px;gap:40px}.cta-section{padding:80px 0}.cta-content h2{font-size:2rem}.store-buttons{flex-direction:column;align-items:center}.btn-store{width:100%;max-width:260px;justify-content:center}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%;max-width:300px;justify-content:center}.faq-question{padding:20px;font-size:1rem}.faq-answer{padding:0 20px}.feature-card{padding:28px 20px}.badge{font-size:.78rem}.footer{padding:60px 0 20px}.footer-content{gap:36px}}