:root{--powder-blue:#b3def8;--blue-gray:#58a1d3;--classic-blue:#0f4c81;--blue-slate:#022c50;--white:#fff;--bg-white:var(--white);--bg-offwhite:#f8fafc;--bg-lightgray:#b3def826;--text-main:var(--blue-gray);--text-heading:var(--blue-slate);--border-subtle:var(--powder-blue);--brand-navy:var(--blue-slate);--brand-blue:var(--classic-blue);--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--max-width:1280px;--nav-height:84px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-hover:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease-in-out;--transition-smooth:.25s ease-out;--transition-slow:.5s ease-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-heading);line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0}@media (width<=768px){.container{padding:0 16px}}.btn{font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-smooth);border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--classic-blue);color:var(--white)}.btn-primary:hover{background-color:var(--blue-gray);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{background-color:var(--white);color:var(--classic-blue);border:2px solid var(--classic-blue)}.btn-secondary:hover{background-color:var(--bg-lightgray);color:var(--classic-blue);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)scale(.98)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--classic-blue);outline-offset:2px;border-radius:2px}input:focus,textarea:focus{box-shadow:0 0 0 1px var(--classic-blue) inset;outline:none;border-color:var(--classic-blue)!important}.reveal{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}section{padding:96px 0}.section-label{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--brand-blue);margin-bottom:16px;font-size:14px;font-weight:700;display:block}.section-title{color:var(--brand-navy);margin-bottom:24px;font-size:40px;font-weight:700}.section-subtitle{color:var(--text-main);max-width:600px;font-size:18px;line-height:1.6}@media (width<=768px){section{padding:64px 0}.section-title{font-size:32px}}#root{border:none;width:100%;max-width:100%;margin:0}.navbar{background-color:var(--white);width:100%;height:84px;transition:box-shadow var(--transition-smooth), height var(--transition-smooth);z-index:1000;border-bottom:1px solid #58a1d31a;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{height:76px;box-shadow:0 4px 20px #58a1d314}.navbar-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-link{height:auto;transition:transform var(--transition-smooth);justify-content:flex-start;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-text-wrapper{flex-direction:column;display:flex}.logo-text{font-family:var(--font-heading);letter-spacing:2px;color:var(--blue-slate);transition:font-size var(--transition-smooth);font-size:24px;font-weight:800;line-height:1}.logo-sub{letter-spacing:1.5px;color:var(--classic-blue);text-transform:uppercase;transition:font-size var(--transition-smooth);font-size:9px;font-weight:700}.nav-logo{object-fit:contain;width:auto;max-width:140px;height:52px;transition:height var(--transition-smooth);margin-left:-24px;display:block}.navbar.scrolled .nav-logo{height:44px}.navbar.scrolled .logo-text{font-size:20px}.navbar.scrolled .logo-sub{font-size:8px}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--blue-slate);transition:color var(--transition-fast);font-size:15px;font-weight:500;position:relative}.nav-links a:hover{color:var(--blue-gray)}.nav-links a.active{color:var(--classic-blue)}.nav-links a:after{content:"";background-color:var(--classic-blue);transform-origin:100%;width:100%;height:2px;transition:transform var(--transition-fast);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-links a.active:after{transform-origin:0;transform:scaleX(1)}.mobile-menu-btn{cursor:pointer;color:var(--brand-navy);background:0 0;border:none;display:none}.mobile-nav{display:none}.w-full{width:100%}@media (width<=1024px){.nav-logo{height:48px}.navbar.scrolled .nav-logo{height:40px}.desktop-nav{display:none}.mobile-menu-btn{display:block}.mobile-nav{background-color:var(--bg-white);width:100%;box-shadow:var(--shadow-md);clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path var(--transition-smooth);flex-direction:column;padding:0;display:flex;position:absolute;top:100%;left:0}.mobile-nav.open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);padding:24px}.mobile-nav-links{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.mobile-nav-links a{color:var(--brand-navy);font-size:18px;font-weight:500}}@media (width<=640px){.navbar{height:72px}.nav-logo{height:40px}.logo-text{font-size:20px}.logo-sub{font-size:8px}.navbar.scrolled .nav-logo{height:36px}.navbar.scrolled .logo-text{font-size:18px}}.mobile-nav-links{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.mobile-nav-links a{color:var(--brand-navy);font-size:18px;font-weight:500}.footer{background-color:var(--blue-slate);color:var(--white);padding:80px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1.5fr 1fr 1fr;gap:48px;margin-bottom:64px;display:grid}.footer-logo-link{transition:opacity var(--transition-fast);align-items:center;gap:16px;margin-bottom:24px;text-decoration:none;display:inline-flex}.footer-logo-text-wrapper{flex-direction:column;display:flex}.footer-logo-text{font-family:var(--font-heading);letter-spacing:2px;color:var(--white);font-size:32px;font-weight:800;line-height:1}.footer-logo-sub{letter-spacing:1.5px;color:var(--powder-blue);text-transform:uppercase;font-size:11px;font-weight:700}.footer-logo-link:hover{opacity:.9}.footer-logo-img{object-fit:contain;width:auto;max-width:160px;height:60px;margin-left:-24px;display:block}.footer-tagline{font-family:var(--font-heading);color:var(--powder-blue);margin-bottom:16px;font-size:18px;font-weight:600}.footer-desc{color:var(--powder-blue);max-width:320px;font-size:15px;line-height:1.6}.footer-heading{letter-spacing:1.5px;color:var(--powder-blue);margin-bottom:24px;font-size:13px;font-weight:700}.footer-links ul{flex-direction:column;gap:12px;display:flex}.footer-links a,.footer-links li{color:var(--white);transition:color var(--transition-fast);font-size:14px}.footer-links a:hover{color:var(--blue-gray)}.footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;padding-top:32px;font-size:14px}@media (width<=1024px){.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:span 3;max-width:100%}.footer-desc{max-width:500px}.footer-logo-img{height:52px}.footer-logo-text{font-size:28px}.footer-logo-sub{font-size:10px}}@media (width<=640px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px 24px}.footer-brand{grid-column:span 2}.footer-logo-img{height:44px}.footer-logo-text{font-size:24px}.footer-logo-sub{font-size:9px}}.hero{background-color:var(--white);min-height:auto;color:var(--text-main);flex-direction:column;padding-top:84px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;background:radial-gradient(circle,#b3def826 0%,#b3def800 70%);border-radius:50%;width:60%;height:80%;position:absolute;top:-20%;right:-10%}.hero:after{content:"";z-index:1;background:radial-gradient(circle,#b3def81a 0%,#b3def800 70%);border-radius:50%;width:40%;height:50%;position:absolute;bottom:-10%;left:-5%}.hero-split{width:100%;max-width:var(--max-width);z-index:2;flex:1;justify-content:space-between;align-items:center;margin:0 auto;padding:60px 0 40px;display:flex;position:relative}.hero-content{flex:1;max-width:650px}.hero-container{max-width:100%;padding:0}.hero-eyebrow{font-family:var(--font-heading);letter-spacing:3px;color:var(--blue-gray);margin-bottom:24px;font-size:14px;font-weight:700;display:block}.hero-title{letter-spacing:-1px;color:var(--blue-slate);margin-bottom:32px;font-size:72px;line-height:1.05}.highlight-blue{color:var(--classic-blue)}.hero-text{color:var(--text-main);max-width:540px;margin-bottom:48px;font-size:20px;line-height:1.6}.hero-actions{gap:16px;margin-bottom:48px;display:flex}.hero-trust-line{color:var(--text-main);align-items:center;gap:24px;font-size:15px;font-weight:500;display:flex}.hero-trust-line .trust-item{color:var(--blue-gray);align-items:center;gap:8px;display:flex}.hero-hub-wrapper{flex:0 0 45%;justify-content:center;align-items:center;min-height:auto;display:flex;position:relative}.hero-hub-visual{justify-content:center;align-items:center;width:100%;max-width:500px;height:100%;max-height:500px;display:flex;position:relative}.hub-bg-graphic{z-index:1;background:radial-gradient(circle,#b3def866 0%,#b3def800 70%);border-radius:50%;width:90%;height:90%;animation:8s ease-in-out infinite alternate pulse-bg;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-bg{0%{opacity:.6;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}.hub-main-image{z-index:2;object-fit:contain;mix-blend-mode:darken;opacity:0;width:100%;height:auto;animation:1.2s cubic-bezier(.2,.8,.2,1) forwards slideUpFade;position:relative;transform:translateY(40px)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hub-label{z-index:3;background-color:var(--white);letter-spacing:1px;color:var(--blue-slate);opacity:0;border:1px solid #58a1d326;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards popInStagger;display:flex;position:absolute;transform:scale(.8);box-shadow:0 4px 12px #022c5014}.hub-label .label-dot{background-color:var(--blue-gray);border-radius:50%;width:6px;height:6px}@keyframes popInStagger{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.label-packaging{animation-delay:.6s;top:10%;left:0%}.label-safety{animation-delay:.8s;top:25%;right:-5%}.label-cleaning{animation-delay:1s;bottom:35%;left:-10%}.label-office{animation-delay:1.2s;bottom:15%;right:5%}.label-workspace{animation-delay:1.4s;top:5%;right:15%}.scroll-indicator{z-index:10;opacity:.8;transition:opacity var(--transition-fast);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-indicator:hover{opacity:1}.scroll-text{letter-spacing:1.5px;text-transform:uppercase;color:var(--blue-gray);font-size:12px;font-weight:500}.scroll-arrow{color:var(--classic-blue);animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(3px)}}@media (width<=1024px){.hero-split{flex-direction:column}.hero-content{flex:none;min-height:auto;padding-bottom:48px}.hero-container{margin:0 auto;padding-top:0}.hero-hub-wrapper{flex:none;min-height:350px}.hero-title{font-size:56px}.scroll-indicator{display:none}}@media (width<=640px){.hero{padding-top:72px}.hero-split{padding:45px 24px 64px}.hero-title{font-size:40px;line-height:1.1}.hero-actions{flex-direction:column}.hero-actions .btn{text-align:center;width:100%}.hero-trust-line{flex-direction:column;align-items:flex-start;gap:16px}.hero-hub-wrapper{min-height:320px;margin-top:32px}.hub-label{padding:4px 10px;font-size:10px;transform:scale(.7)!important}}.trust-strip{background-color:var(--bg-lightgray);border-bottom:1px solid #58a1d31a;padding:40px 0}.trust-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.trust-item{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.trust-item:not(:last-child):after{content:"";background-color:#58a1d333;width:1px;height:60%;position:absolute;top:20%;right:-16px}.trust-value{font-family:var(--font-heading);color:var(--blue-slate);margin-bottom:8px;font-size:32px;font-weight:700;line-height:1}.trust-label{letter-spacing:1px;color:var(--classic-blue);text-transform:uppercase;font-size:13px;font-weight:600}@media (width<=1024px){.trust-grid{grid-template-columns:repeat(2,1fr);gap:48px 32px}.trust-item:nth-child(2):after{display:none}}@media (width<=640px){.trust-grid{grid-template-columns:1fr}.trust-item:after{display:none!important}}.about{background-color:var(--bg-white);justify-content:center;align-items:center;padding:90px 0;display:flex}.about-container{width:100%;max-width:1440px;margin:0 auto;padding:0 40px}.about-grid{grid-template-columns:54% 46%;align-items:center;gap:60px;display:grid}.about-content{flex-direction:column;display:flex}.about .section-label{font-family:var(--font-heading);letter-spacing:2.5px;text-transform:uppercase;color:var(--classic-blue);margin-bottom:30px;font-size:14px;font-weight:600;display:inline-block}.about .section-title{font-family:var(--font-heading);color:var(--blue-slate);max-width:650px;margin-bottom:40px;font-size:clamp(40px,4vw,52px);font-weight:700;line-height:1.1}.about-text-group{color:var(--classic-blue);flex-direction:column;gap:28px;max-width:680px;margin-bottom:35px;font-size:18px;line-height:1.7;display:flex}.about-text-group p{margin:0}.about-highlight{background:var(--bg-white);border:1px solid var(--powder-blue);border-radius:6px;align-items:center;gap:20px;max-width:fit-content;height:100px;padding:0 24px;display:flex;box-shadow:0 4px 12px #022c5008}.highlight-line{background-color:var(--classic-blue);border-radius:2px;width:3px;height:50px}.highlight-text{font-family:var(--font-heading);color:var(--blue-slate);margin:0;font-size:22px;font-weight:700;line-height:1.25}.highlight-text .highlight-blue{color:var(--classic-blue)}.about-image-wrapper{justify-content:center;width:100%;display:flex;position:relative}.about-image-reveal{border-radius:12px;width:100%;overflow:hidden;box-shadow:0 12px 32px #022c500f}.about-image{aspect-ratio:4/3;object-fit:cover;width:100%;height:100%;max-height:540px;display:block}.about .reveal{transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}.about .reveal-left{opacity:0;transform:translateY(15px)}.about .reveal-left.active{opacity:1;transform:translateY(0)}.about .reveal-right{opacity:0;transform:scale(.97)}.about .reveal-right.active{opacity:1;transform:scale(1)}@media (width<=1200px){.about-grid{gap:50px}}@media (width<=1024px){.about{padding:80px 0}.about-grid{grid-template-columns:1fr;gap:56px}.about-content{text-align:center;align-items:center;max-width:100%}.about-image-wrapper{max-width:600px;margin:0 auto}.about .section-title{max-width:800px}.about-text-group{align-items:center;max-width:800px}.about-highlight{margin:0 auto}}@media (width<=640px){.about{padding:64px 0}.about-container{padding:0 24px}.about .section-title{font-size:36px}.about-text-group{font-size:16px}.highlight-text{font-size:18px}.about-highlight{height:auto;padding:16px}.about-image{aspect-ratio:4/3;max-height:320px}}.products{background-color:var(--bg-offwhite)}.products-header{text-align:center;flex-direction:column;align-items:center;max-width:800px;margin:0 auto 64px;display:flex}.products-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.product-card{background-color:var(--white);transition:all var(--transition-smooth);cursor:pointer;border:1px solid #58a1d333;border-radius:4px;flex-direction:column;height:100%;padding:40px 32px;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";background-color:var(--classic-blue);transform-origin:0;width:100%;height:4px;transition:transform var(--transition-smooth);position:absolute;top:0;left:0;transform:scaleX(0)}.product-card:hover{box-shadow:var(--shadow-sm);border-color:var(--classic-blue);background-color:#b3def81a;transform:translateY(-4px)}.product-card:hover:before{transform:scaleX(1)}.product-card.is-transitioning{border-color:var(--classic-blue);background-color:#b3def866}.product-card.is-transitioning .card-content-wrapper{opacity:0;transition:all .5s cubic-bezier(.2,.8,.2,1);transform:translate(20px)}.card-content-wrapper{flex-direction:column;height:100%;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.card-icon{width:48px;height:48px;color:var(--classic-blue);transition:all var(--transition-smooth);background-color:#b3def833;border-radius:4px;justify-content:center;align-items:center;display:flex}.product-card:hover .card-icon{color:var(--classic-blue);filter:brightness(1.2)}.card-number{font-family:var(--font-heading);color:var(--blue-gray);opacity:.5;transition:all var(--transition-smooth);font-size:18px;font-weight:700}.product-card:hover .card-number{color:var(--blue-slate);opacity:1}.card-title{color:var(--blue-slate);margin-bottom:12px;font-size:20px}.card-desc{color:var(--blue-gray);flex-grow:1;margin-bottom:24px;font-size:16px;line-height:1.6}.card-footer{justify-content:flex-end;display:flex}.card-view-text{color:var(--classic-blue);opacity:0;font-size:14px;font-weight:600;transition:all .4s cubic-bezier(.2,.8,.2,1);transform:translate(-10px)}.product-card:hover .card-view-text{opacity:1;transform:translate(0)}.card-arrow{color:var(--classic-blue);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.product-card:hover .card-arrow{transform:translate(6px)}@media (width<=1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.products-grid{grid-template-columns:1fr}.product-card{padding:32px 24px}}.industries-split{align-items:flex-start;gap:80px;display:flex}.industries-intro{flex:1;position:sticky;top:120px}.industries-big-number-container{align-items:center;gap:24px;margin-top:48px;display:flex}.industries-big-number{font-family:var(--font-heading);color:#0000;-webkit-text-stroke:2px var(--brand-blue);opacity:.2;font-size:120px;font-weight:800;line-height:1}.industries-big-text{font-family:var(--font-heading);color:var(--brand-navy);text-transform:uppercase;letter-spacing:1px;font-size:20px;font-weight:700}.industries-list{flex:1.5;grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.industry-item{background-color:var(--white);transition:all var(--transition-fast);cursor:default;border:1px solid #58a1d333;border-radius:4px;align-items:center;padding:24px;display:flex}.industry-item:hover{border-color:var(--blue-gray);box-shadow:var(--shadow-md);background-color:#b3def81a;transform:translate(4px)}.industry-icon{color:var(--classic-blue);justify-content:center;align-items:center;margin-right:16px;display:flex}.industry-id{font-family:var(--font-heading);color:var(--blue-gray);opacity:.5;width:24px;transition:all var(--transition-fast);margin-right:16px;font-size:14px;font-weight:700}.industry-item:hover .industry-id{color:var(--classic-blue);opacity:1}.industry-name{font-family:var(--font-heading);color:var(--blue-slate);font-size:16px;font-weight:600}@media (width<=1024px){.industries-split{flex-direction:column;gap:48px}.industries-intro{position:static}.industries-big-number-container{margin-top:24px}.industries-list{width:100%}}@media (width<=640px){.industries-list{grid-template-columns:1fr}}.vision-mission{background-color:var(--white);padding:80px 0;position:relative;overflow:hidden}.vm-background-curves{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.vm-background-drift{background-color:var(--powder-blue);opacity:.15;filter:blur(100px);pointer-events:none;border-radius:50%;width:60%;padding-bottom:60%;position:absolute;top:-10%;left:20%}.relative{position:relative}.z-10{z-index:10}.vm-grid{grid-template-columns:repeat(2,1fr);gap:48px;display:grid}.vm-card{box-shadow:var(--shadow-sm);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);background-color:#b3def80d;border:1px solid #58a1d333;border-radius:4px;padding:64px 48px;position:relative}.vm-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.vm-quote-icon{color:var(--powder-blue);opacity:.3;width:120px;height:120px;position:absolute;top:48px;right:48px}.vm-label{font-family:var(--font-heading);letter-spacing:2px;color:var(--classic-blue);margin-bottom:24px;font-size:14px;font-weight:700;display:block}.vm-text{color:var(--blue-slate);z-index:2;font-size:22px;font-weight:500;line-height:1.6;position:relative}@media (width<=1024px){.vm-grid{grid-template-columns:1fr;gap:32px}}@media (width<=640px){.vm-card{padding:40px 24px}.vm-text{font-size:18px}}.difference{text-align:center;padding:80px 0}.bg-white{background-color:var(--bg-white)}.difference-content{flex-direction:column;align-items:center;max-width:860px;margin:0 auto;display:flex}.difference-title{color:var(--brand-navy);margin-bottom:32px;font-size:48px;line-height:1.2}.difference-text{color:var(--text-main);max-width:680px;margin-bottom:48px;font-size:22px;line-height:1.6}.mt-8{margin-top:32px}@media (width<=768px){.difference{padding:96px 0}.difference-title{font-size:32px}.difference-text{font-size:18px}}.cta-banner{background-color:var(--classic-blue);text-align:center;padding:100px 0;position:relative;overflow:hidden}.cta-abstract-line{pointer-events:none;border:1px solid #b3def81a;border-radius:50%;width:120%;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content{max-width:700px;margin:0 auto}.cta-title{color:var(--white);margin-bottom:24px;font-size:48px}.cta-text{color:var(--powder-blue);opacity:.9;margin-bottom:40px;font-size:20px;line-height:1.6}.cta-actions{justify-content:center;gap:16px;display:flex}.cta-btn-primary{background-color:var(--white);color:var(--classic-blue);position:relative;overflow:hidden}.cta-btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#b3def880,#0000);width:50%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.cta-btn-primary:hover:after{transition:all .6s;left:150%}.cta-btn-secondary{background-color:var(--white);border-color:var(--white);color:var(--classic-blue)}.cta-btn-secondary:hover{background-color:var(--powder-blue);border-color:var(--powder-blue);color:var(--classic-blue)}@media (width<=768px){.cta-title{font-size:36px}.cta-actions{flex-direction:column}}.contact-header{margin-bottom:64px}.contact-grid{grid-template-columns:1.2fr .8fr;gap:64px;display:grid}.contact-form-container{background-color:var(--bg-white);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);border-radius:4px;padding:48px}.contact-form{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-family:var(--font-heading);color:var(--blue-slate);font-size:14px;font-weight:600}.form-group input,.form-group textarea{font-family:var(--font-body);color:var(--blue-slate);background-color:var(--white);transition:all var(--transition-fast);border:1px solid #58a1d34d;border-radius:4px;padding:16px;font-size:16px}.form-group input:focus,.form-group textarea:focus{border-color:var(--blue-gray);background-color:var(--white);outline:none;box-shadow:0 0 0 3px #58a1d326}.contact-info-container{flex-direction:column;gap:32px;display:flex}.contact-info-card{color:var(--blue-slate);background-color:#b3def826;border:1px solid #58a1d31a;border-radius:4px;flex-direction:column;gap:32px;padding:48px;display:flex}.info-item{align-items:flex-start;gap:16px;display:flex}.info-icon{color:var(--classic-blue);margin-top:4px}.info-label{letter-spacing:1px;color:var(--blue-gray);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.info-value{color:var(--blue-slate);font-size:16px;line-height:1.5}.contact-map-placeholder{background-color:var(--bg-lightgray);border:1px solid #58a1d31a;border-radius:4px;flex-grow:1;min-height:250px;position:relative;overflow:hidden}.contact-map-placeholder iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.map-overlay{color:var(--blue-slate);font-family:var(--font-heading);flex-direction:column;align-items:center;font-weight:600;display:flex}.map-marker{color:var(--classic-blue);margin-bottom:8px}@media (width<=1024px){.contact-grid{grid-template-columns:1fr;gap:48px}}@media (width<=640px){.form-row{grid-template-columns:1fr}.contact-form-container,.contact-info-card{padding:32px 24px}}.product-detail{min-height:100vh;padding-top:100px;transition:opacity .4s ease-out,transform .4s ease-out}.product-detail.page-enter{opacity:1;animation:.5s cubic-bezier(.2,.8,.2,1) forwards pageEnter;transform:translate(0)}.product-detail.page-exit{opacity:0;transform:translate(-20px)}@keyframes pageEnter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.breadcrumb-container{border-bottom:1px solid #58a1d326;align-items:center;gap:24px;margin-bottom:48px;padding-bottom:24px;display:flex}.back-btn{color:var(--classic-blue);font-family:var(--font-main);cursor:pointer;transition:all var(--transition-smooth);background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:600;display:flex}.back-btn:hover{color:var(--blue-gray);transform:translate(-4px)}.breadcrumb{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.breadcrumb .separator{color:var(--powder-blue)}.breadcrumb .current{color:var(--classic-blue);font-weight:700}.detail-hero-grid{grid-template-columns:48% 52%;align-items:center;gap:80px;display:grid}.category-label{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--blue-gray);margin-bottom:16px;font-size:14px;font-weight:600;display:inline-block}.category-title{font-family:var(--font-heading);color:var(--blue-slate);margin-bottom:24px;font-size:clamp(36px,4vw,48px);font-weight:800;line-height:1.1}.category-desc{color:var(--text-main);max-width:540px;margin-bottom:16px;font-size:18px;line-height:1.7}.hero-cta-group{align-items:center;gap:16px;display:flex}.mt-4{margin-top:16px}.mt-6{margin-top:32px}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.detail-hero-gallery{flex-direction:column;gap:16px;display:flex}.detail-image-main{box-shadow:var(--shadow-lg);aspect-ratio:4/3;background-color:var(--bg-offwhite);border-radius:8px;width:100%;overflow:hidden}.detail-image{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1);display:block}.detail-image-main:hover .detail-image{transform:scale(1.02)}.detail-gallery-thumbnails{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.thumbnail-btn{cursor:pointer;width:80px;height:60px;transition:all var(--transition-smooth);opacity:.6;border:2px solid #0000;border-radius:4px;flex-shrink:0;padding:0;overflow:hidden}.thumbnail-btn:hover{opacity:.8}.thumbnail-btn.active{border-color:var(--classic-blue);opacity:1}.thumbnail-btn img{object-fit:cover;width:100%;height:100%}.detail-supply-section{padding:80px 0}.product-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;margin-top:48px;display:grid}.sub-product-card{background-color:var(--white);transition:all var(--transition-smooth);border:1px solid #58a1d333;border-radius:6px;flex-direction:column;height:100%;display:flex;overflow:hidden}.sub-product-card:hover{box-shadow:var(--shadow-hover);border-color:var(--blue-gray);transform:translateY(-4px)}.sub-product-image-placeholder{height:180px;color:var(--classic-blue);background-color:#b3def833;justify-content:center;align-items:center;transition:transform .4s;display:flex}.sub-product-card:hover .sub-product-image-placeholder{transform:scale(1.05)}.sub-product-content{background-color:var(--white);z-index:1;flex-direction:column;flex-grow:1;padding:24px;display:flex}.sub-product-title{font-family:var(--font-heading);color:var(--blue-slate);transition:color var(--transition-smooth);margin-bottom:8px;font-size:18px;font-weight:700}.sub-product-card:hover .sub-product-title{color:var(--classic-blue)}.sub-product-desc{color:var(--text-muted);flex-grow:1;margin-bottom:24px;font-size:14px;line-height:1.6}.sub-product-btn{width:100%;padding:10px 16px;font-size:14px}.detail-applications-section{padding:80px 0}.applications-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px;display:grid}.application-item{background-color:var(--bg-offwhite);border-left:4px solid var(--classic-blue);color:var(--blue-slate);transition:all var(--transition-smooth);border-radius:8px;align-items:center;gap:16px;padding:24px;font-weight:600;display:flex}.application-item:hover{background-color:#b3def833;transform:translate(4px)}.app-icon{color:var(--classic-blue)}.detail-benefits-section{padding:80px 0}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-top:48px;display:grid}.benefit-card{text-align:center;background-color:var(--white);transition:all var(--transition-smooth);border:1px solid #58a1d31a;border-radius:8px;padding:32px 24px}.benefit-card:hover{box-shadow:var(--shadow-md);border-color:var(--powder-blue);transform:translateY(-5px)}.benefit-icon{background-color:var(--powder-blue);width:64px;height:64px;color:var(--classic-blue);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.benefit-title{font-family:var(--font-heading);color:var(--blue-slate);text-transform:uppercase;margin-bottom:12px;font-size:18px;font-weight:700}.benefit-text{color:var(--text-muted);font-size:14px;line-height:1.6}.detail-cta-section{padding:80px 0}.cta-button-group{justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.detail-related-section{padding:80px 0}.related-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px;display:grid}.related-card{background-color:var(--white);cursor:pointer;transition:all var(--transition-smooth);text-align:center;border:1px solid #58a1d333;border-radius:8px;flex-direction:column;align-items:center;padding:32px;display:flex}.related-card:hover{box-shadow:var(--shadow-hover);border-color:var(--classic-blue);transform:translateY(-4px)}.related-card.is-transitioning{opacity:.5;background-color:#b3def833;transform:scale(.96)}.related-title{font-family:var(--font-heading);color:var(--blue-slate);margin-bottom:16px;font-size:20px;font-weight:700}.related-action{color:var(--classic-blue);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.reveal-fade-up{opacity:0;transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.reveal-fade-up.active{opacity:1;transform:translateY(0)}.reveal-fade-in{opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:scale(.95)}.reveal-fade-in.active{opacity:1;transform:scale(1)}@media (width<=1024px){.detail-hero-grid{text-align:center;grid-template-columns:1fr;gap:48px}.category-desc{margin:0 auto 24px}.hero-cta-group{justify-content:center}}@media (width<=640px){.breadcrumb-container{flex-direction:column;align-items:flex-start;gap:16px}.detail-hero-grid{gap:32px}.hero-cta-group,.cta-button-group{flex-direction:column;width:100%}.hero-cta-group .btn,.cta-button-group .btn{width:100%}}