@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&display=swap");:root{--color-primary:#0B2545;--color-primary-dark:#071A33;--color-secondary:#0f1729;--color-accent:#f59e0b;--color-dark:#0a0f1e;--color-light:#F1F5F9;--color-white:#ffffff;--color-gray:#6c757d;--color-gray-light:#e9ecef;--color-text:#333333;--color-text-light:#666666;--color-success:#28a745;--font-primary:"Montserrat",sans-serif;--font-secondary:"Poppins",sans-serif;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 20px rgba(0,0,0,0.12);--shadow-lg:0 8px 40px rgba(0,0,0,0.16);--shadow-xl:0 12px 60px rgba(0,0,0,0.2);--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);--border-radius:12px;--border-radius-lg:20px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-secondary);color:var(--color-text);line-height:1.6;background:var(--color-white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2;color:var(--color-secondary)}a{text-decoration:none;color:inherit;transition:var(--transition)}img{max-width:100%;height:auto}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:2.8rem;font-weight:800;margin-bottom:15px;position:relative;display:inline-block}.section-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--color-primary);border-radius:2px}.section-title p{font-size:1.1rem;color:var(--color-text-light);max-width:600px;margin:20px auto 0}.section-badge{display:inline-block;padding:6px 16px;background:rgba(11,37,69,.1);color:var(--color-primary);font-size:.85rem;font-weight:600;border-radius:50px;margin-bottom:20px}.btn-primary-custom{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--color-primary);color:var(--color-white);font-family:var(--font-primary);font-weight:600;font-size:1rem;border:none;border-radius:50px;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px}.btn-primary-custom:hover{background:var(--color-primary-dark);transform:translateY(-3px);box-shadow:0 8px 25px rgba(11,37,69,.4)}.btn-secondary-custom{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;color:var(--color-white);font-family:var(--font-primary);font-weight:600;font-size:1rem;border:2px solid var(--color-white);border-radius:50px;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px}.btn-secondary-custom:hover{background:var(--color-white);color:var(--color-primary);transform:translateY(-3px)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translateX(-50px);transition:opacity .6s ease,transform .6s ease}.slide-in-left.visible{opacity:1;transform:translateX(0)}.slide-in-right{opacity:0;transform:translateX(50px);transition:opacity .6s ease,transform .6s ease}.slide-in-right.visible{opacity:1;transform:translateX(0)}.scale-in{opacity:0;transform:scale(.9);transition:opacity .6s ease,transform .6s ease}.scale-in.visible{opacity:1;transform:scale(1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-light)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.top-bar{background:var(--color-secondary);color:var(--color-white);padding:8px 0;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.1)}.top-bar-content{display:flex;justify-content:space-between;align-items:center}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:20px}.top-bar-item{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.85);transition:var(--transition)}.top-bar-item:hover{color:var(--color-accent)}.header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:var(--color-white);padding:15px 0;transition:var(--transition);box-shadow:none}.header.scrolled{padding:10px 0;box-shadow:var(--shadow-md);background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.logo{gap:12px;text-decoration:none;flex-shrink:0}.logo-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--color-primary),#071A33);border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:800;font-size:1.2rem;color:var(--color-white);letter-spacing:-1px;box-shadow:0 4px 15px rgba(11,37,69,.3);transition:var(--transition)}.logo:hover .logo-icon{transform:scale(1.05);box-shadow:0 6px 20px rgba(11,37,69,.4)}.logo-text{display:flex;flex-direction:column}.logo-name{font-family:var(--font-primary);font-weight:700;font-size:1.35rem;color:var(--color-secondary);line-height:1.1}.logo-tagline{font-size:.7rem;color:var(--color-primary);font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-top:1px}.nav-desktop,.nav-list{display:flex;align-items:center}.nav-list{gap:5px}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:4px;padding:10px 18px;font-family:var(--font-primary);font-weight:500;font-size:.95rem;color:var(--color-text);border-radius:8px;transition:var(--transition)}.nav-link.active,.nav-link:hover{color:var(--color-primary);background:rgba(11,37,69,.05)}.dropdown-icon{font-size:.8rem;transition:var(--transition)}.nav-item.has-dropdown:hover .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:10px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:100}.nav-item.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:10px 20px;font-size:.9rem;color:var(--color-text);transition:var(--transition)}.dropdown-item:hover{background:rgba(11,37,69,.05);color:var(--color-primary);padding-left:25px}.header-actions-desktop{display:flex;align-items:center;gap:12px}.btn-login{display:flex;align-items:center;gap:6px;padding:10px 20px;background:transparent;border:2px solid var(--color-primary);border-radius:50px;font-family:var(--font-primary);font-weight:600;font-size:.9rem;color:var(--color-primary);cursor:pointer;transition:var(--transition)}.btn-login:hover{background:var(--color-primary);color:var(--color-white)}.header-cta{padding:12px 28px;font-size:.9rem}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.6rem;color:var(--color-secondary);cursor:pointer;padding:8px;z-index:1001}.mobile-menu,.mobile-overlay{display:none}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:140px}.hero-slider{z-index:-1}.hero-slide,.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%}.hero-slide{opacity:0;transition:opacity .8s ease-in-out}.hero-slide.active{opacity:1}.hero-bg-media{width:100%;height:100%;object-fit:cover;object-position:center}.hero-hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease}.hero-gradient{background:linear-gradient(135deg,rgba(13,13,26,.85),rgba(26,26,46,.8) 50%,rgba(22,33,62,.75))}.hero-gradient,.hero-pattern{position:absolute;top:0;left:0;width:100%;height:100%}.hero-pattern{background-image:radial-gradient(circle at 20% 80%,rgba(11,37,69,.2) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,158,11,.12) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.02) 0,transparent 50%)}.hero-content{position:relative;z-index:2;max-width:700px}.hero.visible .hero-content{opacity:1;transform:translateY(0)}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(11,37,69,.15);border:1px solid rgba(11,37,69,.3);border-radius:50px;color:var(--color-primary);font-size:.9rem;font-weight:600;margin-bottom:25px}.badge-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-size:3.5rem;font-weight:800;color:var(--color-white);line-height:1.1;margin-bottom:25px}.hero-title .highlight{color:var(--color-accent);position:relative}.hero-description{font-size:1.15rem;color:#ffffff;line-height:1.7;margin-bottom:35px}.hero-stats{gap:30px;margin-bottom:40px;padding:25px 30px;background:rgba(255,255,255,.05);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1)}.hero-stats,.stat-item{display:flex;align-items:center}.stat-item{flex-direction:column}.hero .stat-number{font-family:var(--font-primary);font-size:2.2rem;font-weight:800;color:#f59e0b;line-height:1}.hero .stat-label{font-size:.85rem;color:#ffffff;margin-top:5px}.stat-divider{width:1px;height:40px;background:#f59e0b}.hero-buttons{display:flex;gap:15px;margin-bottom:40px}.hero-video-trigger{gap:15px}.hero-video-trigger,.play-btn{display:flex;align-items:center}.play-btn{width:50px;height:50px;border-radius:50%;background:var(--color-primary);border:none;color:var(--color-white);font-size:1.2rem;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px rgba(11,37,69,.4)}.play-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(11,37,69,.5)}.hero-video-trigger span{color:rgba(255,255,255,.8);font-size:.95rem}.hero-visual{position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:1}.hero-visual .visual-card{position:absolute;padding:18px 22px;background:#0B2545;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:12px;color:#ffffff;font-weight:600;font-size:.9rem;animation:float 3s ease-in-out infinite;box-shadow:0 8px 25px rgba(0,0,0,.4);opacity:1}.hero-visual .card-icon{font-size:1.5rem;color:#ffffff}.hero-visual .card-1{top:-80px;right:0;animation-delay:0s}.hero-visual .card-2{top:30px;right:120px;animation-delay:1s}.hero-visual .card-3{top:140px;right:20px;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}.scroll-mouse{width:26px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:13px;position:relative}.scroll-wheel{width:4px;height:8px;background:var(--color-white);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scroll 1.5s infinite}@keyframes scroll{0%{opacity:1;top:8px}to{opacity:0;top:20px}}.hero-scroll-indicator span{font-size:.75rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:2px}.about-section{background:var(--color-white);overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center;margin-bottom:80px}.about-title{font-size:2.5rem;font-weight:800;line-height:1.15;margin-bottom:25px}.about-title .highlight{color:var(--color-primary)}.about-description{font-size:1.05rem;color:var(--color-text-light);line-height:1.8;margin-bottom:20px}.about-highlights{display:flex;gap:30px;margin:30px 0 35px;padding:20px 0;border-top:1px solid var(--color-gray-light);border-bottom:1px solid var(--color-gray-light)}.highlight-item{display:flex;flex-direction:column}.highlight-number{font-family:var(--font-primary);font-size:2rem;font-weight:800;color:var(--color-primary);line-height:1}.highlight-label{font-size:.85rem;color:var(--color-text-light);margin-top:5px}.about-visual{position:relative}.about-image-main{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.about-img{width:100%;height:450px;object-fit:cover;display:block}.experience-badge{position:absolute;bottom:-30px;left:-30px;padding:25px 30px;background:var(--color-primary);border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-lg)}.exp-number{font-family:var(--font-primary);font-size:2.5rem;font-weight:800;color:var(--color-white);line-height:1}.exp-text{font-size:.8rem;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:1px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;gap:30px}.feature-card{padding:35px 25px;background:var(--color-light);border-radius:var(--border-radius);text-align:center;transition:var(--transition);border:1px solid transparent}.feature-card:hover{background:var(--color-white);border-color:var(--color-primary);transform:translateY(-5px);box-shadow:var(--shadow-md)}.feature-icon{width:70px;height:70px;margin:0 auto 20px;background:rgba(11,37,69,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--color-primary);transition:var(--transition)}.feature-card:hover .feature-icon{background:var(--color-primary);color:var(--color-white)}.feature-title{font-size:1.15rem;font-weight:700;margin-bottom:10px;color:var(--color-secondary)}.feature-description{font-size:.95rem;color:var(--color-text-light);line-height:1.6}.services-section{position:relative;background:var(--color-light);overflow:hidden}.services-bg{position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(135deg,rgba(11,37,69,.03),rgba(244,161,0,.03));border-radius:0 0 0 50%}.services-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:50px;flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:10px;padding:15px 30px;background:var(--color-white);border:2px solid var(--color-gray-light);border-radius:50px;font-family:var(--font-primary);font-weight:600;font-size:.95rem;color:var(--color-text);cursor:pointer;transition:var(--transition)}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active,.tab-btn:hover{border-color:var(--color-primary)}.tab-btn.active{background:var(--color-primary);color:var(--color-white);box-shadow:0 4px 15px rgba(11,37,69,.3)}.tab-icon{font-size:1.2rem}.services-content{background:var(--color-white);border-radius:var(--border-radius-lg);padding:50px;box-shadow:var(--shadow-md);margin-bottom:50px}.content-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px;align-items:center}.content-info h3{font-size:2rem;margin-bottom:15px;color:var(--color-secondary)}.content-info>p{font-size:1.05rem;color:var(--color-text-light);margin-bottom:30px;line-height:1.7}.product-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;margin-bottom:30px}.product-item{display:flex;align-items:center;gap:10px;font-size:1rem;color:var(--color-text)}.product-bullet{width:8px;height:8px;background:var(--color-primary);border-radius:50%;flex-shrink:0}.visual-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.visual-card{background:var(--color-light);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition);animation:fadeInUp .5s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.visual-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.card-image{width:100%;height:140px;object-fit:cover;display:block}.card-info{padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.card-name{font-weight:600;font-size:.95rem;color:var(--color-secondary)}.card-arrow{color:var(--color-primary);font-size:1.2rem;transition:var(--transition)}.visual-card:hover .card-arrow{transform:translate(3px,-3px)}.services-cta{background:linear-gradient(135deg,var(--color-secondary),#16213e);border-radius:var(--border-radius-lg);padding:50px;text-align:center}.cta-content h3{font-size:2rem;color:var(--color-white);margin-bottom:15px}.cta-content p{font-size:1.1rem;color:rgba(255,255,255,.8);margin-bottom:25px;max-width:500px;margin-left:auto;margin-right:auto}.why-section{background:var(--color-white);overflow:hidden}.why-grid{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:60px;gap:60px;align-items:start}.why-content{position:-webkit-sticky;position:sticky;top:120px}.why-title{font-size:2.5rem;font-weight:800;line-height:1.15;margin-bottom:20px}.why-title .highlight{color:var(--color-primary)}.why-description{font-size:1.05rem;color:var(--color-text-light);line-height:1.8;margin-bottom:30px}.quality-checks{padding:25px;background:var(--color-light);border-radius:var(--border-radius);border-left:4px solid var(--color-primary)}.quality-checks h4{font-size:1rem;font-weight:600;margin-bottom:15px;color:var(--color-secondary)}.quality-checks ul{display:flex;flex-direction:column;gap:12px}.quality-checks li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--color-text)}.check-icon{color:var(--color-success);font-size:1.1rem;flex-shrink:0}.advantages-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:25px;gap:25px}.advantage-card{padding:30px 25px;background:var(--color-light);border-radius:var(--border-radius);transition:var(--transition);border:1px solid transparent}.advantage-card:hover{background:var(--color-white);border-color:rgba(11,37,69,.2);box-shadow:var(--shadow-md);transform:translateY(-5px)}.advantage-icon{width:60px;height:60px;background:linear-gradient(135deg,rgba(11,37,69,.1),rgba(11,37,69,.05));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-primary);margin-bottom:20px;transition:var(--transition)}.advantage-card:hover .advantage-icon{background:var(--color-primary);color:var(--color-white)}.advantage-title{font-size:1.15rem;font-weight:700;margin-bottom:10px;color:var(--color-secondary)}.advantage-description{font-size:.95rem;color:var(--color-text-light);line-height:1.6}.contact-section{position:relative;background:var(--color-light);overflow:hidden}.contact-bg{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,transparent,rgba(11,37,69,.02))}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:50px;gap:50px;align-items:start}.contact-info{background:linear-gradient(135deg,var(--color-secondary),#16213e);border-radius:var(--border-radius-lg);padding:40px;color:var(--color-white)}.contact-info h3{font-size:1.8rem;color:var(--color-white);margin-bottom:10px}.info-subtitle{font-size:1rem;color:rgba(255,255,255,.7);margin-bottom:30px;line-height:1.6}.info-cards{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.info-card{display:flex;align-items:flex-start;gap:15px;padding:20px;background:rgba(255,255,255,.05);border-radius:var(--border-radius);transition:var(--transition)}.info-card:hover{background:rgba(255,255,255,.1)}.info-content h4{font-size:1rem;font-weight:600;color:var(--color-white);margin-bottom:5px}.info-content p{font-size:.9rem;color:rgba(255,255,255,.7);margin:0}.contact-form-wrapper{background:var(--color-white);border-radius:var(--border-radius-lg);padding:40px;box-shadow:var(--shadow-md)}.contact-form h3{font-size:1.5rem;margin-bottom:25px;color:var(--color-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--color-gray-light);border-radius:8px;font-family:var(--font-secondary);font-size:.95rem;color:var(--color-text);transition:var(--transition);background:var(--color-white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(11,37,69,.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray)}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:35px}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;justify-content:center;padding:16px;font-size:1rem}.footer{position:relative;background:var(--color-dark);color:var(--color-white)}.footer-top{padding:80px 0 50px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;grid-gap:40px;gap:40px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo .logo-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--color-primary),#071A33);box-shadow:0 4px 15px rgba(11,37,69,.3)}.footer-logo .logo-name{color:var(--color-white)}.footer-logo .logo-tagline{color:var(--color-accent)}.footer-description{font-size:.95rem;color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:25px}.social-links{display:flex;gap:12px}.social-link{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:1.1rem;transition:var(--transition)}.social-link:hover{background:var(--color-primary);transform:translateY(-3px)}.footer-contact h4,.footer-links h4,.footer-products h4{font-size:1.1rem;font-weight:700;color:var(--color-white);margin-bottom:25px;position:relative;padding-bottom:12px}.footer-contact h4:after,.footer-links h4:after,.footer-products h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--color-primary);border-radius:2px}.footer-links ul,.footer-products ul{display:flex;flex-direction:column;gap:12px}.footer-links a,.footer-products a{font-size:.95rem;color:rgba(255,255,255,.7);transition:var(--transition)}.footer-links a:hover,.footer-products a:hover{color:var(--color-primary);padding-left:5px}.contact-items{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.contact-item{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:rgba(255,255,255,.7)}.gst-info{padding:15px 20px;background:rgba(11,37,69,.2);border-radius:var(--border-radius);display:flex;align-items:center;gap:10px}.cert-text{font-size:.8rem;color:rgba(255,255,255,.7)}.footer-bottom{padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.copyright{font-size:.9rem;color:rgba(255,255,255,.6)}.footer-bottom-links{display:flex;align-items:center;gap:15px;font-size:.85rem;color:rgba(255,255,255,.5)}.separator{color:rgba(255,255,255,.3)}.scroll-to-top{position:fixed;bottom:30px;right:90px;width:50px;height:50px;background:var(--color-primary);border:none;border-radius:50%;color:var(--color-white);font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;opacity:0;visibility:hidden;transform:translateY(20px);transition:var(--transition);box-shadow:0 4px 15px rgba(11,37,69,.4)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:var(--color-primary-dark);transform:translateY(-3px)}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#25d366;color:white;text-decoration:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 15px rgba(37,211,102,.4);cursor:pointer;z-index:1000;transition:var(--transition);border:none}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,.5)}.page-hero{position:relative;padding:180px 0 80px;overflow:hidden}.page-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-secondary),#16213e);z-index:-1}.page-hero h1{font-size:3rem;font-weight:800;color:var(--color-white);margin-bottom:15px}.page-hero p{font-size:1.2rem;color:rgba(255,255,255,.8)}.about-us-page{padding-top:0}.story-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.story-content .section-badge{display:inline-block;padding:6px 16px;background:rgba(11,37,69,.1);color:var(--color-primary);font-size:.85rem;font-weight:600;border-radius:50px;margin-bottom:20px}.story-content h2{font-size:2.3rem;margin-bottom:25px}.story-content p{font-size:1.05rem;color:var(--color-text-light);line-height:1.8;margin-bottom:15px}.story-visual{position:relative}.story-image{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.story-img{width:100%;height:400px;object-fit:cover;display:block}.story-stats{display:flex;gap:20px;margin-top:20px}.stat-box{flex:1 1;padding:25px;background:var(--color-primary);border-radius:var(--border-radius);text-align:center;color:var(--color-white)}.stat-box .stat-number{display:block;font-family:var(--font-primary);font-size:2.5rem;font-weight:800;line-height:1;color:var(--color-white)}.stat-box .stat-label{font-size:.9rem;opacity:.9;color:var(--color-white)}.timeline-section{background:var(--color-light)}.timeline{position:relative;max-width:800px;margin:0 auto;padding:20px 0}.timeline:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:3px;height:100%;background:var(--color-primary);border-radius:2px}.timeline-item{position:relative;padding:20px 0;width:50%}.timeline-item.left{left:0;padding-right:40px;text-align:right}.timeline-item.right{left:50%;padding-left:40px}.timeline-item:before{content:"";position:absolute;top:30px;width:16px;height:16px;background:var(--color-primary);border-radius:50%;border:3px solid var(--color-white);box-shadow:0 0 0 3px var(--color-primary)}.timeline-item.left:before{right:-8px}.timeline-item.right:before{left:-8px}.timeline-content{padding:20px;background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.timeline-year{display:inline-block;padding:4px 12px;background:var(--color-primary);color:var(--color-white);font-family:var(--font-primary);font-weight:700;font-size:.9rem;border-radius:4px;margin-bottom:10px}.timeline-content p{font-size:.95rem;color:var(--color-text);margin:0}.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}.vision-card{padding:40px 30px;background:var(--color-white);border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition)}.vision-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.vision-icon{font-size:3rem;margin-bottom:20px}.vision-card h3{font-size:1.3rem;margin-bottom:15px;color:var(--color-secondary)}.vision-card p{font-size:.95rem;color:var(--color-text-light);line-height:1.7}.quality-section{background:var(--color-light)}.quality-statement{font-size:1.2rem;color:var(--color-text);text-align:center;max-width:800px;margin:0 auto 50px;line-height:1.8;padding:30px;background:var(--color-white);border-radius:var(--border-radius);border-left:4px solid var(--color-primary)}.quality-process{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;gap:30px}.process-step{padding:30px 20px;background:var(--color-white);border-radius:var(--border-radius);text-align:center}.step-number{font-family:var(--font-primary);font-size:2.5rem;font-weight:800;color:var(--color-primary);opacity:.3;margin-bottom:15px}.process-step h4{font-size:1.1rem;margin-bottom:10px;color:var(--color-secondary)}.process-step p{font-size:.9rem;color:var(--color-text-light);margin:0}.quality-certifications{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;margin-top:50px}.cert-card{padding:30px;background:var(--color-white);border-radius:var(--border-radius);text-align:center;transition:var(--transition)}.cert-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.cert-card .cert-icon{font-size:2.5rem;color:var(--color-primary);margin-bottom:15px}.cert-card h4{font-size:1.2rem;margin-bottom:8px;color:var(--color-secondary)}.cert-card p{font-size:.9rem;color:var(--color-text-light);margin:0}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;gap:30px}.value-card{padding:35px 25px;background:var(--color-white);border-radius:var(--border-radius);text-align:center;transition:var(--transition);border:1px solid var(--color-gray-light)}.value-card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:var(--shadow-md)}.value-icon{width:70px;height:70px;margin:0 auto 20px;background:rgba(11,37,69,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--color-primary)}.value-card h3{font-size:1.15rem;margin-bottom:10px;color:var(--color-secondary)}.value-card p{font-size:.9rem;color:var(--color-text-light);line-height:1.6;margin:0}.products-page{padding-top:0}.category-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.category-tab{display:flex;align-items:center;gap:10px;padding:15px 30px;background:var(--color-white);border:2px solid var(--color-gray-light);border-radius:50px;font-family:var(--font-primary);font-weight:600;font-size:.95rem;color:var(--color-text);cursor:pointer;transition:var(--transition)}.category-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 15px rgba(11,37,69,.3)}.category-description{text-align:center;margin-bottom:40px}.category-description p{font-size:1.1rem;color:var(--color-text-light);max-width:700px;margin:0 auto}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px}.product-card{background:var(--color-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--color-gray-light)}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:transparent}.product-image{height:200px;overflow:hidden}.product-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.product-card:hover .product-img{transform:scale(1.05)}.product-content{padding:30px}.product-content h3{font-size:1.3rem;margin-bottom:12px;color:var(--color-secondary)}.product-content p{font-size:.95rem;color:var(--color-text-light);line-height:1.6;margin-bottom:15px}.product-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feature-tag{padding:5px 12px;background:rgba(11,37,69,.08);color:var(--color-primary);font-size:.8rem;font-weight:500;border-radius:50px}.product-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:600;font-size:.95rem;transition:var(--transition)}.product-link:hover{gap:12px}.manufacturing-section{background:var(--color-light)}.manufacturing-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.manufacturing-content .section-badge{display:inline-block;padding:6px 16px;background:rgba(11,37,69,.1);color:var(--color-primary);font-size:.85rem;font-weight:600;border-radius:50px;margin-bottom:20px}.manufacturing-content h2{font-size:2.2rem;margin-bottom:20px}.manufacturing-content>p{font-size:1.05rem;color:var(--color-text-light);line-height:1.7;margin-bottom:25px}.manufacturing-features{display:flex;flex-direction:column;gap:12px}.manufacturing-features li{display:flex;align-items:center;gap:10px;font-size:1rem;color:var(--color-text)}.manufacturing-features li:before{content:"\2713";width:22px;height:22px;background:var(--color-primary);border-radius:50%;font-size:.75rem;flex-shrink:0}.manufacturing-features li:before,.visual-placeholder{color:var(--color-white);display:flex;align-items:center;justify-content:center}.visual-placeholder{width:100%;height:400px;background:linear-gradient(135deg,var(--color-secondary),#16213e);border-radius:var(--border-radius-lg);flex-direction:column;gap:15px}.visual-icon{font-size:5rem}.products-cta{background:var(--color-white)}.cta-box{padding:60px;background:linear-gradient(135deg,var(--color-secondary),#16213e);border-radius:var(--border-radius-lg);text-align:center}.cta-box h2{font-size:2rem;color:var(--color-white);margin-bottom:15px}.cta-box p{font-size:1.1rem;color:rgba(255,255,255,.8);margin-bottom:30px;max-width:500px;margin-left:auto;margin-right:auto}.contact-us-page{padding-top:0}.contact-section .contact-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:50px;gap:50px;align-items:start}.contact-form-wrapper h2{font-size:1.8rem;margin-bottom:10px}.form-subtitle{color:var(--color-text-light);margin-bottom:30px}.contact-info-panel{background:linear-gradient(135deg,var(--color-secondary),#16213e);border-radius:var(--border-radius-lg);padding:40px;color:var(--color-white);position:-webkit-sticky;position:sticky;top:120px}.contact-info-panel h3{font-size:1.6rem;color:var(--color-white);margin-bottom:10px}.gst-badge{padding:15px;border-radius:var(--border-radius);display:flex;align-items:center;gap:12px;margin-bottom:15px;background:rgba(11,37,69,.2)}.map-section{background:var(--color-light)}.map-placeholder{height:300px;border-radius:var(--border-radius-lg);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.map-image{position:absolute;width:100%;height:100%;object-fit:cover}.map-content{position:relative;z-index:1;text-align:center;color:var(--color-white);background:rgba(0,0,0,.6);padding:30px 50px;border-radius:var(--border-radius)}.map-content h3{font-size:1.3rem;color:var(--color-white);margin-bottom:8px}.map-content p{font-size:1rem;color:rgba(255,255,255,.7)}.photos-page{padding-top:0}.filter-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{padding:10px 24px;background:var(--color-white);border:2px solid var(--color-gray-light);border-radius:50px;font-family:var(--font-primary);font-weight:500;font-size:.9rem;color:var(--color-text);cursor:pointer;transition:var(--transition)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.photos-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.photo-card{position:relative;border-radius:var(--border-radius);overflow:hidden;cursor:pointer;aspect-ratio:1}.photo-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.photo-card:hover .photo-img{transform:scale(1.1)}.photo-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.9));transform:translateY(100%);transition:var(--transition)}.photo-card:hover .photo-overlay{transform:translateY(0)}.photo-overlay h4{font-size:1rem;color:var(--color-white);margin-bottom:5px}.photo-overlay p{font-size:.85rem;color:rgba(255,255,255,.8);margin:0}.stats-section{background:var(--color-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;gap:30px}.stats-section .stat-card{text-align:center;padding:30px}.stats-section .stat-number{display:block;font-family:var(--font-primary);font-size:3rem;font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:10px}.stats-section .stat-label{font-size:1rem;color:rgba(255,255,255,.8)}.legal-page{padding-top:0}.legal-section{padding:60px 0}.legal-content{max-width:800px;margin:0 auto}.last-updated{color:var(--color-text-light);font-size:.9rem;margin-bottom:30px}.legal-content h2{font-size:1.4rem;color:var(--color-secondary);margin:30px 0 15px}.legal-content p{color:var(--color-text);line-height:1.8;margin-bottom:15px}.legal-content ul{margin:15px 0;padding-left:20px}.legal-content li{color:var(--color-text);line-height:1.8;margin-bottom:8px}.legal-nav{display:flex;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid var(--color-gray-light)}.legal-nav a{color:var(--color-primary);font-weight:500;text-decoration:none}.legal-nav a:hover{text-decoration:underline}.not-found-page{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.not-found-content{max-width:500px}.error-code{display:block;font-size:8rem;font-weight:800;color:var(--color-primary);line-height:1;opacity:.2;margin-bottom:20px}.not-found-page h1{font-size:2rem;color:var(--color-secondary);margin-bottom:15px}.not-found-page p{color:var(--color-text-light);font-size:1.1rem;margin-bottom:30px}.not-found-actions{display:flex;gap:15px;justify-content:center}.not-found-actions .btn-primary-custom,.not-found-actions .btn-secondary-custom{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition)}.not-found-actions .btn-primary-custom{background:var(--color-primary);color:var(--color-white);border:none}.not-found-actions .btn-primary-custom:hover{background:var(--color-primary-dark)}.not-found-actions .btn-secondary-custom{background:transparent;color:var(--color-text);border:2px solid var(--color-gray-light)}.not-found-actions .btn-secondary-custom:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:1200px){.hero-visual{display:none}}@media (max-width:992px){.header-actions-desktop,.nav-desktop,.top-bar{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.header{padding:12px 0}.mobile-menu{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-white);z-index:2000;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;pointer-events:none}.mobile-menu.open{transform:translateX(0);pointer-events:all}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-gray-light);flex-shrink:0}.mobile-close-btn{width:44px;height:44px;background:var(--color-light);border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--color-text);cursor:pointer;transition:var(--transition)}.mobile-close-btn:hover{background:#fee2e2;color:#dc2626}.mobile-nav{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav-list{list-style:none;padding:8px 0}.mobile-nav-item{border-bottom:1px solid var(--color-gray-light)}.mobile-nav-link{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;background:none;border:none;font-family:var(--font-primary);font-weight:600;font-size:1.05rem;color:var(--color-text);cursor:pointer;transition:var(--transition);text-decoration:none;text-align:left}.mobile-nav-link.active,.mobile-nav-link:hover{background:rgba(11,37,69,.05);color:var(--color-primary)}.mobile-nav-icon{width:40px;height:40px;background:var(--color-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--color-primary);flex-shrink:0}.mobile-nav-link.active .mobile-nav-icon{background:var(--color-primary);color:var(--color-white)}.mobile-chevron{margin-left:auto;font-size:1rem;color:var(--color-gray);transition:transform .3s ease}.mobile-chevron.rotated{transform:rotate(180deg)}.mobile-submenu{list-style:none;padding:0 0 8px;background:var(--color-light)}.mobile-submenu-link{display:block;padding:12px 20px 12px 74px;font-size:.95rem;color:var(--color-text-light);transition:var(--transition);text-decoration:none}.mobile-submenu-link:hover{color:var(--color-primary);background:rgba(11,37,69,.05)}.mobile-menu-footer{flex-shrink:0;padding:16px 20px;border-top:1px solid var(--color-gray-light);background:var(--color-white)}.mobile-cta{padding:14px;margin-bottom:12px}.btn-login-mobile-full,.mobile-cta{display:flex;align-items:center;justify-content:center;width:100%;font-size:1rem}.btn-login-mobile-full{gap:8px;padding:13px;margin-bottom:8px;background:var(--color-light);border:2px solid var(--color-gray-light);border-radius:12px;font-family:var(--font-primary);font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition);text-decoration:none}.btn-login-mobile-full:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-logout-mobile-full{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;margin-bottom:8px;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;font-family:var(--font-primary);font-weight:600;font-size:1rem;color:#dc2626;cursor:pointer;transition:var(--transition)}.btn-logout-mobile-full:hover{background:#dc2626;color:white;border-color:#dc2626}.mobile-contact-info{display:flex;justify-content:center;gap:20px;padding-top:12px;margin-top:4px;border-top:1px solid var(--color-gray-light)}.mobile-contact-info span{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-text-light)}.mobile-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1999;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu.open~.mobile-overlay{opacity:1;pointer-events:all}.section{padding:70px 0}.section-title h2{font-size:2.2rem}.hero{padding-top:120px;min-height:auto;padding-bottom:60px}.hero-title{font-size:2.5rem}.hero-stats{flex-wrap:wrap;gap:20px}.stat-divider{display:none}.about-grid,.manufacturing-grid,.story-grid{grid-template-columns:1fr;gap:40px}.about-visual,.manufacturing-visual,.story-visual{order:-1}.about-title{font-size:2rem}.features-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr;gap:40px}.why-content{position:static}.why-title{font-size:2rem}.content-grid{grid-template-columns:1fr;gap:40px}.services-content{padding:30px}.services-cta{padding:40px 30px}.contact-section .contact-grid{grid-template-columns:1fr}.contact-info-panel{order:-1;position:static}.contact-form-wrapper,.contact-info{padding:25px}.products-grid{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-item{width:100%;padding-left:50px!important;padding-right:0!important;text-align:left!important}.timeline-item.left:before,.timeline-item.right:before{left:12px;right:auto}.quality-certifications,.vision-grid{grid-template-columns:1fr}.quality-process{grid-template-columns:repeat(2,1fr)}.photos-grid{grid-template-columns:repeat(3,1fr)}.footer-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){html{font-size:15px}.container{padding:0 15px}.section{padding:50px 0}.section-title h2{font-size:1.8rem}.section-title{margin-bottom:40px}.section-title p{font-size:1rem}.btn-primary-custom,.btn-secondary-custom{padding:12px 24px;font-size:.9rem}.logo-icon,.logo-name{font-size:1.1rem}.logo-icon{width:42px;height:42px}.logo-tagline{font-size:.65rem}.mobile-nav-link{padding:14px 18px;font-size:1rem}.mobile-submenu-link{padding-left:68px}.hero{padding-top:100px;padding-bottom:40px}.hero-title{font-size:1.8rem}.hero-description{font-size:1rem;margin-bottom:25px}.hero-badge{font-size:.8rem;padding:6px 14px}.hero-stats{padding:15px 20px;gap:15px;flex-direction:column;align-items:stretch;text-align:center}.stat-item{flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0}.stat-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.hero .stat-number{font-size:1.5rem}.hero .stat-label{font-size:.8rem}.hero-buttons{flex-direction:column;gap:12px}.hero-buttons .btn-primary-custom,.hero-buttons .btn-secondary-custom{width:100%;justify-content:center;padding:14px 20px}.hero-scroll-indicator{display:none}.page-hero h1{font-size:1.8rem}.page-hero p{font-size:.95rem}.page-hero{padding:130px 0 50px}.about-highlights{flex-direction:column;gap:20px}.features-grid,.values-grid{grid-template-columns:1fr}.experience-badge{bottom:-20px;left:20px;padding:15px 20px}.exp-number{font-size:1.8rem}.feature-card{padding:25px 20px}.advantages-grid{grid-template-columns:1fr}.advantage-card{padding:25px 20px}.why-title{font-size:1.8rem}.quality-checks{padding:20px}.services-tabs{flex-direction:column;align-items:stretch}.tab-btn{justify-content:center;padding:12px 20px;font-size:.9rem}.services-content{padding:20px}.content-info h3{font-size:1.5rem}.product-list,.visual-grid{grid-template-columns:1fr}.services-cta{padding:30px 20px}.cta-content h3{font-size:1.5rem}.form-row{grid-template-columns:1fr;gap:0}.contact-form-wrapper,.contact-info-panel{padding:20px}.contact-form-wrapper h2{font-size:1.4rem}.contact-info-panel h3{font-size:1.3rem}.info-card{padding:12px}.category-tabs{flex-direction:column;align-items:stretch}.category-tab{justify-content:center;padding:12px 20px;font-size:.9rem}.product-content{padding:20px}.product-content h3{font-size:1.15rem}.cta-box{padding:30px 20px}.cta-box h2{font-size:1.5rem}.visual-placeholder{height:250px}.map-placeholder{height:200px}.photos-grid{grid-template-columns:repeat(2,1fr);gap:10px}.filter-tabs{gap:8px}.filter-btn{padding:8px 16px;font-size:.85rem}.stats-grid{grid-template-columns:1fr;gap:0}.stats-section .stat-card{padding:20px}.stats-section .stat-number{font-size:2.2rem}.story-content h2{font-size:1.6rem}.story-stats{flex-direction:column}.stat-box{padding:20px}.stat-box .stat-number{font-size:2rem}.quality-process{grid-template-columns:1fr}.quality-statement{font-size:1rem;padding:20px}.vision-card{padding:30px 20px}.whatsapp-float{bottom:20px;right:20px;width:55px;height:55px;font-size:1.6rem}.scroll-to-top{width:42px;height:42px;bottom:20px;right:82px;font-size:1.1rem}.footer-grid{grid-template-columns:1fr;text-align:center;gap:30px}.footer-top{padding:50px 0 30px}.footer-logo{justify-content:center}.footer-contact h4:after,.footer-links h4:after,.footer-products h4:after{left:50%;transform:translateX(-50%)}.contact-item,.social-links{justify-content:center}.footer-bottom-content{flex-direction:column;text-align:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:100px 20px 40px}.login-bg{position:fixed;background:linear-gradient(135deg,var(--color-secondary) 0,#16213e 100%);z-index:-1}.login-bg,.login-bg:before{top:0;left:0;width:100%;height:100%}.login-bg:before{content:"";position:absolute;background-image:radial-gradient(circle at 20% 80%,rgba(11,37,69,.2) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,158,11,.1) 0,transparent 50%)}.login-container{width:100%;max-width:450px}.login-card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:40px;box-shadow:var(--shadow-xl);animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-logo{display:inline-block;margin-bottom:20px}.login-logo .logo-icon{width:70px;height:70px;font-size:1.8rem}.login-header h1{font-size:1.8rem;margin-bottom:8px;color:var(--color-secondary)}.login-header p{color:var(--color-text-light)}.error-message{padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-bottom:20px}.login-form .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.login-form .form-group{margin-bottom:18px}.login-form label{display:block;font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:8px}.input-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-gray);font-size:1.1rem}.login-form input{width:100%;padding:14px 16px 14px 44px;border:1px solid var(--color-gray-light);border-radius:10px;font-family:var(--font-secondary);font-size:.95rem;color:var(--color-text);transition:var(--transition)}.login-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(11,37,69,.1)}.login-form input::placeholder{color:var(--color-gray)}.login-form .form-row input{padding-left:16px}.form-options{justify-content:space-between;margin-bottom:25px;font-size:.9rem}.form-options,.remember-me{display:flex;align-items:center}.remember-me{gap:8px;cursor:pointer;color:var(--color-text-light)}.remember-me input{width:auto;accent-color:var(--color-primary)}.forgot-password{color:var(--color-primary);font-weight:500}.forgot-password:hover{text-decoration:underline}.btn-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--color-primary);border:none;border-radius:10px;font-family:var(--font-primary);font-weight:600;font-size:1rem;color:var(--color-white);cursor:pointer;transition:var(--transition)}.btn-submit:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px rgba(11,37,69,.3)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid var(--color-gray-light)}.login-footer p{font-size:.9rem;color:var(--color-text-light)}.toggle-btn{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;font-size:.9rem}.toggle-btn:hover{text-decoration:underline}.demo-credentials{margin-top:20px;padding:15px;background:var(--color-light);border-radius:8px;text-align:center}.demo-credentials p{font-size:.8rem;color:var(--color-text-light);margin:5px 0}.demo-credentials strong{color:var(--color-primary)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.loader{width:50px;height:50px;border:4px solid var(--color-gray-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:576px){.login-page{padding:80px 15px 30px}.login-card{padding:25px 20px}.login-header h1{font-size:1.5rem}.login-logo .logo-icon{width:55px;height:55px;font-size:1.4rem}.login-form .form-row{grid-template-columns:1fr}.form-options{flex-direction:column;gap:10px;align-items:flex-start}}.admin-layout{display:flex;min-height:100vh;background:var(--color-light)}.sidebar{width:260px;background:var(--color-secondary);color:var(--color-white);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;transition:var(--transition)}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.sidebar-logo .logo-icon{width:45px;height:45px;font-size:1.2rem}.sidebar-logo .logo-text{font-family:var(--font-primary);font-weight:700;font-size:1.1rem;color:var(--color-white)}.close-sidebar{display:none;background:none;border:none;color:var(--color-white);font-size:1.3rem;cursor:pointer}.sidebar-nav{flex:1 1;padding:20px 0;overflow-y:auto}.sidebar-nav .nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;background:none;border:none;color:rgba(255,255,255,.7);font-family:var(--font-primary);font-size:.95rem;cursor:pointer;transition:var(--transition);text-align:left}.sidebar-nav .nav-item:hover{background:rgba(255,255,255,.05);color:var(--color-white)}.sidebar-nav .nav-item.active{background:var(--color-primary);color:var(--color-white)}.sidebar-nav .nav-item svg{font-size:1.2rem}.sidebar-footer{padding:15px 20px;border-top:1px solid rgba(255,255,255,.1)}.user-info{gap:12px;margin-bottom:15px}.user-avatar,.user-info{display:flex;align-items:center}.user-avatar{width:40px;height:40px;background:var(--color-primary);border-radius:50%;justify-content:center;font-weight:700;font-size:1rem}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.9rem}.user-role{font-size:.75rem;color:rgba(255,255,255,.6);text-transform:capitalize}.logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px;background:rgba(255,255,255,.05);border:none;border-radius:8px;color:rgba(255,255,255,.8);font-size:.9rem;cursor:pointer;transition:var(--transition)}.logout-btn:hover{background:rgba(220,38,38,.2);color:#ef4444}.main-content{flex:1 1;margin-left:260px;display:flex;flex-direction:column}.content-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:var(--color-white);border-bottom:1px solid var(--color-gray-light)}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--color-text);cursor:pointer}.content-header h1{font-size:1.5rem;font-weight:700;color:var(--color-secondary)}.back-to-site{padding:8px 16px;background:var(--color-light);border-radius:8px;font-size:.9rem;color:var(--color-text);transition:var(--transition)}.back-to-site:hover{background:var(--color-primary);color:var(--color-white)}.content-body{flex:1 1;padding:30px;overflow-y:auto}.website-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.website-stat-card{display:flex;align-items:center;gap:20px;padding:25px;background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition)}.website-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.website-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.website-stat-icon.globe{background:rgba(11,37,69,.1);color:#0B2545}.website-stat-icon.shipments{background:rgba(59,130,246,.1);color:#3b82f6}.website-stat-icon.ontime{background:rgba(71,85,105,.1);color:#1B6AC9}.website-stat-icon.years{background:rgba(245,158,11,.1);color:#f59e0b}.website-stat-icon.support{background:rgba(139,92,246,.1);color:#8b5cf6}.website-stat-icon.categories{background:rgba(239,68,68,.1);color:#ef4444}.website-stat-info{display:flex;flex-direction:column}.website-stat-number{font-family:var(--font-primary);font-size:2rem;font-weight:700;color:var(--color-secondary);line-height:1}.website-stat-label{font-size:.9rem;color:var(--color-text-light);margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.quick-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.quick-stat-item{display:flex;align-items:center;gap:12px;padding:15px;background:var(--color-light);border-radius:8px}.quick-stat-icon{font-size:1.5rem;color:var(--color-primary)}.quick-stat-value{display:block;font-size:1.3rem;font-weight:700;color:var(--color-secondary)}.quick-stat-label{font-size:.8rem;color:var(--color-text-light)}.services-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;padding:20px}.service-category-card{background:var(--color-light);border-radius:12px;padding:20px;transition:var(--transition)}.service-category-card:hover{box-shadow:var(--shadow-md)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid var(--color-primary)}.category-header h4{font-size:1.1rem;color:var(--color-secondary);margin:0}.category-count{font-size:.8rem;color:var(--color-text-light);background:var(--color-white);padding:4px 10px;border-radius:20px}.category-services-list{display:flex;flex-direction:column;gap:10px}.category-service-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--color-text)}.service-check{color:#10b981;font-size:1rem;flex-shrink:0}.recent-section{background:var(--color-white);border-radius:var(--border-radius);padding:25px;box-shadow:var(--shadow-sm)}.recent-section h3{font-size:1.1rem;margin-bottom:20px;color:var(--color-secondary)}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:var(--color-light);border-radius:8px}.item-info{display:flex;flex-direction:column}.item-name{font-weight:600;font-size:.95rem}.item-email{font-size:.85rem;color:var(--color-text-light)}.table-content{background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--color-gray-light)}.table-header h3{font-size:1.1rem;color:var(--color-secondary)}.btn-add{padding:8px 16px;background:var(--color-primary);color:var(--color-white);border-radius:8px;font-size:.9rem;font-weight:500;transition:var(--transition)}.btn-add:hover{background:var(--color-primary-dark)}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:15px 20px;text-align:left;border-bottom:1px solid var(--color-gray-light)}.data-table th{font-weight:600;font-size:.9rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.data-table tbody tr:hover,.data-table th{background:var(--color-light)}.category-badge,.role-badge,.status-badge{display:inline-block;padding:4px 12px;border-radius:50px;font-size:.8rem;font-weight:500;text-transform:capitalize}.role-badge.admin{background:rgba(139,92,246,.1);color:#8b5cf6}.role-badge.user{background:rgba(59,130,246,.1);color:#3b82f6}.status-badge.pending{background:rgba(245,158,11,.1);color:#f59e0b}.status-badge.contacted{background:rgba(59,130,246,.1);color:#3b82f6}.status-badge.active,.status-badge.closed{background:rgba(16,185,129,.1);color:#10b981}.status-badge.inactive{background:rgba(239,68,68,.1);color:#ef4444}.category-badge{background:rgba(11,37,69,.1);color:var(--color-primary)}.inquiries-list{display:flex;flex-direction:column;gap:15px;padding:20px}.inquiry-card{background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--border-radius);overflow:hidden}.inquiry-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--color-light);border-bottom:1px solid var(--color-gray-light)}.inquiry-info h4{font-size:1rem;color:var(--color-secondary);margin-bottom:3px}.inquiry-info p{font-size:.85rem;color:var(--color-text-light)}.inquiry-body{padding:15px 20px}.inquiry-body p{font-size:.9rem;color:var(--color-text);margin-bottom:8px}.inquiry-body p:last-child{margin-bottom:0}.inquiry-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--color-light);border-top:1px solid var(--color-gray-light)}.inquiry-date{font-size:.8rem;color:var(--color-text-light)}.inquiry-actions{display:flex;gap:10px}.btn-action{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-action.contact{background:rgba(11,37,69,.1);color:var(--color-primary)}.btn-action.contact:hover{background:var(--color-primary);color:var(--color-white)}.btn-action.close{background:rgba(16,185,129,.1);color:#10b981}.btn-action.close:hover{background:#10b981;color:var(--color-white)}.btn-action.delete{background:rgba(239,68,68,.1);color:#ef4444}.btn-action.delete:hover{background:#ef4444;color:var(--color-white)}.no-data{text-align:center;padding:40px;color:var(--color-text-light)}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.kpi-card{background:var(--color-white);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-sm)}.kpi-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.kpi-icon{font-size:1.2rem}.kpi-icon.today{color:#3b82f6}.kpi-icon.week{color:#8b5cf6}.kpi-icon.month{color:#f59e0b}.kpi-icon.response{color:#1B6AC9}.kpi-label{font-size:.85rem;color:var(--color-text-light);font-weight:500}.kpi-value{display:block;font-size:2rem;font-weight:700;color:var(--color-secondary);line-height:1.2}.kpi-sub{font-size:.8rem;color:var(--color-text-light);display:flex;align-items:center;gap:4px;margin-top:4px}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-neutral{color:#9ca3af}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.analytics-card{background:var(--color-white);border-radius:var(--border-radius);padding:25px;box-shadow:var(--shadow-sm)}.analytics-card.wide{grid-column:span 2}.analytics-card h3{font-size:1rem;color:var(--color-secondary);margin-bottom:20px;display:flex;align-items:center;gap:8px}.bar-chart{display:flex;align-items:flex-end;gap:12px;height:200px;padding-top:10px}.bar-group{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-wrapper{flex:1 1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:60%;min-height:4px;background:linear-gradient(180deg,var(--color-primary),#1B6AC9);border-radius:6px 6px 0 0;position:relative;transition:height .5s ease}.bar-value{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:.8rem;font-weight:600;color:var(--color-secondary)}.bar-label{font-size:.75rem;color:var(--color-text-light);margin-top:8px;text-align:center}.donut-chart-wrapper{display:flex;align-items:center;gap:30px}.donut-chart{position:relative;width:160px;height:160px;flex-shrink:0}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-total{display:block;font-size:1.8rem;font-weight:700;color:var(--color-secondary);line-height:1}.donut-label{font-size:.75rem;color:var(--color-text-light)}.donut-legend{display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:center;gap:10px}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-dot.pending{background:#f59e0b}.legend-dot.contacted{background:#3b82f6}.legend-dot.closed{background:#10b981}.legend-text{font-size:.9rem;color:var(--color-text)}.horizontal-bars{display:flex;flex-direction:column;gap:14px}.h-bar-row{display:flex;align-items:center;gap:12px}.h-bar-label{width:120px;font-size:.85rem;color:var(--color-text);flex-shrink:0}.h-bar-track{flex:1 1;height:24px;background:var(--color-light);border-radius:12px;overflow:hidden}.h-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#1B6AC9);border-radius:12px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;min-width:30px;transition:width .5s ease}.h-bar-value{font-size:.75rem;font-weight:600;color:white}.h-bar-pct{width:40px;text-align:right;font-size:.8rem;color:var(--color-text-light)}.country-list{display:flex;flex-direction:column;gap:14px}.country-row{display:flex;align-items:center;gap:12px}.country-rank{width:28px;font-size:.85rem;font-weight:700;color:var(--color-primary)}.country-name{width:100px;font-size:.9rem;color:var(--color-text);flex-shrink:0}.country-bar-track{flex:1 1;height:20px;background:var(--color-light);border-radius:10px;overflow:hidden}.country-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:10px;transition:width .5s ease}.country-count{width:30px;text-align:right;font-size:.9rem;font-weight:600;color:var(--color-secondary)}.peak-hour-display{text-align:center;margin-bottom:20px}.peak-hour-value{display:block;font-size:2.5rem;font-weight:700;color:var(--color-primary)}.peak-hour-label{font-size:.85rem;color:var(--color-text-light)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.summary-item{display:flex;align-items:center;gap:14px;padding:15px;background:var(--color-light);border-radius:var(--border-radius)}.summary-icon{font-size:1.5rem;color:var(--color-primary)}.summary-value{display:block;font-size:1.3rem;font-weight:700;color:var(--color-secondary)}.summary-label{font-size:.8rem;color:var(--color-text-light)}.site-settings-content{padding:20px 0}.settings-header{margin-bottom:30px}.settings-header h3{font-size:1.5rem;color:var(--color-secondary);margin-bottom:8px}.settings-subtitle{color:var(--color-text-light);font-size:.95rem}.settings-grid{display:flex;flex-direction:column;gap:16px;max-width:600px}.settings-card{display:flex;align-items:center;justify-content:space-between;background:var(--color-white);padding:20px 24px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:var(--transition)}.settings-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.settings-card-info h4{font-size:1rem;color:var(--color-secondary);margin-bottom:4px}.settings-card-info p{font-size:.85rem;color:var(--color-text-light);margin:0}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#1B6AC9}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #1B6AC9}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.settings-saving{margin-top:20px}.saving-indicator{color:var(--color-primary);font-size:.9rem;font-weight:500}.settings-preview{margin-top:30px;padding-top:20px;border-top:1px solid var(--color-gray-light)}.btn-preview{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-primary);color:var(--color-white);text-decoration:none;border-radius:8px;font-weight:500;transition:var(--transition)}.btn-preview:hover{background:var(--color-secondary)}@media (max-width:992px){.website-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.services-categories-grid{grid-template-columns:1fr}.analytics-kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.analytics-card.wide{grid-column:span 1}.summary-grid{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.close-sidebar{display:block}.main-content{margin-left:0}.menu-toggle{display:block}}@media (max-width:576px){.analytics-kpi-grid,.quick-stats,.summary-grid,.website-stats-grid{grid-template-columns:1fr}.content-body{padding:20px 15px}.inquiry-footer,.inquiry-header{flex-direction:column;align-items:flex-start;gap:10px}.donut-chart-wrapper{flex-direction:column;align-items:center}}a[href^="tel:"]{color:inherit;text-decoration:none}a[href^="tel:"]:hover{text-decoration:underline}