*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}body{background-color:#fff;background-color:var(--background);color:#334155;color:var(--text);line-height:1.6;overflow-x:hidden}nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.nav-container{height:100px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem;transition:height .3s ease}.brand,.nav-container{align-items:center;display:flex}.brand{gap:95px}.brand,.brand h1{white-space:nowrap}.brand h1{font-size:1.5rem;line-height:1.2}nav.scrolled .brand{gap:50px}.gokay_logo{align-items:center;background:none;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:90px;justify-content:center;transform:translateY(35px);transform-origin:top left;transition:all .3s ease;width:90px}nav.scrolled .gokay_logo{height:50px;transform:translateY(0);width:50px}.gokay_logo>img{border-radius:10%;width:250px}.gokay_logo>img,.logo{transition:all .3s ease}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.02em;text-decoration:none}nav.scrolled .logo{font-size:1.75rem}nav.scrolled .nav-container{height:80px;padding:0 2rem}nav.scrolled .gokay_logo>img{width:80px}.nav-links{align-items:center;display:flex;gap:2rem}@media (max-width:480px){.gokay_logo{height:60px;width:60px}nav.scrolled .gokay_logo{height:40px;width:40px}.gokay_logo>img{width:80px}nav.scrolled .gokay_logo>img{width:60px}.logo{font-size:1.7rem}nav.scrolled .logo{font-size:1.5rem}}.dropdown-btn{transition:transform .6s ease}.dropdown-btn,.nav-links a{background:none;border:none;color:#334155;color:var(--text);cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.dropdown-btn:hover,.nav-links a:hover{color:#3b82f6;color:var(--accent)}.nav-links a:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);bottom:-8px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.dropdown{perspective:1000px}.dropdown-content{transform:translateY(-5px) scale(.9) rotate(0deg);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.dropdown:hover .dropdown-content{transform:translateY(0) scale(1) rotate(1turn)}.dropdown-content a{color:var(--text)}.dropdown-content a:hover{background:linear-gradient(135deg,var(--accent-light,#f8f9ff),var(--accent-lighter,#f0f2ff));color:var(--accent)}.mobile-menu-btn{background:none;border:none;border-radius:8px;color:#334155;color:var(--text);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;position:relative;transition:all .3s ease;z-index:1001}.mobile-menu-btn:hover{background-color:#f8fafc;background-color:var(--surface);transform:scale(1.1)}.mobile-menu.open{display:block;right:0}.mobile-menu a{color:var(--text)}.mobile-menu a:before{background:linear-gradient(90deg,var(--accent),var(--primary))}.mobile-menu-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;display:none;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;visibility:hidden;width:100%;z-index:999}.mobile-menu-overlay.open{display:block;opacity:1;visibility:visible}.mobile-menu.open{animation:slideInRight .4s ease}.mobile-dropdown-content{background:#0000!important;border:none!important;box-shadow:none!important;display:block!important;margin-left:20px;max-height:0!important;overflow:hidden!important;position:static!important;transition:max-height .3s ease!important;width:100%!important}.mobile-dropdown-content.open{background:#0000;margin-bottom:10px;max-height:200px!important;overflow:visible!important;position:relative;z-index:1}.mobile-menu .dropdown-btn,.mobile-menu a,.mobile-menu button{font-size:1rem!important}.mobile-menu .dropdown-btn,.mobile-menu .language-btn,.mobile-menu .language-selector,.mobile-menu a,.mobile-menu button{background:none!important;border:none!important;border-radius:12px!important;color:#334155!important;color:var(--text)!important;display:block!important;font-weight:500!important;margin-bottom:.5rem!important;padding:1rem 1.25rem!important;text-align:left!important;width:100%!important}.mobile-menu *{color:#334155!important;color:var(--text)!important;font-family:Inter,sans-serif!important;font-size:1rem!important}.mobile-dropdown-content a{font-size:.9rem!important;margin-bottom:.3rem!important;margin-left:0!important;padding:.3rem 1rem!important}.hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:7rem 5rem 5rem;position:relative;text-align:center}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;max-width:1200px;position:relative;width:100%;z-index:1}.hero-text{text-align:left}.hero-text h1{color:#fff;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem;padding-top:2rem}.hero-text .hero-title-line{display:inline;line-height:1.1;margin-bottom:0}.hero h1{color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.16;margin-bottom:1.5rem}.animated-text{display:flex;flex-direction:column;height:1em;margin:0;min-width:200px;overflow:hidden;position:relative;vertical-align:initial}.animated-text span{-webkit-text-fill-color:#0000;animation:textSlideVertical 9s infinite;background:linear-gradient(45deg,#ea282d);-webkit-background-clip:text;background-clip:text;color:#a30c2b;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;left:0;line-height:1,8;opacity:0;position:absolute;text-align:left;top:0;white-space:nowrap;width:100%}.animated-text span:first-child{animation-delay:0s}.animated-text span:nth-child(2){animation-delay:3s}.animated-text span:nth-child(3){animation-delay:6s}@keyframes textSlide{0%,30%{opacity:1;transform:translateX(-50%) translateY(0)}33%,to{opacity:0;transform:translateX(-50%) translateY(-100%)}}@keyframes textSlideVertical{0%,30%{opacity:1;transform:translateY(0)}33%,to{opacity:0;transform:translateY(-20px)}}.hero-text p{color:#ffffffe6;font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:1.5rem}.hero-description-2,.hero-description-4{margin-bottom:.8rem}.hero-description-2{align-items:baseline;display:flex;flex-wrap:wrap;gap:.2rem;margin-top:1.5rem}.hero-description{margin-top:3rem}.hero-images{align-items:center;display:flex;justify-content:center;width:100%}.hero-images,.image-carousel{height:550px;position:relative}.image-carousel{border:4px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000004d;margin-top:25px;overflow:hidden;width:375px}.carousel-image{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity 1s ease-in-out;width:100%}.carousel-image.active{opacity:1}.carousel-dots{bottom:-45px;display:flex;gap:15px;left:50%;position:absolute;transform:translateX(-50%)}.dot{background:#ffffff80;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.dot.active{background:#fff;transform:scale(1.2)}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:5rem}.btn-primary,.btn-secondary{align-items:center;border:2px solid #0000;border-radius:50px;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:#fff;color:#0f172a;color:var(--primary)}.btn-primary:hover{box-shadow:0 10px 25px #0003}.btn-secondary{background:#0000;border-color:#ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#fff}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{color:#0f172a;color:var(--primary);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.section-header p{color:#64748b;color:var(--text-light);font-size:1.2rem;margin:0 auto;max-width:600px}.services{margin:0 auto;max-width:1400px;padding:8rem 2rem}.services,.services-carousel{overflow:hidden;position:relative}.services-carousel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;padding:2rem 0}.services-track{animation:scrollServices 32s linear infinite;display:flex;gap:2rem;padding:0 1rem;width:calc(2800px + 16rem)}.services-track:hover{animation-play-state:paused}@keyframes scrollServices{0%{transform:translateX(0)}to{transform:translateX(calc(-1400px + -8rem))}}.service-card{background:#fff;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 15px #0000001a;flex-shrink:0;opacity:0;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transform:translateY(30px);transition:all .4s ease;width:350px}.service-card.fade-in{opacity:1;transform:translateY(0)}.service-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:#0000;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);transform:translateY(-10px)}.service-image-1,.service-image-2,.service-image-3,.service-image-4{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;cursor:pointer;height:200px;margin-bottom:2rem;transition:transform .3s ease;width:100%}.service-image-1{background-image:url(/static/media/door-control.1fc5fc3c3f00193b68a9.jpg)}.service-image-2{background-image:url(/static/media/smart-lighting.ac99f5793c8039a6a4c1.jpg)}.service-image-3{background-image:url(/static/media/smart-signboard-control.8cfeb06f4a3a84aedb2f.jpg)}.service-image-4{background-image:url(/static/media/sliding-door.8f2668e133299751f5e4.jpg)}.service-image-1:hover,.service-image-2:hover,.service-image-3:hover,.service-image-4:hover{transform:scale(1.05)}.service-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.service-image{border-radius:15px;cursor:pointer;height:200px;margin-bottom:2rem;overflow:hidden;transition:transform .3s ease;width:100%}.service-image:hover{transform:translateY(-5px)}.service-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.service-image:hover img{transform:scale(1.05)}.service-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);border-radius:15px;color:#fff;display:flex;font-size:3rem;height:100%;justify-content:center;transition:transform .3s ease;width:100%}.service-card:hover .service-icon{transform:scale(1.1)}.service-card h3{color:#0f172a;color:var(--primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.service-card p{color:#64748b;color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.price{color:#3b82f6;color:var(--accent);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.service-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.service-btn:hover{box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}@media (max-width:1024px){.services-track{gap:1.5rem;width:calc(2400px + 12rem)}.service-card{padding:2rem;width:300px}@keyframes scrollServices{0%{transform:translateX(0)}to{transform:translateX(calc(-1200px + -6rem))}}}@media (max-width:768px){.services-track{gap:1rem;width:calc(2080px + 8rem)}.service-card{padding:1.5rem;width:260px}@keyframes scrollServices{0%{transform:translateX(0)}to{transform:translateX(calc(-1040px + -4rem))}}}@media (max-width:480px){.services-track{gap:.8rem;width:calc(1760px + 6.4rem)}.service-card{padding:1.2rem;width:220px}@keyframes scrollServices{0%{transform:translateX(0)}to{transform:translateX(calc(-880px + -3.2rem))}}}.stats{background:#f8fafc;background:var(--surface);margin:4rem 0;padding:6rem 2rem}.stats-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;text-align:center}.stat-item{opacity:0;transform:translateY(30px);transition:all .6s ease}.stat-item.fade-in{opacity:1;transform:translateY(0)}.stat-item h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-item p{color:#64748b;color:var(--text-light);font-weight:500}.products{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:block!important;min-height:600px;opacity:1!important;overflow:hidden;padding:80px 0;position:relative;visibility:visible!important;z-index:1}.products .section-header{display:block!important;margin-bottom:60px;text-align:center}.products .section-header h2{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:20px}.products .section-header p{color:#7f8c8d;font-size:1.2rem;margin:0 auto;max-width:600px}.products-carousel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #fff3;border-radius:20px;margin:0 auto;max-width:1400px;overflow:hidden;padding:2rem 0;position:relative}.products-track{animation:scrollProducts 30s linear infinite;display:flex;gap:2rem;padding:0 1rem;width:3820px}.products-track:hover{animation-play-state:paused}@keyframes scrollProducts{0%{transform:translateX(0)}to{transform:translateX(-1910px)}}.product-grid{grid-gap:30px;display:grid!important;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.product-card{background:#fff;border:1px solid #fff3;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex!important;flex-direction:column;flex-shrink:0;height:auto;min-height:400px;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .4s ease;width:350px}.product-card:hover{border-color:#3498db;box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.product-image-1,.product-image-2,.product-image-3,.product-image-4,.product-image-5{align-items:center;background:#f8f9fa;border-radius:10px;display:flex!important;height:200px;justify-content:center;margin-bottom:20px;overflow:hidden;transition:transform .3s ease;width:100%}.product-image-1:hover,.product-image-2:hover,.product-image-3:hover,.product-image-4:hover,.product-image-5:hover{transform:scale(1.05)}.product-image-1 img,.product-image-2 img,.product-image-3 img,.product-image-4 img,.product-image-5 img{border-radius:10px;height:100%;object-fit:cover;width:100%}.product-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:15px}.product-card p{color:#7f8c8d;flex-grow:1;line-height:1.6;margin-bottom:20px}.product-card .price{color:#e74c3c;font-size:1.8rem;font-weight:700;margin-bottom:20px}.product-btn{background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.product-btn:hover{background:linear-gradient(45deg,#2980b9,#1f4e79);box-shadow:0 10px 20px #0003;transform:translateY(-2px)}@media (max-width:1200px){.products{padding:60px 20px}.products-track{animation:scrollProducts 28s linear infinite;gap:1.5rem;width:3440px}.product-card{padding:25px;width:320px}@keyframes scrollProducts{0%{transform:translateX(0)}to{transform:translateX(-1720px)}}}@media (max-width:1024px){.products{padding:50px 15px}.products .section-header h2{font-size:2.2rem}.products-track{animation:scrollProducts 26s linear infinite;gap:1.5rem;width:3240px}.product-card{min-height:380px;padding:25px;width:300px}.product-image-1,.product-image-2{height:180px}.product-card h3{font-size:1.3rem}.product-card .price{font-size:1.6rem}@keyframes scrollProducts{0%{transform:translateX(0)}to{transform:translateX(-1620px)}}}@media (max-width:768px){.products{padding:40px 10px}.products .section-header{margin-bottom:40px}.products .section-header h2{font-size:2rem}.products .section-header p{font-size:1.1rem}.products-carousel{border-radius:15px;padding:1.5rem 0}.products-track{animation:scrollProducts 25s linear infinite;gap:1rem;width:2760px}.product-card{min-height:360px;padding:20px;width:260px}.product-image-1,.product-image-2{height:160px;margin-bottom:15px}.product-card h3{font-size:1.2rem;margin-bottom:12px}.product-card p{font-size:.9rem;margin-bottom:15px}.product-card .price{font-size:1.4rem;margin-bottom:15px}.product-btn{font-size:.9rem;padding:10px 20px}@keyframes scrollProducts{0%{transform:translateX(0)}to{transform:translateX(-1380px)}}}@media (max-width:640px){.products{padding:30px 5px}.products-track{animation:scrollProducts 24s linear infinite;gap:.75rem;width:2420px}.product-card{min-height:340px;padding:18px;width:230px}@keyframes scrollProducts{0%{transform:translateX(0)}to{transform:translateX(-1210px)}}}@media (max-width:480px){.products{min-height:500px;padding:25px 5px}.products .section-header{margin-bottom:30px}.products .section-header h2{font-size:1.8rem}.products .section-header p{font-size:1rem}.products-carousel{border-radius:12px;padding:1rem 0}.products-track{animation:scrollProducts 22s linear infinite;gap:.75rem;padding:0 .5rem;width:2120px}.product-card{border-radius:12px;min-height:320px;padding:15px;width:200px}.product-image-1,.product-image-2{border-radius:8px;height:140px;margin-bottom:12px}.product-card h3{font-size:1.1rem;margin-bottom:10px}.product-card p{font-size:.85rem;line-height:1.4;margin-bottom:12px}.product-card .price{font-size:1.2rem;margin-bottom:12px}.product-btn{border-radius:6px;font-size:.8rem;padding:8px 16px}@keyframes scrollProducts{0%{transform:translateX(0)}to{transform:translateX(-1060px)}}}@media (max-width:360px){.products{min-height:450px;padding:20px 3px}.products .section-header h2{font-size:1.6rem}.products-track{animation:scrollProducts 20s linear infinite;gap:.625rem;width:1800px}.product-card{min-height:300px;padding:12px;width:170px}.product-image-1,.product-image-2{height:120px}.product-card h3{font-size:1rem}.product-card p{font-size:.8rem}.product-card .price{font-size:1.1rem}.product-btn{font-size:.75rem;padding:6px 12px}@keyframes scrollProducts{0%{transform:translateX(0)}to{transform:translateX(-900px)}}}.about{background:#f8fafc;background:var(--surface);padding:8rem 2rem}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.about-text h2{color:#0f172a;color:var(--primary);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.about-text p{color:#64748b;color:var(--text-light);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-image{text-align:center}.about-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);color:#fff;display:flex;font-size:1.2rem;font-weight:600;justify-content:center}.about-placeholder,.office-image{border-radius:20px;height:300px;width:100%}.office-image{box-shadow:0 10px 30px #0000001a;object-fit:cover}.contact{background:#0f172a;background:var(--primary);color:#fff;margin:0 auto;overflow:hidden;padding:4rem 2rem;position:relative}.contact:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);opacity:.95}.contact:after,.contact:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.contact:after{animation:gridMove 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.3}.contact-content{margin:0;max-width:100%;padding:0;position:relative;text-align:center;z-index:2}.contact h2{-webkit-text-fill-color:#0000;animation:fadeInUp 1s ease .2s both;background:linear-gradient(45deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.contact p{animation:fadeInUp 1s ease .4s both;color:#fffc;font-size:1.2rem;margin-bottom:3rem}footer{overflow:hidden;padding:1rem 2rem .5rem;position:relative}footer:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);opacity:.95}footer:after,footer:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}footer:after{animation:gridMove 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.3}footer>*{position:relative;z-index:2}.footer-logo-img{height:70px;object-fit:contain;transition:all .3s ease;width:auto}@media (max-width:1024px){.footer-logo-img{height:35px;max-width:180px}}@media (max-width:768px){.footer-logo-img{height:30px;max-width:150px}}@media (max-width:480px){.footer-logo-img{height:25px;max-width:120px}}@media (max-width:320px){.footer-logo-img{height:20px;max-width:100px}}.footer-logo{align-items:center;display:flex;justify-content:center;margin-bottom:10px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.footer-logo-img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.fade-in{animation:fadeInUp .6s ease forwards}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:opacity .5s ease;width:100%;z-index:9999}.loading-screen:before{animation:gridMove 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0H0v20' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3Ccircle r='1' fill='rgba(255,255,255,0.2)'/%3E%3Ccircle cx='20' cy='20' r='1' fill='rgba(255,255,255,0.2)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{color:#fff;position:relative;text-align:center;z-index:1}.loading-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;display:flex;height:190px;justify-content:center;margin:0 auto 2rem;overflow:hidden;position:relative;width:250px}.loading-logo img{border-radius:10px!important;height:180px!important;width:240px!important}@keyframes logoRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo-animation{-webkit-text-fill-color:#0000;animation:logoPulse 2s ease-in-out infinite;background:linear-gradient(45deg,#fbbf24,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;position:relative;z-index:2}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.loading-text{-webkit-text-fill-color:#0000;animation:textFade 2s ease-in-out infinite;background:linear-gradient(45deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:600;margin-bottom:2rem}@keyframes textFade{0%,to{opacity:1}50%{opacity:.7}}.loading-bar{background:#ffffff1a;border-radius:3px;box-shadow:inset 0 2px 4px #0003;height:6px;margin:0 auto 1rem;overflow:hidden;position:relative;width:300px}.loading-progress{animation:progressLoad 2.5s ease-in-out infinite,progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#ea282d);background-size:200% 100%;border-radius:3px;box-shadow:0 0 10px #ea282d;height:100%}@keyframes progressLoad{0%{width:0}50%{width:70%}to{width:100%}}@keyframes progressGlow{0%,to{background-position:0 50%;box-shadow:0 0 10px (#ea282d)}50%{background-position:100% 50%;box-shadow:0 0 20px #ea282d}}.loading-status{animation:statusBlink 1.5s ease-in-out infinite;color:#fff9;font-size:.9rem;font-weight:400;margin-top:1rem}@keyframes statusBlink{0%,to{opacity:.6}50%{opacity:1}}.tech-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.particle{animation:particleFloat 8s linear infinite;background:#fbbf2499;border-radius:50%;height:4px;position:absolute;width:4px}.particle:first-child{animation-delay:0s;animation-duration:6s;left:10%}.particle:nth-child(2){animation-delay:1s;animation-duration:8s;left:20%}.particle:nth-child(3){animation-delay:2s;animation-duration:7s;left:30%}.particle:nth-child(4){animation-delay:3s;animation-duration:9s;left:40%}.particle:nth-child(5){animation-delay:4s;animation-duration:6s;left:50%}.particle:nth-child(6){animation-delay:5s;animation-duration:8s;left:60%}.particle:nth-child(7){animation-delay:6s;animation-duration:7s;left:70%}.particle:nth-child(8){animation-delay:7s;animation-duration:9s;left:80%}.particle:nth-child(9){animation-delay:8s;animation-duration:6s;left:90%}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1)}}.contact-container{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:0;max-width:100%;padding:0;position:relative;width:100%;z-index:2}.contact-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;justify-self:start;margin-bottom:0;width:100%}.contact-item{align-items:center;animation:slideInLeft .8s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;display:flex;gap:.35rem;margin-bottom:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-item a{color:inherit;text-decoration:none;transition:all .3s ease}.contact-item a:hover{color:#60a5fa;color:var(--accent-light);text-decoration:underline}.contact-item:first-child{animation-delay:.6s}.contact-item:nth-child(2){animation-delay:.8s}.contact-item:nth-child(3){animation-delay:1s}.contact-item:nth-child(4){animation-delay:1.2s}.contact-item:before{background:linear-gradient(90deg,#ffffff1a,#ffffff0d);content:"";height:100%;left:0;position:absolute;top:0;transition:width .4s ease;width:0;z-index:-1}.contact-item:hover:before{width:100%}.contact-item:hover{background:#ffffff26;box-shadow:0 10px 25px #0003;transform:translateX(8px) translateY(-2px)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.contact-icon{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.contact-item-content{display:flex;flex:1 1;flex-direction:column}.contact-item h3{color:#ffffffb3;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.contact-item p{color:#fff;font-size:1rem;font-weight:600;line-height:1.3;margin:0}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;flex-direction:column;height:fit-content;justify-content:space-between;justify-self:end;min-height:100%;padding:1rem 2.5rem;width:100%}.contact-form h3{color:#fff;flex-shrink:0;font-size:1.3rem;margin-bottom:1rem;text-align:center}.form-top-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:0}.form-bottom-row{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:1fr}.form-message-area{flex:1 1}.form-submit-area{align-items:end;display:flex}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:1.5rem}.form-message{grid-column:1/-1}.form-group{margin-bottom:.5rem;position:relative}.form-group textarea{flex:1 1;min-height:150px;resize:vertical}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;box-sizing:border-box;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff3;border-color:#60a5fa;border-color:var(--accent-light);box-shadow:0 0 0 3px #60a5fa1a;outline:none}.form-group label{background:#0000;color:#ffffffb3;font-size:1rem;left:1rem;padding:0 .25rem;pointer-events:none;position:absolute;top:1rem;transition:all .3s ease}.form-group label:after{content:""}#recaptcha-container{display:none;justify-content:center;margin:16px 0;opacity:0;transform:translateY(-10px);transition:all .3s ease}@media (max-width:480px){#recaptcha-container{transform:scale(.8);transform-origin:center}}.form-group textarea:invalid:not(:focus):not(:placeholder-shown){background-color:#fef2f2;border-color:#ef4444}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group select:focus+label,.form-group select:not([value=""])+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{background:#0f172a;background:var(--primary);border-radius:3px;color:#60a5fa;color:var(--accent-light);font-size:.8rem;left:.5rem;padding:0 .5rem;top:-.5rem}.form-group input::placeholder,.form-group textarea::placeholder{color:#0000}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{color:#ffffff80}.recaptcha-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;display:flex;justify-content:center;margin:1rem 0;margin:15px 0;padding:12px;transition:all .3s ease}.recaptcha-container:hover{background:#ffffff26;border-color:#ffffff4d}.recaptcha-container iframe{border-radius:8px;overflow:hidden}.recaptcha-container .g-recaptcha{display:flex;justify-content:center;transform-origin:center}@media (max-width:768px){.recaptcha-container{margin:10px 0;overflow:hidden;padding:8px}.recaptcha-container .g-recaptcha{transform:scale(.85);transform-origin:center}}@media (max-width:480px){.recaptcha-container{margin:8px 0;padding:6px}.recaptcha-container .g-recaptcha{transform:scale(.75)}}@media (max-width:360px){.recaptcha-container .g-recaptcha{transform:scale(.65)}}.alert{border-radius:8px;font-weight:500;margin:1rem 0;padding:1rem;text-align:center}.alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.alert-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#059669}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-btn{height:fit-content;min-width:120px;white-space:nowrap}.submit-btn.disabled{background-color:#666;cursor:not-allowed;opacity:.5}.submit-btn.disabled:hover{background-color:#666;transform:none}.submit-btn.loading{color:#0000;pointer-events:none}.submit-loader{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:20px}.submit-loader.active{opacity:1}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.submit-btn{background:#fff;border:none;border-radius:10px;color:#0f172a;color:var(--primary);cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:auto;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.submit-btn:hover{box-shadow:0 10px 25px #ffffff4d;transform:translateY(-2px)}.scroll-progress{background:#fff3;height:4px;left:0;position:fixed;top:0;width:100%;z-index:9999}.progress-bar{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);height:100%;transition:width .3s ease;width:0}@media (max-width:1024px){.nav-container{padding:0 1.5rem}.hero-content{gap:3rem}.service-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.about-content,.contact-container{gap:3rem}}@media (max-width:768px){.gokay_logo{margin-left:35px}.nav-links{display:none}.mobile-menu-btn{display:block}.mobile-menu{right:-280px;width:280px}.hero{min-height:90vh;padding:6rem 1rem 4rem}.hero-content{gap:2rem;grid-template-columns:1fr}.hero-content,.hero-text{text-align:center}.hero-text h1{font-size:clamp(2.5rem,5vw,2.8rem)}.animated-text{align-items:center;height:.9em;min-width:200px}.animated-text span{font-size:clamp(2.5rem,6vw,2.5rem);text-align:center}.hero-images{height:380px}.image-carousel{height:320px;width:320px}.cta-buttons{align-items:center;flex-direction:column;justify-content:center}.btn-primary,.btn-secondary{justify-content:center;max-width:300px;width:100%}.services{padding:4rem 1rem}.service-grid{gap:1.5rem;grid-template-columns:1fr}.service-card{padding:2rem}.stats{padding:4rem 1rem}.stats-grid{gap:2rem}.about{padding:6rem 1rem}.about-content{gap:2rem;grid-template-columns:1fr}.contact{padding:4rem 1rem}.contact h2{font-size:2rem}.contact p{font-size:1rem;margin-bottom:2rem}.contact-container{gap:2rem;grid-template-columns:1fr;padding:0 1rem}.contact-info{gap:1rem;grid-template-columns:repeat(2,1fr)}.contact-item{animation:fadeInUp .6s ease both;gap:1rem;margin-bottom:1rem;padding:1.2rem;transform:none}.contact-item:hover{transform:translateY(-2px)}.contact-icon{font-size:1.2rem;height:50px;width:50px}.contact-form{margin-top:1rem;padding:1.5rem}.contact-form h3{font-size:1.2rem;margin-bottom:1.2rem}.contact-item p{font-size:.9rem}.form-group{margin-bottom:1.2rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.8rem}.form-group textarea{min-height:120px}.submit-btn{font-size:1rem;padding:.8rem}.loading-logo{height:140px!important;width:175px!important}.loading-logo img{height:135px!important;width:170px!important}.brand .gokay_logo img{height:100px!important;margin-left:-5px;margin-top:-16px;transition:all .3s ease;width:135px!important}nav.scrolled .brand .gokay_logo img{height:60px!important;margin-right:45px;margin-top:0;width:75px!important}.brand{gap:1.6rem;transition:gap .3s ease}nav.scrolled .brand{gap:0}.brand h1{font-size:1.3rem;white-space:nowrap}.logo-animation{font-size:2rem}.loading-text{font-size:1.4rem}.loading-bar{width:250px}.footer-content{padding:0 1rem}.form-top-row{gap:1rem;grid-template-columns:1fr}.form-submit-area{grid-column:1;justify-self:stretch}}@media (max-width:480px){.mobile-menu{width:100%}.mobile-menu.open{right:0}.nav-container{height:70px;padding:0 1rem}.gokay_logo{font-size:1.2rem;height:40px;width:40px}.gokay_logo>img{width:60px}.logo{font-size:1.5rem}.hero{padding:5rem .5rem 3rem}.hero-text h1{font-size:clamp(1.5rem,6vw,2rem)}.hero-text p{font-size:1rem;margin-bottom:2rem}.animated-text span{font-size:clamp(1.2rem,5vw,1.5rem)}.image-carousel{height:280px;width:280px}.hero-images{height:320px}.btn-primary,.btn-secondary{font-size:.9rem;padding:.8rem 1.5rem}.services{padding:3rem .5rem}.service-card{padding:1.5rem}.section-header h2{font-size:clamp(1.5rem,5vw,2rem)}.section-header p{font-size:1rem;padding:0 1rem}.stats{padding:3rem .5rem}.stat-item h3{font-size:2.5rem}.stat-item p{font-size:.9rem}.about{padding:4rem .5rem}.about-text h2{font-size:2rem}.about-text p{font-size:1rem}.contact{padding:4rem .5rem}.contact h2{font-size:2rem}.contact p{font-size:1rem}.contact-container{padding:0 .5rem}.contact-item{gap:.8rem;padding:1rem}.contact-icon{height:40px;width:40px}.contact-icon,.contact-item h3{font-size:1rem}.contact-item p{font-size:.9rem}.contact-form{padding:1.5rem}.contact-form h3{font-size:1.1rem}.contact-info{gap:.5rem;grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.8rem}.form-group textarea{min-height:180px}.submit-btn{font-size:1rem;padding:.8rem}.loading-logo{height:80px;width:80px}.logo-animation{font-size:1.8rem}.loading-text{font-size:1.2rem}.loading-bar{width:200px}.loading-status{font-size:.8rem}.footer-logo{font-size:1.5rem}.footer-text{font-size:1rem}.footer-bottom{font-size:.9rem}}@media (max-height:600px){.hero{min-height:100vh;padding:4rem 1rem 2rem}.hero-content{gap:1.5rem}.hero-text h1{margin-bottom:1rem}.hero-text p{margin-bottom:1.5rem}.loading-logo{height:80px;width:80px}.loading-text{font-size:1.2rem;margin-bottom:1.5rem}.loading-bar{width:200px}}@media (orientation:landscape) and (max-height:500px){.hero{min-height:100vh;padding:3rem 1rem 2rem}.hero-content{gap:2rem}.hero-images{height:300px}.image-carousel{height:250px;width:250px}.loading-screen{padding:2rem 1rem}.loading-content{transform:scale(.8)}}@media print{.contact-form,.cta-buttons,.loading-screen,.mobile-menu-btn,.nav,.scroll-progress{display:none!important}.hero{background:#fff!important;padding:2rem!important}.about-text h2,.animated-text span,.contact h2,.hero,.hero-text h1,.section-header h2{color:#000!important}.about-text p,.contact p,.hero-text p,.section-header p{color:#333!important}.contact-item,.service-card{border:1px solid #ccc!important;box-shadow:none!important}.about,.contact,.stats{background:#fff!important}.contact,.contact-item{color:#000!important}.contact-item{background:#f9f9f9!important}.contact-icon{background:#eee!important;color:#000!important}.footer-content{background:#fff!important}.footer-content,.footer-logo{color:#000!important}.footer-bottom,.footer-text{color:#333!important}.about,.contact,.hero,.services{page-break-inside:avoid}}.animated-background-logos{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.big-floating-logo{backface-visibility:hidden;opacity:0;perspective:1000px;position:absolute;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity}.big-floating-logo img{filter:grayscale(75%) brightness(.6) blur(.3px) saturate(1.1);height:300px;object-fit:contain;transition:all .6s cubic-bezier(.4,0,.2,1);width:300px}.big-floating-logo:first-child{animation:diagonalFlow 28s cubic-bezier(.25,.46,.45,.94) infinite;animation-delay:0s}.big-floating-logo:nth-child(2){animation:curvedPath 32s cubic-bezier(.4,0,.2,1) infinite;animation-delay:18s}.big-floating-logo:nth-child(3){animation:spiralPath 35s cubic-bezier(.3,0,.7,1) infinite;animation-delay:10s}@keyframes diagonalFlow{0%{left:-15%;opacity:0;top:-10%;transform:scale(.7) translateZ(0)}8%{opacity:.11;transform:scale(.8) translateZ(0)}25%{left:22%;opacity:.14;top:18%;transform:scale(.9) translateZ(0)}50%{left:52%;opacity:.17;top:42%;transform:scale(1) translateZ(0)}75%{left:82%;opacity:.14;top:68%;transform:scale(.9) translateZ(0)}92%{opacity:.11;transform:scale(.8) translateZ(0)}to{left:115%;opacity:0;top:110%;transform:scale(.7) translateZ(0)}}@keyframes curvedPath{0%{left:115%;opacity:0;top:25%;transform:scale(.8) translateZ(0)}10%{opacity:.13;transform:scale(.85) translateZ(0)}20%{left:78%;opacity:.15;top:12%;transform:scale(.95) translateZ(0)}35%{left:48%;opacity:.17;top:28%;transform:scale(1) translateZ(0)}50%{left:28%;opacity:.16;top:55%;transform:scale(.95) translateZ(0)}65%{left:18%;opacity:.14;top:78%;transform:scale(.9) translateZ(0)}80%{left:8%;opacity:.12;top:88%;transform:scale(.85) translateZ(0)}90%{opacity:.1;transform:scale(.8) translateZ(0)}to{left:-15%;opacity:0;top:110%;transform:scale(.7) translateZ(0)}}@keyframes spiralPath{0%{left:-15%;opacity:0;top:65%;transform:scale(.75) translateZ(0)}12%{opacity:.12;transform:scale(.85) translateZ(0)}25%{left:15%;opacity:.16;top:38%;transform:scale(.95) translateZ(0)}40%{left:45%;opacity:.18;top:15%;transform:scale(1) translateZ(0)}55%{left:75%;opacity:.17;top:25%;transform:scale(.95) translateZ(0)}70%{left:88%;opacity:.15;top:50%;transform:scale(.9) translateZ(0)}85%{left:65%;opacity:.13;top:75%;transform:scale(.85) translateZ(0)}92%{opacity:.11;transform:scale(.8) translateZ(0)}to{left:45%;opacity:0;top:110%;transform:scale(.75) translateZ(0)}}.big-floating-logo:hover img{filter:grayscale(65%) brightness(.8) blur(.2px) saturate(1.3);transform:scale(1.02)}@media (max-width:1024px){.big-floating-logo img{height:380px;width:380px}.big-floating-logo:first-child{animation-duration:30s}.big-floating-logo:nth-child(2){animation-delay:20s;animation-duration:34s}.big-floating-logo:nth-child(3){animation-delay:12s;animation-duration:37s}@keyframes diagonalFlow{0%{left:-12%;opacity:0;top:-8%;transform:scale(.7) translateZ(0)}8%{opacity:.1;transform:scale(.8) translateZ(0)}50%{left:52%;opacity:.15;top:42%;transform:scale(.95) translateZ(0)}92%{opacity:.1;transform:scale(.8) translateZ(0)}to{left:112%;opacity:0;top:108%;transform:scale(.7) translateZ(0)}}@keyframes curvedPath{0%{left:112%;opacity:0;top:25%;transform:scale(.8) translateZ(0)}10%{opacity:.12;transform:scale(.85) translateZ(0)}50%{left:28%;opacity:.15;top:55%;transform:scale(.95) translateZ(0)}90%{opacity:.09;transform:scale(.8) translateZ(0)}to{left:-12%;opacity:0;top:108%;transform:scale(.7) translateZ(0)}}@keyframes spiralPath{0%{left:-12%;opacity:0;top:65%;transform:scale(.75) translateZ(0)}12%{opacity:.11;transform:scale(.85) translateZ(0)}50%{left:75%;opacity:.16;top:25%;transform:scale(.95) translateZ(0)}92%{opacity:.1;transform:scale(.8) translateZ(0)}to{left:45%;opacity:0;top:108%;transform:scale(.75) translateZ(0)}}}@media (max-width:768px){.big-floating-logo img{filter:grayscale(80%) brightness(.5) blur(.4px) saturate(1);height:280px;width:280px}.big-floating-logo:first-child{animation:diagonalFlowMobile 35s ease-in-out infinite;animation-delay:0s}.big-floating-logo:nth-child(2){animation:curvedPathMobile 40s ease-in-out infinite;animation-delay:22s}.big-floating-logo:nth-child(3){animation:spiralPathMobile 42s ease-in-out infinite;animation-delay:15s}@keyframes diagonalFlowMobile{0%{left:-10%;opacity:0;top:-5%;transform:scale(.8) translateZ(0)}12%{opacity:.09;transform:scale(.85) translateZ(0)}50%{left:58%;opacity:.13;top:48%;transform:scale(.9) translateZ(0)}88%{opacity:.09;transform:scale(.85) translateZ(0)}to{left:110%;opacity:0;top:105%;transform:scale(.8) translateZ(0)}}@keyframes curvedPathMobile{0%{left:110%;opacity:0;top:30%;transform:scale(.8) translateZ(0)}15%{opacity:.11;transform:scale(.85) translateZ(0)}50%{left:22%;opacity:.14;top:58%;transform:scale(.9) translateZ(0)}85%{opacity:.11;transform:scale(.85) translateZ(0)}to{left:-10%;opacity:0;top:105%;transform:scale(.8) translateZ(0)}}@keyframes spiralPathMobile{0%{left:-10%;opacity:0;top:70%;transform:scale(.8) translateZ(0)}18%{opacity:.1;transform:scale(.85) translateZ(0)}45%{left:45%;opacity:.15;top:25%;transform:scale(.95) translateZ(0)}75%{left:85%;opacity:.13;top:45%;transform:scale(.9) translateZ(0)}90%{opacity:.1;transform:scale(.85) translateZ(0)}to{left:50%;opacity:0;top:105%;transform:scale(.8) translateZ(0)}}}@media (max-width:480px){.big-floating-logo img{height:220px;width:220px}.big-floating-logo:first-child{animation-duration:45s}.big-floating-logo:nth-child(2){animation-delay:28s;animation-duration:50s}.big-floating-logo:nth-child(3){animation-delay:18s;animation-duration:52s}}@media (prefers-reduced-motion:reduce){.big-floating-logo{animation-duration:90s;opacity:.06!important}.big-floating-logo img{filter:grayscale(90%) brightness(.4) blur(.6px)}}.references{background:#f8fafc;background:var(--surface);overflow:hidden;padding:4rem 1rem;position:relative}.references:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(59, 130, 246, 0.05)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.references-content{margin:0 auto;max-width:1400px;position:relative;z-index:1}.references-header{margin-bottom:2.5rem;text-align:center}.references-header h2{color:#0f172a;color:var(--primary);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.references-header p{color:#64748b;color:var(--text-light);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.references-carousel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;overflow:hidden;padding:.5rem 0;position:relative}.references-track{animation:scrollReferences 30s linear infinite;display:flex;gap:1.5rem;width:calc(4050px + 13.5rem)}.references-track:hover{animation-play-state:paused}.reference-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;flex-shrink:0;height:225px;justify-content:flex-start;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease;width:450px}.reference-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.reference-card:hover:before{transform:scaleX(1)}.reference-card:hover{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 15px 35px #00000026;transform:translateY(-8px)}.reference-logo{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;display:flex;height:130px;justify-content:center;margin-bottom:1rem;overflow:hidden;position:relative;width:440px}.reference-logo.red-bg{background:linear-gradient(135deg,#dc2626,#b91c1c)}.reference-logo.blue-bg{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.reference-logo.dark-blue{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.reference-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.reference-name.red-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;background-clip:text}.reference-name.blue-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;background-clip:text}.reference-subtitle{color:#64748b;color:var(--text-light);font-size:.95rem;font-weight:500;line-height:1.4}@keyframes scrollReferences{0%{transform:translateX(0)}to{transform:translateX(calc(-1350px + -4.5rem))}}@media (max-width:1024px){.references{padding:6rem 1.5rem}.references-track{gap:1.5rem;width:calc(2700px + 13.5rem)}.reference-card{height:160px;padding:1.5rem;width:300px}.reference-logo{height:100px;width:280px}.reference-name{font-size:1.2rem}@keyframes scrollReferences{0%{transform:translateX(0)}to{transform:translateX(calc(-900px + -4.5rem))}}}@media (max-width:768px){.references{padding:2.5rem 1rem}.references-header{margin-bottom:2.5rem}.references-carousel{border-radius:15px;padding:1.5rem 0}.references-track{gap:1rem;width:calc(2700px + 9rem)}.reference-card{height:160px!important;padding:1.2rem;width:300px!important}.reference-logo{height:100px;margin-bottom:.8rem;width:280px!important}.reference-name{font-size:1.1rem;margin-bottom:.3rem}.reference-subtitle{font-size:.85rem}@keyframes scrollReferences{0%{transform:translateX(0)}to{transform:translateX(calc(-900px + -3rem))}}.hero-text h1{padding-left:1rem}.hero-description-2{display:block}}@media (max-width:480px){.references{padding:3rem .5rem}.references-track{gap:.8rem;width:calc(1800px + 7.2rem)}.reference-card{height:120px;padding:1rem;width:200px}.reference-logo{height:60px;margin-bottom:.6rem;width:180px}.reference-name{font-size:1rem}.reference-subtitle{font-size:.8rem}@keyframes scrollReferences{0%{transform:translateX(0)}to{transform:translateX(calc(-600px + -2.4rem))}}}@media (prefers-reduced-motion:reduce){.references-track{animation:none}.reference-card:hover{transform:none}}@media print{.references{background:#fff!important;padding:2rem!important}.references-track{grid-gap:1rem!important;animation:none!important;display:grid!important;gap:1rem!important;grid-template-columns:repeat(3,1fr)!important;width:auto!important}.reference-card{border:1px solid #ccc!important;box-shadow:0 2px 4px #0000001a!important;height:auto!important;width:auto!important}.reference-name,.reference-subtitle{color:#000!important}}.form-group select{appearance:none;background:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px;border:2px solid #ffffff4d;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;padding:1rem 3rem 1rem 1rem;transition:all .3s ease;width:100%}.form-group select:focus{background:#fff3;border-color:#60a5fa;border-color:var(--accent-light);box-shadow:0 0 0 3px #60a5fa1a;outline:none}.form-group select:disabled{cursor:not-allowed;opacity:.6}.form-group select option{background:#0f172a;background:var(--primary);border:none;color:#fff;padding:.5rem}.form-group select option:hover{background:#3b82f6;background:var(--accent)}.form-group select:not([value=""])+label{display:none}@media (max-width:768px){.form-group select{background-size:14px;font-size:.9rem;padding:.8rem 2.5rem .8rem .8rem}}@media (max-width:480px){.form-group select{background-size:12px;padding-right:2.2rem}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar-content{height:80px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{gap:30px}.navbar-logo{align-items:center;background:none;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.navbar-logo>img{border-radius:10%;width:80px}.navbar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;text-decoration:none}.back-button{background:none;border:none;border-radius:8px;color:#3b82f6;color:var(--accent,#3b82f6);cursor:pointer;padding:8px;transition:all .3s ease}.back-button:hover{background:#3b82f61a;color:#fff}.desktop-nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#374151;font-size:.95rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#3b82f6;color:var(--accent,#3b82f6)}nav-link:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));bottom:-8px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.dropdown{display:inline-block;position:relative}.dropdown-btn{align-items:center;background-color:initial!important;border:none!important;border-radius:4px;box-shadow:none!important;color:#334155;color:var(--text,#334155);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;outline:none!important;padding:8px 12px;position:relative;text-decoration:none;transition:all .3s ease}.dropdown-btn:after{content:"▼";font-size:.7rem;margin-left:4px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dropdown:hover .dropdown-btn:after{transform:rotate(180deg)}.dropdown-btn img{margin-right:5px}.dropdown-btn:hover{background-color:#f5f5f580;color:#3b82f6;color:var(--accent,#3b82f6)}.dropdown-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 40px #00000026;left:0;min-width:320px;opacity:0;pointer-events:none;position:absolute;top:100%;transform:translateY(-5px) scale(.95);transform-origin:top center;transition:all .35s cubic-bezier(.25,.46,.45,.94);visibility:hidden;z-index:1001}.dropdown:hover .dropdown-content{opacity:1;pointer-events:all;transform:translateY(0) scale(1);visibility:visible}.dropdown-content:before{border-bottom:8px solid #fffffffa;border-left:8px solid #0000;border-right:8px solid #0000;content:"";filter:drop-shadow(0 -2px 4px rgba(0,0,0,.1));height:0;left:30px;position:absolute;top:-8px;transform:none;width:0}.dropdown:hover .dropdown-content a{opacity:1;transform:translateY(0)}.dropdown:hover .dropdown-content a:first-child{transition-delay:.05s}.dropdown:hover .dropdown-content a:nth-child(2){transition-delay:.1s}.dropdown:hover .dropdown-content a:nth-child(3){transition-delay:.15s}.dropdown:hover .dropdown-content a:nth-child(4){transition-delay:.2s}.dropdown:hover .dropdown-content a:nth-child(5){transition-delay:.25s}.dropdown-content a{align-items:center;border-radius:8px;color:#334155;color:var(--text,#334155);cursor:pointer;display:flex;font-weight:500;gap:12px;margin:4px 8px;opacity:0;padding:14px 20px;text-decoration:none;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.dropdown-content a img{margin-right:8px}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover{background:linear-gradient(135deg,#60a5fa,#f0f2ff);background:linear-gradient(135deg,var(--accent-light,#60a5fa),var(--accent-lighter,#f0f2ff));box-shadow:0 4px 20px #0000001a;color:#3b82f6;color:var(--accent,#3b82f6);transform:translateX(4px)}.mobile-menu-toggle{background:none;border:none;border-radius:8px;color:#334155;color:var(--text,#334155);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;position:relative;transition:all .3s ease;z-index:1001}.mobile-menu-toggle:hover{background-color:#f8fafc;background-color:var(--surface,#f8fafc);transform:scale(1.1)}.mobile-menu{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-left:1px solid #e2e8f0cc;box-shadow:-2px 0 8px #0003;display:none;height:100vh;overflow-y:auto;padding:2rem 1.5rem;position:fixed;right:0;top:0;transition:all .3s ease;width:80%;z-index:10000}.mobile-menu.active{animation:slideInRight .4s ease;display:block;right:0}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.mobile-menu a{align-items:center;border-radius:12px;color:#334155;color:var(--text,#334155);font-weight:500;overflow:hidden;padding:1rem 1.25rem;position:relative;width:100%;z-index:1}.mobile-menu a:before{background:linear-gradient(90deg,#3b82f6,#0f172a);background:linear-gradient(90deg,var(--accent,#3b82f6),var(--primary,#0f172a));content:"";height:100%;left:-50%;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.mobile-menu a:hover:before{width:100%}.mobile-menu a:hover{box-shadow:0 4px 15px #3b82f64d;color:#fff;transform:translateX(8px)}:root{--primary:#0f172a;--secondary:#1e293b;--accent:#3b82f6;--accent-light:#60a5fa;--text:#334155;--text-light:#64748b;--background:#fff;--surface:#f8fafc;--border:#e2e8f0;--gradient:linear-gradient(135deg,#667eea,#764ba2);--shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}.mobile-menu{right:-280px;width:280px}.navbar-content{padding:0 1.5rem}}@media (max-width:480px){.mobile-menu{width:100%}.mobile-menu.active{right:0}.navbar-content{height:70px;padding:0 1rem}.navbar-logo{font-size:1.2rem;height:40px;width:40px}.navbar-logo>img{width:60px}.navbar-title{font-size:1.5rem}}.mobile-menu a{border-radius:8px;color:#374151;display:block;margin-bottom:.5rem;padding:1rem;text-decoration:none;transition:all .3s ease}.mobile-menu a:hover{background-color:#0000000d;color:#667eea}.main-content{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding-top:70px;position:relative}.background-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='%23fff' fill-opacity='.1'%3E%3Cpath d='M0 0h100v100H0z'/%3E%3Cpath d='M20 20h60v60H20z' fill='none' stroke='%23fff' stroke-width='.5'/%3E%3C/g%3E%3C/svg%3E");bottom:0;left:0;opacity:.1;position:absolute;right:0;top:0}.content-wrapper{margin:0 auto;max-width:1200px;padding:20px 10px;position:relative;z-index:1}.header-section{margin-bottom:60px;text-align:center}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fcd34d,#f97316);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:20px;text-shadow:0 4px 20px #0000001a}.main-description{color:#ffffffe6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.product-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}.product-images{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:90%}.main-image{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #0000001a;color:#0369a1;display:flex;font-size:1.5rem;font-weight:700;height:550px;justify-content:center;overflow:hidden;padding:20px;position:relative}.main-image img{border-radius:8px;height:100%;max-height:100%;max-width:100%;object-fit:contain;object-position:center;width:100%}.image-thumbnails{flex-wrap:wrap;gap:16px}.image-thumbnails,.thumbnail{display:flex;justify-content:center}.thumbnail{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #fff3;border-radius:12px;color:#0369a1;cursor:pointer;font-size:.75rem;font-weight:600;height:70px;opacity:.7;overflow:hidden;position:relative;transition:all .3s ease;width:70px}.thumbnail img{border-radius:8px;height:100%;object-fit:cover;object-position:center;width:100%}.thumbnail.active,.thumbnail:hover{border-color:#fff6;opacity:1;transform:scale(1.05)}.product-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:30px}.price-section{border-bottom:1px solid #e5e7eb;margin-bottom:30px;padding-bottom:30px}.current-price{color:#0369a1;font-size:2.5rem;font-weight:900;margin-bottom:10px}.price-details{align-items:center;display:flex;gap:15px}.original-price{color:#6b7280;font-size:1.25rem;text-decoration:line-through}.discount-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 4px 12px #ef44444d;color:#fff;font-size:.875rem;font-weight:700;padding:8px 16px}.tabs{border-bottom:2px solid #e5e7eb;display:flex;margin-bottom:30px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.tab.active{border-bottom-color:#0369a1;color:#0369a1}.tab:hover{color:#374151}.tab-content{margin-bottom:30px;max-height:250px;overflow-y:auto}.features-list{display:flex;flex-direction:column;gap:12px}.feature-item{align-items:flex-start;display:flex;gap:12px}.feature-icon{color:#0369a1;flex-shrink:0;margin-top:2px}.feature-text{color:#374151;line-height:1.5}.specs-list{display:flex;flex-direction:column;gap:12px}.spec-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.spec-label{color:#374151;font-weight:500}.spec-value{color:#0369a1;font-weight:600}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-item{border-bottom:1px solid #f3f4f6;padding-bottom:20px}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.review-name{color:#111827;font-weight:600}.review-date{color:#6b7280;font-size:.875rem}.review-stars{display:flex;gap:2px;margin-bottom:8px}.star{height:16px;width:16px}.star.filled{color:#f59e0b}.star.empty{color:#d1d5db}.review-text{color:#4b5563;font-size:.875rem;line-height:1.5}.action-buttons{display:flex;gap:12px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#0369a1,#7c3aed);box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-primary:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.feature-cards{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;overflow:hidden;padding:30px;text-align:center;transition:all .3s ease}.section-title{color:#111827;font-size:2rem;font-weight:700;margin-bottom:40px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:30px;text-align:center;transition:all .3s ease}.feature-card img{border-radius:12px;height:150px;margin-bottom:20px;max-width:200px;object-fit:cover;object-position:center;width:100%}.feature-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.feature-card-icon{color:#0369a1;margin-bottom:20px}.feature-card-title{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:12px}.feature-card-desc{color:#4b5563;line-height:1.5}.installation-steps{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.step{text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#0369a1,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:50px;justify-content:center;margin:0 auto 16px;width:50px}.step-text{color:#374151;font-size:.875rem;line-height:1.5}.faq-list{display:flex;flex-direction:column;gap:30px}.faq-item{border-bottom:1px solid #e5e7eb;padding-bottom:30px}.faq-question{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:16px}.faq-answer{color:#4b5563;line-height:1.6}footer{background:#0f172a;background:var(--primary);color:#fff;padding:4rem 2rem 2rem;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:1rem}.footer-text{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.footer-bottom{border-top:1px solid #fff3;color:#fff9;padding-top:2rem}@media (max-width:768px){.desktop-nav{display:none}.dropdown-content{left:auto;min-width:140px;right:0}.mobile-menu-toggle{display:block}.product-grid{gap:30px;grid-template-columns:1fr}.main-image{height:350px;padding:15px}.main-image img{height:100%;object-fit:contain;width:100%}.feature-card img{height:120px;max-width:150px}.features-grid,.installation-steps{grid-template-columns:1fr}.action-buttons{flex-direction:column}.main-title{font-size:2.5rem}.current-price{font-size:2rem}.navbar-content{padding:0 15px}.content-wrapper{padding:20px 15px}footer{padding:3rem 1rem 1.5rem}.footer-logo{font-size:1.5rem}.footer-text{font-size:1rem;margin-bottom:1.5rem}}@media (max-width:480px){.thumbnail{font-size:.6rem;height:50px;width:50px}.image-thumbnails{gap:8px}.main-image{height:280px;padding:10px}.product-info{padding:20px}.price-details{align-items:flex-start;flex-direction:column;gap:10px}.tabs{flex-wrap:wrap}.tab{font-size:.8rem;padding:10px 15px}.feature-card img{height:100px;max-width:120px}.navbar-content{padding:0 10px}.navbar-logo{font-size:1.2rem;height:40px;width:40px}.navbar-title{font-size:1.4rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .6s ease-out}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.tab-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.back-button:focus,.btn:focus,.tab:focus{outline:2px solid #0369a1;outline-offset:2px}.loading{opacity:.7;pointer-events:none}.hover-lift:hover{transform:translateY(-2px);transition:transform .3s ease}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0369a1,#7c3aed);-webkit-background-clip:text;background-clip:text}.image-container{border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.image-container img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-container:hover img{transform:scale(1.05)}.image-loading{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.image-error{align-items:center;background:#f3f4f6;color:#6b7280;display:flex;flex-direction:column;font-size:.875rem;gap:8px;justify-content:center;text-align:center}.image-error:before{content:"📷";font-size:2rem;opacity:.5}.faq-section,.feature-cards,.installation-section{margin-bottom:80px}
/*# sourceMappingURL=main.d698445c.css.map*/