.real-hero{background:linear-gradient(180deg,#e7f4fb 0%,#f5fbfe 48%,#fff 85%);padding:36px 0 22px;overflow:hidden;color:#123b55}.real-heading{text-align:center;position:relative;z-index:2}.real-heading .eyebrow{color:#487f9f;font-size:12px;letter-spacing:2px;margin-bottom:13px}.real-heading h1{font-size:49px;line-height:1.15;letter-spacing:-1.5px;margin:0 0 16px;font-weight:800}.real-heading h1 span{color:#127ca6}.real-heading>p{color:#648092;font-size:16px;margin-bottom:0}.meter-scene{position:relative;margin-top:2px;--meter-size:620px;--axle:310px;--pipe-height:100px;min-height:620px}.pipe-span{position:absolute;left:0;right:0;top:calc(var(--axle) - var(--pipe-height)/2);height:var(--pipe-height);background:url('/assets/pipe-body.webp') center/auto 100% repeat-x;z-index:1;filter:drop-shadow(0 14px 9px #1537491a)}.scene-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;position:relative;z-index:3;align-items:center;min-height:620px}.meter-visual{position:relative;min-width:0;align-self:start}.meter-product{position:relative;width:var(--meter-size);height:var(--meter-size);margin-left:-15px;isolation:isolate}.meter-photo{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(4px 15px 15px #244c5920)}.water-port{position:absolute;z-index:2;width:145px;height:67px;top:calc(var(--axle) - 33.5px);left:max(22px,calc(50% - 710px));overflow:hidden;background:#43a9cf;border-radius:8px;border:5px solid #cedbe1;box-shadow:0 2px 2px #fff,inset 0 2px 6px #173d6680,0 -1px 2px #738795;transform:perspective(800px) rotateY(-5deg)}.water-moving{position:absolute;inset:0;width:300%;background:url('/assets/water-texture.webp') 0 50%/33.333% 100% repeat-x;animation:water-real 5s linear infinite;opacity:.95}.port-glass{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff80,transparent 27%,transparent 68%,#043f6745);box-shadow:inset 0 1px 6px #13364e60}.mechanical-counter{position:absolute;z-index:4;display:flex;overflow:hidden;left:35.35%;top:34.2%;width:29.3%;height:6.4%;background:#111916;border-radius:1px;padding:1px 2px;box-shadow:inset 0 2px 5px #0009;transform:rotate(0deg)}.counter-wheel{position:relative;flex:1;height:100%;overflow:hidden;border-right:1px solid #858a85;background:#edece5;box-shadow:inset 0 7px 7px #0005,inset 0 -5px 6px #0003;font-family:'Courier New',monospace;color:#252c28;font-weight:700}.counter-wheel:last-child{border:0}.counter-wheel:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 30%,transparent 62%,#0004);pointer-events:none}.counter-wheel.fraction{color:#cb2832}.wheel-tape{position:absolute;inset:0 0 auto;height:1100%;will-change:transform}.wheel-tape b{display:grid;place-items:center;height:calc(100% / 11);line-height:1;font-size:23px;font-weight:700;letter-spacing:-1.5px}.physical-impeller{position:absolute;z-index:4;left:43%;top:49%;width:7%;height:7%;overflow:visible;filter:drop-shadow(1px 2px 1px #0003)}.impeller-turn{transform-origin:50% 50%;animation:physical-spin 1.4s linear infinite}.physical-needle{position:absolute;z-index:4;left:62.5%;top:59.6%;width:11%;height:11%;transform:translate(-50%,-50%);filter:drop-shadow(1px 1px 1px #9a243666)}.needle-turn{position:absolute;inset:0;animation:physical-spin 15s linear infinite}.needle-turn span{position:absolute;left:47%;top:8%;height:48%;width:7%;background:linear-gradient(90deg,#a80d1b,#ee4b50);clip-path:polygon(50% 0,100% 100%,0 100%)}.physical-needle i{position:absolute;width:20%;height:20%;left:40%;top:40%;border-radius:50%;background:radial-gradient(at 35% 30%,#fa7272,#c71e30 68%,#911225);box-shadow:1px 2px 2px #76132633}.meter-caption{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:-25px;position:relative;z-index:6;font-size:12px;color:#6d8797}.meter-caption button{border:1px solid #cedde6;background:#ffffffb0;border-radius:30px;color:#547185;padding:7px 12px;display:flex;align-items:center;gap:5px;font-size:11px;min-height:32px}.real-offer{position:relative;max-width:430px;margin-left:auto;width:100%;z-index:4;align-self:center;padding-top:0}.offer-top{padding:0 15px 20px}.offer-top .eyebrow{font-size:11px;color:#457d99;margin-bottom:8px}.real-price{display:flex;gap:13px;align-items:baseline;line-height:1;color:var(--red)}.real-price>span{font-size:30px;color:#21475f;font-weight:500}.real-price strong{font-size:103px;font-weight:800;letter-spacing:-6px;line-height:1.1}.real-price b{font-size:44px;font-weight:500}.offer-top>p{margin:4px 0 0;font-size:15px;color:#4d7187}.offer-book{background:#fffffff5;border:1px solid #e3eaf0;box-shadow:0 18px 48px #0e456811;border-radius:12px;padding:28px}.offer-book h2{font-size:25px;margin-bottom:10px;letter-spacing:-.6px}.offer-book p{font-size:14px;line-height:1.65;color:#6d8596;margin-bottom:21px}.offer-book .button{width:100%;font-size:14px;min-height:52px}.offer-book small{font-size:11px;display:block;text-align:center;color:#7c929f;margin-top:12px}.offer-registry{display:flex;gap:13px;align-items:center;margin:24px 12px 0}.registry-check{background:#e5f3f9;color:#1284af;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:19px}.offer-registry strong{display:block;font-size:15px}.offer-registry a{font-size:12px;color:#4e7c97;text-decoration:underline;text-underline-offset:3px}.real-footnote{display:flex;justify-content:space-between;color:#8196a4;font-size:11px;padding-top:17px;gap:20px}.paused .water-moving,.paused .impeller-turn,.paused .needle-turn{animation-play-state:paused}@keyframes water-real{to{transform:translateX(-33.333%)}}@keyframes physical-spin{to{transform:rotate(360deg)}}
@media(min-width:1550px){.water-port{left:calc(50% - 720px)}}
@media(max-width:1250px){.meter-scene{--meter-size:540px;--axle:270px;--pipe-height:86px;min-height:540px}.scene-layout{min-height:540px;gap:15px}.meter-product{margin-left:0}.water-port{left:20px;width:90px;height:54px;top:calc(var(--axle) - 27px)}.real-offer{max-width:365px}.real-price strong{font-size:90px}.wheel-tape b{font-size:20px}.real-heading h1{font-size:44px}.meter-caption{font-size:11px}.offer-book{padding:24px}}
@media(max-width:1000px) and (min-width:761px){.meter-scene{--meter-size:460px;--axle:230px;--pipe-height:76px}.scene-layout{grid-template-columns:1.15fr 1fr;min-height:520px}.meter-product{margin-left:-30px}.real-offer{max-width:320px}.offer-book h2{font-size:22px}.water-port{width:65px;left:9px;height:44px;top:calc(var(--axle) - 22px)}.wheel-tape b{font-size:17px}.real-price strong{font-size:76px}.offer-registry strong{font-size:13px}.meter-caption{gap:8px;margin-top:-10px}.real-heading h1{font-size:41px}}
@media(max-width:760px){.real-hero{padding:27px 0 18px}.real-heading .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:14px}.real-heading h1{font-size:30px;line-height:1.17;letter-spacing:-.9px;margin-bottom:13px}.real-heading p{font-size:13px;max-width:290px;margin:auto}.meter-scene{--meter-size:min(94vw,460px);--axle:calc(min(94vw,460px) / 2);--pipe-height:62px;margin-top:5px;min-height:0}.scene-layout{grid-template-columns:1fr;gap:0;min-height:0;width:100%}.meter-visual{width:100%;height:auto;padding:0 0 15px}.meter-product{margin:auto}.water-port{width:63px;height:40px;left:7px;top:calc(var(--axle) - 20px);border-width:3px;border-radius:5px}.pipe-span{filter:drop-shadow(0 9px 6px #15374915)}.mechanical-counter{padding:1px}.wheel-tape b{font-size:clamp(12px,3.7vw,17px);letter-spacing:-1px}.meter-caption{margin-top:-16px;gap:12px;font-size:10px}.meter-caption button{font-size:10px;min-height:30px;padding:5px 9px}.real-offer{width:calc(100% - 36px);max-width:480px;margin:10px auto 0}.offer-top{text-align:center;padding:0 0 22px}.offer-top .eyebrow{font-size:10px;margin-bottom:4px}.real-price{justify-content:center;gap:10px}.real-price strong{font-size:77px;letter-spacing:-4px}.real-price>span{font-size:25px}.real-price b{font-size:34px}.offer-top>p{font-size:13px;margin-top:2px}.offer-book{padding:23px;text-align:center}.offer-book h2{font-size:23px}.offer-book p{font-size:14px}.offer-book .button{font-size:14px}.offer-registry{justify-content:center;margin:22px 0 0}.offer-registry strong{font-size:14px}.real-footnote{display:block;text-align:center;font-size:10px;margin-top:16px}.real-footnote span{display:block;margin-top:5px}.water-moving{animation-duration:4s}.real-hero+.trust-strip .container{padding:22px 0}}
@media(prefers-reduced-motion:reduce){.water-moving,.impeller-turn,.needle-turn{animation:none!important}}
/* Align moving parts to the photographed recesses, not to an idealised circle. */
.pipe-span{background-size:auto 370%}.meter-product{margin-left:30px}.mechanical-counter{left:33.95%;top:34.6%;width:32.35%;height:6.8%;border-radius:2px;padding:2px 3px}.physical-impeller{left:44.6%;top:44.6%;width:10.8%;height:10.8%}.physical-needle{left:62.9%;top:61.1%;width:16%;height:16%}.water-port{left:max(14px,calc(50% - 750px));width:125px}.water-moving{animation-direction:reverse}.meter-caption{margin-left:30px}.dial-face{position:absolute;z-index:3;left:54.4%;top:52.6%;width:17%;height:17%}
@media(max-width:1390px) and (min-width:1001px){.meter-scene{--meter-size:540px;--axle:270px;--pipe-height:104px;min-height:570px}.scene-layout{min-height:570px}.meter-product{margin-left:76px}.water-port{left:14px;width:83px;height:62px;top:calc(var(--axle) - 31px)}.real-offer{max-width:355px}.wheel-tape b{font-size:21px}.meter-caption{margin-left:90px}.real-price strong{font-size:85px}}
@media(max-width:1000px) and (min-width:761px){.meter-scene{--meter-size:420px;--axle:210px;--pipe-height:90px}.meter-product{margin-left:65px}.water-port{left:8px;width:70px;height:54px;top:calc(var(--axle) - 27px)}.scene-layout{grid-template-columns:1.3fr 1fr;gap:5px;min-height:480px}.real-offer{max-width:300px}.real-price strong{font-size:72px}.offer-book{padding:20px}.offer-book h2{font-size:20px}.offer-book p{font-size:13px}.wheel-tape b{font-size:16px}.meter-caption{margin-left:40px;font-size:10px}}
@media(max-width:760px){.meter-scene{--meter-size:min(79vw,400px);--axle:calc(min(79vw,400px) / 2);--pipe-height:68px}.meter-product{margin-left:auto;margin-right:0}.meter-visual{padding-right:6px}.water-port{left:7px;width:58px;height:42px;top:calc(var(--axle) - 21px)}.meter-caption{margin-left:40px;font-size:10px;margin-top:-7px}.wheel-tape b{font-size:clamp(11px,3.5vw,17px)}.mechanical-counter{padding:1px 2px}.real-offer{margin-top:13px}.real-heading h1{font-size:29px}.meter-photo{filter:drop-shadow(2px 8px 8px #244c591c)}}