:root{
--ink:#102a33;--muted:#647882;--blue:#087ea4;--blue-dark:#063b4b;--teal:#10a6a8;--aqua:#54d8d5;--sand:#eef7f6;--white:#fff;--line:#dbe9e8;--shadow:0 24px 70px rgba(3,52,66,.12);--radius:24px;--radius-sm:16px;--container:1240px;--ease:cubic-bezier(.2,.8,.2,1)
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Tahoma","Arial",sans-serif;background:#f8fbfb;color:var(--ink);line-height:1.8;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.container{width:min(calc(100% - 36px),var(--container));margin-inline:auto}.skip-link{position:fixed;top:-100px;right:20px;background:#fff;padding:10px 16px;z-index:10000;border-radius:10px}.skip-link:focus{top:15px}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(5,51,65,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);transition:.35s var(--ease)}.site-header.scrolled{background:rgba(4,43,55,.97);box-shadow:0 10px 30px rgba(0,0,0,.12)}.header-inner{height:92px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content;color:#fff}.brand img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.18))}.brand-text{display:flex;flex-direction:column;line-height:1.35}.brand-text strong{font-size:14px}.brand-text small{font-size:12px;color:#cce8e7}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:1}.main-nav ul{display:flex;list-style:none;gap:4px;align-items:center}.main-nav li a{display:flex;align-items:center;gap:6px;padding:10px 9px;border-radius:11px;color:#dcefee;font-size:13px;font-weight:700;transition:.25s}.main-nav li a i{font-size:12px;opacity:.75}.main-nav li a:hover,.main-nav li a.active{background:rgba(255,255,255,.11);color:#fff}.nav-actions{display:flex;align-items:center;gap:8px}.search-toggle,.menu-toggle{border:0;cursor:pointer}.search-toggle{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff}.mail-link{display:flex;align-items:center;gap:7px;background:#fff;color:var(--blue-dark);padding:10px 14px;border-radius:13px;font-size:13px;font-weight:800}.search-panel{display:none;border-top:1px solid rgba(255,255,255,.1);padding:14px 0}.search-panel.open{display:block}.search-panel form{display:flex;align-items:center;gap:10px;background:#fff;padding:7px 8px 7px 16px;border-radius:14px}.search-panel input{border:0;outline:0;flex:1;padding:8px;background:transparent}.search-panel button{border:0;background:var(--teal);color:#fff;padding:9px 22px;border-radius:10px;cursor:pointer}.menu-toggle{display:none;background:transparent;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:2px;background:#fff;margin:6px 0;border-radius:5px;transition:.3s}
.hero-home{min-height:calc(100vh - 92px);position:relative;display:grid;place-items:center;overflow:hidden;background:#043844;color:#fff}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,32,42,.65),rgba(3,44,56,.85) 52%,rgba(4,56,68,.72))}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-content{position:relative;z-index:3;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding:90px 0 120px}.hero-copy{max-width:720px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#139a9c;font-size:13px;font-weight:800;letter-spacing:.02em;margin-bottom:16px}.eyebrow{color:#c7fffb;background:rgba(14,166,168,.14);border:1px solid rgba(131,243,237,.26);padding:8px 12px;border-radius:999px}.hero-copy h1{font-size:clamp(46px,6vw,82px);line-height:1.08;letter-spacing:-.03em;margin-bottom:24px}.hero-copy h1 em{font-style:normal;color:#80ebe6;text-shadow:0 0 40px rgba(84,216,213,.25)}.hero-copy p{font-size:18px;color:#d6e7e8;max-width:650px;line-height:2}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:14px;font-weight:800;transition:.3s var(--ease)}.btn-primary{background:linear-gradient(135deg,#17b7b2,#0e8fa5);color:#fff;box-shadow:0 15px 30px rgba(6,164,168,.23)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(6,164,168,.32)}.btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.14)}.hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#cce3e4;font-size:13px}.hero-trust span{display:flex;align-items:center;gap:7px}.hero-trust i{color:#68e2db}.scroll-hint{position:absolute;bottom:28px;left:50%;z-index:3;width:28px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:20px}.scroll-hint span{position:absolute;width:4px;height:8px;background:#fff;border-radius:3px;left:11px;top:8px;animation:scrollDot 1.7s infinite}.pipeline-scene{position:relative;width:min(430px,38vw);aspect-ratio:1;transform-style:preserve-3d;perspective:1000px;filter:drop-shadow(0 35px 40px rgba(0,0,0,.28));transition:transform .15s}.water-core{position:absolute;inset:29%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#aefaf4 0,#39cfd0 30%,#0a8ea5 70%,#045365 100%);box-shadow:inset -18px -24px 40px rgba(0,0,0,.2),0 0 60px rgba(62,216,210,.25);font-size:70px;color:rgba(255,255,255,.82);animation:floatCore 5s ease-in-out infinite}.pipe{position:absolute;height:64px;border-radius:60px;background:linear-gradient(#d8ebe8,#71989b 30%,#335e67 58%,#173d48 62%,#6d9698 84%,#cfe1df);box-shadow:0 20px 20px rgba(0,0,0,.23);transform-style:preserve-3d}.pipe::after{content:"";position:absolute;left:-12px;top:-8px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#123c48 0 42%,#9cb6b6 44% 57%,#345e68 59% 100%)}.pipe-a{width:270px;right:-12%;top:31%;transform:rotate(-24deg) translateZ(40px)}.pipe-b{width:250px;left:-11%;bottom:28%;transform:rotate(28deg) translateZ(-10px)}.pipe-c{width:190px;right:13%;bottom:5%;transform:rotate(88deg) translateZ(-50px);opacity:.75}.orbit{position:absolute;border:1px solid rgba(114,232,224,.23);border-radius:50%;inset:12%;transform:rotateX(68deg) rotateZ(12deg);animation:orbitSpin 12s linear infinite}.orbit-two{inset:3%;transform:rotateY(68deg) rotateZ(30deg);animation-direction:reverse;animation-duration:15s}.scene-label{position:absolute;bottom:8%;right:5%;background:rgba(4,52,64,.75);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);padding:12px 16px;border-radius:16px;display:flex;align-items:baseline;gap:8px}.scene-label span{font-size:34px;font-weight:900;color:#8df2eb}.scene-label small{color:#dce9e9}
.quick-strip{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 30px rgba(3,60,70,.05)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr)}.quick-grid>a{display:flex;align-items:center;gap:14px;padding:22px 28px;border-inline-start:1px solid var(--line);transition:.25s}.quick-grid>a:first-child{border-inline-start:0}.quick-grid>a:hover{background:#f2fafa}.quick-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e8f8f7;color:#0a8f97}.quick-grid small{display:block;color:var(--muted);font-size:12px}.quick-grid strong{display:block;font-size:14px}.section{padding:100px 0}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.media-card{position:relative;border-radius:32px;overflow:hidden;box-shadow:var(--shadow);transform-style:preserve-3d}.media-card img{width:100%;height:560px;object-fit:cover}.media-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(1,44,53,.35),transparent 55%)}.media-badge{position:absolute;z-index:2;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.94);padding:14px 18px;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.18)}.media-badge i{font-size:28px;color:var(--teal)}.media-badge span{font-size:12px;color:var(--muted)}.media-badge strong{display:block;color:var(--ink);font-size:14px}.section-copy h2,.section-heading h2{font-size:clamp(32px,4vw,52px);line-height:1.25;letter-spacing:-.02em}.section-copy>p,.section-heading>p{margin-top:18px;color:var(--muted);font-size:17px}.feature-list{display:grid;gap:16px;margin:30px 0}.feature-list>div{display:flex;gap:12px;align-items:flex-start}.feature-list i{color:#12a6a8;margin-top:5px}.feature-list strong{display:block;margin-bottom:3px}.feature-list span{color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:9px;font-weight:900;color:#087f94}.text-link:hover i{transform:translateX(-4px)}.text-link i{transition:.25s}.stats-section{background:radial-gradient(circle at 12% 20%,rgba(57,210,205,.18),transparent 28%),linear-gradient(135deg,#063b4b,#052d3a);color:#fff;position:relative;overflow:hidden}.stats-section::before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.06);border-radius:50%;left:-120px;top:-180px}.section-heading.center{text-align:center;position:relative;z-index:2}.section-kicker.light{color:#72e5df}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}.stat-card{padding:32px 20px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);text-align:center;backdrop-filter:blur(8px)}.stat-card i{font-size:26px;color:#72e5df;margin-bottom:12px}.stat-card strong{font-size:46px;display:block;line-height:1.2}.stat-card span{color:#c7dcdc}.section-heading{max-width:780px;margin-bottom:46px}.heading-row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:30px}.system-grid,.cards-grid,.news-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.system-card{position:relative;min-height:430px;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);transform-style:preserve-3d}.system-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s var(--ease)}.system-card:hover img{transform:scale(1.06)}.system-overlay{position:absolute;inset:auto 0 0;padding:70px 24px 24px;background:linear-gradient(transparent,rgba(1,35,44,.96));color:#fff}.system-overlay span,.card-tag{display:inline-block;background:rgba(83,218,211,.18);color:#8eece7;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800}.system-overlay h3{font-size:22px;margin:8px 0}.system-overlay p{font-size:13px;color:#d4e6e7;line-height:1.7}.system-overlay a{display:inline-flex;gap:8px;align-items:center;margin-top:12px;color:#8eece7;font-weight:800;font-size:13px}.home-projects{background:#edf6f5}.content-card{background:#fff;border-radius:22px;overflow:hidden;border:1px solid #e1eceb;box-shadow:0 12px 35px rgba(5,59,72,.07);transition:.3s}.content-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.content-card img{width:100%;height:230px;object-fit:cover}.content-card>div{padding:22px}.content-card .card-tag{color:#087f94;background:#e7f7f5}.content-card h3{font-size:20px;margin:8px 0}.content-card p,.news-mini p{color:var(--muted);font-size:14px}.news-mini{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;transition:.3s}.news-mini:hover{border-color:#9bd9d6;transform:translateY(-5px)}.news-date{font-size:12px;color:#0b8d97;margin-bottom:12px}.news-mini h3{font-size:20px;margin-bottom:8px}.news-mini a{display:inline-flex;gap:7px;margin-top:15px;font-weight:800;color:#087f94;font-size:13px}.visitors-section{padding-top:30px}.visitors-wrap{background:linear-gradient(135deg,#0d8c97,#07566d);border-radius:30px;padding:45px;color:#fff;display:flex;justify-content:space-between;gap:40px;align-items:center;box-shadow:0 22px 60px rgba(6,91,104,.22)}.visitors-wrap>div:first-child{max-width:560px}.visitors-wrap h2{font-size:34px}.visitors-wrap p{color:#d7eeee}.visitor-numbers{display:flex;gap:18px}.visitor-numbers>div{min-width:160px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:20px;text-align:center}.visitor-numbers i{color:#7df0e8}.visitor-numbers strong{display:block;font-size:28px}.visitor-numbers span{font-size:12px;color:#d7eeee}
.page-header{position:relative;padding:84px 0 74px;background:radial-gradient(circle at 20% 0,rgba(64,219,211,.22),transparent 34%),linear-gradient(135deg,#063d4c,#07596b);color:#fff;overflow:hidden}.page-header::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:52px 52px}.page-header .container,.page-header>h1,.page-header>p,.page-header>a{position:relative;z-index:2}.page-header h1{font-size:clamp(36px,5vw,58px);text-align:center}.page-header p{text-align:center;color:#d3e8e8}.page-header>a{display:block;width:max-content;margin:16px auto 0;color:#87ebe6}.content,.projects,.news,.gallery-section,.contact-section,.about-page,.privacy-page,.terms-page{padding:72px 0}.about-page,.privacy-page,.terms-page{line-height:2.1}.about-page h2,.privacy-page h2,.terms-page h2{font-size:30px;color:#096f83;margin:38px 0 14px}.about-page h3{font-size:22px;color:#0a8795;margin:30px 0 12px}.about-page p,.privacy-page p,.terms-page p{color:#4e6872;margin-bottom:14px}.about-page ul,.privacy-page ul,.terms-page ul{padding-right:22px;color:#4e6872}.about-image{width:100%;max-width:1000px;max-height:600px;object-fit:cover;margin:28px auto;border-radius:24px;box-shadow:var(--shadow)}.water-system-section{background:#fff;border:1px solid var(--line);padding:34px;border-radius:24px;margin-bottom:28px}.about-table,table{width:100%;border-collapse:collapse;margin:22px 0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(3,53,65,.06)}table th{background:#075d70;color:#fff;padding:14px}table td{padding:13px;border-bottom:1px solid #e5efee;color:#49626b}table tr:hover td{background:#f3f9f8}.project-card,.news-card,.tender-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:24px;box-shadow:0 10px 35px rgba(4,59,72,.07);transition:.3s}.project-card:hover,.news-card:hover,.tender-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.project-card img,.news-card img,.news-media{width:100%;max-height:520px;object-fit:cover;border-radius:16px;margin-bottom:18px}.project-card h3,.news-card h2,.tender-card h2{color:#075f73;font-size:25px;margin-bottom:10px}.project-card p,.news-card p,.tender-card p{color:#596e77}.project-card span{display:inline-block;margin-top:12px;padding:5px 11px;background:#e7f6f4;color:#0a7d86;border-radius:999px;font-size:12px}.news-card small{display:block;margin-top:16px;color:#8a9a9f}.video-wrapper{position:relative;padding-top:56.25%;overflow:hidden;border-radius:16px;margin-bottom:18px}.video-wrapper iframe,.video-wrapper .fb-video{position:absolute;inset:0;width:100%;height:100%;border:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item{border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(4,59,72,.1);background:#fff}.gallery-item img{width:100%;height:300px;object-fit:cover;transition:.5s}.gallery-item:hover img{transform:scale(1.06)}.contact-section form{max-width:850px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow)}.form-row{display:flex;gap:16px;margin-bottom:16px}.contact-section input,.contact-section textarea,.content input[type="text"],.content input[type="search"]{width:100%;padding:14px 16px;border:1px solid #d5e6e4;border-radius:13px;background:#fbfdfd;outline:none;transition:.2s}.contact-section input:focus,.contact-section textarea:focus,.content input:focus{border-color:#3dbbb8;box-shadow:0 0 0 4px rgba(61,187,184,.1)}.contact-section textarea{min-height:190px;resize:vertical}.contact-section button,.content button{border:0;background:linear-gradient(135deg,#10aaa8,#087e98);color:#fff;padding:14px 24px;border-radius:13px;font-weight:800;cursor:pointer}.success-message{max-width:850px;margin:0 auto 18px;background:#e6f7ef;color:#19724a;border:1px solid #bce8d3;padding:14px;border-radius:13px;text-align:center}.closing-date{margin-top:15px;color:#07849a;font-weight:900}.policy-note,.terms-note{margin-top:35px;padding:16px 18px;background:#eaf7f5;border-right:4px solid #0c9d9c;border-radius:12px}.my-5{border:0;height:1px;background:var(--line);margin:36px 0}
.site-footer{background:#042f3a;color:#dbe9e9;margin-top:70px;padding:58px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-brand{display:flex;gap:16px;align-items:flex-start}.footer-brand img{width:76px;height:76px;object-fit:contain}.footer-brand h3{color:#fff;font-size:20px}.footer-brand p{font-size:13px;color:#abc7c8;margin-top:6px;max-width:360px}.footer-column{display:flex;flex-direction:column;gap:8px}.footer-column h4{color:#fff;margin-bottom:8px}.footer-column a,.footer-column div{font-size:13px;color:#b7cecf}.footer-column a:hover{color:#74e7e0}.footer-bottom{margin-top:42px;border-top:1px solid rgba(255,255,255,.1);min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#98b7b8}.footer-bottom>div{display:flex;gap:14px}.footer-bottom a:hover{color:#fff}.back-to-top{position:fixed;left:22px;bottom:22px;width:46px;height:46px;border:0;border-radius:50%;background:#0b9da2;color:#fff;box-shadow:0 12px 26px rgba(9,113,125,.25);cursor:pointer;z-index:500;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s}.back-to-top.show{opacity:1;visibility:visible;transform:none}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}[data-reveal].revealed{opacity:1;transform:none}
@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(17px)}}@keyframes floatCore{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes orbitSpin{to{transform:rotateX(68deg) rotateZ(372deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}