@import "https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800;900&display=swap";:root{--navy:#004b6b;--navy-light:#006f9b;--blue:#006f9b;--blue-light:#3ab1db;--accent:#0da861;--accent-light:#34c782;--white:#fff;--off-white:#f4f8fc;--text-dark:#0a1720;--text-mid:#2a3b47;--text-light:#6a7c8c;--border:#006f9b1f;--shadow-sm:0 2px 12px #004b6b14;--shadow-md:0 8px 32px #004b6b1f;--shadow-lg:0 20px 60px #004b6b2e;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition:all .3s cubic-bezier(.4,0,.2,1);--font:"Nunito", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--off-white);color:var(--text-dark);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:var(--font);background:0 0;border:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-title{color:var(--navy);text-align:center;margin-bottom:.5rem;font-size:2rem;font-weight:800}.section-subtitle{color:var(--text-light);text-align:center;margin-bottom:3rem;font-size:1.05rem}.section-divider{background:linear-gradient(90deg, var(--blue), var(--accent));border-radius:2px;width:60px;height:4px;margin:.75rem auto 1rem}section{padding:5rem 0}.btn-primary{background:linear-gradient(135deg, var(--blue), var(--navy));color:var(--white);transition:var(--transition);border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #1e6bc559}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1e6bc573}.btn-outline{border:2px solid var(--blue);color:var(--blue);transition:var(--transition);border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn-outline:hover{background:var(--blue);color:var(--white);transform:translateY(-2px)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fffffff2;padding:.7rem 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-md);background:#fffffffa}.navbar:not(.scrolled){box-shadow:none;-webkit-backdrop-filter:none;background:0 0;padding:1.2rem 0}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.navbar-logo{align-items:center;gap:.75rem;display:flex}.navbar-logo-icon{background:linear-gradient(135deg, var(--blue), var(--navy));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:900;display:flex;box-shadow:0 4px 12px #00964a66}.navbar-logo-text{color:#fff;font-size:1.1rem;font-weight:800;line-height:1.2}.navbar-logo-text span{opacity:.75;font-size:.7rem;font-weight:400;display:block}.navbar-links{align-items:center;gap:.25rem;display:flex}.navbar-links a{color:var(--text-dark);transition:var(--transition);border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:700}.navbar:not(.scrolled) .navbar-links a{color:#ffffffd9}.navbar-links a:hover,.navbar-links a.active{color:var(--blue);background:#00964a14}.navbar:not(.scrolled) .navbar-links a:hover,.navbar:not(.scrolled) .navbar-links a.active{color:#fff;background:#ffffff1f}.navbar-phone{color:var(--navy);background:#00964a14;border-radius:50px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.95rem;font-weight:800;display:flex}.navbar:not(.scrolled) .navbar-phone{color:#fff;background:#ffffff1f}.navbar-hamburger{flex-direction:column;gap:5px;padding:4px;display:none}.navbar-hamburger span{background:var(--navy);width:24px;height:2px;transition:var(--transition);border-radius:2px}.navbar:not(.scrolled) .navbar-hamburger span{background:#fff}.mobile-menu{z-index:999;background:var(--navy);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:none;position:fixed;inset:0}.mobile-menu.open{display:flex}.mobile-menu a{color:#fff;transition:var(--transition);font-size:1.4rem;font-weight:700}.mobile-menu a:hover{color:var(--accent-light)}.mobile-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.8rem;position:absolute;top:1.5rem;right:1.5rem}@media (width<=768px){.navbar-links,.navbar-phone{display:none}.navbar-hamburger{display:flex}}.hero{align-items:center;height:100vh;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1s;position:absolute;inset:0}.hero-slide.active{opacity:1}.hero-overlay{background:linear-gradient(135deg,#004d26bf 0%,#004d2659 60%,#0000 100%);position:absolute;inset:0}.hero-content{z-index:2;justify-content:space-between;align-items:center;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;position:relative}.hero-text-content{max-width:600px}.hero-product-image{flex:1;justify-content:center;align-items:center;max-width:450px;display:flex}.hero-product-image img{object-fit:contain;filter:drop-shadow(0 20px 30px #0000004d);width:100%;height:auto;max-height:500px}@media (width<=992px){.hero-content{text-align:center;flex-direction:column;justify-content:center}.hero-actions{justify-content:center}.hero-product-image{max-width:300px;margin-top:2rem}}.hero-badge{color:var(--accent-light);letter-spacing:.05em;text-transform:uppercase;background:#f0a50033;border:1px solid #f0a50066;border-radius:50px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.3rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.hero-title{color:#fff;text-shadow:0 2px 20px #0000004d;margin-bottom:1.25rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.15}.hero-title em{color:var(--accent-light);font-style:normal}.hero-desc{color:#ffffffd1;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.hero-dots{z-index:2;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-dot{width:8px;height:8px;transition:var(--transition);cursor:pointer;background:#fff6;border-radius:50%}.hero-dot.active{background:var(--accent-light);border-radius:4px;width:24px}.hero-scroll{z-index:2;color:#fff9;letter-spacing:.1em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.4rem;font-size:.7rem;display:flex;position:absolute;bottom:2rem;right:2rem}.hero-scroll-line{background:linear-gradient(#fff9,#0000);width:1px;height:40px;animation:1.5s ease-in-out infinite scrollLine}@keyframes scrollLine{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.4;transform:scaleY(.5)}}.products-section{background:var(--white)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.product-card{border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition);cursor:pointer;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:#00964a40;transform:translateY(-8px)}.product-card-img{background:var(--off-white);height:220px;position:relative;overflow:hidden}.product-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-card-img img{transform:scale(1.06)}.product-card-badge{background:linear-gradient(135deg, var(--blue), var(--navy));color:#fff;letter-spacing:.05em;border-radius:50px;padding:.25rem .75rem;font-size:.7rem;font-weight:700;position:absolute;top:1rem;left:1rem}.product-card-body{padding:1.25rem}.product-card-title{color:var(--navy);margin-bottom:.4rem;font-size:1rem;font-weight:800}.product-card-desc{color:var(--text-light);font-size:.85rem;line-height:1.6}.product-card-footer{justify-content:space-between;align-items:center;padding:0 1.25rem 1.25rem;display:flex}.product-card-link{color:var(--blue);transition:var(--transition);align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;display:flex}.product-card-link:hover{gap:.6rem}.about-section{background:linear-gradient(135deg, var(--off-white), #e8f0fe)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-img-wrap{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.about-img-wrap img{object-fit:cover;width:100%;height:420px}.about-img-badge{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem}.about-img-badge-num{color:var(--blue);font-size:2rem;font-weight:900;line-height:1}.about-img-badge-label{color:var(--text-mid);font-size:.8rem;font-weight:600;line-height:1.3}.about-content .section-title{text-align:left}.about-content .section-divider{margin:.75rem 0 1rem}.about-content .section-subtitle{text-align:left;margin-bottom:1.5rem}.about-content p{color:var(--text-mid);margin-bottom:1rem;line-height:1.8}.about-features{grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 2rem;display:grid}.about-feature{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--border);background:#fff;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.about-feature-icon{background:linear-gradient(135deg, var(--blue), var(--navy));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.about-feature-text strong{color:var(--navy);font-size:.85rem;font-weight:700;display:block}.about-feature-text span{color:var(--text-light);font-size:.78rem}@media (width<=768px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-features{grid-template-columns:1fr}}.stats-bar{background:linear-gradient(135deg, var(--navy), var(--navy-light));padding:3rem 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.stat-num{color:#fff;font-size:2.5rem;font-weight:900;line-height:1}.stat-num span{color:var(--accent-light)}.stat-label{color:#ffffffa6;margin-top:.4rem;font-size:.85rem;font-weight:500}@media (width<=600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.contact-section{background:var(--off-white)}.contact-grid{grid-template-columns:1fr 1.6fr;gap:3rem;display:grid}.contact-info-card{background:linear-gradient(135deg, var(--navy), var(--navy-light));border-radius:var(--radius-lg);color:#fff;padding:2.5rem}.contact-info-card h3{margin-bottom:.5rem;font-size:1.4rem;font-weight:800}.contact-info-card p{color:#ffffffb3;margin-bottom:2rem;font-size:.9rem}.contact-detail{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.contact-detail-icon{background:#ffffff1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.contact-detail-label{color:#ffffff8c;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.contact-detail-value{color:#fff;font-size:.95rem;font-weight:600}.contact-form-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);background:#fff;padding:2.5rem}.contact-form-card h3{color:var(--navy);margin-bottom:.4rem;font-size:1.4rem;font-weight:800}.contact-form-card p{color:var(--text-light);margin-bottom:2rem;font-size:.9rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-mid);letter-spacing:.02em;margin-bottom:.4rem;font-size:.82rem;font-weight:700;display:block}.form-group input,.form-group textarea,.form-group select{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font);color:var(--text-dark);background:var(--off-white);transition:var(--transition);outline:none;padding:.75rem 1rem;font-size:.9rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #00964a1a}.form-group textarea{resize:vertical;min-height:120px}.form-success{border-radius:var(--radius-sm);color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem;font-weight:600;display:flex}.form-error{border-radius:var(--radius-sm);color:#c62828;background:#fce4ec;border:1px solid #f48fb1;margin-bottom:1rem;padding:1rem 1.25rem;font-weight:600}.btn-submit{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--blue), var(--navy));color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-size:1rem;font-weight:800;display:flex}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00964a66}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.map-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:3rem;overflow:hidden}@media (width<=768px){.contact-grid,.form-row{grid-template-columns:1fr}}.careers-hero{background:linear-gradient(135deg, var(--navy), var(--navy-light));text-align:center;color:#fff;padding:8rem 0 4rem}.careers-hero h1{margin-bottom:1rem;font-size:2.5rem;font-weight:900}.careers-hero p{color:#ffffffbf;font-size:1.05rem}.careers-form-section{padding:4rem 0}.careers-form-wrap{border-radius:var(--radius-lg);max-width:700px;box-shadow:var(--shadow-md);border:1px solid var(--border);background:#fff;margin:0 auto;padding:3rem}.careers-form-wrap h2{color:var(--navy);margin-bottom:.4rem;font-size:1.6rem;font-weight:800}.careers-form-wrap p{color:var(--text-light);margin-bottom:2rem}.footer{color:var(--text-dark);background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);padding:4rem 0 0}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:3rem;display:grid}.footer-brand p{color:var(--text-mid);margin:1rem 0 1.5rem;font-size:.9rem;line-height:1.7}.footer-socials{gap:.75rem;display:flex}.footer-social{width:36px;height:36px;color:var(--navy);transition:var(--transition);background:#00964a1a;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.footer-social:hover{background:var(--blue);color:#fff}.footer-col h4{letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin-bottom:1.25rem;font-size:.85rem;font-weight:800}.footer-col ul li{margin-bottom:.6rem}.footer-col ul li a{color:var(--text-mid);transition:var(--transition);font-size:.9rem}.footer-col ul li a:hover{color:var(--blue);padding-left:4px}.footer-bottom{color:var(--text-light);border-top:1px solid #004d261a;justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:.82rem;display:flex}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:.5rem}}.page-header{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 60%, var(--blue) 100%);padding:8rem 0 4rem;position:relative;overflow:hidden}.page-header:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.page-header-content{z-index:1;position:relative}.breadcrumb{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.breadcrumb a,.breadcrumb span{color:#ffffff8c;font-size:.82rem}.breadcrumb .sep{color:#ffffff4d}.breadcrumb .current{color:var(--accent-light);font-weight:600}.page-header h1{color:#fff;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900}.about-page-content{padding:5rem 0}.about-text-block{max-width:800px;margin:0 auto}.about-text-block p{color:var(--text-mid);margin-bottom:1.25rem;font-size:1.05rem;line-height:1.9}.about-values{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}.value-card{text-align:center;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition);background:#fff;padding:2rem 1.5rem}.value-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.value-icon{margin-bottom:1rem;font-size:2.5rem}.value-card h4{color:var(--navy);margin-bottom:.5rem;font-size:1rem;font-weight:800}.value-card p{color:var(--text-light);font-size:.85rem;line-height:1.6}@media (width<=768px){.about-values{grid-template-columns:1fr}}.products-page-content{padding:5rem 0}.products-filter{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}.filter-btn{border:1.5px solid var(--border);color:var(--text-mid);transition:var(--transition);cursor:pointer;background:#fff;border-radius:50px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700}.filter-btn.active,.filter-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}.product-detail-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);background:#fff;grid-template-columns:1fr 1.5fr;gap:3rem;margin-top:1rem;padding:2.5rem;display:grid}.product-detail-img{border-radius:var(--radius-md);overflow:hidden}.product-detail-img img{object-fit:cover;width:100%;height:320px}.product-detail-info h2{color:var(--navy);margin-bottom:1rem;font-size:1.5rem;font-weight:900}.product-spec{border-bottom:1px solid var(--border);gap:1rem;padding:.75rem 0;display:flex}.product-spec dt{color:var(--text-mid);text-transform:uppercase;letter-spacing:.04em;min-width:120px;font-size:.82rem;font-weight:800}.product-spec dd{color:var(--text-dark);font-size:.9rem}@media (width<=768px){.product-detail-card{grid-template-columns:1fr}}.scroll-top{z-index:500;background:linear-gradient(135deg, var(--blue), var(--navy));color:#fff;width:44px;height:44px;box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition);opacity:0;pointer-events:none;border-radius:12px;justify-content:center;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem}.scroll-top.visible{opacity:1;pointer-events:auto}.scroll-top:hover{transform:translateY(-3px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s forwards fadeUp}.fade-up-2{opacity:0;animation:.6s .15s forwards fadeUp}.fade-up-3{opacity:0;animation:.6s .3s forwards fadeUp}