@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#193b37;--green:#24574a;--mint:#d6e9dd;--muted:#667e72;--line:#d2ddd2;--paper:#f6f7f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}.wrap{width:min(1160px,calc(100% - 80px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1,h2{font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(43px,4.6vw,64px);line-height:1.18;margin:0}em{font-style:normal;color:#339c88}h2{font-size:40px;line-height:1.3;margin:0}h3{font-weight:600;letter-spacing:-.02em}p{line-height:1.8}.eyebrow{color:#498074;font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:18px}.topline{background:#e9efe7;color:#557267;font-size:10px}.topline .wrap{display:flex;justify-content:space-between;padding:8px 0}.topline a{direction:ltr}header{background:#f6f7f2ed;backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;height:97px;border-bottom:1px solid #d4ded344}.brand{display:flex;gap:12px;align-items:center}.brand img{width:52px;height:56px;object-fit:contain;border-radius:7px;mix-blend-mode:multiply}.brand-name{font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:800;letter-spacing:-1px;direction:ltr}.brand-name strong{color:#198779}.brand-name small{display:block;font-size:7px;letter-spacing:3px;color:#658173;margin-top:4px}nav{display:flex;align-items:center;gap:27px;font-size:12px;color:#526d60}.nav-cta{background:var(--green);color:white;border-radius:26px;padding:12px 22px}.nav-cta span{margin-inline-start:12px}.lang-switch{font-family:Arial,sans-serif;border:1px solid #c5d6cb;border-radius:20px;padding:7px 11px;font-size:11px}.menu{display:none}.studio-hero{padding:28px 0 0}.studio-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:35px}.studio-heading .eyebrow{margin-bottom:13px}.studio-intro{width:310px;padding-bottom:6px}.studio-intro p{color:var(--muted);font-size:13px;margin:0 0 20px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 23px;background:var(--green);border:1px solid var(--green);color:white;border-radius:30px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#357662;transform:translateY(-2px)}.bento{display:grid;grid-template-columns:1.3fr 1fr .9fr;grid-template-rows:250px 170px;gap:17px}.tile{position:relative;border-radius:25px;overflow:hidden;display:block;transition:transform .25s,box-shadow .25s}.tile:hover{transform:translateY(-4px);box-shadow:0 13px 30px #173f3412}.tile p{font-size:12px}.tile h2{font-size:31px;line-height:1.45;position:relative;z-index:2;letter-spacing:-.035em}.water-tile{grid-row:span 2;background:var(--mint);padding:32px}.water-tile .eyebrow{position:relative;z-index:2;font-size:9px}.water-tile>p{max-width:210px;position:relative;z-index:2;margin-top:18px;color:#5b7b68}.sphere{position:absolute;inset-inline-end:-92px;bottom:-134px;width:350px;height:410px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e6fff4,#7ac1aa 32%,#205f4c 68%,#092d22 90%);box-shadow:inset -25px -30px 50px #082c2288}.sphere:after{content:'';position:absolute;inset:30px 40px;border-radius:50%;border:1px solid #dbffe766;transform:rotate(35deg)}.tile-link{position:absolute;bottom:28px;inset-inline-start:32px;z-index:2;font-size:11px}.tile-link span{margin-inline-start:16px}.chemistry-tile{grid-row:span 2;background:#164844}.chemistry-tile img{width:100%;height:100%;object-fit:cover;filter:saturate(.55)}.chemistry-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#063a34e8)}.pill{position:absolute;top:23px;inset-inline-start:23px;z-index:2;background:#ffffffe6;color:#24473b;border-radius:25px;font-size:9px;padding:8px 15px}.tile-caption{position:absolute;bottom:28px;inset-inline-start:27px;inset-inline-end:22px;color:white;z-index:2}.tile-caption h2{font-size:25px}.tile-caption p{font-size:10px;color:#d0e1d9;margin:12px 0 0}.equipment-tile{background:#eedcbf;padding:26px}.equipment-tile h2{font-size:25px}.equipment-tile .eyebrow{font-size:9px;margin-bottom:12px;color:#8d785c}.equipment-tile p{font-size:11px;max-width:155px;color:#786953;margin-top:13px}.rings{position:absolute;width:145px;height:145px;border:16px solid #b5a180;border-radius:50%;inset-inline-end:-35px;bottom:-48px;box-shadow:0 0 0 12px #d4bf99,0 0 0 28px #e2cfae}.corner-arrow{position:absolute;inset-inline-end:23px;bottom:18px;font-size:25px;z-index:2}.equipment-tile .corner-arrow{bottom:17px;inset-inline-start:25px;inset-inline-end:auto;font-size:21px}.support-tile{background:var(--green);color:#effbf4;padding:26px}.support-tile h2{font-size:24px}.support-tile p{font-size:10px;color:#bad5c9;margin-top:10px;max-width:155px}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:40px 0 30px}.journey>div{border-top:1px solid var(--line);padding:20px 0 0;position:relative}.journey span{color:#638b76;font-size:10px;font-family:Manrope;position:absolute;top:23px;inset-inline-start:0}.journey h3{font-size:15px;padding-inline-start:30px;margin:0 0 8px}.journey p{font-size:11px;padding-inline-start:30px;color:var(--muted);margin:0}.section{padding:76px 0;scroll-margin-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:38px}.section-heading>p{max-width:375px;color:var(--muted);font-size:13px;line-height:1.9;margin:0}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution{background:#e8eee3;border-radius:24px;padding:29px;display:flex;flex-direction:column;position:relative;min-height:315px}.number{font-size:10px;color:#718a75}.water-symbol{position:absolute;inset-inline-end:27px;top:20px;color:#6b9b82;font-size:44px}.solution h3{font-size:22px;margin:44px 0 14px;font-weight:500}.solution p{font-size:12px;color:var(--muted)}.solution a{font-size:11px;display:flex;justify-content:space-between;border-top:1px solid #cad8c7;padding-top:18px;margin-top:auto}.solution:nth-child(2){background:#ede8dc}.solution:nth-child(2) p{color:#7c7865}.solution.dark{background:#d5e8dc}.products{background:#ebf0e7;border-radius:45px;margin:0 20px}.product-list{border-top:1px solid #c6d5c7;margin-bottom:25px}.product-list article{display:grid;grid-template-columns:45px 1.1fr 1fr;gap:30px;align-items:center;padding:23px 0;border-bottom:1px solid #c6d5c7}.product-list span{font-size:10px;color:#668971}.product-list h3{font-size:18px;font-weight:500;margin:0}.product-list p{font-size:12px;color:#6a8070;margin:0}.text-link{display:inline-flex;gap:20px;font-size:12px;border-bottom:1px solid #93b39c;padding-bottom:7px}.chemical-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:65px}.chemical-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:390px;margin:23px 0}.chemical-copy>img{width:100%;height:230px;object-fit:cover;object-position:center 65%;border-radius:24px;margin:30px 0 25px;filter:saturate(.7)}.chemical-catalog{padding:30px;border-radius:28px;background:white;box-shadow:0 12px 40px #193b3705}.catalog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.catalog-heading h3{font-size:22px;font-weight:500;margin:0}.catalog-heading span{font-size:9px;color:#7b9180}.search-label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}input[type=search]{width:100%;background:#f1f5ef;color:var(--ink);border:1px solid #dde7da;border-radius:13px;padding:13px 15px;font-size:13px;outline-offset:4px}input::placeholder{color:#829388;font-size:11px}.chemical-catalog ul{list-style:none;padding:0;margin:14px 0}.chemical-catalog li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #e4eae1;font-size:13px}.chemical-catalog small{color:#7b9283;font-size:10px;white-space:nowrap;align-self:center;background:#f2f5ef;border-radius:15px;padding:4px 10px}.catalog-note{font-size:10px;color:#7b9283;margin:20px 0 0}#no-results{font-size:12px;color:#627a6b}.service-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}.service-photo{position:relative;overflow:hidden;border-radius:25px;background:var(--green);min-height:360px}.service-photo img{width:100%;height:360px;object-fit:cover;opacity:.7}.service-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#174e3ceb)}.service-photo>div{position:absolute;bottom:28px;inset-inline-start:30px;z-index:1;color:white}.service-photo span{font-size:9px;letter-spacing:.06em;color:#c8dfd3}.service-photo h3{font-size:29px;font-weight:500;margin:16px 0 0;line-height:1.4}.services-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:500}summary::-webkit-details-marker{display:none}summary>span:first-child{font-size:9px;color:#71927c}.plus{margin-inline-start:auto;font-size:25px;color:#6f967b}details[open] .plus{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 30px 0}.contact{background:#d6e9dd;padding:60px 0;margin:10px 20px 20px;border-radius:38px}.contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px}.contact h2{font-size:43px}.contact p{color:#607e69;font-size:13px;max-width:350px}.contact-email{direction:ltr;display:flex;justify-content:space-between;max-width:385px;font-size:24px;border-bottom:1px solid #a8c5b0;padding-bottom:12px;margin:23px 0 15px}.contact-phone{direction:ltr;display:block;font-size:17px;margin-bottom:25px}.contact .light{background:white;border-color:white;color:var(--green)}footer{padding:35px 0 22px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:27px}.footer-brand{font-family:Manrope,Arial,sans-serif;direction:ltr;font-weight:800;font-size:22px;letter-spacing:-1px}.footer-brand span{color:#198779}.footer-brand small{display:block;font-size:7px;letter-spacing:3px;margin-top:4px}.footer-main p{color:#708773;font-size:11px;line-height:1.8;margin:0}.footer-main>a:last-child{font-size:11px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:#85968a;font-size:10px}.skip{position:absolute;top:-60px;inset-inline-start:15px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #3d947c;outline-offset:5px}[hidden]{display:none!important}[dir=rtl] body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] summary{font-family:'Noto Sans Arabic',Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] h1{font-size:clamp(40px,4.1vw,58px);line-height:1.6}[dir=rtl] h2{line-height:1.6}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .studio-heading .eyebrow{margin-bottom:9px}[dir=rtl] .tile h2{font-size:30px;line-height:1.6}[dir=rtl] .equipment-tile h2{font-size:25px}[dir=rtl] .support-tile h2,[dir=rtl] .tile-caption h2{font-size:23px}[dir=rtl] .contact-email{flex-direction:row-reverse}[dir=rtl] .footer-brand{font-family:Manrope,Arial,sans-serif}[dir=rtl] .footer-brand small{letter-spacing:0;font-family:'Noto Sans Arabic',Arial,sans-serif}[dir=rtl] .solution h3{font-size:20px}[dir=rtl] summary{font-size:16px}
@media(max-width:1000px){.wrap{width:calc(100% - 50px)}nav{gap:17px}.brand-name{font-size:17px}.brand img{width:42px;height:47px}.studio-heading{gap:30px}.studio-intro{width:265px}.tile h2{font-size:27px}.bento{grid-template-columns:1.1fr 1fr .9fr;gap:13px;grid-template-rows:245px 170px}.water-tile,.equipment-tile,.support-tile{padding:24px}.water-tile>p{max-width:180px}.chemical-grid{gap:35px}.section-heading{gap:35px}.service-layout{gap:35px}.section-heading h2{font-size:34px}.contact h2{font-size:35px}.contact-grid{gap:35px}[dir=rtl] .tile h2{font-size:25px}[dir=rtl] .tile-caption h2,[dir=rtl] .support-tile h2{font-size:21px}[dir=rtl] .equipment-tile h2{font-size:23px}}
@media(max-width:750px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 36px)}.topline{font-size:8px}.topline .wrap{padding:8px 0}.nav{height:78px}.brand{gap:9px}.brand-name{font-size:16px}.brand-name small{font-size:5px;letter-spacing:2px}.brand img{width:38px;height:43px}.menu{display:flex;background:none;border:0;gap:10px;padding:10px 0;color:var(--ink);font-size:11px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px;box-shadow:0 15px 25px #193b3710;flex-wrap:wrap;gap:24px;align-items:center}nav.open{display:flex}.lang-switch{display:inline-block}.studio-hero{padding-top:25px}.studio-heading{display:block;margin-bottom:25px}h1{font-size:43px;line-height:1.18}.studio-intro{width:auto;max-width:420px;margin-top:25px}.studio-intro p{font-size:12px}.studio-intro .button{font-size:11px}.bento{grid-template-columns:1fr 1fr;grid-template-rows:340px 200px;gap:12px}.water-tile{grid-row:auto;padding:24px;grid-column:1}.chemistry-tile{grid-row:auto;grid-column:2}.water-tile h2{font-size:23px}.water-tile .eyebrow{font-size:7px}.water-tile>p{font-size:10px;max-width:145px}.sphere{width:225px;height:275px;bottom:-95px;inset-inline-end:-85px}.tile-link{font-size:9px;inset-inline-start:23px;bottom:21px}.pill{font-size:8px;padding:6px 10px;top:17px;inset-inline-start:16px}.tile-caption{bottom:24px;inset-inline-start:18px;inset-inline-end:13px}.tile-caption h2{font-size:20px}.tile-caption p{font-size:8px}.equipment-tile,.support-tile{padding:23px}.equipment-tile h2{font-size:23px}.equipment-tile p{font-size:10px}.support-tile h2{font-size:22px}.support-tile p{font-size:10px}.journey{grid-template-columns:1fr;gap:20px;padding:32px 0 10px}.journey>div{padding-top:18px}.journey h3{font-size:14px}.journey p{font-size:11px}.journey span{top:20px}.section{padding:53px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:31px}.section-heading>p{margin-top:20px;max-width:none;font-size:12px}.solution-grid{grid-template-columns:1fr;gap:13px}.solution{min-height:265px;padding:26px}.solution h3{font-size:22px}.solution p{font-size:12px}.products{margin:0 9px;border-radius:28px}.products .wrap{width:calc(100% - 34px)}.product-list article{grid-template-columns:23px 1fr;gap:10px;padding:20px 0}.product-list h3{font-size:16px}.product-list p{grid-column:2;font-size:11px}.chemical-grid{grid-template-columns:1fr;gap:30px}.chemical-copy h2{font-size:32px}.chemical-copy>p:not(.eyebrow){font-size:12px;max-width:none}.chemical-copy>img{height:210px}.chemical-catalog{padding:24px}.catalog-heading h3{font-size:20px}.chemical-catalog li{font-size:12px;gap:10px}.chemical-catalog small{font-size:9px;padding:3px 7px}.service-layout{grid-template-columns:1fr;gap:30px}.service-photo{min-height:280px}.service-photo img{height:280px}summary{font-size:15px;gap:12px}details p{font-size:11px}.contact{margin:0 9px 12px;padding:43px 0;border-radius:28px}.contact-grid{grid-template-columns:1fr;gap:25px}.contact h2{font-size:32px}.contact p{font-size:12px}.contact-email{font-size:22px}.footer-main{flex-wrap:wrap}.footer-main p{font-size:10px}.footer-main>a:last-child{width:100%;padding-top:5px}.footer-bottom{font-size:9px}[dir=rtl] h1{font-size:39px;line-height:1.6}[dir=rtl] .water-tile h2{font-size:21px}[dir=rtl] .tile-caption h2{font-size:18px}[dir=rtl] .support-tile h2,[dir=rtl] .equipment-tile h2{font-size:21px}[dir=rtl] .section-heading h2,[dir=rtl] .chemical-copy h2,[dir=rtl] .contact h2{font-size:29px}[dir=rtl] .solution h3{font-size:20px}[dir=rtl] summary{font-size:14px}}
@media(max-width:400px){.bento{grid-template-columns:1fr;grid-template-rows:auto;gap:13px}.water-tile,.chemistry-tile,.equipment-tile,.support-tile{grid-column:auto;grid-row:auto}.water-tile{min-height:315px}.water-tile h2{font-size:27px}.water-tile>p{max-width:190px;font-size:12px}.water-tile .eyebrow{font-size:9px}.sphere{width:265px;height:320px;inset-inline-end:-55px;bottom:-100px}.chemistry-tile{height:300px}.tile-caption h2{font-size:24px}.tile-caption p{font-size:11px}.equipment-tile{min-height:210px}.support-tile{min-height:165px}[dir=rtl] .water-tile h2{font-size:25px}[dir=rtl] .tile-caption h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}