:root{--ink:#102d3b;--navy:#062737;--teal:#51ddcf;--muted:#60747b;--line:#dce5e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,'Malgun Gothic',sans-serif;color:var(--ink);font-size:16px;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #009b91;outline-offset:5px}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf1f2}.brand img{width:185px;display:block}nav{display:flex;gap:42px;align-items:center;font-size:15px;font-weight:600}.nav-contact{background:var(--navy);color:white;padding:11px 21px}.nav-contact span{margin-left:25px}.menu{display:none}#mobile-nav[hidden]{display:none}.wrap{max-width:1260px;margin:auto;padding:0 40px}.hero{background:#052735;color:white;position:relative;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#042534 8%,#042534df 38%,#04253425 100%),url('assets/water-hero.png') center/cover}.hero-inner{max-width:1340px;margin:auto;padding:74px 40px 84px}.eyebrow{font-size:13px;letter-spacing:.15em;font-weight:700;margin:0 0 24px}.hero .eyebrow{color:#a4c5cd}.wordmark{font-size:clamp(64px,8vw,110px);line-height:1.05;letter-spacing:-.055em;font-weight:700}.wordmark span{font-size:23px;vertical-align:top;position:relative;top:15px;margin-left:9px;letter-spacing:0}h1{font-size:clamp(25px,3vw,39px);font-weight:500;line-height:1.55;letter-spacing:-.055em;margin:26px 0 18px}.hero-copy{color:#c5d9df;font-size:17px;margin-bottom:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 24px;font-size:15px;font-weight:700}.primary{background:var(--teal);color:var(--ink)}.button:hover{filter:brightness(.94)}.hero-link{display:inline-block;margin:18px 0 0 28px;font-size:15px}.hero-link span{margin-left:13px}.hero-bottom{border-top:1px solid #ffffff30;margin:0 5%;display:flex;justify-content:space-between;gap:24px;padding:21px 0;font-size:13px;letter-spacing:.06em;color:#b4d0d7}.hero-bottom i{display:inline-block;height:10px;border-left:1px solid #779ba8;margin:0 20px}.intro,.industries{padding-top:105px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.section-heading .eyebrow{color:#198579}h2{font-size:clamp(28px,3.1vw,42px);line-height:1.45;letter-spacing:-.05em;font-weight:600;margin:0}.section-heading>p{color:var(--muted);margin:0 0 7px;line-height:1.9}.reaction{display:flex;align-items:center;justify-content:center;gap:70px;background:#eff7f7;padding:38px;margin:45px 0 30px}.reaction>div{text-align:center}.reaction strong{font-size:40px;font-weight:500;letter-spacing:-.03em}.reaction div>span{display:block;font-size:14px;color:var(--muted)}.reaction em{font-style:normal;font-size:28px;color:#92aab1;margin:0 18px}.reaction-arrow{min-width:150px}.reaction-arrow span{color:#118d81!important;font-weight:700}.reaction-arrow b{display:block;font-size:50px;font-weight:300;line-height:1}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product{border:1px solid var(--line);padding:34px}.product-top{display:flex;justify-content:space-between;color:#168c7f;font-size:12px;letter-spacing:.13em;font-weight:700}.product h3{font-size:29px;letter-spacing:-.03em;margin:20px 0 3px;font-weight:500}.product h3 span{font-size:14px;vertical-align:super;margin-right:5px}.product>p{color:var(--muted);font-size:15px;margin-top:0}.product dl{margin:27px 0}.product dl div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #e7edef;padding:12px 0;font-size:14px}.product dt{color:var(--muted)}.product dd{margin:0;text-align:right;font-weight:600}.product>a{border-top:1px solid var(--ink);padding-top:18px;display:flex;justify-content:space-between;font-size:14px;font-weight:600}.footnote{font-size:12px;color:var(--muted);margin-top:20px}.advantages{background:var(--navy);color:white;padding:92px 0 60px}.advantages .eyebrow{color:var(--teal)}.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.adv-grid article{border-top:1px solid #46616a;padding-top:23px}.number{color:var(--teal);font-size:14px}.adv-grid h3{font-size:22px;font-weight:500;margin:25px 0 15px}.adv-grid p{color:#b2c9d0;font-size:15px;line-height:1.9;min-height:88px}.adv-stat{margin-top:38px;font-size:22px;color:var(--teal)}.adv-stat strong{font-size:56px;font-weight:400}.adv-stat span{display:block;font-size:13px;color:#b2c9d0}.text-stat{padding-top:25px;font-size:26px}.text-stat span{font-size:35px;color:var(--teal);line-height:1.5}.dark-note{border-top:1px solid #46616a;padding-top:24px;margin-top:46px;color:#aac4cd;font-size:12px}.industry-layout{display:grid;grid-template-columns: .9fr 1.1fr;gap:75px;margin-top:48px}.industry-layout figure{margin:0;background:#f2f6f6;padding:40px 30px;display:flex;flex-direction:column;justify-content:center}.industry-layout figure img{width:100%;mix-blend-mode:multiply;object-fit:contain;max-height:270px}.industry-layout figcaption{margin-top:35px;font-size:13px;letter-spacing:.08em}.industry-layout figcaption span{font-size:12px;color:var(--muted);letter-spacing:0}.industry-list details{border-top:1px solid var(--line)}.industry-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:22px;padding:22px 0;font-size:20px}summary::-webkit-details-marker{display:none}summary span{font-size:12px;color:#168c7f}summary b{margin-left:auto;font-size:24px;font-weight:400}details[open] summary b{transform:rotate(45deg)}details p{margin:0 20px 24px 38px;font-size:15px;color:var(--muted)}.contact{background:#d9f4ee;padding:74px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact .eyebrow{color:#278776}.contact p{color:#43645f;font-size:15px}.contact-info{padding-top:24px}.contact-info>span{font-size:13px;font-weight:700;letter-spacing:.04em}.phone{font-size:38px;display:block;letter-spacing:-.03em;margin:14px 0}.dark{background:var(--navy);color:white;margin-top:15px}.contact-small{font-size:12px!important;margin-top:20px}footer{min-height:110px;display:flex;align-items:center;gap:40px}footer img{width:150px}footer span{color:var(--muted);font-size:12px}footer a{margin-left:auto;font-size:13px}@media(min-width:1600px){.hero-inner{padding-top:105px;padding-bottom:110px}}@media(max-width:800px){header{height:72px;padding:0 24px}.brand img{width:155px}header nav{gap:20px;font-size:14px}.nav-contact{padding:8px 12px}.nav-contact span{display:none}.wrap{padding-left:25px;padding-right:25px}.hero-inner{padding:65px 28px}.hero-bottom{flex-direction:column;gap:5px}.section-heading{display:block}.section-heading>p{margin-top:25px}.intro,.industries{padding-top:65px;padding-bottom:65px}.adv-grid{gap:22px}.adv-grid h3{font-size:19px}.adv-grid p{min-height:150px}.industry-layout{gap:30px}.contact-grid{gap:30px}.phone{font-size:30px}.product{padding:25px}.product h3{font-size:25px}}@media(max-width:600px){html{scroll-padding-top:85px}header nav{display:none}.menu{display:block;border:0;background:none;font-size:25px;color:var(--ink);padding:5px}#mobile-nav{display:flex;position:fixed;top:72px;left:0;right:0;background:white;z-index:19;padding:22px 26px;gap:18px;align-items:stretch;flex-direction:column;border-bottom:1px solid var(--line)}.hero-inner{padding:55px 25px 42px}.hero .eyebrow{font-size:10px;letter-spacing:.09em}.wordmark{font-size:68px}.wordmark span{font-size:18px;top:7px}h1{font-size:26px;margin-top:30px}.hero-copy{font-size:15px}.hero-image{background-position:65% center}.hero-link{margin:24px 0 0 0;display:block}.hero-bottom{font-size:10px;letter-spacing:0;margin:0 25px}.hero-bottom i{margin:0 10px}.eyebrow{font-size:12px;margin-bottom:18px}h2{font-size:28px}.section-heading>p{font-size:15px}.reaction{gap:18px;padding:28px 12px;margin-top:30px}.reaction strong{font-size:26px}.reaction em{font-size:19px;margin:0 5px}.reaction div>span{font-size:11px}.reaction-arrow{min-width:70px}.reaction-arrow b{font-size:37px}.product-grid{grid-template-columns:1fr;gap:20px}.product h3{font-size:28px}.advantages{padding:60px 0 35px}.adv-grid{grid-template-columns:1fr;gap:32px;margin-top:35px}.adv-grid h3{font-size:22px;margin-top:15px}.adv-grid p{min-height:0}.adv-stat{margin-top:20px}.adv-stat strong{font-size:46px}.text-stat{padding-top:0}.dark-note{margin-top:35px}.industry-layout{grid-template-columns:1fr;gap:30px}.industry-layout figure{padding:25px}.industry-layout figure img{max-height:200px}.industry-layout figcaption{margin-top:22px}summary{font-size:18px}.contact{padding:55px 0}.contact-grid{grid-template-columns:1fr;gap:15px}.phone{font-size:35px}footer{flex-wrap:wrap;gap:15px;padding-top:25px!important;padding-bottom:25px!important}footer img{width:135px}footer span{font-size:10px}footer a{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Bilingual navigation and responsive process schematic */
.header-tools{display:flex;align-items:center;gap:18px}header{gap:24px}header nav{margin-left:auto;gap:28px}.language-switch{display:flex;gap:4px;white-space:nowrap;border-left:1px solid var(--line);padding-left:16px}.language-switch a{padding:6px 8px;font-size:13px;color:var(--muted);border-radius:3px}.language-switch a[aria-current=page]{background:var(--navy);color:white;font-weight:700}html[lang=en] body{word-break:normal}html[lang=en] h1{letter-spacing:-.035em;font-size:clamp(26px,3vw,40px)}html[lang=en] h2{letter-spacing:-.035em}html[lang=en] .hero-copy{max-width:650px}html[lang=en] .text-stat{font-size:23px}html[lang=en] .contact-info .phone{font-size:34px}.industry-layout figure{padding:0;background:var(--navy);color:white;justify-content:flex-start;overflow:hidden}.industry-layout figure img{mix-blend-mode:normal;max-height:none;height:310px;object-fit:cover}.industry-layout figcaption{padding:26px 28px;margin:0}.industry-layout figcaption span{color:#b2c9d0}.process-section{padding:90px 0;background:#f1f7f7;border-bottom:1px solid var(--line)}.process-section .eyebrow{color:#168c7f}.process-section .section-heading>p{max-width:430px;font-size:15px}.process-diagram{margin-top:42px;padding:30px 35px;background:white;border:1px solid var(--line);border-radius:5px}.flow-boundary{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:31%;font-size:14px}.flow-boundary>span{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--muted)}.flow-boundary strong{font-weight:500}.flow-boundary>b{font-size:28px;color:#268c82;line-height:1.5}.flow-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:4px 0}.flow-stage{position:relative;border:1px solid #c7dadd;background:#f7fafa;padding:25px 22px 22px;border-radius:4px}.stage-number{font-size:13px;color:#168c7f;letter-spacing:.08em}.flow-stage h3{font-size:21px;line-height:1.35;font-weight:600;margin:14px 0}.flow-stage p{font-size:14px;color:var(--muted);min-height:74px}.stage-detail{padding-top:17px;border-top:1px solid #dce5e7;font-size:13px;color:#4b646a}.active-stage{background:var(--navy);border-color:var(--navy);color:white;box-shadow:0 7px 20px #082d3912}.active-stage .stage-number,.formula{color:var(--teal)}.active-stage p{color:#b5cdd3}.active-stage .stage-detail{border-color:#3c5966;font-size:18px}.flow-connector{position:absolute;right:-29px;top:47%;color:#168c7f;font-size:28px;line-height:1}.dosing{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 1px);width:90%;display:flex;align-items:center;flex-direction:column;text-align:center}.dosing strong{background:var(--teal);color:var(--navy);padding:5px 20px;border-radius:3px;font-size:20px;line-height:1.4}.dosing span{font-size:11px;letter-spacing:.035em;color:#147a70;margin-top:4px}.dosing b{font-size:23px;color:#168c7f;line-height:1.25}.flow-outlet{margin-left:auto}.process-note{font-size:13px;color:var(--muted);margin-bottom:0}.contact-small{line-height:1.7}@media(max-width:1050px){header{padding:0 25px;gap:14px}header nav{gap:16px}.brand img{width:160px}.language-switch{padding-left:10px}.nav-contact{padding:9px 14px}.nav-contact span{display:none}.flow-stage{padding:20px 15px}.flow-stage h3{font-size:19px}.flow-stage p{min-height:100px}.hero-bottom{letter-spacing:0;font-size:12px}}@media(max-width:800px){header nav{display:none}.menu{display:block;border:0;background:none;font-size:25px;color:var(--ink);padding:5px}.header-tools{margin-left:auto}#mobile-nav{position:fixed;top:72px;left:0;right:0;background:white;z-index:19;padding:22px 26px;gap:18px;align-items:stretch;flex-direction:column;border-bottom:1px solid var(--line)}.process-section .section-heading>p{max-width:none}.flow-stages{gap:22px}.flow-connector{right:-21px;font-size:23px}.flow-stage h3{font-size:17px}.flow-stage p{font-size:13px;min-height:110px}.process-diagram{padding:30px 20px}.dosing span{font-size:10px}html[lang=en] .adv-grid h3{font-size:19px}html[lang=en] .adv-grid p{min-height:175px}}@media(max-width:600px){.header-tools{gap:8px}.language-switch{border:0;padding-left:0}.language-switch a{font-size:12px;padding:5px 6px}.brand img{width:135px}.hero-bottom{font-size:10px}.hero-bottom i{margin:0 5px}html[lang=en] .hero-bottom>span:last-child{max-width:310px;line-height:2}html[lang=en] .hero-copy{font-size:15px}.process-section{padding:60px 0}.process-diagram{padding:25px 20px}.flow-boundary{max-width:none}.flow-stages{grid-template-columns:1fr;gap:45px;margin:8px 0}.flow-stage{padding:23px}.flow-stage h3{font-size:22px}.flow-stage p{min-height:0;font-size:15px}.flow-stage .stage-detail{font-size:14px}.active-stage .stage-detail{font-size:19px}.flow-connector{top:auto;bottom:-39px;left:50%;right:auto;transform:translateX(-50%) rotate(90deg);font-size:27px}.active-stage{margin-top:80px}.dosing{bottom:calc(100% + 1px)}.dosing span{font-size:11px}.flow-outlet{margin-top:0}.industry-layout figure img{height:250px}.industry-layout figcaption{padding:20px}.contact-info .phone{font-size:30px!important}html[lang=en] .adv-grid p{min-height:0}html[lang=en] .product h3{font-size:26px}}
