@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');

:root{--navy:#072b39;--deep:#041f2b;--blue:#1b83a7;--aqua:#49c6c3;--mint:#dff4ec;--paper:#f5f7f3;--ink:#0c2d38;--line:#cad7d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.nav-shell{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5.4vw;background:#fff;border-bottom:1px solid #dfe6e4;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-family:'Manrope',sans-serif;font-size:24px;font-weight:700;letter-spacing:-1.2px}.brand small{display:block;font-size:7px;letter-spacing:3px;margin-top:-2px;color:#53808c}.brand-drop{width:23px;height:31px;display:inline-block;background:linear-gradient(155deg,#45cbc4,#087099);border-radius:55% 55% 60% 60%;transform:rotate(45deg)}.nav-shell nav{display:flex;align-items:center;gap:35px;font-size:14px;font-weight:500}.nav-shell nav>a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{background:var(--navy);color:#fff;padding:15px 20px;border-radius:3px}.nav-cta span,.button span{margin-left:14px}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;overflow:hidden}.hero-copy{padding:100px 6vw 70px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700}.eyebrow{display:flex;align-items:center;color:#247c93}.eyebrow span{width:23px;height:2px;background:var(--aqua);margin-right:10px}.hero h1{font-family:'Manrope',sans-serif;font-size:clamp(58px,6.4vw,104px);line-height:.92;letter-spacing:-6px;margin:30px 0 36px;font-weight:500}.hero h1 em{font-style:normal;color:#2387a5}.hero-lead{font-size:18px;line-height:1.65;color:#49646c;max-width:580px}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:35px}.button{display:inline-flex;align-items:center;padding:17px 22px;border-radius:3px;font-weight:600;font-size:14px}.primary{background:var(--navy);color:#fff}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid #9fbdc4;padding:0 0 4px}.text-link span{margin-left:10px}.hero-proof{display:flex;gap:44px;margin-top:70px}.hero-proof div{display:flex;flex-direction:column;border-left:1px solid #cfdcda;padding-left:16px}.hero-proof strong{font-family:'Manrope';font-size:27px}.hero-proof span{font-size:11px;color:#687e84;margin-top:3px}.hero-visual{position:relative;min-height:680px;background:radial-gradient(circle at 65% 43%,#52cbd0 0,#1680a1 38%,#0c526d 69%,#073647 100%);overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(4px);background:rgba(204,255,242,.18)}.orb-one{width:500px;height:500px;right:-130px;top:-120px}.orb-two{width:240px;height:240px;left:-70px;bottom:-60px}.water-ring{position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%}.ring-one{width:650px;height:650px;left:45%;top:40%;transform:translate(-50%,-50%)}.ring-two{width:470px;height:470px;left:45%;top:40%;transform:translate(-50%,-50%)}.machine{width:260px;height:380px;background:linear-gradient(145deg,#f6fbfa,#b7d5d3);border-radius:17px;position:absolute;left:49%;top:49%;transform:translate(-50%,-50%);box-shadow:-35px 38px 50px rgba(3,39,52,.35),inset -10px -8px 18px rgba(32,80,85,.2);padding:26px}.machine:after{content:"";position:absolute;width:80%;height:30px;bottom:-18px;left:10%;background:rgba(2,31,42,.27);filter:blur(15px);border-radius:50%}.machine-top{font-size:9px;letter-spacing:2px;font-weight:700;display:flex;justify-content:space-between}.machine-top i{width:8px;height:8px;background:#60e4c2;border-radius:50%;box-shadow:0 0 0 3px rgba(96,228,194,.2)}.machine-screen{height:145px;background:#062e3d;color:#fff;border-radius:8px;margin-top:30px;padding:22px}.machine-screen span{font-size:10px;color:#8eb7be}.machine-screen strong{font-family:'Manrope';font-size:34px;display:block;margin:7px 0;color:#6ce1c8}.quality-line{display:flex;gap:4px}.quality-line i{height:3px;width:20%;background:#56c9be;border-radius:5px}.machine-flow{display:flex;gap:14px;justify-content:center;margin-top:55px}.machine-flow i{width:32px;height:32px;border-radius:50%;border:1px solid #7faaa9;box-shadow:inset 0 0 0 7px #dbeae7}.floating-card{position:absolute;background:rgba(255,255,255,.93);padding:14px 18px;display:flex;gap:12px;align-items:center;border-radius:5px;box-shadow:0 10px 30px rgba(1,30,41,.18)}.floating-card>span{background:#dff7ef;color:#168e7e;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:700}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:12px}.floating-card small{font-size:9px;color:#6c8185;margin-top:3px}.recovery{left:5%;top:23%}.energy{right:6%;bottom:22%}.visual-caption{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:3px;color:#b4e6e7}.trust-bar{min-height:130px;padding:30px 5.4vw;display:flex;align-items:center;gap:50px;background:#e9efeb;border-top:1px solid #d8e0dd;border-bottom:1px solid #d8e0dd}.trust-bar p{font-size:11px;color:#698087;width:130px}.trust-bar div{flex:1;display:flex;justify-content:space-between;align-items:center;gap:30px}.trust-bar span{font-family:'Manrope';font-size:12px;font-weight:700;color:#60777d;letter-spacing:.4px}.section{padding:120px 6vw}.intro{display:grid;grid-template-columns:.6fr 1.35fr .7fr;gap:5vw;align-items:start}.section-label{color:#56818a}.intro h2,.solutions h2,.process h2,.contact h2{font-family:'Manrope';font-size:clamp(40px,4.7vw,72px);font-weight:500;letter-spacing:-3.6px;line-height:1.06;margin:0}.intro-copy>p{font-size:17px;line-height:1.75;color:#557078;max-width:730px;margin:35px 0}.text-link.dark{color:var(--ink)}.impact-card{background:var(--navy);color:#fff;padding:34px;min-height:330px;position:relative;overflow:hidden}.impact-card>span{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8fb4bb}.impact-card strong{font-family:'Manrope';font-size:47px;display:block;margin:60px 0 15px;color:#68d7c6}.impact-card p{font-size:13px;line-height:1.6;color:#adc6ca}.mini-wave{position:absolute;bottom:0;left:0;right:0;height:70px}.mini-wave i{position:absolute;width:170%;height:90px;border:1px solid rgba(91,221,201,.4);border-radius:50%;left:-35%}.mini-wave i:nth-child(2){bottom:-23px}.mini-wave i:nth-child(3){bottom:-40px}.solutions{background:#fff}.solutions-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:65px}.solutions-head .section-label{margin-bottom:25px}.solutions-head>p{max-width:370px;color:#61777e;line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{height:450px;padding:28px;background:#edf3f0;position:relative;overflow:hidden;transition:.3s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(6,45,57,.1)}.product-top{display:flex;justify-content:space-between;font-size:11px;color:#698087}.product-top i{font-style:normal;font-size:20px}.product-icon{height:175px;display:grid;place-items:center;position:relative}.product-icon b{display:block;position:absolute;border-radius:50%}.product-icon b:first-child{width:100px;height:100px;background:rgba(41,149,173,.15)}.product-icon b:nth-child(2){width:70px;height:70px;border:1px solid #268baa}.product-icon b:nth-child(3){width:18px;height:25px;background:#268baa;border-radius:60% 60% 60% 60%;transform:rotate(45deg)}.product-card.mint .product-icon b:first-child{background:rgba(48,173,127,.15)}.product-card.mint .product-icon b:nth-child(2){border-color:#3b9a75}.product-card.mint .product-icon b:nth-child(3){background:#3b9a75}.product-card.amber .product-icon b:first-child{background:rgba(229,165,62,.17)}.product-card.amber .product-icon b:nth-child(2){border-color:#c68b2f}.product-card.amber .product-icon b:nth-child(3){background:#c68b2f}.product-card.violet .product-icon b:first-child{background:rgba(120,104,177,.15)}.product-card.violet .product-icon b:nth-child(2){border-color:#7767a8}.product-card.violet .product-icon b:nth-child(3){background:#7767a8}.product-card>p{text-transform:uppercase;letter-spacing:1.5px;font-size:9px;color:#758b90}.product-card h3{font-family:'Manrope';font-size:25px;margin:10px 0}.card-reveal p{font-size:12px;line-height:1.55;color:#657a80}.card-reveal a{font-size:12px;font-weight:700}.card-reveal a span{margin-left:6px}.process{background:var(--deep);color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.section-label.light{color:#77b8bf}.process-copy>p{color:#a7c0c4;line-height:1.75;max-width:530px;margin:35px 0}.ghost{border:1px solid #5a7b84}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#31505a}.process-steps>div{background:#0a3341;padding:28px;min-height:400px;display:flex;flex-direction:column}.process-steps>div>span{font-size:10px;color:#7da0a6}.step-icon{width:90px;height:90px;border:1px solid #4f7b83;border-radius:50%;margin:auto;position:relative}.step-icon:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#65d0c4;opacity:.8}.charge:before{content:"+  −";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-style:normal;z-index:2;font-size:16px;word-spacing:16px}.charge:after{background:transparent;border:1px dashed #63cec3}.outlet:after{border-radius:50% 50% 55% 55%;transform:rotate(45deg);inset:25px}.process-steps h3{font-family:'Manrope';font-size:18px;margin:0 0 12px}.process-steps p{font-size:11px;line-height:1.6;color:#8faab0}.about{display:grid;grid-template-columns:1fr 1fr;padding-top:0;padding-bottom:0}.about-panel{padding:110px 8vw 110px 0}.quote{font-family:'Manrope';font-size:35px;line-height:1.28;letter-spacing:-1.5px;margin:50px 0 30px}.about-panel>p:not(.quote){color:#5d747a;line-height:1.8}.about-links{display:flex;gap:35px;margin-top:45px}.about-links a{font-size:12px;font-weight:700;border-bottom:1px solid #9badb1;padding-bottom:5px}.about-art{min-height:600px;background:linear-gradient(150deg,#c2ebe4,#3fa9b0 50%,#096075);position:relative;overflow:hidden}.drop-outline{width:450px;height:580px;border:1px solid rgba(255,255,255,.38);border-radius:60% 60% 63% 63%;transform:rotate(45deg);position:absolute;right:-80px;top:-60px}.lab-card{position:absolute;z-index:2;left:10%;bottom:12%;background:rgba(255,255,255,.92);padding:28px 35px;width:210px}.lab-card span,.lab-card small{display:block;color:#698087;font-size:10px}.lab-card strong{font-family:'Manrope';font-size:54px;display:block;margin:5px 0}.contact{background:#0a566c;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-copy>p{color:#b4d0d4;line-height:1.7;max-width:560px}.contact-details{display:flex;gap:45px;margin-top:55px;padding-top:30px;border-top:1px solid #3f7888}.contact-details a{font-size:20px}.contact-details span{font-size:12px;line-height:1.6;color:#b5ced2}.contact-form{background:#fff;color:var(--ink);padding:38px;display:grid;gap:22px}.contact-form label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #c6d3d2;padding:12px 0 10px;background:transparent;outline:none;text-transform:none;letter-spacing:0;font-size:14px;color:#425f67}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#1682a1}.contact-form button{border:0;background:var(--navy);color:#fff;padding:17px 20px;text-align:left;cursor:pointer}.contact-form button span{float:right}.contact-form small{color:#7e9196;font-size:9px;text-align:center}footer{background:#051f2a;color:#fff;padding:70px 6vw 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start}.footer-brand{color:#fff}.footer-brand .brand-drop{width:19px;height:26px}.footer-brand small{color:#8eb0b7}footer>p{font-size:12px;color:#91abb0}footer>div{display:flex;justify-content:flex-end;gap:28px;font-size:12px}footer>small{grid-column:1/-1;border-top:1px solid #2b4650;padding-top:25px;color:#728e94;font-size:9px;margin-top:30px}
@media(max-width:1050px){.nav-shell nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-top:70px}.hero-visual{min-height:580px}.intro{grid-template-columns:1fr 2fr}.intro .impact-card{grid-column:2}.product-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr}.about{grid-template-columns:1fr}.about-panel{padding-right:0}.contact{gap:5vw}.trust-bar span:nth-last-child(-n+2){display:none}}
@media(max-width:700px){.nav-shell{height:72px;padding:0 22px}.nav-shell .nav-cta{font-size:0;padding:13px}.nav-shell .nav-cta span{font-size:16px;margin:0}.hero-copy{padding:65px 24px 50px}.hero h1{font-size:58px;letter-spacing:-3.5px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-proof{gap:18px;margin-top:48px}.hero-proof strong{font-size:23px}.hero-visual{min-height:530px}.machine{transform:translate(-50%,-50%) scale(.8)}.floating-card{transform:scale(.82)}.recovery{left:0}.energy{right:0}.trust-bar{display:block;padding:28px 24px}.trust-bar div{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.section{padding:80px 24px}.intro{grid-template-columns:1fr}.intro .impact-card{grid-column:auto}.intro h2,.solutions h2,.process h2,.contact h2{letter-spacing:-2px}.solutions-head{display:block}.solutions-head>p{margin-top:30px}.product-grid{grid-template-columns:1fr}.product-card{height:auto;min-height:420px}.process-steps{grid-template-columns:1fr}.process-steps>div{min-height:330px}.about{padding:0}.about-panel{padding:80px 24px}.about-art{min-height:450px}.contact{grid-template-columns:1fr}.contact-form{padding:28px 22px}.contact-details{flex-direction:column;gap:18px}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start}footer>small{grid-column:1}}

/* Product detail pages */
.product-page{background:#fff}.product-page .nav-shell{position:relative}.product-breadcrumb{padding:28px 6vw 0;font-size:11px;color:#6d858b}.product-breadcrumb a{border-bottom:1px solid #b6c7ca}.product-detail-hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;padding:70px 6vw 90px;gap:8vw;align-items:center}.product-kicker{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:#2383a0}.product-detail-hero h1{font-family:'Manrope';font-size:clamp(58px,7vw,104px);line-height:.94;letter-spacing:-6px;margin:25px 0}.product-summary{font-size:19px;line-height:1.65;color:#536e75;max-width:620px}.product-detail-hero .button{margin-top:25px}.product-showcase{height:470px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 60% 35%,#8ce0d8,#1685a3 55%,#073b4c);overflow:hidden}.product-showcase:before,.product-showcase:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%}.product-showcase:before{width:470px;height:470px}.product-showcase:after{width:320px;height:320px}.product-device{width:190px;height:280px;background:linear-gradient(145deg,#f9fdfc,#b9d7d4);border-radius:15px;box-shadow:0 30px 50px rgba(3,37,48,.35);position:relative;z-index:2;padding:25px}.product-device span{font-size:9px;font-weight:700;letter-spacing:1.5px}.product-device i{display:block;height:100px;margin-top:28px;border-radius:7px;background:#07384a;position:relative}.product-device i:after{content:"READY";position:absolute;inset:0;display:grid;place-items:center;color:#66dcc5;font-style:normal;font-size:17px;font-weight:700}.product-device.round{height:240px;border-radius:48% 48% 18px 18px}.product-device.slim{width:150px;height:330px}.product-device.doser{height:220px;width:230px;border-radius:8px}.product-highlights{display:grid;grid-template-columns:repeat(4,1fr);background:#082e3c;color:#fff}.product-highlights div{padding:34px 3vw;border-right:1px solid #335461}.product-highlights span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#86aab1}.product-highlights strong{display:block;font-family:'Manrope';font-size:24px;margin-top:8px;color:#72d7c8}.detail-section{padding:110px 6vw}.detail-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}.detail-intro h2,.feature-section h2,.application-section h2{font-family:'Manrope';font-size:clamp(38px,4vw,60px);line-height:1.08;letter-spacing:-2.8px;margin:0}.detail-intro-copy>p{font-size:17px;line-height:1.8;color:#587078;margin-top:0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfdbd8;margin-top:65px}.benefit-grid article{background:#f1f5f2;padding:34px;min-height:220px}.benefit-grid span{font-size:10px;color:#5e8992}.benefit-grid h3{font-family:'Manrope';font-size:20px;margin:40px 0 12px}.benefit-grid p{font-size:12px;line-height:1.65;color:#657b80}.feature-section{background:#f0f5f2}.feature-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.feature-head>p{max-width:450px;line-height:1.7;color:#5f777d}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-list article{background:#fff;padding:32px;display:grid;grid-template-columns:45px 1fr;gap:20px}.feature-list article>span{width:40px;height:40px;border-radius:50%;background:#dbf1eb;display:grid;place-items:center;color:#187f82;font-size:12px}.feature-list h3{margin:0 0 8px;font-family:'Manrope';font-size:18px}.feature-list p{margin:0;color:#667d82;line-height:1.6;font-size:13px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.spec-table{border-top:1px solid #b9c9c7}.spec-row{display:grid;grid-template-columns:1fr 1fr;padding:17px 0;border-bottom:1px solid #d4dfdc;font-size:13px}.spec-row span{color:#6a8186}.applications{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.applications span{border:1px solid #b9cbca;padding:12px 16px;border-radius:99px;font-size:12px}.related-products{background:#092f3d;color:#fff}.related-products h2{font-family:'Manrope';font-size:42px;letter-spacing:-2px;margin:0 0 35px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-grid a{border:1px solid #3b5c67;padding:28px;display:flex;justify-content:space-between}.related-grid a:hover{background:#124354}.detail-cta{background:#1b839c;color:#fff;text-align:center;padding:90px 24px}.detail-cta h2{font-family:'Manrope';font-size:clamp(38px,5vw,70px);letter-spacing:-3px;margin:0 0 30px}.detail-cta .button{background:#fff;color:#0a3a48}.product-note{font-size:10px;color:#72878c;margin-top:25px;line-height:1.5}
@media(max-width:800px){.product-detail-hero{grid-template-columns:1fr;padding:55px 24px}.product-detail-hero h1{letter-spacing:-3px}.product-showcase{height:400px}.product-highlights{grid-template-columns:repeat(2,1fr)}.detail-section{padding:75px 24px}.detail-intro,.specs{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.feature-head{display:block}.feature-head>p{margin-top:25px}.feature-list{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.product-breadcrumb{padding-left:24px}}

/* Original Logicwater product and client imagery */
.product-icon{padding:10px}.product-icon img{position:relative;z-index:2;display:block;width:100%;height:165px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 12px 12px rgba(6,48,59,.12))}.product-icon b{display:none}.client-strip div{min-width:0}.client-strip img{display:block;max-width:125px;max-height:52px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.74;transition:.25s ease}.client-strip img:hover{filter:grayscale(0);opacity:1}.product-photo{position:relative;z-index:2;display:block;max-width:76%;max-height:84%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 28px 24px rgba(2,37,48,.34));mix-blend-mode:multiply}.client-gallery{background:#fff}.client-gallery-head{display:flex;align-items:end;justify-content:space-between;margin:25px 0 55px}.client-gallery-head h2{font-family:'Manrope';font-size:clamp(40px,4.6vw,68px);font-weight:500;letter-spacing:-3.4px;line-height:1.06;margin:0}.client-gallery-head p{color:#627a80;font-size:13px}.client-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d5e0dd;border-left:1px solid #d5e0dd}.client-logo-grid>div{min-height:145px;display:grid;place-items:center;padding:24px;border-right:1px solid #d5e0dd;border-bottom:1px solid #d5e0dd}.client-logo-grid img{display:block;max-width:135px;max-height:70px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.72;transition:.25s ease}.client-logo-grid>div:hover img{filter:grayscale(0);opacity:1;transform:scale(1.04)}
@media(max-width:1050px){.client-logo-grid{grid-template-columns:repeat(4,1fr)}.client-strip img{max-width:100px;max-height:44px}}
@media(max-width:700px){.client-strip div{grid-template-columns:repeat(3,1fr)}.client-strip img{max-width:78px;max-height:38px}.client-gallery-head{display:block}.client-gallery-head p{margin-top:24px}.client-logo-grid{grid-template-columns:repeat(2,1fr)}.client-logo-grid>div{min-height:115px}.client-logo-grid img{max-width:105px;max-height:55px}.product-photo{max-width:82%;max-height:82%}}

/* Keep product-page photography unframed */
.product-detail-hero .product-showcase{background:transparent;overflow:visible}
.product-detail-hero .product-showcase:before,.product-detail-hero .product-showcase:after{display:none}
.product-detail-hero .product-photo{mix-blend-mode:normal;filter:none;max-width:90%;max-height:92%}
.product-detail-hero .hypoclean-showcase{height:470px;overflow:hidden;align-self:center}
.product-detail-hero .hypoclean-photo{display:block;width:auto;height:390px;max-width:78%;max-height:82%;object-fit:contain}
.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.product-detail-hero .product-actions .button{margin-top:0}.buy-now{background:#0a3a48;color:#fff;box-shadow:0 10px 24px rgba(7,43,57,.18)}.buy-now:hover{background:#146c7e;transform:translateY(-2px)}.product-enquiry{border:1px solid #93afb5;background:transparent;color:#0a3a48}.product-enquiry:hover{border-color:#0a3a48;background:#fff}
@media(max-width:800px){.product-detail-hero .hypoclean-showcase{height:390px}.product-detail-hero .hypoclean-photo{height:320px;max-width:82%;max-height:82%}}

/* Official header logo and About Us page */
.brand-logo{display:block;width:150px;height:62px;object-fit:cover;object-position:center}.nav-shell nav .active{color:var(--blue)}.about-page{background:#fff}.about-hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:80px 6vw;gap:8vw;background:#f3f7f4}.about-hero h1{font-family:'Manrope';font-size:clamp(58px,6.5vw,98px);line-height:.95;letter-spacing:-5.5px;font-weight:500;margin:30px 0}.about-hero p{font-size:18px;line-height:1.7;color:#577078;max-width:620px}.about-hero>img{display:block;width:100%;height:470px;object-fit:cover;filter:saturate(.72);border-radius:2px}.story-section{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.story-section h2,.vision-section h2{font-family:'Manrope';font-size:clamp(40px,4.5vw,67px);line-height:1.08;letter-spacing:-3.2px;font-weight:500;margin:30px 0 0}.story-copy p{font-size:16px;line-height:1.85;color:#587078;margin:0 0 25px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cbd9d6;padding-top:1px;padding-bottom:1px}.about-values>div{background:#edf3ef;padding:50px 4vw}.value-number{font-family:'Manrope';font-size:55px;color:#17859a;letter-spacing:-2px}.about-values p{font-size:13px;line-height:1.65;color:#60777d;max-width:230px}.vision-section{background:var(--deep);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.vision-art{min-height:450px;background:linear-gradient(145deg,#50c9bd,#117c98);position:relative;display:grid;place-items:center;overflow:hidden}.vision-art strong{font-family:'Manrope';font-size:55px;line-height:1.05;letter-spacing:-3px;z-index:2}.vision-drop{position:absolute;width:320px;height:400px;border:1px solid rgba(255,255,255,.5);border-radius:55% 55% 62% 62%;transform:rotate(45deg)}.vision-copy p{color:#aac2c6;line-height:1.75;margin:30px 0}.vision-copy .ghost{border-color:#57727a}.about-page .detail-cta{margin:0}
@media(max-width:800px){.brand-logo{width:125px;height:52px}.about-hero,.story-section,.vision-section{grid-template-columns:1fr}.about-hero{padding:65px 24px}.about-hero h1{letter-spacing:-3px}.about-hero>img{height:330px}.about-values{grid-template-columns:1fr}.vision-section{padding:70px 24px}.vision-art{min-height:360px}.vision-art strong{font-size:45px}}

/* Cutting-edge water-tech visual system */
:root{--tech-cyan:#68f2dc;--tech-blue:#0b93c1;--tech-ink:#031821;--tech-line:rgba(104,242,220,.24)}
.nav-shell{height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(8,54,67,.12)}
.nav-shell>.brand{flex:0 0 auto;align-self:center;justify-self:start;overflow:visible}
.brand-logo{display:block;width:100px;height:62px;object-fit:contain;object-position:left center;border-radius:0}
.nav-cta{background:linear-gradient(135deg,#062d3c,#0a5265);box-shadow:0 8px 22px rgba(3,39,52,.12);transition:transform .25s ease,box-shadow .25s ease}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(3,39,52,.2)}
.hero{min-height:720px;background:var(--tech-ink);position:relative}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,28,.68) 0%,rgba(2,24,33,.48) 43%,rgba(2,24,33,.08) 73%);z-index:1;pointer-events:none}
.hero-copy{position:relative;z-index:3;color:#fff;padding-top:105px;background:transparent}
.eyebrow{color:#78dfd2}.hero h1{font-size:clamp(62px,6.7vw,108px);letter-spacing:-6.5px}.hero h1 em{color:var(--tech-cyan);text-shadow:0 0 45px rgba(104,242,220,.15)}
.hero-lead{color:#d1e1e3;max-width:610px}.hero h1,.hero-lead,.hero .eyebrow{text-shadow:0 3px 20px rgba(0,0,0,.58)}.hero .primary{background:var(--tech-cyan);color:#052732;box-shadow:0 10px 35px rgba(104,242,220,.18)}
.hero .text-link{color:#d8efef;border-color:#4d737b}.hero-proof div{border-color:#365762}.hero-proof strong{color:#fff}.hero-proof span{color:#81a0a7}
.hero-visual{position:absolute;inset:0;min-height:720px;background:#031821}
.hero-tech-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;transform:scale(.94);transform-origin:center}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031821 0%,rgba(3,24,33,.3) 42%,rgba(3,24,33,.06) 100%)}
.tech-grid{position:absolute;inset:0;z-index:2;opacity:.18;background-image:linear-gradient(var(--tech-line) 1px,transparent 1px),linear-gradient(90deg,var(--tech-line) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 70%)}
.tech-scanline{position:absolute;z-index:3;top:14%;right:7%;width:140px;height:2px;background:linear-gradient(90deg,transparent,var(--tech-cyan));box-shadow:0 0 18px var(--tech-cyan)}
.tech-scanline:after{content:"SYSTEM / ACTIVE";position:absolute;right:0;top:-20px;color:#92f4e6;font:600 8px 'DM Sans';letter-spacing:2px;white-space:nowrap}
.floating-card{z-index:4;background:rgba(3,31,42,.76);border:1px solid rgba(146,244,230,.22);backdrop-filter:blur(16px);color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.3)}
.floating-card>span{background:rgba(104,242,220,.12);color:var(--tech-cyan)}.floating-card small{color:#8fb0b7}.recovery{left:auto;right:8%;top:20%}.energy{right:8%;bottom:20%}
.visual-caption{z-index:4;left:auto;right:6%;width:auto;text-align:right;color:#8fb7bd}.visual-caption span{color:var(--tech-cyan);margin-right:12px;position:relative}.visual-caption span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--tech-cyan);box-shadow:0 0 10px var(--tech-cyan);margin-right:7px}
.trust-bar{background:#061f2a;border-color:#183d49;color:#fff}.trust-bar p{color:#89a7ad}.client-strip img{filter:grayscale(1) brightness(0) invert(1);opacity:.58}.client-strip img:hover{filter:none;opacity:1}
.section-label{letter-spacing:2.7px}.intro{background:linear-gradient(135deg,#f7faf7 0%,#eaf4f1 100%);position:relative}.intro:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(15,102,120,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,102,120,.05) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}
.intro>*{position:relative;z-index:1}.impact-card{background:linear-gradient(145deg,#052c3a,#0a5867);border:1px solid rgba(104,242,220,.12);box-shadow:0 24px 60px rgba(4,43,55,.16)}
.solutions{background:#fbfdfb}.product-card{background:linear-gradient(155deg,#f4f8f5,#e6efec);border:1px solid #d5e3df;box-shadow:0 8px 30px rgba(4,45,57,.04)}.product-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--tech-blue),var(--tech-cyan),transparent);transform:scaleX(0);transition:transform .35s ease}.product-card:hover:after{transform:scaleX(1)}.product-card:hover{box-shadow:0 25px 55px rgba(4,45,57,.12)}
.process{background:radial-gradient(circle at 80% 15%,#0d5261 0,#052a38 38%,#031a24 76%)}.process-steps{background:rgba(104,242,220,.18)}.process-steps>div{background:rgba(5,46,59,.78);backdrop-filter:blur(8px)}
.about-art{background:linear-gradient(145deg,#8be6da,#168ca1 55%,#06475c)}
.client-gallery{background:#f8fbf9}.client-logo-grid>div{background:#fff;transition:background .25s ease,transform .25s ease}.client-logo-grid>div:hover{background:#edf9f6;transform:translateY(-3px)}
.contact{background:radial-gradient(circle at 10% 10%,#0e6c7a,#073b4e 50%,#031f2b)}.contact-form{box-shadow:0 28px 70px rgba(0,0,0,.2);border-top:2px solid var(--tech-cyan)}
.product-page .product-detail-hero{background:linear-gradient(135deg,#f9fcfa,#edf5f2)}.product-page .product-showcase{position:relative}.product-page .product-showcase:after{display:none}.product-page .product-photo{z-index:1}.product-highlights{background:linear-gradient(90deg,#052632,#083f4e)}
@media(max-width:1050px){.hero-visual{left:0;opacity:.82}.hero:before{background:linear-gradient(90deg,rgba(2,20,28,.7),rgba(2,24,33,.32))}.hero-copy{max-width:760px}.recovery,.energy{display:none}}
@media(max-width:700px){.nav-shell{height:74px}.brand-logo{width:88px;height:56px;object-fit:contain;object-position:left center}.hero{min-height:760px}.hero-visual{min-height:760px}.hero-copy{padding-top:90px}.hero h1{font-size:60px;letter-spacing:-4px}.hero:before{background:linear-gradient(180deg,rgba(2,20,28,.64),rgba(2,20,28,.78) 72%)}.hero-tech-image{object-position:65% center;opacity:.82}.tech-grid{background-size:42px 42px}.visual-caption{right:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep partner logos clearly visible */
.trust-bar.client-strip{background:#fff;color:var(--ink);border-top:1px solid #d9e4e1;border-bottom:1px solid #d9e4e1;box-shadow:0 10px 30px rgba(4,38,48,.04)}
.trust-bar.client-strip p{color:#526e76;font-weight:600}
.trust-bar.client-strip img{filter:none;opacity:1;max-width:130px;max-height:58px;background:#fff;mix-blend-mode:normal}
.trust-bar.client-strip img:hover{filter:none;opacity:1;transform:scale(1.04)}
@media(max-width:700px){.trust-bar.client-strip img{max-width:82px;max-height:42px}}

/* Full-width hero composition based on the actual CDI installation */
.hero-visual{inset:0;left:0}
.hero-tech-image{object-position:center center}

/* 3D CDI cell in the Built on Experience section */
.about-art{background:linear-gradient(145deg,#f8fafb,#e9eef0);display:grid;place-items:center}
.about-cell-image{position:absolute;left:50%;top:50%;width:86%;height:auto;max-height:74%;display:block;object-fit:contain;object-position:center;transform:translate(-50%,-50%);z-index:1;image-rendering:auto}
.about-art .lab-card{z-index:3;box-shadow:0 18px 45px rgba(4,38,48,.18);border-top:2px solid var(--tech-cyan)}
@media(max-width:700px){.about-cell-image{width:92%;max-height:70%}}

/* Six-module CDI product hero */
.cdi-background-hero{position:relative;display:block;min-height:700px;background:#050f16!important;color:#fff;overflow:hidden;padding:110px 6vw}
.cdi-background-hero:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(3,18,25,.99) 0%,rgba(3,22,30,.93) 39%,rgba(3,22,30,.38) 66%,rgba(3,22,30,.08) 100%);pointer-events:none}
.cdi-hero-copy{position:relative;z-index:3;max-width:610px}
.cdi-background-hero h1{color:#fff;text-shadow:0 8px 35px rgba(0,0,0,.28)}
.cdi-background-hero .product-kicker{color:var(--tech-cyan)}
.cdi-background-hero .product-summary{color:#acc5ca}
.cdi-background-hero .primary{background:var(--tech-cyan);color:#052732;box-shadow:0 12px 35px rgba(104,242,220,.18)}
.cdi-six-showcase{position:absolute!important;inset:0!important;z-index:1;min-height:0!important;width:100%;height:100%;background:#050f16!important;overflow:hidden!important;display:block!important}
.cdi-six-showcase .product-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;max-height:none!important;object-fit:contain;object-position:right center;filter:none}
@media(max-width:800px){.cdi-background-hero{min-height:720px;padding:90px 24px}.cdi-background-hero:after{background:linear-gradient(180deg,rgba(3,18,25,.82),rgba(3,18,25,.98) 76%)}.cdi-six-showcase .product-photo{object-position:center top;opacity:.55}.cdi-hero-copy{padding-top:210px}}

/* Water-technology imagery for About Us */
.about-page .about-hero>img{object-position:68% center;filter:saturate(.88) contrast(1.04)}
.vision-art{isolation:isolate}
.vision-tech-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.vision-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(3,24,33,.28),rgba(3,24,33,.72));z-index:1}
.vision-art strong{position:relative;z-index:2;text-shadow:0 8px 28px rgba(0,0,0,.35)}
.patent-highlight{margin-top:42px;display:grid;grid-template-columns:1fr 1fr;position:relative;border-top:1px solid #b8cbc7;border-bottom:1px solid #b8cbc7;background:#f3f8f5}.patent-highlight>span{grid-column:1/-1;padding:16px 22px 0;text-transform:uppercase;letter-spacing:1.7px;font-size:9px;font-weight:700;color:#56818a}.patent-highlight>div{padding:20px 22px 24px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:end}.patent-highlight>div+div{border-left:1px solid #cddbd8}.patent-highlight strong{font-family:'Manrope';font-size:46px;line-height:.9;color:#16859a}.patent-highlight p{margin:0!important;font-size:12px!important;line-height:1.3!important;color:#526c72!important;text-transform:uppercase;letter-spacing:.6px}
@media(max-width:520px){.patent-highlight{grid-template-columns:1fr}.patent-highlight>div+div{border-left:0;border-top:1px solid #cddbd8}}