.chemicals-hero{position:relative;height:85vh;min-height:750px;display:flex;align-items:center;overflow:hidden}.chemicals-hero-bg,.chemicals-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.chemicals-hero-bg{background-size:cover;background-position:center;transition:transform .6s ease}.chemicals-hero:hover .chemicals-hero-bg{transform:scale(1.05)}.chemicals-hero-overlay{background:linear-gradient(135deg,rgba(3,46,59,.93)0,rgba(15,138,140,.88) 100%);z-index:1}.chemicals-hero-content{position:relative;z-index:2;padding-top:80px}.chemicals-hero-title{font-size:clamp(3rem,5vw,5rem);font-weight:700;color:var(--white);line-height:1.15;margin-bottom:24px;letter-spacing:-1.5px}.chemicals-hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;color:rgba(255,255,255,.95);max-width:700px;margin-bottom:48px}.hero-badges{display:flex;gap:32px;flex-wrap:wrap}.hero-badge{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(145deg,rgba(255,255,255,.15)0,rgba(255,255,255,.08) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.25);border-radius:50px;transition:all .3s ease}.hero-badge:hover{background:linear-gradient(145deg,rgba(255,255,255,.22)0,rgba(255,255,255,.12) 100%);border-color:rgba(255,255,255,.4);transform:translateY(-4px)}.hero-badge svg{width:24px;height:24px;stroke:var(--white);flex-shrink:0}.hero-badge span{font-size:15px;font-weight:600;color:var(--white)}.chemicals-overview{padding:120px 0;background:var(--white)}.overview-split{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.overview-text{font-size:17px;line-height:1.9;color:var(--text-gray);margin-bottom:24px}.overview-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.overview-stat-card{text-align:center;padding:32px 24px;background:var(--off-white);border-radius:20px;border:2px solid rgba(15,138,140,.1);transition:all .3s ease}.overview-stat-card:hover{border-color:var(--primary-teal);transform:translateY(-8px);box-shadow:0 12px 32px rgba(15,138,140,.15)}.stat-number{font-size:48px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:12px}.stat-label{font-size:14px;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.overview-visual{position:relative}.overview-image-main{width:100%;height:600px;background-size:cover;background-position:center;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);transition:transform .4s ease}.overview-image-main:hover{transform:scale(1.02)}.overview-floating-card{position:absolute;bottom:-40px;left:-40px;background:linear-gradient(145deg,rgba(255,255,255,.95)0,rgba(255,255,255,.9) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(15,138,140,.2);border-radius:20px;padding:32px;display:flex;gap:20px;align-items:center;box-shadow:0 20px 60px rgba(0,0,0,.2);max-width:350px;transition:all .4s ease}.overview-floating-card:hover{transform:translateY(-8px);box-shadow:0 28px 80px rgba(0,0,0,.25)}.floating-card-icon{width:64px;height:64px;background:var(--primary-gradient);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-card-icon svg{width:32px;height:32px;stroke:var(--white)}.floating-card-content h4{font-size:18px;font-weight:700;color:var(--dark-bg);margin-bottom:6px}.floating-card-content p{font-size:14px;line-height:1.6;color:var(--text-gray)}.product-categories-chemicals{padding:120px 0;background:linear-gradient(180deg,var(--off-white) 0%,var(--white) 100%)}.categories-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.category-showcase-card{background:var(--white);border-radius:24px;padding:40px;border:2px solid rgba(15,138,140,.1);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.category-showcase-card::before,.why-choose-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);opacity:0;transition:opacity .4s ease}.category-showcase-card:hover::before,.why-choose-card:hover::before{opacity:1}.category-showcase-card:hover{transform:translateY(-12px);border-color:var(--primary-teal);box-shadow:0 24px 60px rgba(15,138,140,.2)}.category-showcase-number{position:absolute;top:32px;right:32px;font-size:72px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.15;line-height:1}.category-showcase-content{flex:1}.category-showcase-header{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px}.category-showcase-icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(15,138,140,.1)0,rgba(3,46,59,.05) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s ease}.category-showcase-card:hover .category-showcase-icon,.safety-card:hover .safety-card-icon{background:var(--primary-gradient);transform:scale(1.1) rotate(-5deg)}.category-showcase-icon svg{width:32px;height:32px;stroke:var(--primary-teal);transition:stroke .4s ease}.application-item:hover .application-item-icon svg,.category-showcase-card:hover .category-showcase-icon svg,.why-choose-card:hover .why-choose-icon svg{stroke:var(--white)}.category-showcase-title{font-size:26px;font-weight:700;color:var(--dark-bg);margin-bottom:4px;line-height:1.3}.category-showcase-count{font-size:14px;font-weight:600;color:var(--primary-teal);text-transform:uppercase;letter-spacing:.5px}.category-showcase-desc{font-size:15px;line-height:1.7;color:var(--text-gray);margin-bottom:24px}.category-showcase-products{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.product-tag{padding:8px 16px;background:var(--off-white);border:1px solid rgba(15,138,140,.15);border-radius:20px;font-size:13px;font-weight:600;color:var(--dark-bg);transition:all .3s ease}.category-showcase-btn,.product-tag:hover{background:var(--primary-gradient);color:var(--white)}.product-tag:hover{border-color:transparent;transform:translateY(-2px)}.category-showcase-btn{width:100%;padding:16px 32px;border:0;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease}.category-showcase-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,138,140,.3)}.safety-handling{position:relative;padding:120px 0;overflow:hidden}.safety-bg,.safety-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.safety-bg{background-size:cover;background-position:center;background-attachment:fixed}.safety-overlay{background:linear-gradient(135deg,rgba(3,46,59,.95)0,rgba(15,138,140,.92) 100%);z-index:1}.safety-content{position:relative;z-index:2;text-align:center}.section-pill-light{display:inline-block;padding:8px 20px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:50px;font-size:13px;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.section-heading-light{font-size:3.125rem;font-weight:700;color:var(--white);margin-bottom:24px;line-height:1.2}.safety-intro{font-size:18px;line-height:1.8;color:rgba(255,255,255,.9);max-width:800px;margin:0 auto 60px}.safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.safety-card{background:linear-gradient(145deg,rgba(255,255,255,.12)0,rgba(255,255,255,.06) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.2);border-radius:20px;padding:40px 32px;text-align:center;transition:all .4s ease}.safety-card:hover{background:linear-gradient(145deg,rgba(255,255,255,.18)0,rgba(255,255,255,.1) 100%);border-color:rgba(255,255,255,.4);transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.3)}.safety-card-icon{width:72px;height:72px;background:linear-gradient(135deg,rgba(15,138,140,.3)0,rgba(3,46,59,.2) 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:all .4s ease}.safety-card-icon svg{width:36px;height:36px;stroke:var(--white)}.application-item h4,.safety-card h4{font-size:20px;font-weight:700;color:var(--white);margin-bottom:12px}.safety-card p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.85)}.applications-chemicals{padding:120px 0;background:var(--white)}.applications-grid-chemicals{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.application-item{background:var(--off-white);border-radius:20px;padding:40px 32px;text-align:center;border:2px solid rgba(15,138,140,.1);transition:all .4s ease}.application-item:hover{background:var(--white);border-color:var(--primary-teal);transform:translateY(-8px);box-shadow:0 20px 50px rgba(15,138,140,.15)}.application-item-icon{width:72px;height:72px;background:linear-gradient(135deg,rgba(15,138,140,.1)0,rgba(3,46,59,.05) 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:all .4s ease}.application-item:hover .application-item-icon{background:var(--primary-gradient);transform:scale(1.1)}.application-item-icon svg{width:36px;height:36px;stroke:var(--primary-teal);transition:stroke .4s ease}.application-item h4{color:var(--dark-bg)}.application-item p,.compliance-feature-content p,.why-choose-card p{font-size:15px;line-height:1.7;color:var(--text-gray)}.quality-compliance{padding:120px 0;background:linear-gradient(180deg,var(--off-white) 0%,var(--white) 100%)}.quality-compliance-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.quality-image-chemicals{width:100%;height:600px;background-size:cover;background-position:center;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);transition:transform .4s ease}.quality-image-chemicals:hover{transform:scale(1.02)}.quality-compliance-text{font-size:17px;line-height:1.9;color:var(--text-gray);margin-bottom:40px}.compliance-features{display:flex;flex-direction:column;gap:24px}.compliance-feature{display:flex;gap:20px;padding:28px;background:var(--white);border-radius:16px;border-left:4px solid var(--primary-teal);transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.05)}.compliance-feature:hover{transform:translateX(8px);box-shadow:0 8px 24px rgba(15,138,140,.15)}.compliance-feature-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,rgba(15,138,140,.1)0,rgba(3,46,59,.05) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}.compliance-feature-icon svg,.why-choose-icon svg{width:24px;height:24px;stroke:var(--primary-teal)}.compliance-feature-content h4,.why-choose-card h3{font-size:18px;font-weight:700;color:var(--dark-bg);margin-bottom:6px}.why-choose-chemicals{padding:120px 0;background:var(--white)}.why-choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.why-choose-card{background:var(--off-white);border-radius:24px;padding:40px 32px;border:2px solid rgba(15,138,140,.1);transition:all .4s ease;position:relative;overflow:hidden}.why-choose-card:hover{background:var(--white);border-color:var(--primary-teal);transform:translateY(-12px);box-shadow:0 24px 60px rgba(15,138,140,.2)}.why-choose-number{position:absolute;top:24px;right:24px;font-size:64px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.15;line-height:1}.why-choose-icon{width:72px;height:72px;background:linear-gradient(135deg,rgba(15,138,140,.1)0,rgba(3,46,59,.05) 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .4s ease}.why-choose-card:hover .why-choose-icon{background:var(--primary-gradient);transform:scale(1.1) rotate(-5deg)}.why-choose-icon svg{width:36px;height:36px;transition:stroke .4s ease}.why-choose-card h3{font-size:22px;margin-bottom:12px;line-height:1.3}.chemicals-cta{padding:100px 0;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--primary-dark) 100%);position:relative;overflow:hidden}.chemicals-cta::before{content:"";position:absolute;top:-50%;left:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(15,138,140,.15)0,transparent 70%);border-radius:50%;opacity:.5}.chemicals-cta-content{text-align:center;position:relative;z-index:1}.chemicals-cta-title{font-size:4rem;font-weight:700;color:var(--white);margin-bottom:24px;letter-spacing:-1px}.chemicals-cta-text{font-size:18px;line-height:1.7;color:rgba(255,255,255,.9);margin-bottom:48px;max-width:700px;margin-left:auto;margin-right:auto}.chemicals-cta-buttons{display:flex;gap:20px;justify-content:center;align-items:center}.cta-btn-primary,.cta-btn-secondary{padding:18px 48px;border-radius:50px;font-weight:600;font-size:16px;transition:all .3s ease}.cta-btn-primary{background:var(--white);color:var(--primary-dark);border:0;cursor:pointer;box-shadow:0 4px 15px rgba(255,255,255,.3)}.cta-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,255,255,.4);background:rgba(255,255,255,.95)}.cta-btn-secondary{background:0 0;color:var(--white);border:2px solid var(--white);display:inline-block;text-decoration:none}.cta-btn-secondary:hover{background:var(--white);color:var(--primary-dark);transform:translateY(-3px)}@media (max-width:1024px){.overview-split,.quality-compliance-grid{grid-template-columns:1fr;gap:48px}.categories-showcase{grid-template-columns:1fr}.applications-grid-chemicals,.safety-grid,.why-choose-grid{grid-template-columns:repeat(2,1fr)}.overview-image-main,.quality-image-chemicals{height:400px}.overview-floating-card{position:static;margin-top:24px}}@media (max-width:768px){.chemicals-hero{height:70vh;min-height:600px}.chemicals-hero-content{padding-top:100px;padding-bottom:60px}.chemicals-hero-title{font-size:3rem}.hero-badges{gap:16px}.hero-badge{padding:12px 20px}section{padding:80px 0}.applications-grid-chemicals,.overview-stats-grid,.safety-grid,.why-choose-grid{grid-template-columns:1fr}.chemicals-cta-title,.section-heading-light{font-size:2.5rem}.chemicals-cta-buttons{flex-direction:column;width:100%}.cta-btn-primary,.cta-btn-secondary{width:100%;text-align:center}}@media (max-width:480px){.chemicals-cta-title,.chemicals-hero-title,.section-heading-light{font-size:2rem}.hero-badges{flex-direction:column;width:100%}.hero-badge{width:100%;justify-content:center}.application-item,.category-showcase-card,.safety-card,.why-choose-card{padding:32px 24px}.compliance-feature{padding:24px;flex-direction:column}}