@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700;800&display=swap";:root{--bg-pure:#fff;--bg-offwhite:#f8f9fa;--bg-offwhite-alt:#f1f5f9;--bg-card:#fff;--bg-badge:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-light:#94a3b8;--brand-navy:#0b2545;--brand-blue:#0f4679;--brand-blue-light:#e0f2fe;--brand-amber:#0f4679;--brand-amber-light:#e8f1f8;--brand-logo-blue:#0f4679;--brand-whatsapp:#25d366;--border-light:#e2e8f0;--border-subtle:#edf2f7;--border-focus:#0b2545;--shadow-xs:0 1px 3px #0f172a0a;--shadow-sm:0 2px 8px #0f172a0d;--shadow-md:0 8px 24px #0f172a0f;--shadow-lg:0 16px 36px #0f172a14;--shadow-hover:0 12px 28px #0b25451f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--container-max:1320px;--header-height:74px;--transition:all .25s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;height:100%;font-size:16px}body{background-color:var(--bg-pure);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100dvh;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;display:flex;overflow-x:hidden}main{flex-grow:1}a{color:inherit;transition:var(--transition);touch-action:manipulation;text-decoration:none}img{max-width:100%;height:auto;display:block}ul{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;touch-action:manipulation}.container{width:100%;max-width:var(--container-max);padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(1.5rem, env(safe-area-inset-right));margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.22}.section-title-wrap{text-align:center;max-width:760px;margin:0 auto 3.5rem}.badge-tag{background-color:var(--bg-offwhite-alt);color:var(--brand-navy);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);border:1px solid var(--border-light);align-items:center;gap:.45rem;margin-bottom:.85rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.section-heading{color:var(--brand-navy);margin-bottom:.85rem;font-size:clamp(1.85rem,3.5vw,2.4rem)}.section-desc{color:var(--text-secondary);font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.65}.btn{border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1.6rem;font-size:.925rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--brand-navy);border-color:var(--brand-navy);box-shadow:0 4px 14px #0b254529;color:#fff!important}.btn-primary:hover{background-color:var(--brand-blue);border-color:var(--brand-blue);transform:translateY(-2px);box-shadow:0 6px 18px #0b25453d}.btn-secondary{background-color:var(--bg-pure);border-color:var(--border-light);box-shadow:var(--shadow-xs);color:var(--brand-navy)!important}.btn-secondary:hover{background-color:var(--bg-offwhite);border-color:var(--brand-navy);transform:translateY(-2px)}.btn-outline{color:var(--brand-navy);border-color:var(--border-light);background:0 0}.btn-outline:hover{background:var(--bg-offwhite);border-color:var(--brand-navy)}.btn-sm{min-height:38px;padding:.45rem .9rem;font-size:.825rem}.btn-lg{padding:.95rem 2rem;font-size:1.025rem}.topbar{background-color:var(--bg-offwhite);border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:.45rem 0;font-size:.8rem}.topbar-content{justify-content:space-between;align-items:center;display:flex}.topbar-left,.topbar-right{align-items:center;gap:1.5rem;display:flex}.topbar-item{align-items:center;gap:.4rem;display:flex}.topbar-item a:hover{color:var(--brand-navy)}.header{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-xs);padding-top:env(safe-area-inset-top);background-color:#fffffff5;position:sticky;top:0}.navbar{height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.logo-group{align-items:center;gap:.75rem;display:flex}.logo-img{width:auto;height:44px}.logo-text-wrap{flex-direction:column;display:flex}.logo-brand-name{letter-spacing:-.01em;color:var(--brand-navy);font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:800;line-height:1.1}.logo-tagline{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.625rem;font-weight:700}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);padding:.5rem 0;font-size:.95rem;font-weight:600;position:relative}.nav-link:hover,.nav-link.active{color:var(--brand-navy)}.nav-link.active:after{content:"";background-color:var(--brand-navy);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.nav-cta-group{align-items:center;gap:.85rem;display:flex}.mobile-toggle{border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;color:var(--brand-navy);background:0 0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;display:none}.mobile-nav{background-color:var(--bg-pure);border-top:1px solid var(--border-light);box-shadow:var(--shadow-md);flex-direction:column;padding:1rem 1.5rem 1.75rem;animation:.25s ease-out slideDown;display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav.open{display:flex}.mobile-nav-link{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.85rem 0;font-size:1.05rem;font-weight:600;display:flex}.mobile-nav-link.active{color:var(--brand-navy);font-weight:700}.section-pure{background-color:var(--bg-pure);padding:5rem 0}.section-offwhite{background-color:var(--bg-offwhite);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:5rem 0}.section-hero{background-color:var(--bg-offwhite);border-bottom:1px solid var(--border-light);padding:4rem 0 5rem;position:relative}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:3.5rem;display:grid}.hero-lead{color:var(--text-secondary);margin-bottom:2rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2.25rem;display:flex}.hero-metrics{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.metric-item{flex-direction:column;display:flex}.metric-number{color:var(--brand-navy);font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,3vw,2rem);font-weight:800;line-height:1.1}.metric-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:.35rem;font-size:.75rem;font-weight:600}.hero-visual{position:relative}.hero-card-img{background-color:var(--bg-pure);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.65rem}.hero-card-img img{border-radius:calc(var(--radius-lg) - 4px);object-fit:cover;width:100%;height:380px}.hero-tab-pill{border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border-light);background:var(--bg-pure);color:var(--text-secondary);transition:var(--transition);white-space:nowrap;padding:.45rem 1rem;font-size:.825rem;font-weight:700}.hero-tab-pill:hover{border-color:var(--brand-navy);color:var(--brand-navy)}.hero-tab-pill.active{background-color:var(--brand-navy);color:#fff;border-color:var(--brand-navy)}.categories-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.category-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-xs);flex-direction:column;padding:1.6rem;display:flex}.category-card:hover{box-shadow:var(--shadow-hover);border-color:var(--brand-navy);transform:translateY(-4px)}.industries-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.industry-card{background-color:var(--bg-pure);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-xs);gap:1.25rem;padding:1.5rem;display:flex}.industry-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-navy)}.industry-icon{background-color:var(--bg-offwhite-alt);width:44px;height:44px;color:var(--brand-navy);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.industry-info h4{color:var(--brand-navy);margin-bottom:.35rem;font-size:1.05rem}.industry-info p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.message-banner{background-color:var(--bg-pure);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:1fr 300px;align-items:center;gap:3rem;padding:3rem;display:grid}.message-quote{color:var(--text-secondary);border-left:3px solid var(--brand-navy);margin-bottom:1.5rem;padding-left:1.5rem;font-size:1.1rem;font-style:italic;line-height:1.75}.message-author{color:var(--brand-navy);font-size:1.15rem;font-weight:700}.message-title{color:var(--text-muted);font-size:.875rem}.catalog-controls{margin-bottom:2.5rem}.search-wrap{max-width:580px;margin:0 auto 2rem;position:relative}.search-input{background-color:var(--bg-pure);border:1px solid var(--border-light);border-radius:var(--radius-full);width:100%;color:var(--text-primary);box-shadow:var(--shadow-xs);transition:var(--transition);padding:.85rem 1.25rem .85rem 3rem;font-size:.95rem}.search-input:focus{border-color:var(--brand-navy);outline:none;box-shadow:0 0 0 3px #0b25451a}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1.15rem;transform:translateY(-50%)}.category-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tab-btn{background-color:var(--bg-pure);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:var(--transition);align-items:center;gap:.4rem;min-height:40px;padding:.45rem 1.15rem;font-size:.85rem;font-weight:600;display:inline-flex}.tab-btn:hover{background-color:var(--bg-offwhite);color:var(--brand-navy);border-color:var(--brand-navy)}.tab-btn.active{background-color:var(--brand-navy);color:#fff;border-color:var(--brand-navy)}.tab-btn .tab-count{border-radius:var(--radius-full);background-color:#00000014;padding:.1rem .45rem;font-size:.75rem}.tab-btn.active .tab-count{color:#fff;background-color:#ffffff40}.products-grid{grid-template-columns:repeat(4,1fr);gap:1.75rem;display:grid}.product-card{background-color:var(--bg-pure);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-xs);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-hover);border-color:var(--brand-navy);transform:translateY(-5px)}.product-thumb-wrap{background-color:var(--bg-offwhite);border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;height:210px;padding:1.25rem;display:flex;position:relative}.product-thumb{object-fit:contain;mix-blend-mode:multiply;width:auto;max-height:170px;transition:transform .3s}.product-card:hover .product-thumb{transform:scale(1.05)}.product-cat-pill{border:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);color:var(--brand-navy);background-color:#fffffff2;padding:.2rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:.85rem;left:.85rem}.product-body{flex-direction:column;flex-grow:1;padding:1.35rem;display:flex}.product-name{color:var(--brand-navy);margin-bottom:.35rem;font-size:1.15rem;font-weight:700}.product-tagline{color:var(--text-secondary);flex-grow:1;margin-bottom:1rem;font-size:.85rem;line-height:1.5}.product-features-list{border-top:1px solid var(--border-subtle);margin-bottom:1.25rem;padding-top:.85rem}.product-feature-item{color:var(--text-muted);align-items:flex-start;gap:.45rem;margin-bottom:.35rem;font-size:.775rem;display:flex}.product-feature-item svg{flex-shrink:0;margin-top:2px}.vision-mission-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.vm-card{background-color:var(--bg-pure);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:2.5rem}.vm-icon{border-radius:var(--radius-md);background-color:var(--brand-blue-light);width:52px;height:52px;color:var(--brand-navy);justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.vm-card h3{color:var(--brand-navy);margin-bottom:.75rem;font-size:1.45rem}.vm-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.contact-grid{grid-template-columns:1.1fr .9fr;align-items:flex-start;gap:3rem;display:grid}.contact-card{background-color:var(--bg-pure);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2.25rem}.category-pill{border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-offwhite);color:var(--text-secondary);text-align:left;cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1rem;font-size:.85rem;font-weight:700;display:flex}.category-pill:hover{border-color:var(--brand-navy);color:var(--brand-navy)}.category-pill.active{border-color:var(--brand-navy);color:var(--brand-navy);background:#0b254514}.form-group{margin-bottom:1.25rem}.form-label{color:var(--brand-navy);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-control{background-color:var(--bg-pure);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);min-height:44px;padding:.75rem 1rem;font-size:.925rem}.form-control:focus{border-color:var(--brand-navy);outline:none;box-shadow:0 0 0 3px #0b25451a}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.info-cards-stack{flex-direction:column;gap:1.25rem;display:flex}.info-card{background-color:var(--bg-pure);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);gap:1.25rem;padding:1.4rem;display:flex}.info-card-icon{border-radius:var(--radius-sm);background-color:var(--bg-offwhite-alt);width:44px;height:44px;color:var(--brand-navy);flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-card-body h4{color:var(--brand-navy);margin-bottom:.25rem;font-size:1.05rem}.info-card-body p,.info-card-body a{color:var(--text-secondary);font-size:.875rem}.info-card-body a:hover{color:var(--brand-navy);text-decoration:underline}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(6px);background-color:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-dialog{background-color:var(--bg-pure);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);-webkit-overflow-scrolling:touch;max-height:90dvh;padding:2.25rem;animation:.2s ease-out scaleUp;position:relative;overflow-y:auto}.modal-close-btn{color:var(--text-muted);cursor:pointer;min-width:38px;min-height:38px;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{background-color:var(--bg-offwhite);color:var(--brand-navy)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.footer{background-color:var(--bg-offwhite);border-top:1px solid var(--border-light);color:var(--text-secondary);padding:4.5rem 0 2.5rem;padding-bottom:max(2.5rem, env(safe-area-inset-bottom))}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:3.5rem;display:grid}.footer-brand p{color:var(--text-secondary);margin:1rem 0 1.25rem;font-size:.9rem;line-height:1.6}.footer-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-navy);margin-bottom:1.25rem;font-size:.95rem;font-weight:700}.footer-links li{margin-bottom:.65rem}.footer-links a{color:var(--text-secondary);font-size:.875rem}.footer-links a:hover{color:var(--brand-navy);padding-left:4px}.footer-bottom{border-top:1px solid var(--border-light);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:2rem;font-size:.85rem;display:flex}.footer-attribution a{color:var(--brand-navy);font-weight:700}.footer-attribution a:hover{text-decoration:underline}@media (width<=1280px){.products-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.categories-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{gap:2rem}}@media (width<=1024px){.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-card-img img{height:320px}.products-grid,.categories-grid,.industries-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:2.5rem}.message-banner{grid-template-columns:1fr;padding:2.25rem}.message-quote{border-left:none;padding-left:0}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.topbar,.nav-links,.nav-cta-group{display:none}.mobile-toggle{display:flex}.container{padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right))}.section-pure,.section-offwhite{padding:3.5rem 0}.section-hero{padding:2.5rem 0 3.5rem}.hero-content h1{line-height:1.2;font-size:2.15rem!important}.hero-metrics{grid-template-columns:repeat(2,1fr);gap:1.25rem}.hero-card-img img{height:240px}.products-grid{grid-template-columns:1fr;gap:1.25rem}.product-thumb-wrap{height:190px}.category-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.75rem;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.categories-grid,.industries-grid,.vision-mission-grid,.form-row{grid-template-columns:1fr}input,select,textarea{font-size:16px!important}.modal-dialog{width:95vw;margin:1rem auto;padding:1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}@media (width<=400px){.hero-content h1{font-size:1.85rem!important}.btn{width:100%}.hero-actions{flex-direction:column}.logo-brand-name{font-size:1.15rem}}.product-modal-grid{grid-template-columns:280px 1fr;align-items:start;gap:2rem;display:grid}.about-hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:3.5rem;margin-bottom:4rem;display:grid}.logistics-grid{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}@media (width<=900px){.about-hero-grid{grid-template-columns:1fr;gap:2.5rem}}@media (width<=768px){.product-modal-grid,.logistics-grid{grid-template-columns:1fr;gap:1.25rem}}