:root{--bg-dark:#05070b;--bg-card:#1e293b66;--bg-card-hover:#1e293bcc;--border-light:#ffffff0d;--border-glow:#3b82f680;--text-primary:#f8fafc;--text-secondary:#94a3b8;--primary:#3b82f6;--primary-glow:#60a5fa;--accent:#8b5cf6;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-dark);background-image:radial-gradient(circle at 15%,#3b82f614 0%,#0000 50%),radial-gradient(circle at 85% 30%,#8b5cf614 0%,#0000 50%);background-attachment:fixed;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.container{max-width:1280px;margin:0 auto;padding:0 24px}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:20px;box-shadow:0 4px 30px #0000001a}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:var(--border-glow);transform:translateY(-5px);box-shadow:0 10px 40px #3b82f626}.header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);z-index:1000;background:#07090fcc;width:100%;transition:all .3s;position:fixed;top:0}.navbar{padding:1rem 0}.nav-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{align-items:center;gap:12px;display:flex}.nav-logo .logo-img{object-fit:contain;mix-blend-mode:screen;width:100px;height:100px}.logo-text h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.logo-text span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px}.nav-menu{gap:2.5rem;list-style:none;display:flex}.nav-menu a{color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-menu a:hover{color:var(--text-primary)}.nav-menu a:after{content:"";background:linear-gradient(135deg, var(--primary), var(--accent));width:0;height:2px;box-shadow:0 0 10px var(--primary);transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-menu a:hover:after{width:100%}.hamburger{cursor:pointer;flex-direction:column;display:none}.hamburger span{background:var(--text-primary);border-radius:2px;width:25px;height:2px;margin:4px 0;transition:all .3s}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f64d}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.btn-secondary:hover{border-color:var(--primary);background:#ffffff1a;transform:translateY(-2px)}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:160px 20px 80px;display:flex;position:relative}.hero-content{grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;max-width:1280px;margin:0 auto;display:grid}.hero-text h2{color:var(--text-primary);letter-spacing:-1px;margin-bottom:1.5rem;font-size:4.5rem;font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #3b82f64d;-webkit-background-clip:text;background-clip:text}.hero-text p{color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.hero-image{position:relative}.hero-image:after{content:"";background:linear-gradient(135deg, var(--primary), var(--accent));filter:blur(60px);opacity:.3;z-index:-1;border-radius:50%;position:absolute;inset:-20px}.hero-image img{object-fit:cover;border:1px solid var(--border-light);border-radius:30px;width:100%;height:500px;box-shadow:0 30px 60px #00000080}.hero-stats{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:24px;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1280px;margin:4rem auto 0;padding:2rem;display:grid}.stat{text-align:center;position:relative}.stat:not(:last-child):after{content:"";background:var(--border-light);width:1px;height:80%;position:absolute;top:10%;right:-1rem}.stat h3{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800}.stat p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500}section{padding:100px 20px;position:relative}section:before{content:"";background:linear-gradient(90deg,#0000,#3b82f64d,#8b5cf64d,#0000);width:80%;height:1px;position:absolute;top:0;left:10%}section:nth-of-type(2n){background:linear-gradient(#0f172a4d 0%,#0000 100%)}.section-header{text-align:center;margin-bottom:5rem}.section-header h2{color:var(--text-primary);letter-spacing:-1px;margin-bottom:1rem;font-size:3rem;font-weight:800}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.about-text h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:2.5rem;line-height:1.2}.about-text p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.about-features{gap:1.5rem;margin-top:2rem;display:grid}.feature{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;align-items:flex-start;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.feature:hover{background:var(--bg-card-hover);border-color:var(--success)}.feature i,.feature img{color:var(--success);background:#10b9811a;border:1px solid #10b98133;border-radius:12px;padding:14px;font-size:20px}.feature img{object-fit:contain;mix-blend-mode:screen;width:50px;height:50px;padding:5px}.feature h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1.2rem}.feature p{color:var(--text-secondary);margin:0;font-size:.95rem}.about-image{position:relative}.about-image img{object-fit:cover;border:1px solid var(--border-light);border-radius:30px;width:100%;height:600px;box-shadow:0 20px 50px #00000080}.bento-grid,.services-grid,.products-grid,.reasons-grid,.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.service-card{text-align:left;border-radius:24px;flex-direction:column;padding:2.5rem;display:flex;position:relative;overflow:hidden}.service-icon{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;transition:all .3s;display:flex}.service-card:hover .service-icon{background:linear-gradient(135deg, var(--primary), var(--accent))}.service-icon i{color:var(--primary);font-size:1.5rem;transition:color .3s}.service-icon img{object-fit:contain;mix-blend-mode:screen;width:80%;height:80%;transition:transform .3s}.service-card:hover .service-icon i{color:#fff}.service-card:hover .service-icon img{transform:scale(1.1)}.service-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.service-card p{color:var(--text-secondary);line-height:1.7}.product-card{background:linear-gradient(180deg, var(--bg-card), #07090f33);border-radius:24px;padding:2.5rem}.product-icon{margin-bottom:1.5rem}.product-icon i{background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem}.product-icon img{object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 10px #3b82f64d);width:80px;height:80px}.product-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.8rem}.product-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.product-card ul{list-style:none}.product-card ul li{color:var(--text-secondary);align-items:center;margin-bottom:.75rem;padding-left:2rem;display:flex;position:relative}.product-card ul li:before{content:"";color:var(--success);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-family:"Font Awesome 6 Free";font-size:.9rem;font-weight:900;display:flex;position:absolute;left:0}.reason{border-radius:24px;padding:2.5rem}.reason-number{color:#0000;-webkit-text-stroke:1px #ffffff1a;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:4rem;font-weight:800;line-height:1;transition:all .3s}.reason:hover .reason-number{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-stroke:0;text-shadow:0 0 20px #f59e0b4d;-webkit-background-clip:text}.reason h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.testimonial{border-radius:24px;padding:2.5rem;position:relative}.testimonial:before{content:"";color:#ffffff08;z-index:0;font-family:"Font Awesome 6 Free";font-size:4rem;font-weight:900;position:absolute;top:2rem;right:2.5rem}.testimonial-content{z-index:1;position:relative}.testimonial-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;font-style:italic;line-height:1.8}.testimonial-author{flex-direction:column;display:flex}.testimonial-author h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1.2rem}.testimonial-author span{color:var(--primary);font-size:.9rem;font-weight:500}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.gallery-item{aspect-ratio:4/3;border:1px solid var(--border-light);border-radius:24px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-overlay{opacity:0;background:linear-gradient(#0000,#07090fe6);align-items:flex-end;padding:2rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay h3{color:#fff;font-size:1.5rem;transition:transform .3s;transform:translateY(20px)}.gallery-item:hover .gallery-overlay h3{transform:translateY(0)}.contact-content{grid-template-columns:1fr 1.2fr;gap:4rem;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-item{border:1px solid var(--border-light);background:#ffffff05;border-radius:16px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.contact-item i{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:12px;padding:16px;font-size:20px}.contact-item h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem}.contact-item p{color:var(--text-secondary);line-height:1.6}.contact-form{border-radius:24px;padding:3rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-light);width:100%;color:var(--text-primary);background:#0003;border-radius:12px;padding:16px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:#0006;outline:none;box-shadow:0 0 0 4px #3b82f61a}.form-group select option{background:var(--bg-dark);color:var(--text-primary)}.contact-form .btn{width:100%;margin-top:1rem}.footer{border-top:1px solid var(--border-light);background:#04060a;padding:80px 20px 30px}.footer-content{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem;display:grid}.footer-logo{align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.footer-logo .logo-img{object-fit:contain;mix-blend-mode:screen;width:100px;height:100px}.footer-logo h3{color:var(--text-primary);margin:0;font-size:1.8rem}.footer-section>p{color:var(--text-secondary);max-width:400px;margin-bottom:2rem;line-height:1.8}.social-links{gap:1rem;display:flex}.social-links a{border:1px solid var(--border-light);width:44px;height:44px;color:var(--text-primary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.social-links a:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-3px);box-shadow:0 5px 15px #3b82f64d}.footer-section h4{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.3rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.8rem}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:var(--primary)}.footer-contact p{color:var(--text-secondary);align-items:flex-start;gap:1rem;margin-bottom:1rem;line-height:1.6;display:flex}.footer-contact i{color:var(--primary);margin-top:4px}.footer-bottom{text-align:center;border-top:1px solid #ffffff0d;padding-top:2rem}.footer-bottom p{color:var(--text-secondary);margin:0}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text p{margin:0 auto 2.5rem}.hero-buttons{justify-content:center}.hero-stats{grid-template-columns:repeat(2,1fr);gap:3rem 2rem}.stat:not(:last-child):after{display:none}.about-content,.contact-content{grid-template-columns:1fr}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hamburger{z-index:1001;display:flex}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-light);background:#0f172af2;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:400px;height:100vh;transition:all .4s;position:fixed;top:0;right:-100%}.nav-menu.active{right:0}.hero-text h2{font-size:3rem}.section-header h2{font-size:2.5rem}.footer-content{grid-template-columns:1fr}}@media (width<=480px){.hero-stats{grid-template-columns:1fr}.hero-text h2{font-size:2.5rem}.contact-form{padding:2rem 1.5rem}}html{scroll-behavior:smooth}
