*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17343a;background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1120px,calc(100% - 36px));margin:auto}
.topbar{background:#123f46;color:#fff;font-size:13px;padding:8px 0}.topbar-inner,.nav-wrap,.footer-grid,.blog-filter-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.top-links{display:flex;gap:18px}.header{background:#fff;border-bottom:1px solid #e3eaeb;position:sticky;top:0;z-index:100}.nav-wrap{min-height:76px}.brand img{width:205px;height:auto;display:block}.nav{display:flex;align-items:center;gap:22px;font-weight:600;font-size:14px}.nav a:hover{color:#0b7883}.nav-cta{background:#0b7883;color:#fff!important;padding:11px 17px;border-radius:7px}.menu-toggle{display:none;border:1px solid #ccd9db;background:#fff;border-radius:7px;padding:8px 11px;font-size:20px}.hero{background:linear-gradient(135deg,#f1f8f8,#fff);padding:80px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:800;color:#0b7883}.hero h1{font-size:52px;line-height:1.08;margin:14px 0}.hero h1 span,.section-heading span{color:#0b7883}.hero-text{font-size:18px;color:#5c7074}.hero-buttons,.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;padding:12px 18px;border-radius:7px;border:1px solid #0b7883;font-weight:700}.btn-primary{background:#0b7883;color:#fff}.btn-outline{color:#0b7883}.btn-light{background:#fff;color:#17343a;border-color:#d2dfe1}.section{padding:70px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 35px}.section-heading h2{font-size:36px;margin:7px 0 12px;line-height:1.2}.section-heading p{color:#637679}.product-grid,.industry-grid,.process-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card,.industry-card,.process-step,.washroom-card{border:1px solid #dce7e8;border-radius:12px;background:#fff;padding:22px;box-shadow:0 4px 18px #00000008}.product-card h3,.industry-card h3{margin:12px 0 7px}.product-card p,.industry-card p{color:#65777b}.product-icon{font-size:30px}.product-no{font-size:12px;color:#0b7883;font-weight:800}.card-bottom{margin-top:15px}.text-link{color:#0b7883;font-weight:700}.about-section{background:#f5f9f9}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about-content h2{font-size:36px;line-height:1.2}.feature-list{padding-left:20px}.feature-list li{margin:9px 0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.faq-list details{border-bottom:1px solid #dce7e8;padding:14px 0}.faq-list summary{font-weight:700;cursor:pointer}.process-section{background:#123f46;color:#fff}.process-grid{grid-template-columns:repeat(4,1fr)}.process-step{background:#fff;color:#17343a}.cta-section{padding:55px 0}.cta-box{background:#0b7883;color:#fff;border-radius:15px;padding:35px;display:flex;justify-content:space-between;gap:25px;align-items:center}.footer{background:#102f34;color:#d9e5e6;padding-top:45px}.footer-grid{align-items:flex-start;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr}.footer-grid h3{color:#fff;font-size:16px}.footer-grid a{display:block;margin:7px 0}.footer-logo{width:190px;background:#fff;padding:6px;border-radius:5px}.footer-bottom{border-top:1px solid #315258;margin-top:30px;padding:16px 0;font-size:13px}.floating-call{position:fixed;right:20px;bottom:20px;background:#0b7883;color:#fff;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;z-index:100}
.blog-hero{background:linear-gradient(135deg,#f1f8f8,#fff);padding:75px 0}.blog-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center}.blog-hero h1{font-size:48px;line-height:1.1;margin:12px 0}.blog-hero h1 span{color:#0b7883}.blog-hero p{font-size:18px;color:#637679;max-width:700px}.blog-visual{background:#123f46;color:#fff;border-radius:16px;padding:42px;min-height:250px;display:flex;flex-direction:column;justify-content:center}.blog-visual-label{font-size:11px;letter-spacing:1.4px;color:#9dd2d5}.blog-visual h2{font-size:42px;line-height:1.05;margin:14px 0}.blog-filter{border-bottom:1px solid #e2eaeb;padding:18px 0}.blog-search{width:300px;max-width:100%;padding:11px 13px;border:1px solid #bdcdd0;border-radius:7px}.blog-grid{grid-template-columns:repeat(3,1fr)}.blog-card{overflow:hidden;border:1px solid #dce7e8;border-radius:12px;background:#fff;box-shadow:0 5px 18px #00000009;display:flex;flex-direction:column}.blog-card-image,.blog-card-placeholder{width:100%;height:205px;object-fit:cover;background:#e8f1f2}.blog-card-placeholder{display:grid;place-items:center;font-size:48px;font-weight:800;color:#0b7883}.blog-card-body{padding:21px;display:flex;flex-direction:column;height:100%}.blog-category{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:#0b7883}.blog-card h2{font-size:23px;line-height:1.25;margin:9px 0}.blog-card p{color:#66777a;margin:0 0 12px}.blog-meta{font-size:12px;color:#849396;margin-top:auto;padding-top:10px}.blog-read{color:#0b7883;font-weight:800;margin-top:12px}.blog-empty{grid-column:1/-1;text-align:center;padding:65px 20px;border:1px dashed #cbd9db;border-radius:12px}.blog-empty h2{margin-bottom:5px}.blog-empty p{color:#687a7e}
@media(max-width:900px){.nav{gap:12px}.hero-grid,.blog-hero-grid,.about-grid,.faq-grid{grid-template-columns:1fr}.product-grid,.industry-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:43px}.blog-hero h1{font-size:42px}}
@media(max-width:700px){.topbar-inner{align-items:flex-start}.top-links{display:none}.menu-toggle{display:block}.nav{display:none;position:absolute;left:18px;right:18px;top:75px;background:#fff;border:1px solid #dce7e8;border-radius:8px;padding:12px;flex-direction:column;align-items:stretch;box-shadow:0 10px 30px #0002}.nav.active{display:flex}.nav a{padding:8px}.hero{padding:55px 0}.hero h1,.blog-hero h1{font-size:36px}.section{padding:55px 0}.product-grid,.industry-grid,.process-grid,.blog-grid,.footer-grid{grid-template-columns:1fr}.blog-filter-inner{align-items:flex-start;flex-direction:column}.blog-search{width:100%}.cta-box{flex-direction:column;align-items:flex-start}}