.water-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 15% 25%,#d7f5ff,transparent 55%),linear-gradient(135deg,#f9fdff,#e8f7fd 55%,#d8f1fc);color:#083c60;border-bottom:1px solid #cce5ee}
.water-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center;min-height:620px;padding:50px 0 60px}
.water-hero-copy{min-width:0;animation:water-arrive .8s ease-out both}
.water-heritage{display:block;color:#267e99;font-size:12px;font-weight:800;letter-spacing:.04em;margin-bottom:20px}
.water-hero-logo{width:305px;max-width:100%;margin-bottom:20px;background:transparent;mix-blend-mode:multiply}
.water-hero-logo img{mix-blend-mode:multiply!important}
.water-hero h1{font-size:clamp(30px,3.3vw,46px);line-height:1.45;letter-spacing:-.7px;margin:0 0 12px;color:#073f57}
.water-hero-description{font-size:17px;color:#496b80;line-height:1.8;margin:0 0 24px}
.water-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.water-hero-actions .button{min-width:165px;min-height:50px;display:flex;align-items:center;justify-content:center}
.water-hero-assurance{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:24px;font-size:11px;color:#45677a}
.water-hero-assurance span{display:inline-flex;align-items:center;gap:6px}
.water-hero-assurance span:before{content:'✓';color:#0d9563;font-size:14px;font-weight:900}
.water-hero-stage{position:relative;min-width:0;height:480px;direction:ltr;animation:water-arrive 1s .12s ease-out both}
.water-stage-halo{position:absolute;width:92%;height:80%;left:4%;top:7%;border:1px solid #fff;border-radius:50%;background:radial-gradient(ellipse,#fff9,#b9e9fb55 70%,transparent);box-shadow:0 0 0 25px #fff3,0 0 0 52px #fff2}
.water-hero-stage:after{content:'';position:absolute;left:4%;right:0;bottom:47px;height:40px;background:radial-gradient(ellipse,#3b718b28,transparent 65%);z-index:-1}
.water-tank-vertical{position:absolute;left:6%;bottom:60px;width:49%;height:390px;object-fit:contain;filter:drop-shadow(0 17px 12px #14547a27);z-index:2}
.water-tank-horizontal{position:absolute;right:-2%;bottom:60px;width:67%;height:270px;object-fit:contain;filter:drop-shadow(0 15px 10px #14547a22);z-index:1}
.water-capacity{position:absolute;left:0;top:14px;background:#fffdf4;border:1px solid #ead7a7;border-radius:12px;padding:10px 16px;box-shadow:0 8px 25px #073f570b;font:900 26px Arial,sans-serif;color:#074365;z-index:3;transform:rotate(-5deg)}
.water-capacity>span{display:block;font:700 10px Cairo,Arial,sans-serif;margin-top:3px;text-align:center}
.water-stage-link{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:12px;font-weight:700;color:#286c8b}
.water-scroll-cue{position:relative;z-index:2;display:block;width:max-content;margin:-24px auto 20px;color:#48768c;font-size:11px;min-height:28px}
.water-ripples{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.water-ripples i{position:absolute;left:-20%;bottom:-180px;width:140%;height:300px;border-radius:50%;border:1px solid #a5ddec88;background:#ffffff24;animation:water-wave 12s ease-in-out infinite alternate;transform-origin:center}
.water-ripples i:nth-child(2){bottom:-205px;left:-10%;width:150%;height:340px;border-color:#8cd1e755;animation-duration:16s;animation-delay:-5s}
.water-ripples i:nth-child(3){bottom:-240px;height:390px;left:-35%;width:155%;animation-duration:19s;animation-delay:-8s;background:#70cce712}
.water-reveal{transition:opacity .65s ease,transform .65s ease}
.water-reveal.is-waiting{opacity:0;transform:translateY(20px)}
@keyframes water-wave{from{transform:translateX(-2%) rotate(-3deg)}to{transform:translateX(3%) rotate(3deg)}}
@keyframes water-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 .header{min-height:67px;padding:8px 14px}.header .logo-window{width:163px}.header-actions{gap:7px}
 .water-hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;width:calc(100% - 32px);padding:20px 0 32px}
 .water-hero-copy{display:contents}
 .water-heritage{order:0;margin:0 0 11px;font-size:10px;text-align:center}
 .water-hero-logo{order:1;width:228px;max-width:80%;margin:0 0 9px;aspect-ratio:3.3}
 .water-hero h1{order:3;font-size:27px;line-height:1.45;letter-spacing:-.5px;text-align:center;margin:7px 0 4px}
 .water-hero-description{order:4;font-size:13px;line-height:1.7;text-align:center;margin:0 0 15px}
 .water-hero-stage{order:2;width:100%;max-width:420px;height:225px;flex-shrink:0}
 .water-tank-vertical{left:12%;bottom:26px;height:202px;width:41%}
 .water-tank-horizontal{right:1%;bottom:24px;height:144px;width:60%}
 .water-stage-halo{width:78%;height:80%;left:11%;top:8%;box-shadow:0 0 0 15px #fff3,0 0 0 31px #fff2}
 .water-capacity{left:2%;top:15px;font-size:20px;padding:7px 10px;border-radius:9px}
 .water-capacity>span{font-size:8px}
 .water-stage-link{display:none}
 .water-hero-stage:after{bottom:16px;height:25px}
 .water-hero-actions{order:5;width:100%;max-width:420px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .water-hero-actions .button{min-width:0;min-height:47px;padding:10px 7px;font-size:12px;border-radius:10px}
 .water-hero-assurance{order:6;justify-content:center;gap:4px 13px;font-size:9px;margin:13px 0 0;text-align:center}
 .water-scroll-cue{margin:-12px auto 13px;font-size:10px}
 .water-hero+#offers{padding-top:33px;padding-bottom:35px}
 .water-hero+#offers .section-head{margin-bottom:17px}
 .water-hero+#offers .offer-images{height:195px}
 .water-hero+#offers .offer-body{padding:20px;gap:11px}
}
@media(max-width:359px){.header .logo-window{width:144px}.water-hero-stage{height:200px}.water-tank-vertical{height:180px}.water-tank-horizontal{height:125px}.water-hero-logo{width:205px}.water-hero h1{font-size:24px}.water-hero-actions .button{font-size:11px}.water-hero-assurance{font-size:9px;gap:3px 10px}}
@media(prefers-reduced-motion:reduce){.water-ripples i,.water-hero-stage,.water-hero-copy{animation:none!important}.water-reveal{transition:none!important}.water-reveal.is-waiting{opacity:1;transform:none}html{scroll-behavior:auto!important}}