@font-face{font-family:Vazirmatn;src:url('fonts/Vazirmatn.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--navy:#102e50;--navy-2:#183d62;--blue:#337fba;--blue-2:#5ba4d9;--ice:#eaf3fa;--pale:#f4f8fb;--paper:#fff;--ink:#142f4b;--muted:#687b8e;--line:#dce6ef;--container:1200px;--header-height:82px;--shadow:0 18px 55px #17375512}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}body.modal-open,body.menu-open{overflow:hidden}::selection{background:#c8e4f7;color:var(--navy)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{display:block;max-width:100%;height:auto}svg{display:block}[hidden]{display:none!important}:focus-visible{outline:3px solid #5da5dc;outline-offset:4px;border-radius:5px}.container{width:min(var(--container),calc(100% - 72px));margin-inline:auto}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.latin{direction:ltr;unicode-bidi:isolate;letter-spacing:.04em}.svg-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.skip-link{position:fixed;top:-90px;right:20px;z-index:300;padding:10px 18px;border-radius:0 0 10px 10px;background:var(--navy);color:#fff}.skip-link:focus{top:0}
.site-header{position:sticky;top:0;z-index:80;background:#fffffff5;backdrop-filter:blur(18px);border-bottom:1px solid #e6edf3;transition:box-shadow .25s}.site-header.is-scrolled{box-shadow:0 8px 28px #17375510}.header-inner{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;flex:none}.brand-logo{width:236px;height:auto;max-height:60px;object-fit:contain}.primary-navigation{display:flex;align-items:center;gap:clamp(16px,2.2vw,31px)}.primary-navigation>a{position:relative;padding:12px 0;color:#43596e;font-size:12px;font-weight:550;white-space:nowrap;transition:color .2s}.primary-navigation>a::after{content:'';position:absolute;right:0;bottom:5px;width:0;height:2px;border-radius:3px;background:var(--blue);transition:width .22s}.primary-navigation>a:hover,.primary-navigation>a.is-current{color:var(--blue)}.primary-navigation>a:hover::after,.primary-navigation>a.is-current::after{width:100%}.header-cta{display:flex;align-items:center;gap:12px;padding:10px 15px;border:1px solid #cadbe8;border-radius:7px;color:var(--navy);font-size:11px;font-weight:650;white-space:nowrap;transition:.2s}.header-cta:hover{border-color:var(--blue);background:var(--ice)}.header-cta .icon{width:17px;height:17px}.menu-toggle{display:none;width:45px;height:45px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{display:block;width:100%;height:2px;background:var(--navy);transition:transform .2s}.menu-toggle.is-open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.is-open span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav-backdrop{position:fixed;inset:var(--header-height) 0 0;z-index:69;border:0;background:#0d294750}
.hero{position:relative;isolation:isolate;min-height:665px;background:#102b4b;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:-1}.hero-media>img{width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.91);transform:scale(1.01);animation:heroEnter 1.1s ease-out both}.hero-scrim{position:absolute;inset:0;background:linear-gradient(270deg,#071e39f2 0%,#0b2d50db 36%,#0d355888 65%,#102f4c2b 100%),linear-gradient(0deg,#0a2748a8,transparent 43%)}.hero-inner{min-height:590px;display:flex;align-items:center;position:relative}.hero-copy{width:min(660px,59%);margin-right:auto;padding:65px 0 105px;text-align:right}.hero-eyebrow{display:flex;align-items:center;gap:10px;color:#d8edfc;font-size:12px;font-weight:600;margin:0 0 19px}.eyebrow-mark{width:8px;height:8px;border-radius:50%;background:#7dc5ef;box-shadow:0 0 0 6px #7dc5ef35}.eyebrow-separator{opacity:.5}.hero h1{margin:0 0 18px;color:#fff;font-size:clamp(51px,6vw,78px);font-weight:800;letter-spacing:-2.2px;line-height:1.3}.hero h1>span{display:block}.hero h1 .accent-word{color:#9ed9ff}.hero-description{max-width:630px;margin:0 0 25px;color:#edf6fc;font-size:14px;line-height:2.1;text-shadow:0 1px 9px #071e3990}.hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;padding:10px 17px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:650;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#3287c4;color:#fff;box-shadow:0 9px 25px #061c3860}.button-primary:hover{background:#277ab5;box-shadow:0 13px 28px #061c3870}.button-glass{border-color:#ffffff80;background:#ffffff13;color:#fff;backdrop-filter:blur(8px)}.button-glass:hover{background:#ffffff25}.hero-location{display:flex;align-items:center;gap:8px;margin-top:24px;color:#eaf5fc;font-size:11px}.hero-location .icon{width:17px;height:17px;color:#9ed9ff}.hero-bottom{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:12px 0 13px;border-top:1px solid #ffffff42;color:#eaf5fc}.hero-bottom-note{font:9px/1.5 Vazirmatn,sans-serif;letter-spacing:.13em;direction:ltr;opacity:.9}.scroll-cue{display:flex;align-items:center;gap:9px;font-size:10px}.scroll-arrow{display:grid;place-items:center;width:23px;height:23px;border:1px solid #ffffff80;border-radius:50%;font-size:14px}.hero-capacity{position:absolute;z-index:3;left:max(36px,calc((100vw - var(--container))/2));bottom:62px;display:flex;align-items:center;gap:14px;min-width:248px;padding:15px 19px;border:1px solid #d9e8f2;border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 16px 38px #061c3840}.capacity-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:7px;background:var(--ice);color:var(--blue)}.capacity-icon .icon{width:22px;height:22px}.hero-capacity small,.hero-capacity em{display:block;color:var(--muted);font-size:9px;font-style:normal}.hero-capacity strong{display:inline-block;margin:0 0 0 7px;color:var(--navy);font-size:27px;line-height:1.25;letter-spacing:-.5px}.hero-capacity em{display:inline}
.intro-strip{border-bottom:1px solid var(--line);background:#fff}.intro-strip-inner{min-height:110px;display:grid;grid-template-columns:1fr 1.25fr 1fr auto;align-items:center;gap:25px}.intro-strip-inner>div:not(.strip-watermark){position:relative;display:grid;grid-template-columns:31px 1fr;column-gap:10px;align-items:center;border-left:1px solid var(--line);min-height:48px}.strip-index{grid-row:span 2;color:#8aa6bd;font-size:9px;align-self:start;padding-top:2px}.strip-label{color:var(--muted);font-size:10px}.intro-strip-inner strong{font-size:14px;font-weight:650}.intro-strip-inner strong small{font-size:9px;color:var(--muted);font-weight:450}.strip-watermark{color:#397db3;font-size:20px;font-weight:800;letter-spacing:.12em;direction:ltr;text-align:left}.strip-watermark span{display:block;color:#8698a9;font-size:7px;font-weight:500;letter-spacing:.18em}
.section{padding-block:92px}.about-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(50px,9vw,135px);align-items:start}.section-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--blue);font-size:11px;font-weight:650}.section-kicker i{font-size:9px;font-style:normal;color:#90a7ba;border-right:1px solid #cbd9e5;padding-right:12px}.section h2,.ro-section h2,.contact-section h2{margin:0;color:var(--navy);font-size:clamp(31px,3.5vw,46px);line-height:1.55;font-weight:760;letter-spacing:-1px}.section h2 span,.ro-section h2 span,.contact-section h2 span{color:#72869a}.about-lead{margin:20px 0 18px;color:#50677c;font-size:15px;line-height:2.1}.text-link{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:0;color:var(--blue);font-size:11px;font-weight:650;cursor:pointer}.text-link .icon{width:16px;height:16px;transition:transform .2s}.text-link:hover .icon{transform:translateX(-3px)}.about-body{padding-top:44px}.about-copy{color:#62778b;font-size:13px;line-height:2.25}.about-copy p{margin:0 0 13px}.about-copy p:last-child{margin-bottom:0}.about-note{display:flex;gap:13px;align-items:flex-start;margin-top:27px;padding-top:17px;border-top:1px solid var(--line);color:#577089;font-size:11px}.about-note p{max-width:390px;margin:0;line-height:2}.note-rule{width:26px;height:2px;flex:none;margin-top:11px;background:var(--blue)}
.capacity-section{padding:0 0 20px}.capacity-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr .8fr;gap:25px;align-items:center;min-height:270px;padding:43px 55px;border-radius:8px;background:linear-gradient(110deg,#173d64,#102e50);color:#fff}.capacity-copy{position:relative;z-index:1}.section-kicker-light{color:#a9d7f2}.section-kicker-light i{color:#c7e5f7;border-color:#ffffff45}.capacity-panel h2{margin:0 0 10px;color:#fff;font-size:27px;line-height:1.65}.capacity-copy>p:last-child{max-width:405px;margin:0;color:#d8e7f3;font-size:11px;line-height:2}.capacity-display{position:relative;z-index:1;text-align:left;padding-left:18px}.capacity-display-label{display:block;color:#b7d5e9;font-size:10px}.capacity-display>strong{display:block;color:#fff;font-size:clamp(58px,8vw,94px);font-weight:750;letter-spacing:-3px;line-height:1.2}.capacity-display-unit{display:block;color:#e7f2f9;font-size:13px}.capacity-display-en{display:block;margin-top:14px;color:#a9c7dc;font-size:8px;letter-spacing:.18em;direction:ltr}.capacity-watermark{position:absolute;z-index:-1;inset:0 auto 0 24%;width:60%;height:100%;fill:none;stroke:#ffffff0c;stroke-width:1.3}
.process-section{padding-top:94px;padding-bottom:96px}.section-header{display:grid;grid-template-columns:1fr .78fr;gap:80px;align-items:end;margin-bottom:34px}.section-intro{max-width:490px;margin:0 0 5px;color:#62788c;font-size:13px;line-height:2.2}.flow-panel{overflow:hidden;border:1px solid #d9e5ef;border-radius:8px;background:linear-gradient(180deg,#f8fbfd,#eff6fb);box-shadow:0 12px 35px #17375508}.flow-panel-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e0eaf2}.flow-panel-top>div{display:flex;align-items:center;gap:10px}.flow-panel-top strong{color:#254763;font-size:12px;font-weight:650}.flow-live{width:8px;height:8px;border-radius:50%;background:#4596ce;box-shadow:0 0 0 5px #4596ce1c;animation:livePulse 2s infinite}.flow-panel-tag{color:#8799a9;font-size:9px}.flow-scroll{position:relative;min-height:145px;overflow-x:auto;scrollbar-width:thin}.flow-rail{position:absolute;inset:19px 3.5% auto;height:60px;pointer-events:none}.flow-rail svg{width:100%;height:100%;overflow:visible}.rail-base{fill:none;stroke:#bdd1df;stroke-width:2.5}.rail-animated{fill:none;stroke:#68a9d6;stroke-width:2;stroke-dasharray:5 10;animation:railMove 1.25s linear infinite}.water-dot{fill:#347eb8;filter:drop-shadow(0 0 4px #347eb870)}.dot-two{fill:#71b3de}.dot-three{fill:#a6cce6}.flow-stages{position:relative;z-index:1;min-width:900px;display:flex;justify-content:space-between;align-items:flex-start;padding:2px 2.2% 10px}.flow-stage{width:110px;display:flex;flex-direction:column;align-items:center;text-align:center}.flow-stage-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #c8d9e6;border-radius:50%;background:#fff;color:#2f79b4;font-size:10px;font-weight:750;box-shadow:0 5px 18px #153b5a0b;animation:stagePulse 2.8s ease-in-out infinite}.flow-stage:nth-child(2) .flow-stage-icon{animation-delay:.2s}.flow-stage:nth-child(3) .flow-stage-icon{animation-delay:.4s}.flow-stage:nth-child(4) .flow-stage-icon{animation-delay:.6s}.flow-stage:nth-child(5) .flow-stage-icon{animation-delay:.8s}.flow-stage:nth-child(6) .flow-stage-icon{animation-delay:1s}.flow-stage:nth-child(7) .flow-stage-icon{animation-delay:1.2s}.flow-stage:nth-child(8) .flow-stage-icon{animation-delay:1.4s}.flow-stage>b{margin-top:9px;color:#1f4461;font-size:10px}.flow-stage>small{margin-top:3px;color:#8497a8;font-size:8px;white-space:nowrap}.flow-legend{display:flex;justify-content:space-between;gap:12px;padding:11px 22px;border-top:1px solid #dce7ef;color:#71879a;font-size:9px}.process-intro-note{display:flex;gap:13px;align-items:center;max-width:850px;margin:26px 0 22px;color:#667c8e;font-size:11px;line-height:2}.process-intro-note p{margin:0}.note-number{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #d5e3ed;border-radius:50%;color:#568ab5;font-size:10px}.process-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stage-card{position:relative;display:flex;flex-direction:column;min-height:274px;padding:22px 20px 18px;border:1px solid var(--line);border-radius:7px;background:#fff;transition:transform .24s,border-color .24s,box-shadow .24s}.stage-card:hover{transform:translateY(-4px);border-color:#a9c7dd;box-shadow:var(--shadow)}.stage-no{position:absolute;top:18px;left:18px;color:#9aafc0;font-size:10px}.stage-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #dbe7f0;border-radius:6px;background:#f3f8fc;color:#347eb8}.stage-icon .icon{width:19px;height:19px}.stage-type{margin:16px 0 3px;color:#7191aa;font-size:9px;font-weight:600}.stage-card h3{margin:0 0 9px;color:#173a5a;font-size:15px;font-weight:700;line-height:1.7}.stage-card>p:not(.stage-type){margin:0 0 13px;color:#6c8091;font-size:10px;line-height:2.05}.stage-tech{margin-top:auto;padding-top:11px;border-top:1px solid #edf1f5;color:#7d94a7;font-size:8px;letter-spacing:.1em;direction:ltr}.stage-card-featured{border-color:#97bbd8;background:linear-gradient(145deg,#f5faff,#fff)}.stage-card-featured .text-link{margin:0 0 11px;font-size:10px}
.ro-section{padding:82px 0;background:#f3f7fa}.ro-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.ro-copy h2{margin-bottom:18px}.ro-copy>p:not(.section-kicker){color:#5f7589;font-size:13px;line-height:2.25}.ro-visual{position:relative;overflow:hidden;min-height:390px;border-radius:8px;background:#d6e1e9}.ro-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% center}.ro-visual::after{position:absolute;content:'';inset:45% 0 0;background:linear-gradient(transparent,#0d2a47b8)}.ro-photo-tag{position:absolute;z-index:1;right:17px;bottom:16px;color:#fff;font-size:10px}.ro-diagram{position:absolute;z-index:2;top:17px;left:17px;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #ffffff87;border-radius:6px;background:#fffef0e8;color:#234765;font-size:9px;backdrop-filter:blur(9px)}.diagram-membrane{display:flex;gap:3px;padding:4px 6px;border-right:1px solid #c5d8e5;border-left:1px solid #c5d8e5}.diagram-membrane i{display:block;width:3px;height:22px;border-radius:3px;background:#5697c9}.diagram-out{display:grid;gap:3px}.diagram-out b{font-size:8px;font-weight:550}.diagram-out b:first-child{color:#2d81bd}.diagram-out b:last-child{color:#6b8193}
.ro-fact{display:flex;gap:13px;align-items:center;margin-top:24px;padding:15px;border-right:2px solid var(--blue);background:#e9f2f8}.ro-fact-mark{font-size:19px;font-weight:800;color:#387fb5;direction:ltr}.ro-fact p{margin:0;color:#62798c;font-size:10px;line-height:1.9}.ro-fact strong{color:#214562;font-size:11px}.chemistry-section{padding-block:78px}.chemistry-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.chemistry-copy>p{color:#5f7487;font-size:12px;line-height:2.15}.chemistry-chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.chemistry-chips span{padding:7px 10px;border:1px solid #d6e3ed;border-radius:4px;background:#f5f9fc;color:#3e698c;font-size:9px}.technical-caution{padding-right:13px;border-right:2px solid #89b1d0;color:#74899a!important;font-size:10px!important}
.gallery-section{background:#f5f8fb;padding-block:83px}.gallery-heading{margin-bottom:24px}.gallery-heading .section-intro{max-width:330px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 15px}.gallery-filters{display:flex;flex-wrap:wrap;gap:6px}.filter-button{padding:7px 12px;border:1px solid #d5e1eb;border-radius:4px;background:#fff;color:#5c7183;font-size:10px;transition:.2s}.filter-button:hover,.filter-button.is-active{border-color:#3d86bd;background:#2f7eb8;color:#fff}.gallery-count{color:#788c9f;font-size:10px;white-space:nowrap}.gallery-disclaimer{display:flex;align-items:center;gap:8px;color:#627b8f;font-size:10px}.disclaimer-dot{width:6px;height:6px;border-radius:50%;background:#5698c8}.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.gallery-card{position:relative;display:block;grid-column:span 2;aspect-ratio:1.38;overflow:hidden;border-radius:5px;background:#d2e0ea;isolation:isolate}.gallery-card:first-child,.gallery-card:nth-child(2){grid-column:span 3;aspect-ratio:1.8}.gallery-card::after{position:absolute;content:'';inset:45% 0 0;background:linear-gradient(transparent,#0b2745c9);z-index:0;pointer-events:none}.gallery-card>img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .35s}.gallery-card:hover>img{transform:scale(1.045);filter:saturate(1.06)}.gallery-card-caption{position:absolute;z-index:1;inset:auto 17px 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;color:#fff}.gallery-card-caption small{display:block;margin-bottom:3px;color:#d2e5f3;font-size:9px}.gallery-card-caption strong{display:block;font-size:14px;font-weight:650}.gallery-open-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff8a;border-radius:50%;background:#ffffff13;transition:background .2s}.gallery-card:hover .gallery-open-icon{background:#ffffff34}.gallery-open-icon .icon{width:16px;height:16px}.gallery-empty{grid-column:1/-1;padding:35px;border:1px dashed #bfd1df;text-align:center;color:var(--muted)}
.energy-band{position:relative;overflow:hidden;background:linear-gradient(110deg,#112f52,#214f77);color:#fff}.energy-band::after{position:absolute;inset:0;content:'';background:url('images/plant-aerial.webp') center 50%/cover;opacity:.12;mix-blend-mode:screen}.energy-band-inner{position:relative;z-index:1;min-height:210px;display:flex;align-items:center;gap:24px;padding-block:35px}.energy-icon{display:grid;place-items:center;width:55px;height:55px;border:1px solid #ffffff58;border-radius:50%;color:#a5d9fb}.energy-icon .icon{width:27px;height:27px}.energy-band-inner>div{margin-right:5px}.energy-band-inner>div>p{margin:0 0 4px;color:#c7e1f3;font-size:10px}.energy-band h2{margin:0;color:#fff;font-size:24px;line-height:1.7}.button-light{margin-right:auto;border-color:#ffffff7a;background:#ffffff;color:#173b5e}.button-light:hover{background:#e5f2fb}
.contact-section{padding-block:83px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.contact-heading>p:not(.section-kicker){margin-top:14px;color:#6d8192;font-size:12px}.contact-logo{width:205px;margin-top:30px}.contact-details{border-top:1px solid var(--line)}.contact-card{display:flex;gap:15px;padding:19px 0;border-bottom:1px solid var(--line)}.contact-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #d9e5ee;border-radius:5px;color:var(--blue)}.contact-icon .icon{width:18px;height:18px}.contact-card-copy{min-width:0}.contact-label{display:block;color:#71869a;font-size:9px}.contact-card h3{margin:3px 0;color:#1e415f;font-size:13px;font-weight:650;line-height:1.9}.contact-hint{display:block;margin:1px 0 4px;color:#8294a4;font-size:9px}.contact-hint.address-hint{max-width:420px;margin:6px 0;color:#637b8e;font-size:10px;line-height:2}.contact-card .text-link{font-size:9px}.contact-value{display:block;color:#1a3e5d;font-size:14px;font-weight:650}.contact-domain{display:block;color:#1a3e5d;font-size:17px;font-weight:700}.domain-card{align-items:center}.copy-button{margin-top:5px}.site-footer{padding:28px 0 16px;background:#0e2845;color:#d5e3ef}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:20px;border-bottom:1px solid #ffffff1e}.footer-brand{padding:5px 8px;border-radius:4px;background:#fff}.footer-brand .brand-logo{width:190px;max-height:47px}.footer-nav{display:flex;flex-wrap:wrap;gap:19px;color:#d5e2ed;font-size:9px}.footer-nav a:hover{color:#8cccf3}.footer-message{color:#aec5d8;font-size:10px}.footer-bottom{display:flex;justify-content:space-between;gap:14px;padding-top:13px;color:#9cb2c6;font-size:9px}.back-to-top{position:fixed;z-index:50;left:22px;bottom:22px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #b9d2e5;border-radius:50%;background:#fff;color:#347eb8;box-shadow:0 5px 20px #1636511a}.back-to-top .icon{width:18px;height:18px}.toast{position:fixed;z-index:200;right:50%;bottom:24px;transform:translateX(50%);padding:11px 17px;border-radius:6px;background:#143655;color:#fff;box-shadow:0 10px 35px #102e5033;font-size:11px}.gallery-dialog{width:min(1000px,calc(100vw - 44px));max-width:1000px;max-height:calc(100dvh - 50px);overflow:auto;padding:0;border:1px solid #ffffff26;border-radius:9px;background:#102b49;color:#fff;box-shadow:0 32px 100px #00172c70}.gallery-dialog::backdrop{background:#071b30dc;backdrop-filter:blur(5px)}.lightbox-shell{padding:16px 20px 20px}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.lightbox-top{padding-bottom:12px;border-bottom:1px solid #ffffff20;color:#c5d9e8;font-size:11px}.lightbox-close,.lightbox-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff42;border-radius:5px;background:#ffffff0c;color:#fff}.lightbox-close .icon,.lightbox-controls .icon{width:18px;height:18px}.lightbox-image-wrap{display:grid;place-items:center;min-height:180px;padding-top:12px}.lightbox-image-wrap>img{width:auto;max-width:100%;max-height:calc(100dvh - 210px);object-fit:contain;border-radius:4px}.lightbox-bottom{padding-top:15px}.lightbox-bottom h2{margin:0 0 3px;color:#fff;font-size:19px}.lightbox-bottom p{max-width:560px;margin:0;color:#b5c9d9;font-size:10px;line-height:1.8}.lightbox-controls{display:flex;gap:8px}.lightbox-controls button{cursor:pointer}.nav-backdrop[hidden]{display:none!important}[data-reveal]{transition:opacity .65s ease,transform .65s ease}.enhanced-motion [data-reveal]:not(.is-visible){opacity:0;transform:translateY(18px)}
@keyframes heroEnter{from{opacity:.4;transform:scale(1.045)}to{opacity:1;transform:scale(1.01)}}@keyframes railMove{to{stroke-dashoffset:-30}}@keyframes stagePulse{0%,100%{transform:translateY(0);box-shadow:0 5px 18px #153b5a0b}50%{transform:translateY(-3px);box-shadow:0 10px 22px #153b5a14}}@keyframes livePulse{0%,100%{box-shadow:0 0 0 4px #4596ce16}50%{box-shadow:0 0 0 8px #4596ce08}}
@media(max-width:1050px){.container{width:calc(100% - 54px)}.header-inner{gap:15px}.brand-logo{width:205px}.primary-navigation{gap:15px}.primary-navigation>a{font-size:11px}.header-cta{padding:9px 11px;font-size:10px}.hero{min-height:620px}.hero-inner{min-height:550px}.hero-copy{width:62%}.hero-capacity{left:27px;bottom:58px}.intro-strip-inner{gap:15px}.about-layout{gap:60px}.process-cards{grid-template-columns:repeat(3,1fr)}.stage-card{min-height:250px}.ro-layout{gap:42px}.contact-layout{gap:55px}}
@media(max-width:820px){:root{--header-height:72px}.container{width:calc(100% - 42px)}.header-inner{height:var(--header-height)}.brand-logo{width:195px;max-height:50px}.menu-toggle{display:flex}.header-cta{display:none}.primary-navigation{display:none;position:fixed;z-index:90;top:var(--header-height);right:0;left:0;max-height:calc(100dvh - var(--header-height));overflow:auto;padding:13px 25px 22px;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 20px 35px #102e5014}.primary-navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.primary-navigation>a{padding:13px 3px;border-bottom:1px solid #edf2f6;font-size:14px}.primary-navigation>a::after{display:none}.hero{min-height:700px}.hero-inner{min-height:635px}.hero-media>img{object-position:55% center}.hero-scrim{background:linear-gradient(270deg,#071e39ea 0%,#0b2d50ce 55%,#0d355882 100%),linear-gradient(0deg,#0a2748a8,transparent 40%)}.hero-copy{width:75%;padding-top:65px}.hero h1{font-size:clamp(48px,8vw,66px)}.hero-capacity{bottom:60px;left:22px}.intro-strip-inner{grid-template-columns:1fr 1.2fr 1fr;min-height:100px}.strip-watermark{display:none}.about-layout,.ro-layout,.chemistry-layout,.contact-layout{grid-template-columns:1fr 1fr;gap:35px}.about-body{padding-top:39px}.section{padding-block:75px}.capacity-panel{padding:36px;gap:15px}.capacity-display>strong{font-size:65px}.section-header{gap:35px}.process-cards{grid-template-columns:repeat(2,1fr)}.stage-card{min-height:245px}.ro-visual{min-height:340px}.gallery-grid{grid-template-columns:repeat(4,1fr)}.gallery-card{grid-column:span 2}.gallery-card:first-child,.gallery-card:nth-child(2){grid-column:span 2;aspect-ratio:1.42}.contact-layout{gap:35px}.contact-logo{width:175px}.footer-main{gap:15px}.footer-nav{gap:12px}.footer-message{display:none}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.brand-logo{width:185px;max-height:47px}.hero{min-height:760px}.hero-inner{min-height:700px;align-items:flex-start}.hero-media>img{object-position:55% center}.hero-scrim{background:linear-gradient(180deg,#082447e8 0%,#0a2a4dcc 49%,#0b2a4bb8 100%)}.hero-copy{width:100%;padding:75px 0 185px;margin:0}.hero-eyebrow{font-size:10px;margin-bottom:15px}.hero h1{font-size:clamp(43px,12vw,56px);line-height:1.28;letter-spacing:-1.5px;margin-bottom:14px}.hero-description{max-width:460px;font-size:12px;line-height:2.05;margin-bottom:19px}.hero-actions{gap:8px}.button{min-height:44px;padding:9px 12px;font-size:10px;gap:8px}.hero-location{margin-top:17px;font-size:9px}.hero-capacity{left:16px;bottom:64px;min-width:220px;padding:12px 15px;gap:11px}.capacity-icon{width:35px;height:35px}.hero-capacity strong{font-size:24px}.hero-bottom{width:calc(100% - 36px);padding:10px 0}.hero-bottom-note{font-size:7px}.scroll-cue{font-size:8px}.scroll-arrow{width:19px;height:19px}.intro-strip-inner{grid-template-columns:1fr 1fr;gap:17px;padding-block:19px}.intro-strip-inner>div:not(.strip-watermark){min-height:41px}.intro-strip-inner>div:nth-child(2){border-left:0}.intro-strip-inner strong{font-size:12px}.strip-label{font-size:9px}.strip-index{font-size:8px}.section{padding-block:61px}.about-layout,.ro-layout,.chemistry-layout,.contact-layout{grid-template-columns:1fr;gap:23px}.section h2,.ro-section h2,.contact-section h2{font-size:31px;line-height:1.55}.about-lead{font-size:13px;margin:14px 0}.about-body{padding-top:0}.about-copy{font-size:12px;line-height:2.15}.about-note{margin-top:18px;padding-top:13px}.capacity-section{padding-bottom:0}.capacity-panel{grid-template-columns:1fr;gap:21px;min-height:0;padding:25px 22px;border-radius:6px}.capacity-panel h2{font-size:23px}.capacity-copy>p:last-child{font-size:10px}.capacity-display{padding:15px 0 0;border-top:1px solid #ffffff24;text-align:right}.capacity-display>strong{font-size:63px;letter-spacing:-2px}.capacity-display-unit{font-size:11px}.capacity-display-en{margin-top:8px;font-size:7px}.process-section{padding-block:62px}.section-header{grid-template-columns:1fr;gap:12px;margin-bottom:22px}.section-intro{font-size:12px;line-height:2.1}.flow-panel-top{align-items:flex-start;gap:10px;padding:13px}.flow-panel-top strong{font-size:10px}.flow-panel-tag{font-size:8px;text-align:left}.flow-scroll{min-height:137px}.flow-rail{inset:18px 3.5% auto;width:900px}.flow-stages{min-width:900px}.flow-legend{padding:9px 12px;font-size:8px}.process-intro-note{align-items:flex-start;margin:19px 0 15px;font-size:10px}.process-cards{grid-template-columns:1fr;gap:9px}.stage-card{min-height:0;padding:18px 17px 15px}.stage-no{top:17px;left:17px}.stage-icon{width:35px;height:35px}.stage-type{margin-top:12px}.stage-card h3{font-size:14px;margin-bottom:5px}.stage-card>p:not(.stage-type){font-size:10px;line-height:2;margin-bottom:10px}.stage-tech{padding-top:8px}.ro-section{padding:60px 0}.ro-layout{gap:20px}.ro-copy>p:not(.section-kicker){font-size:12px;line-height:2.1}.ro-fact{margin-top:17px;padding:12px}.ro-visual{min-height:265px}.ro-diagram{top:10px;left:10px;padding:8px}.chemistry-section{padding-block:59px}.chemistry-layout{gap:15px}.chemistry-copy>p{font-size:11px;line-height:2.1}.chemistry-chips{gap:5px;margin:14px 0}.chemistry-chips span{font-size:8px;padding:6px 8px}.gallery-section{padding-block:60px}.gallery-heading{grid-template-columns:1fr;gap:10px}.gallery-heading .section-intro{display:block}.gallery-toolbar{align-items:flex-start;margin-top:14px}.gallery-filters{gap:5px}.filter-button{padding:6px 8px;font-size:9px}.gallery-count{padding-top:7px;font-size:8px}.gallery-grid{grid-template-columns:1fr 1fr;gap:9px}.gallery-card,.gallery-card:first-child,.gallery-card:nth-child(2){grid-column:span 1;aspect-ratio:1.08}.gallery-card:first-child{grid-column:span 2;aspect-ratio:1.65}.gallery-card-caption{inset:auto 10px 10px}.gallery-card-caption small{font-size:8px}.gallery-card-caption strong{font-size:11px}.gallery-open-icon{width:25px;height:25px}.gallery-open-icon .icon{width:14px;height:14px}.energy-band-inner{min-height:205px;gap:13px;flex-wrap:wrap;padding-block:24px}.energy-icon{width:43px;height:43px}.energy-band h2{font-size:20px}.energy-band-inner>div>p{font-size:9px}.button-light{margin-right:auto;font-size:9px;min-height:38px}.contact-section{padding-block:60px}.contact-layout{gap:20px}.contact-logo{width:160px;margin-top:18px}.contact-details{margin-top:4px}.contact-card{padding:15px 0;gap:12px}.contact-card h3{font-size:12px}.contact-value{font-size:12px}.contact-domain{font-size:15px}.footer-main{align-items:flex-start;flex-direction:column;gap:16px}.footer-brand .brand-logo{width:165px}.footer-nav{gap:10px 17px;font-size:9px}.footer-bottom{font-size:8px}.back-to-top{left:13px;bottom:13px;width:37px;height:37px}.gallery-dialog{width:calc(100vw - 18px);max-width:calc(100vw - 18px);max-height:calc(100dvh - 22px);border-radius:7px}.lightbox-shell{padding:10px}.lightbox-image-wrap>img{max-height:calc(100dvh - 180px)}.lightbox-bottom h2{font-size:15px}.lightbox-bottom p{font-size:8px}.lightbox-controls button{width:32px;height:32px}}
@media(max-width:370px){.brand-logo{width:165px}.hero h1{font-size:42px}.hero-copy{padding-top:68px}.hero-capacity{min-width:205px}.intro-strip-inner{column-gap:8px}.hero-bottom-note{display:none}.gallery-card-caption strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.enhanced-motion [data-reveal]:not(.is-visible){opacity:1;transform:none}}
@media print{.site-header,.hero-actions,.hero-bottom,.gallery-toolbar,.back-to-top,.copy-button,.energy-band,.site-footer{display:none!important}.container{width:100%}.section{padding-block:24px}.hero,.capacity-panel{print-color-adjust:exact;-webkit-print-color-adjust:exact}.enhanced-motion [data-reveal]{opacity:1!important;transform:none!important}}
.chemical-strip{margin-top:18px;padding:17px 19px;border:1px solid #dce6ef;border-radius:6px;background:#fff}.chemical-strip-title{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid #e8eef3;color:#365a77;font-size:11px;font-weight:650}.chemical-strip-title small{color:#8194a5;font-size:9px;font-weight:450}.chemical-items{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:13px}.chemical-items>div{padding-right:10px;border-right:1px solid #dce6ef}.chemical-items b,.chemical-items span{display:block}.chemical-items b{color:#264a68;font-size:10px}.chemical-items span{margin-top:3px;color:#73879a;font-size:9px;line-height:1.8}
@media(max-width:820px){.chemical-items{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.chemical-strip{padding:14px}.chemical-strip-title{align-items:flex-start;flex-direction:column;gap:3px}.chemical-items{gap:10px}.chemical-items b{font-size:9px}.chemical-items span{font-size:8px}}

/* Premium editorial finish: richer contrast, fuller imagery, and stronger rhythm */
.hero-copy{margin-right:0;margin-left:auto;width:min(660px,57%);padding-top:70px;padding-bottom:112px}
.hero h1{font-size:clamp(58px,6.2vw,84px);line-height:1.27;text-shadow:0 4px 28px #071d3890}
.hero-description{font-size:15px;max-width:620px}
.hero-scrim{background:linear-gradient(270deg,#061b34f5 0%,#092748de 32%,#0a3157a6 58%,#123a6320 100%),linear-gradient(0deg,#071f3db8,transparent 45%)}
.hero-capacity{min-width:265px;padding:17px 20px;border-radius:7px;box-shadow:0 20px 55px #061b3455}
.intro-strip{background:linear-gradient(100deg,#0e2948,#1b4268);border:0;color:#fff}
.intro-strip-inner{min-height:117px}
.intro-strip-inner>div:not(.strip-watermark){border-left-color:#ffffff2d}
.strip-index{color:#84bce1}.strip-label{color:#c1d5e5}.intro-strip-inner strong{color:#fff}.intro-strip-inner strong small{color:#bfd3e4}.strip-watermark{color:#87c3eb}.strip-watermark span{color:#adc4d8}
.about-section{position:relative;isolation:isolate;background:radial-gradient(ellipse at 91% 16%,#edf5fb 0%,transparent 33%),#fff}
.about-section::after{position:absolute;z-index:-1;content:'SHAYA';left:-25px;bottom:-105px;color:#f4f8fb;font-size:clamp(130px,23vw,300px);font-weight:850;line-height:1;letter-spacing:.06em;direction:ltr;pointer-events:none}
.about-heading h2{font-size:clamp(39px,4.2vw,57px);line-height:1.45}.about-lead{max-width:470px;font-size:15px;color:#405a72}.about-body{padding-top:31px}.about-copy{font-size:14px;color:#566e83}.about-photo-card{position:relative;height:215px;overflow:hidden;margin:23px 0 0;border-radius:7px;background:#d7e5ef;box-shadow:0 16px 40px #1737551c}.about-photo-card::after{position:absolute;content:'';inset:35% 0 0;background:linear-gradient(transparent,#0b2947c9)}.about-photo-card img{width:100%;height:100%;object-fit:cover;object-position:center 63%;transition:transform .6s}.about-photo-card:hover img{transform:scale(1.04)}.about-photo-card figcaption{position:absolute;z-index:1;right:17px;bottom:13px;color:#fff}.about-photo-card figcaption span,.about-photo-card figcaption small{display:block}.about-photo-card figcaption span{font-size:12px;font-weight:650}.about-photo-card figcaption small{color:#d5e8f5;font-size:9px}.about-photo-index{position:absolute;z-index:1;top:13px;left:15px;padding:4px 8px;border:1px solid #ffffff77;border-radius:3px;color:#fff;font-size:8px;letter-spacing:.12em;direction:ltr}
.capacity-section{padding-top:2px;padding-bottom:25px}.capacity-panel{min-height:310px;padding:48px 60px;border-radius:10px;background:radial-gradient(ellipse at 13% 115%,#2c6b9d80,transparent 42%),linear-gradient(115deg,#173b60,#0d294a 70%);box-shadow:0 24px 60px #13345020}.capacity-panel::after{position:absolute;inset:0;z-index:-1;content:'';opacity:.36;background:radial-gradient(circle at 88% 14%,#76b8e51c 0 1px,transparent 2px);background-size:19px 19px}.capacity-display>strong{color:#d1efff;font-size:clamp(72px,9vw,106px)}
.process-section{position:relative;background:linear-gradient(180deg,#f3f8fc 0%,#fff 38%,#f5f9fc 100%)}.process-section::before{position:absolute;top:0;left:0;right:0;height:5px;content:'';background:linear-gradient(90deg,#94cbee,#327fba,#c3e3f5)}.section-header{grid-template-columns:1fr .75fr;margin-bottom:39px}.section-header h2{font-size:clamp(38px,4.2vw,55px)}.flow-panel{border-color:#c9dceb;border-radius:9px;background:linear-gradient(140deg,#fafdff,#eaf4fb);box-shadow:0 20px 45px #1438550b}.flow-panel-top{padding:18px 24px}.flow-stage-icon{width:48px;height:48px;border:1px solid #a9c9df;border-radius:8px;background:#fff;box-shadow:0 9px 22px #14385510}.flow-stage:nth-child(4) .flow-stage-icon,.flow-stage:nth-child(6) .flow-stage-icon{background:#2f7eb8;color:#fff;border-color:#2f7eb8}.flow-stage>b{font-size:11px}.flow-legend{padding:13px 24px;background:#ffffff78}
.process-cards{gap:15px}.stage-card{min-height:300px;padding:24px 21px 19px;border-radius:8px;background:linear-gradient(155deg,#fff 60%,#f6faff);box-shadow:0 5px 22px #14385508}.stage-card::before{position:absolute;top:0;right:0;left:0;height:3px;content:'';background:#c1ddef;transform:scaleX(.24);transform-origin:right;transition:transform .25s}.stage-card:hover::before,.stage-card-featured::before{transform:scaleX(1);background:#3b86bf}.stage-card:hover{border-color:#adcbe0;box-shadow:0 16px 40px #17375514}.stage-no{font-size:11px;color:#7099b8}.stage-icon{width:43px;height:43px;border-radius:8px;background:#edf5fb;color:#287bb8}.stage-type{font-size:10px}.stage-card h3{font-size:16px}.stage-card>p:not(.stage-type){font-size:11px;line-height:2.1}.stage-card-featured{background:linear-gradient(145deg,#edf6fc,#fff);border-color:#b6d0e3}.chemical-strip{margin-top:22px;padding:20px 22px;border-radius:8px;background:#fff;box-shadow:0 8px 28px #14385509}.chemical-strip-title{font-size:12px}.chemical-items>div{padding-right:13px}.chemical-items b{font-size:11px}.chemical-items span{font-size:9px}
.ro-section{position:relative;overflow:hidden;padding:100px 0;background:linear-gradient(110deg,#102e50,#173d64);color:#fff}.ro-section::before{position:absolute;inset:0;content:'';background:radial-gradient(ellipse at 83% 18%,#5791ba25,transparent 34%),linear-gradient(0deg,#0e29471c,#0e294700)}.ro-layout{position:relative;z-index:1;gap:78px}.ro-section .section-kicker{color:#9dd4f7}.ro-section .section-kicker i{color:#c1e3fa;border-color:#ffffff40}.ro-section h2{color:#fff;font-size:clamp(38px,4.2vw,54px)}.ro-section h2 span{color:#9ccff0}.ro-copy>p:not(.section-kicker){color:#d3e2ef;font-size:13px;line-height:2.2}.ro-fact{border-right-color:#68b2e2;background:#ffffff0c}.ro-fact-mark{color:#9cd8fb}.ro-fact p,.ro-fact strong{color:#d4e6f2}.ro-visual{min-height:440px;border:1px solid #ffffff28;border-radius:9px;box-shadow:0 28px 70px #061b344d}.ro-photo-tag{right:18px;bottom:18px}.ro-diagram{border-radius:5px;box-shadow:0 9px 30px #0a2c4c28}
.chemistry-section{background:#fff}.chemistry-layout{align-items:start}.chemistry-section h2{font-size:clamp(35px,3.8vw,50px)}.chemistry-copy>p{font-size:13px;line-height:2.2}.chemistry-chips span{padding:8px 12px;border-radius:4px;background:#eef6fb;color:#286b9c}
.gallery-section{position:relative;overflow:hidden;background:#0e2948;color:#fff}.gallery-section::before{position:absolute;top:-220px;left:-180px;width:470px;height:470px;border:1px solid #ffffff12;border-radius:50%;content:'';box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff03}.gallery-section .section-kicker{color:#9dd4f7}.gallery-section .section-kicker i{color:#c1deef;border-color:#ffffff40}.gallery-section .section-header h2{color:#fff}.gallery-section .section-header h2 span{color:#a5c9e2}.gallery-section .section-intro{color:#c4d6e5}.gallery-toolbar{margin-top:25px}.filter-button{border-color:#ffffff38;background:#ffffff0a;color:#d6e5f0}.filter-button:hover,.filter-button.is-active{border-color:#70b8e6;background:#3282bb;color:#fff}.gallery-count{color:#b5cadd}.gallery-card{border-radius:7px}.gallery-card::after{background:linear-gradient(transparent,#071d35e8)}.gallery-card-caption{inset:auto 18px 16px}.gallery-card-caption strong{font-size:15px}.gallery-open-icon{border-radius:5px;background:#ffffff10}.gallery-grid{position:relative;z-index:1}.gallery-empty{border-color:#ffffff40;color:#deebf5}
.energy-band{background:linear-gradient(110deg,#1e5f91,#2e83bb)}.energy-band::after{opacity:.17}.energy-band-inner{min-height:230px}.energy-icon{width:62px;height:62px;border-radius:8px;background:#ffffff0c}.energy-band h2{font-size:28px}.button-light{border:0;border-radius:5px;box-shadow:0 10px 26px #0d2b4960}.contact-section{background:linear-gradient(180deg,#fff,#f7fafc)}.contact-heading h2{font-size:clamp(37px,4vw,52px)}.contact-card{padding:21px 0}.contact-icon{width:42px;height:42px;border-radius:7px;background:#f1f7fb}.site-footer{background:#091f38}.footer-main{padding-bottom:23px}.footer-brand{box-shadow:0 5px 25px #07182c33}.footer-nav a{transition:color .2s}.footer-bottom{color:#aac0d3}
@media(max-width:1050px){.hero-copy{width:62%;margin-right:0;margin-left:auto}.ro-section{padding:78px 0}.ro-layout{gap:42px}.stage-card{min-height:278px}}
@media(max-width:820px){.hero-copy{width:76%;margin-right:0;margin-left:auto}.intro-strip-inner{background:transparent}.about-layout{gap:38px}.about-photo-card{height:185px}.process-cards{gap:11px}.stage-card{min-height:264px;padding:20px 17px}.ro-section{padding:68px 0}.ro-visual{min-height:340px}.gallery-section{padding-block:72px}}
@media(max-width:600px){.hero-copy{width:100%;margin:0}.intro-strip-inner{min-height:0}.intro-strip-inner>div:not(.strip-watermark){border-left-color:#ffffff30}.about-section::after{font-size:120px;bottom:-25px}.about-layout{gap:18px}.about-body{padding-top:3px}.about-photo-card{height:190px;margin-top:19px}.capacity-panel{min-height:0}.capacity-display>strong{font-size:70px}.section-header h2{font-size:35px}.flow-stage-icon{width:44px;height:44px}.process-cards{gap:9px}.stage-card{min-height:0;padding:18px 16px 15px}.stage-card h3{font-size:14px}.stage-card>p:not(.stage-type){font-size:10px}.chemical-strip{margin-top:15px;padding:15px}.chemical-items{gap:9px}.ro-section{padding:62px 0}.ro-visual{min-height:285px}.gallery-section{padding-block:62px}.gallery-section .section-header h2{font-size:32px}.gallery-card-caption strong{font-size:11px}.energy-band-inner{min-height:215px}.energy-band h2{font-size:23px}.contact-card{padding:16px 0}}
.about-section{overflow:hidden}

/* Home page is deliberately concise; technical process content lives on process.html. */
.process-teaser{padding:64px 0;background:linear-gradient(110deg,#102e50,#1c4b74);color:#fff}.process-teaser-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.teaser-kicker{display:flex;align-items:center;gap:13px;margin:0 0 12px;color:#9ed7f7;font-size:10px}.teaser-kicker span{color:#ffffff72;font-size:9px}.teaser-copy h2{margin:0;color:#fff;font-size:35px;line-height:1.5}.teaser-copy>p:not(.teaser-kicker){max-width:380px;margin:12px 0 17px;color:#cfdfec;font-size:11px;line-height:2.1}.teaser-copy .button-light{margin:0;border-radius:5px;font-size:10px}.teaser-route{display:flex;align-items:center;justify-content:space-between;padding:28px 20px;border:1px solid #ffffff32;border-radius:7px;background:#ffffff08}.teaser-route>span{display:grid;justify-items:center;gap:9px;color:#fff;font-size:10px;white-space:nowrap}.teaser-route i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #8fc8e8;border-radius:50%;background:#ffffff0b;color:#bde4fa;font-size:10px;font-style:normal}.teaser-route em{height:1px;min-width:15px;flex:1;background:#8ebfdf72}
@media(max-width:820px){.process-teaser-inner{grid-template-columns:1fr;gap:23px}.teaser-copy h2 br{display:none}.teaser-route{padding:21px 15px}}
@media(max-width:600px){.process-teaser{padding:48px 0}.process-teaser-inner{gap:18px}.teaser-copy h2{font-size:28px}.teaser-route{gap:8px;padding:17px 9px}.teaser-route>span{font-size:8px}.teaser-route i{width:34px;height:34px;font-size:9px}.teaser-route em{min-width:7px}}

/* Dedicated technical process page */
.process-page-hero{position:relative;isolation:isolate;min-height:425px;overflow:hidden;background:#102e50;color:#fff}.process-page-hero>img{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%}.process-page-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(270deg,#071d36ed 0%,#0a2d4dc9 50%,#0c35587a 100%),linear-gradient(0deg,#08274791,transparent 65%)}.process-page-hero-content{position:relative;z-index:1;padding-top:36px;padding-bottom:72px}.process-breadcrumb{display:flex;align-items:center;gap:10px;color:#e2eff8;font-size:10px}.process-breadcrumb a{color:#b5dcf4}.process-overline{margin:27px 0 9px;color:#a9d9f5;font-size:9px;letter-spacing:.17em;direction:ltr;text-align:right}.process-page-hero h1{margin:0;color:#fff;font-size:clamp(40px,5.2vw,63px);line-height:1.4;letter-spacing:-1.4px}.process-page-hero h1 span{color:#9ed8f8}.process-page-hero-content>p:not(.process-breadcrumb):not(.process-overline){max-width:600px;margin:9px 0 17px;color:#e1edf6;font-size:12px;line-height:2}.process-hero-link{display:inline-flex;align-items:center;gap:9px;color:#c8e8fb;font-size:10px}.process-hero-link span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff68;border-radius:50%}.process-hero-stats{position:absolute;left:max(36px,calc((100vw - var(--container))/2));bottom:24px;display:flex;gap:18px;color:#e7f2f8;font-size:9px}.process-hero-stats span{padding-right:15px;border-right:1px solid #ffffff4c}.process-hero-stats span:first-child{border:0;padding:0}.process-hero-stats b{margin-left:4px;color:#a7defa;font-size:14px}
.process-toc{position:sticky;top:var(--header-height);z-index:55;border-bottom:1px solid #dce6ef;background:#ffffffed;backdrop-filter:blur(15px)}.process-toc-inner{display:flex;align-items:center;gap:23px;min-height:52px;overflow-x:auto;scrollbar-width:none}.process-toc-inner::-webkit-scrollbar{display:none}.process-toc a{flex:none;color:#587085;font-size:9px;transition:color .2s}.process-toc a:hover{color:#317db5}.page-block{padding:77px 0}.process-overview{background:#f7fafc}.page-section-heading{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:end;margin-bottom:30px}.page-section-heading h2,.infrastructure-layout h2{margin:0;color:#153655;font-size:clamp(32px,3.7vw,46px);line-height:1.52}.page-section-heading h2 span,.infrastructure-layout h2 span{color:#738ba0}.page-section-heading>p{max-width:475px;margin:0 0 5px;color:#667d90;font-size:12px;line-height:2.15}.process-flow-panel{max-width:1120px;margin-inline:auto}.process-detail-section{background:#fff}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.detail-card{position:relative;min-height:265px;padding:23px 20px 20px;border:1px solid #dbe6ef;border-radius:7px;background:linear-gradient(160deg,#fff 55%,#f5f9fc);transition:transform .23s,border-color .23s,box-shadow .23s}.detail-card:hover{transform:translateY(-3px);border-color:#a4c4dc;box-shadow:0 16px 35px #183c590f}.detail-number{position:absolute;top:19px;left:19px;color:#89a6bd;font-size:10px}.detail-icon{display:grid;place-items:center;width:41px;height:41px;border:1px solid #d0e1ed;border-radius:7px;background:#edf5fa;color:#347fb8;font-size:13px;font-weight:700;direction:ltr}.detail-kicker{margin:15px 0 4px;color:#7694ac;font-size:8px;letter-spacing:.1em;direction:ltr;text-align:right}.detail-card h3{margin:0 0 8px;color:#193b59;font-size:15px;line-height:1.7}.detail-card>p:not(.detail-kicker){margin:0;color:#687e90;font-size:10px;line-height:2.1}.detail-card-wide{grid-column:span 2}.detail-note{margin-top:10px!important;padding:8px 10px;border-right:2px solid #5c9bca;background:#eef5fa;color:#4e6f8a!important;font-size:9px!important}.daf-sequence{display:flex;align-items:center;gap:9px;margin-top:15px;padding:10px 11px;border:1px solid #e0eaf1;border-radius:4px;background:#f7fafc;color:#54738c;font-size:9px}.daf-sequence i{color:#3d8ac1;font-size:13px;font-style:normal}.chemical-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:25px;align-items:center;margin-top:18px;padding:22px 24px;border:1px solid #d4e3ed;border-radius:7px;background:#edf5fa}.chemical-panel h3{margin:0 0 6px;color:#173b5c;font-size:17px}.chemical-panel>div:first-child>p:last-child{margin:0;color:#6c8295;font-size:10px;line-height:2}.chemical-panel .section-kicker{margin-bottom:9px}.chemical-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}.chemical-list>div{padding:10px 12px;border:1px solid #d6e3ed;border-radius:4px;background:#ffffffb5}.chemical-list b,.chemical-list span{display:block}.chemical-list b{color:#305a78;font-size:10px}.chemical-list span{margin-top:3px;color:#798d9e;font-size:8px}
.reverse-osmosis-section{padding:83px 0;background:linear-gradient(112deg,#102e50,#173c61);color:#fff}.ro-page-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}.ro-page-copy .section-kicker{color:#a0d6f6}.ro-page-copy .section-kicker i{color:#d6ebf8;border-color:#ffffff45}.ro-page-copy h2{margin:0 0 16px;color:#fff;font-size:clamp(34px,4vw,49px);line-height:1.5}.ro-page-copy h2 span{color:#9ed8f8}.ro-page-copy>p{margin:0 0 12px;color:#d0e0ed;font-size:11px;line-height:2.15}.ro-page-copy h3{margin:18px 0 7px;color:#fff;font-size:14px}.ro-page-copy .ro-lead{color:#eaf5fc;font-size:13px}.membrane-callout{display:flex;align-items:center;gap:13px;margin-top:19px;padding:13px 15px;border:1px solid #ffffff35;border-radius:5px;background:#ffffff0b;color:#e8f4fb;font-size:10px}.membrane-callout>span{color:#89c8ed}.membrane-callout>div:last-child{display:grid;gap:2px}.membrane-callout b{color:#a6ddf7}.membrane-callout small{color:#c1d5e4;font-size:8px}.membrane-symbol{display:flex;gap:3px;padding:5px 9px;border-right:1px solid #ffffff32;border-left:1px solid #ffffff32}.membrane-symbol i{width:4px;height:24px;border-radius:4px;background:linear-gradient(#97d0ef,#4287bb)}.ro-page-photo{position:relative;overflow:hidden;min-height:390px;margin:0;border:1px solid #ffffff2a;border-radius:8px;background:#193d5d;box-shadow:0 25px 60px #061b344a}.ro-page-photo::after{position:absolute;inset:50% 0 0;content:'';background:linear-gradient(transparent,#071d34bc)}.ro-page-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ro-page-photo figcaption{position:absolute;z-index:1;right:17px;bottom:14px;color:#fff;font-size:9px}
.post-treatment-section{background:#f4f8fb}.post-treatment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.post-treatment-card{position:relative;min-height:204px;padding:23px 21px;border:1px solid #d9e5ee;border-radius:6px;background:#fff}.post-treatment-index{color:#5a9bca;font-size:10px;direction:ltr}.post-treatment-card h3{margin:12px 0 8px;color:#193d5d;font-size:15px}.post-treatment-card p{margin:0;color:#657c90;font-size:10px;line-height:2.1}.post-treatment-caution{background:#f9fbfc}.post-treatment-caution .post-treatment-index{color:#8e9faf}
.quality-section{padding:73px 0;background:#102e50;color:#fff}.quality-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.quality-layout .section-kicker{color:#9ed8f8}.quality-layout .section-kicker i{color:#c7e3f4;border-color:#ffffff43}.quality-layout h2{margin:0 0 10px;color:#fff;font-size:38px;line-height:1.5}.quality-layout h2 span{color:#a4d8f5}.quality-layout>div:first-child>p:last-child{max-width:380px;color:#c6d9e8;font-size:11px;line-height:2.1}.quality-points article{display:flex;gap:15px;padding:14px 0;border-bottom:1px solid #ffffff24}.quality-points article:last-child{border:0}.quality-points article>b{color:#85c2e8;font-size:12px}.quality-points h3{margin:0 0 3px;color:#fff;font-size:12px}.quality-points p{margin:0;color:#bfd1e0;font-size:10px;line-height:1.9}.infrastructure-section{padding:67px 0;background:#fff}.infrastructure-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center}.infrastructure-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.infrastructure-cards article{min-height:160px;padding:19px;border:1px solid #dce6ef;border-radius:5px;background:#f8fbfd}.infrastructure-cards small{color:#7b99b0;font-size:8px;letter-spacing:.12em;direction:ltr}.infrastructure-cards h3{margin:9px 0 5px;color:#1c4161;font-size:14px}.infrastructure-cards p{margin:0;color:#697f92;font-size:10px;line-height:2}.process-contact-cta{padding:30px 0;background:#2d7fb5;color:#fff}.process-contact-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:20px}.process-contact-cta p{margin:0 0 3px;color:#d2eafa;font-size:9px}.process-contact-cta h2{margin:0;color:#fff;font-size:20px}.process-contact-cta .button{background:#fff;color:#214d70}.process-page .footer-message{display:block}
@media(max-width:820px){.process-page-hero{min-height:400px}.process-page-hero-content{padding-top:28px}.process-hero-stats{left:24px}.process-toc-inner{gap:17px}.page-block{padding:62px 0}.page-section-heading{gap:30px}.detail-grid{grid-template-columns:repeat(2,1fr)}.ro-page-layout{gap:35px}.ro-page-photo{min-height:330px}.quality-layout,.infrastructure-layout{gap:35px}.process-contact-cta>.container{align-items:flex-start;flex-direction:column}.process-contact-cta .button{margin:0}}
@media(max-width:600px){.process-page-hero{min-height:455px}.process-page-hero>img{object-position:56% center}.process-page-shade{background:linear-gradient(180deg,#071d36dc,#0a2d4dc2 57%,#0a2d4de0)}.process-page-hero-content{padding-top:22px;padding-bottom:95px}.process-overline{margin-top:26px;font-size:8px}.process-page-hero h1{font-size:39px}.process-page-hero-content>p:not(.process-breadcrumb):not(.process-overline){max-width:390px;font-size:10px}.process-hero-stats{right:18px;left:18px;bottom:20px;justify-content:space-between;gap:8px;font-size:8px}.process-hero-stats span{padding-right:8px}.process-hero-stats b{font-size:12px}.process-toc-inner{width:100%;padding-inline:18px;min-height:47px;gap:17px}.process-toc a{font-size:8px}.page-block{padding:52px 0}.page-section-heading{grid-template-columns:1fr;gap:12px;margin-bottom:22px}.page-section-heading h2,.infrastructure-layout h2{font-size:32px}.page-section-heading>p{font-size:10px;line-height:2}.flow-panel-top{padding:12px}.flow-panel-tag{font-size:7px}.detail-grid{grid-template-columns:1fr;gap:9px}.detail-card,.detail-card-wide{grid-column:auto;min-height:0;padding:18px 16px}.detail-card h3{font-size:14px}.detail-card>p:not(.detail-kicker){font-size:10px}.daf-sequence{flex-wrap:wrap;gap:6px;padding:9px;font-size:8px}.chemical-panel{grid-template-columns:1fr;gap:14px;padding:16px}.chemical-list{gap:8px}.chemical-list>div{padding:9px}.reverse-osmosis-section{padding:55px 0}.ro-page-layout{grid-template-columns:1fr;gap:20px}.ro-page-copy h2{font-size:34px}.ro-page-copy>p{font-size:10px}.ro-page-photo{min-height:265px}.post-treatment-grid{grid-template-columns:1fr;gap:9px}.post-treatment-card{min-height:0;padding:18px}.post-treatment-card p{font-size:10px}.quality-section{padding:55px 0}.quality-layout{grid-template-columns:1fr;gap:16px}.quality-layout h2{font-size:32px}.quality-layout>div:first-child>p:last-child{font-size:10px}.quality-points article{padding:12px 0}.infrastructure-section{padding:52px 0}.infrastructure-layout{grid-template-columns:1fr;gap:16px}.infrastructure-cards{grid-template-columns:1fr;gap:8px}.infrastructure-cards article{min-height:0;padding:15px}.infrastructure-cards p{font-size:9px}.process-contact-cta{padding:24px 0}.process-contact-cta h2{font-size:17px}.process-contact-cta .button{font-size:9px}.process-page .footer-nav{gap:9px 14px}}

/* Individually illustrated process stations and animated water path */
.flow-stages{min-width:1200px;padding-inline:2.3%}.flow-stage{width:108px}.flow-stage-icon{position:relative;width:55px;height:55px;display:grid;place-items:center;border-radius:10px;border-color:#c5d9e8;background:linear-gradient(145deg,#fff,#f0f7fc);color:#347fb8;box-shadow:0 8px 19px #17375512;animation:stagePulse 2.8s ease-in-out infinite}.flow-stage-icon>svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.flow-stage-icon>small{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;min-width:17px;height:17px;padding-inline:3px;border:1px solid #d2e3ef;border-radius:6px;background:#fff;color:#668aa8;font-size:7px;line-height:1}.flow-stage>b{margin-top:12px;font-size:10px}.flow-stage>small{font-size:8px}.flow-stage[data-stage="daf"] .flow-stage-icon,.flow-stage[data-stage="ro"] .flow-stage-icon{background:linear-gradient(145deg,#e8f5fd,#fff);border-color:#83b5d8;color:#176fae}.flow-stage[data-stage="quality"] .flow-stage-icon{color:#387d93}.flow-stage[data-stage="delivery"] .flow-stage-icon{color:#397aa8}.flow-stage:nth-child(2) .flow-stage-icon{animation-delay:.14s}.flow-stage:nth-child(3) .flow-stage-icon{animation-delay:.28s}.flow-stage:nth-child(4) .flow-stage-icon{animation-delay:.42s}.flow-stage:nth-child(5) .flow-stage-icon{animation-delay:.56s}.flow-stage:nth-child(6) .flow-stage-icon{animation-delay:.7s}.flow-stage:nth-child(7) .flow-stage-icon{animation-delay:.84s}.flow-stage:nth-child(8) .flow-stage-icon{animation-delay:.98s}.flow-stage:nth-child(9) .flow-stage-icon{animation-delay:1.12s}.flow-stage:nth-child(10) .flow-stage-icon{animation-delay:1.26s}
.teaser-route i{position:relative;width:52px;height:52px;border:1px solid #8fc8e8;border-radius:8px;background:#ffffff0b;color:#bde4fa;display:grid;place-items:center;font-style:normal}.teaser-route i small{position:absolute;top:3px;left:5px;color:#b8d7eb;font-size:7px;line-height:1}.teaser-route i svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.teaser-route>span{gap:7px}.teaser-route>span>b{font-weight:600}
.process-page main [id]{scroll-margin-top:calc(var(--header-height) + 66px)}
@media(max-width:600px){.flow-stages{min-width:1200px}.flow-stage{width:112px}.flow-stage-icon{width:51px;height:51px}.flow-stage-icon>svg{width:30px;height:30px}.flow-stage>b{font-size:10px}.teaser-route i{width:39px;height:39px}.teaser-route i svg{width:20px;height:20px}.teaser-route i small{font-size:6px}}
@media(max-width:600px){.flow-rail{width:1200px}}

/* Signature interactions: cinematic water banner, count-up, and clickable process map */
.hero-media>img{animation:bannerDrift 24s ease-in-out infinite alternate;will-change:transform}.hero::after{position:absolute;z-index:0;top:15%;left:4%;width:clamp(140px,18vw,250px);aspect-ratio:1;border:1px solid #b9e7ff16;border-radius:50%;content:'';box-shadow:0 0 0 22px #b9e7ff08,0 0 0 48px #b9e7ff05;pointer-events:none;animation:haloFloat 9s ease-in-out infinite}.hero-copy{z-index:2}.hero-eyebrow{letter-spacing:.01em}.hero-capacity{border-right:3px solid #69b8e7;transition:transform .25s,box-shadow .25s}.hero-capacity:hover{transform:translateY(-3px);box-shadow:0 24px 60px #061b3460}.hero-capacity strong[data-countup]{font-variant-numeric:tabular-nums;min-width:4.3em}
.intro-strip-inner{min-height:130px}.intro-strip-inner>div:not(.strip-watermark){padding-inline:12px}.intro-strip-inner strong{font-size:16px}.intro-strip-inner strong[data-bind="capacity.short"]{font-size:15px}.strip-watermark{font-size:24px}
.about-photo-card{height:245px}.about-photo-card::before{position:absolute;z-index:1;top:14px;right:14px;width:35px;height:35px;border:1px solid #ffffff94;border-radius:50%;content:'↗';display:grid;place-items:center;color:#fff;font-size:15px;transition:transform .25s,background .25s}.about-photo-card:hover::before{transform:rotate(45deg);background:#ffffff26}
.capacity-panel{min-height:325px}.capacity-display>strong[data-countup]{font-variant-numeric:tabular-nums;text-shadow:0 0 32px #76c8f221}
.process-teaser{position:relative;overflow:hidden}.process-teaser::before{position:absolute;right:-120px;top:-220px;width:480px;height:480px;border:1px solid #ffffff12;border-radius:50%;content:'';box-shadow:0 0 0 32px #ffffff05,0 0 0 66px #ffffff03}.process-teaser-inner{position:relative;z-index:1}.teaser-route{border-color:#ffffff48;background:linear-gradient(140deg,#ffffff12,#ffffff04);box-shadow:0 16px 44px #061a3224;backdrop-filter:blur(8px)}.teaser-route em{position:relative;background:linear-gradient(90deg,#84c7ee66,#a8dafa)}.teaser-route em::after{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#bde7ff;content:'';box-shadow:0 0 10px #bde7ff;animation:routeDot 2.1s ease-in-out infinite}.teaser-route em:nth-of-type(2)::after{animation-delay:.65s}.teaser-route em:nth-of-type(3)::after{animation-delay:1.3s}.teaser-route i{transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}.teaser-route>span:hover i{transform:translateY(-4px);border-color:#d5f1ff;background:#ffffff20;box-shadow:0 8px 24px #061a3245}
.flow-panel{border-radius:10px;box-shadow:0 22px 55px #15385612}.flow-panel-top{background:#ffffff70}.flow-stages{min-width:1250px}.flow-stage{position:relative;z-index:2;cursor:pointer;text-decoration:none!important;transition:transform .22s}.flow-stage:hover{transform:translateY(-3px)}.flow-stage-icon{transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}.flow-stage-icon>svg{transition:transform .25s}.flow-stage:hover .flow-stage-icon>svg{transform:scale(1.08)}.flow-stage.is-current .flow-stage-icon,.flow-stage[aria-current="step"] .flow-stage-icon{border-color:#3685bd;background:#e8f6ff;color:#126da9;box-shadow:0 0 0 5px #378bc01d,0 12px 25px #153c5b1c}.flow-stage:focus-visible{outline:3px solid #4b96c8;outline-offset:4px;border-radius:9px}.rail-animated{stroke-dasharray:4 9;animation:railMove .85s linear infinite}.flow-legend{font-size:9px;letter-spacing:.015em}
.detail-card{overflow:hidden}.detail-card::after{position:absolute;right:-22px;bottom:-46px;width:100px;height:100px;border:1px solid #9fc5df16;border-radius:50%;content:'';transition:transform .35s,border-color .35s}.detail-card:hover::after{transform:scale(1.4);border-color:#6eacd438}.detail-icon{box-shadow:0 7px 20px #1a4d7110}.detail-card-wide{background:linear-gradient(150deg,#fff,#f4f9fd)}
.ro-page-photo{transition:box-shadow .25s,transform .25s}.ro-page-photo:hover{transform:translateY(-4px);box-shadow:0 32px 75px #061b3460}.post-treatment-card{transition:transform .22s,box-shadow .22s,border-color .22s}.post-treatment-card:hover{transform:translateY(-4px);border-color:#a8cbe2;box-shadow:0 14px 35px #17375511}.quality-points article>b{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid #ffffff36;border-radius:50%}.infrastructure-cards article{transition:transform .22s,border-color .22s,box-shadow .22s}.infrastructure-cards article:hover{transform:translateY(-3px);border-color:#a7c7dd;box-shadow:0 12px 30px #17375510}
@keyframes bannerDrift{0%{transform:scale(1.025) translateX(0)}100%{transform:scale(1.095) translateX(-.7%)}}@keyframes haloFloat{0%,100%{transform:translateY(0) scale(.96);opacity:.55}50%{transform:translateY(12px) scale(1.04);opacity:1}}@keyframes routeDot{0%{transform:translateX(0);opacity:.25}50%{opacity:1}100%{transform:translateX(26px);opacity:.25}}
@media(max-width:600px){.hero::after{top:40%;left:-25px;width:135px}.hero-media>img{animation:bannerDrift 32s ease-in-out infinite alternate}.intro-strip-inner{min-height:0}.intro-strip-inner>div:not(.strip-watermark){padding-inline:4px}.intro-strip-inner strong{font-size:13px}.about-photo-card{height:205px}.flow-stages{min-width:1250px}}
@media(prefers-reduced-motion:reduce){.hero-media>img,.hero::after,.teaser-route em::after{animation:none!important;will-change:auto}}