.hero{background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1541348263662-e068662d82af?q=80&w=1974&auto=format&fit=crop) 50%/cover;justify-content:center;align-items:center;height:70vh;display:flex;position:relative;overflow:hidden}.hero-image{width:60%;height:60%;animation:2s ease-in-out fadeIn;top:0;left:0}@media (max-width:768px){.hero-image{width:100%;height:auto}}.hero-overlay{background:#0009;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:center;max-width:800px;padding:0 20px;position:relative}.hero-title{color:var(--light);text-shadow:0 2px 10px #00000080;margin-bottom:20px;font-size:3.5rem}@media (max-width:768px){.hero-title{font-size:2.8rem}}@media (max-width:480px){.hero-title{font-size:2.5rem}}.hero-title span{color:var(--primary);display:inline-block;position:relative}.hero-title span:after{content:"";background:var(--primary);width:100%;height:3px;position:absolute;bottom:0;left:0}.hero-subtitle{color:var(--light);margin-bottom:30px;font-size:1.5rem}.cta-btn{background-color:var(--primary);color:var(--dark);border-radius:30px;margin-top:20px;padding:12px 30px;font-size:1.1rem;font-weight:600;transition:transform .3s,box-shadow .3s;display:inline-block}.cta-btn:hover{transform:translateY(-5px);box-shadow:0 10px 20px #e6b5184d}.hero-badges{justify-content:center;gap:20px;margin-top:30px;display:flex}.badge{letter-spacing:1px;border-radius:30px;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.shield-badge{background-color:var(--primary);color:var(--dark);transition:transform .3s,box-shadow .3s}.shield-badge:hover{box-shadow:0 0 10px var(--primary), 0 0 20px var(--primary), 0 0 30px var(--primary);transform:scale(1.1)}.security-badge{color:var(--light);background-color:#444;transition:transform .3s,box-shadow .3s}.security-badge:hover{transform:scale(1.1);box-shadow:0 0 10px #444,0 0 20px #444,0 0 30px #444}.badge i{margin-right:8px}.system-features{background-color:#222324;padding:100px 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:60px 0;display:grid}.feature-card{text-align:center;opacity:1;background-color:#fff;border-radius:10px;padding:30px 25px;transition:all .3s;animation:none;box-shadow:0 8px 20px #0000001a}.feature-icon{background-color:var(--primary);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 25px;font-size:32px;display:flex;position:relative}.feature-icon:before{content:"";background-color:var(--primary);opacity:.2;z-index:-1;border-radius:50%;width:100%;height:100%;transition:transform .3s;position:absolute;transform:scale(1.2)}.feature-card:hover .feature-icon:before{transform:scale(1.4)}.feature-card h3{color:var(--secondary);margin-bottom:15px;font-size:22px;font-weight:600}.feature-card p{color:#666;margin:0;font-size:16px;line-height:1.6}@media (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.features-grid{grid-template-columns:1fr}.feature-card{padding:25px 20px}.feature-icon{width:70px;height:70px;margin-bottom:20px;font-size:28px}.feature-card h3{font-size:20px}.feature-card p{font-size:15px}}.section-title h2{color:#fff;margin-bottom:10px;font-size:36px}.section-description{text-align:center;color:#ccc;max-width:700px;margin:0 auto 40px;font-size:18px}.how-it-works{background-color:var(--dark);padding:60px 0}.how-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.how-content h3{color:#fff;margin-bottom:20px;font-size:28px}.how-content h3 span{color:var(--primary)}.how-content p{color:#ccc;margin-bottom:30px;line-height:1.6}.how-steps{margin:40px 0;padding:0;list-style-type:none}.how-steps li{align-items:flex-start;margin-bottom:30px;display:flex;position:relative}.how-steps li:last-child{margin-bottom:0}.how-steps li:not(:last-child):after{content:"";background-color:var(--primary);width:2px;position:absolute;top:40px;bottom:-30px;left:24px}.step-number{background-color:var(--primary);color:#fff;z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-right:20px;font-size:24px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 10px #e6b5184d}.step-text{background-color:var(--secondary);border-radius:8px;flex-grow:1;padding:15px;font-size:16px;line-height:1.6;transition:transform .3s,box-shadow .3s;box-shadow:0 5px 15px #0000000d}.how-steps li:hover .step-text{border-bottom:3px solid var(--primary);animation:1.5s infinite borderGlow;transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}@keyframes borderGlow{0%{border:2px solid var(--primary)}50%{border:2px solid gold}to{border:2px solid var(--primary)}}.step-text strong{font-weight:600}.how-video{aspect-ratio:16/9;background-color:#000;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000026}.video-container{width:100%;height:100%;position:relative}.video-container video{object-fit:cover;width:100%;height:100%;display:block}.video-container.hidden video{display:none}.video-placeholder{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.video-placeholder img{object-fit:cover;width:50%;height:70%}.image-overlay{cursor:pointer;background-color:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .3s;display:flex;position:absolute;top:0;left:0}.image-overlay:hover{background-color:#00000080}.video-btn{background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 5px 15px #0003}.video-btn i{color:#fff;margin-left:5px;font-size:30px}.image-overlay:hover .video-btn{transform:scale(1.1);box-shadow:0 10px 25px #0000004d}@media (max-width:768px){.how-grid{grid-template-columns:1fr}.how-video{margin-top:30px}}.response-times{background-color:var(--dark);padding:100px 0}.times-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin:60px 0;display:grid}.time-card{background-color:var(--secondary);color:#fff;text-align:center;border-radius:10px;padding:35px 25px;transition:all .3s;animation:none;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000014}.time-card:before{content:"";background-color:var(--primary);width:100%;height:4px;position:absolute;top:0;left:0}.time-card:hover{transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(-10px)scale(1.05);box-shadow:0 15px 30px #e6b51833}.time-card:hover .time-value{color:var(--primary);transition:transform .3s;transform:scale(1.1)}.time-card:hover .time-label{transition:transform .3s;transform:translateY(-5px)}.time-card:hover .time-description{color:#e6b518;transition:transform .3s;transform:translateY(5px)}.time-card:hover:before{animation:2s infinite shimmer}@keyframes shimmer{0%{opacity:0;transform:translate(-100%)}50%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.time-value{color:#fff;margin-bottom:5px;font-size:48px;font-weight:700;display:inline-block;position:relative}.time-value:after{content:"ms";color:var(--primary);font-size:18px;font-weight:600;position:absolute;bottom:10px;right:-25px}.time-label{color:var(--primary);margin-bottom:15px;font-size:20px;font-weight:600}.time-description{color:#fff;margin:0;font-size:15px;line-height:1.6}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.time-card{animation:.8s forwards countUp}.time-card:nth-child(2){animation-delay:.2s}.time-card:nth-child(3){animation-delay:.4s}@media (max-width:992px){.times-grid{grid-template-columns:repeat(3,1fr);gap:20px}.time-card{padding:30px 20px}.time-value{font-size:42px}}@media (max-width:768px){.times-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.times-grid{grid-template-columns:1fr}.time-card{padding:25px 20px}.time-value{font-size:38px}.time-label{font-size:18px}}.sound-meter{background-color:#222324;padding:20px 0;animation:1s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes numberCount{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes expandWidth{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fillBar{0%{width:0}to{width:75%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.meter-container{opacity:0;background:linear-gradient(145deg,#1f2021,#2a2b2c);border-radius:20px;max-width:800px;margin:50px auto;padding:40px;animation:1s .3s forwards fadeInUp;transform:translateY(30px);box-shadow:0 15px 30px #0000004d}.meter-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.meter-title{color:var(--light);font-size:1.8rem}.meter-value{color:var(--primary);font-size:2.5rem;font-weight:700}.strength-bar{background-color:#2a2b2c;border-radius:15px;height:30px;margin:20px 0;overflow:hidden}.strength-fill{background-color:var(--primary);width:0;height:100%;transition:width 1.5s}.meter-scale{justify-content:space-between;margin-top:10px;display:flex}.scale-mark{color:#aaa;font-size:.9rem}.meter-fact{color:#ddd;border-left:4px solid var(--primary);background-color:#e6b5181a;border-radius:10px;margin-top:30px;padding:15px;font-size:.95rem}.product-hero{background:linear-gradient(#000000b3,#000c)}.smart-features{background-color:var(--dark);padding:100px 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px;display:grid}.feature-card{text-align:center;opacity:0;background:linear-gradient(145deg,#1f2021,#2a2b2c);border-radius:15px;padding:30px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);animation:.6s forwards fadeInUp}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #e6b51826}.feature-card .card-icon{background:#e6b5181a;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;transition:transform .3s;display:flex}.feature-card:hover .card-icon{transform:scale(1.1)rotate(360deg)}.feature-card .card-icon i{color:var(--primary);font-size:30px}.feature-card h3{color:var(--primary);margin-bottom:15px;font-size:1.3rem}.feature-card p{color:#aaa;font-size:.9rem;line-height:1.6}.contact{background-color:var(--secondary);padding:80px 0}.container{max-width:1200px;margin:0 auto;padding:0 15px}.section-title{text-align:center;margin-bottom:30px}.section-title h2{margin-bottom:15px;padding-bottom:15px;font-size:36px;font-weight:700;position:relative}.section-title h2 span{color:var(--primary)}.section-title h2:after{content:"";background:var(--primary);width:150px;height:3px;display:block;position:absolute;bottom:0;left:49%;transform:translate(-50%)}.section-description{text-align:center;max-width:800px;margin:0 auto 50px;font-size:18px}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.contact-info{flex-direction:column;gap:25px;display:flex}.info-item{background-color:var(--dark);border-radius:8px;align-items:flex-start;padding:20px;transition:transform .3s;display:flex;box-shadow:0 5px 15px #00000014}.info-item:hover{transform:translateY(-5px)}.info-icon{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:20px;font-size:20px;display:flex}.info-content h3{margin-bottom:8px;font-size:20px}.info-content p{color:#666;margin:0}.contact-form{background-color:var(--dark);border-radius:8px;padding:30px;box-shadow:0 5px 15px #00000014}.form-group{margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{background-color:var(--dark);width:100%;color:var(--secondary);border:1px solid #ddd;border-radius:4px;padding:12px 15px;font-size:16px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.submit-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;padding:12px 25px;font-size:16px;font-weight:600;transition:background-color .3s}.submit-btn:hover{background-color:#c49b16}@media (max-width:992px){.contact-grid{grid-template-columns:1fr}.contact-form{margin-top:30px}}@media (max-width:768px){.section-title h2{font-size:30px}.section-description{font-size:16px}.info-item{padding:15px}.info-icon{width:40px;height:40px;font-size:16px}.info-content h3{font-size:18px}}.whatsapp-float{color:#fff;text-align:center;cursor:pointer;background-color:#25d366;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 10px #0000004d}.whatsapp-menu{background:var(--dark);opacity:0;visibility:hidden;transform-origin:100% 100%;border:1px solid #ffffff1a;border-radius:12px;width:350px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:80px;right:0;overflow:hidden;transform:translateY(20px)scale(.9);box-shadow:0 10px 40px #00000080}@media screen and (max-width:768px){.whatsapp-float{width:50px;height:50px;font-size:24px;bottom:20px;right:20px}}@keyframes slideIn{0%{opacity:1;transform:none}to{opacity:1;transform:none}}@media (max-width:768px){.language-selector{margin-right:15px;font-size:16px}}.whatsapp-container{z-index:1000;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:20px!important;right:20px!important}.whatsapp-float{color:#fff;text-align:center;cursor:pointer;background-color:#25d366;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;display:flex;box-shadow:0 4px 10px #0000004d}.whatsapp-float:hover{color:#fff;background-color:#20ba5a;transform:scale(1.1)}.whatsapp-menu{background:var(--dark);opacity:0;visibility:hidden;transform-origin:100% 100%;border:1px solid #ffffff1a;border-radius:12px;width:350px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;right:0;overflow:hidden;transform:translateY(20px)scale(.9);box-shadow:0 10px 40px #00000080;bottom:70px!important}.whatsapp-container.active .whatsapp-menu{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.whatsapp-header{color:#fff;background:#25d366;justify-content:space-between;align-items:center;padding:15px 20px;font-size:1rem;font-weight:700;display:flex}.close-wa-menu{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.whatsapp-list{flex-direction:column;gap:10px;padding:15px;display:flex}.wa-item{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:20px;padding:12px 20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.wa-item:hover{color:#fff;background:#25d36633;border-color:#25d366;transform:translate(5px);box-shadow:0 4px 15px #25d3661a}.wa-item i,.wa-item svg{color:#25d366;text-align:center;flex-shrink:0;width:30px;font-size:1.4rem}.whatsapp-float:hover{transform:scale(1.2)rotate(360deg);box-shadow:0 10px 20px #0000004d}.animate-on-scroll{opacity:1;transition:none;transform:none}.animate-on-scroll.animate{opacity:1;transition:all .6s ease-out;transform:translateY(0)}.feature-card.animate-on-scroll.animate{transition-delay:.2s}.time-card.animate-on-scroll.animate{transition-delay:.3s}.meter-container.animate-on-scroll.animate .strength-fill{width:65%;transition:width 1.5s ease-out .5s}.hero-content,.feature-card,.time-card,.meter-container,.how-steps li{animation:none}@media (max-width:768px){.menu,.menu.active{z-index:10000!important}:hover{box-shadow:none!important;transition:none!important;transform:none!important}*{-webkit-tap-highlight-color:transparent}.whatsapp-float{width:50px;height:50px;font-size:24px}}.scroll-to-top{background:linear-gradient(135deg, var(--primary) 0%, #f4d03f 100%);width:50px;height:50px;color:var(--dark);text-align:center;z-index:999;border:2px solid #fff3;border-radius:50%;font-size:24px;line-height:50px;text-decoration:none;transition:all .3s;display:none;position:fixed;bottom:90px;right:20px;box-shadow:0 4px 15px #e6b51866}@media (max-width:768px){.scroll-to-top{justify-content:center;align-items:center;display:flex}.scroll-to-top:active{transform:scale(.95);box-shadow:0 2px 8px #e6b51899}}