/* v26: service-first responsive hero, isolated from legacy layouts */
.real-hero.studio-hero{display:block;min-height:0;padding:0;background:linear-gradient(110deg,#fff 40%,#edf5fb 100%);overflow:hidden;color:#102f4c}.studio-hero .premium-layout{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto;column-gap:46px;position:relative;padding-top:54px;padding-bottom:44px;align-items:start}.studio-hero .hero-title{display:block;grid-column:1;grid-row:1;width:auto;padding:0;background:none;margin:0;z-index:3}.studio-hero .hero-title>.eyebrow{display:block;font-size:13px!important;line-height:1.5;letter-spacing:.6px;color:#496a82;margin:0 0 20px}.studio-hero .hero-title h1{font-size:clamp(40px,4vw,58px);font-weight:750;line-height:1.08;letter-spacing:-1.8px;margin:0 0 23px;color:#102f4c;max-width:660px}.studio-hero .hero-title h1 span{color:#237da6}.studio-hero .hero-title>.premium-lead{font-size:18px;line-height:1.6;color:#506779;margin:0;max-width:480px}.studio-hero .premium-order{grid-column:1;grid-row:2;margin:28px 0 0;z-index:3;width:100%;max-width:420px}.premium-price{display:flex;align-items:center;gap:22px;margin-bottom:22px}.premium-price>strong{font-size:56px;font-weight:750;line-height:1;letter-spacing:-2px;white-space:nowrap;color:#102f4c}.premium-price>strong span{font-size:29px}.premium-price>div{font-size:17px;line-height:1.5;padding:0;border:0}.premium-price>div>span{display:block;font-size:15px;color:#587084}.studio-hero .hero-primary{width:100%;min-width:0;display:flex;justify-content:center;align-items:center;min-height:56px;padding:15px 20px;margin:0;border-radius:10px;background:#ce123b;border:1px solid #ce123b;color:white;font-size:17px;box-shadow:0 8px 18px #ce123b15}.studio-hero .hero-primary:hover{background:#b70b31}.premium-price-link{display:block;text-align:center;font-size:15px;color:#496a82;margin:14px 0 0;text-underline-offset:4px}.studio-hero.real-hero .meter-scene{position:relative;inset:auto;grid-column:2;grid-row:1/3;margin:0;min-height:460px;height:460px;width:100%;align-self:center;background:none;border:0;border-radius:0;overflow:visible;--meter-size:470px;--axle:235px;--pipe-height:102px;z-index:1}.studio-hero.real-hero .scene-layout{display:block;width:100%;max-width:none;min-height:460px;height:460px;padding:0;margin:0}.studio-hero.real-hero .meter-visual{position:relative;top:-22px;width:var(--meter-size);margin:0 0 0 -10px;padding:0}.studio-hero.real-hero .meter-product{width:var(--meter-size);height:var(--meter-size);margin:0}.studio-hero.real-hero .pipe-span{left:61%;right:auto;width:100vw;height:var(--pipe-height);top:calc(var(--axle) - var(--pipe-height)/2 - 22px);clip-path:none}.studio-hero.real-hero .water-port{left:auto;right:4px;top:calc(var(--axle) - 49px);width:98px;height:54px}.studio-hero.real-hero .seal-offer{left:calc(65% - 90px);top:53%;width:270px;height:205px;transform:none}.studio-hero.real-hero .seal-offer-copy strong{font-size:23px;line-height:1.04;margin:5px 0}.studio-hero.real-hero .seal-offer-copy>span{font-size:10px}.studio-hero.real-hero .seal-offer-copy b{font-size:15px}.studio-hero.real-hero .seal-offer-copy em{font-size:11px;margin-top:4px}.studio-hero.real-hero .wheel-tape b{font-size:17px}.studio-hero .hero-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:0;padding:24px 0 28px;border-top:1px solid #dce6ed}.studio-hero .hero-promises strong{font-size:17px;line-height:1.35}.studio-hero .hero-promises p{font-size:15px;color:#536f80;line-height:1.5}.studio-hero .promise-icon{border-radius:10px;background:#e8f2f8;border:0;color:#2b6b89;font-size:14px}
@media(min-width:761px) and (max-width:1100px){.studio-hero .premium-layout{column-gap:24px;padding-top:38px}.studio-hero .hero-title h1{font-size:43px}.studio-hero.real-hero .meter-scene{--meter-size:390px;--axle:195px;--pipe-height:85px}.studio-hero.real-hero .meter-visual{top:18px;margin-left:-25px}.studio-hero.real-hero .pipe-span{top:calc(var(--axle) - var(--pipe-height)/2 + 18px)}.studio-hero.real-hero .water-port{width:65px;top:calc(var(--axle) - 9px)}.studio-hero.real-hero .seal-offer{width:235px;height:185px;top:58%;left:calc(64% - 95px)}.studio-hero.real-hero .seal-offer-copy strong{font-size:20px}}
@media(max-width:760px){.real-hero.studio-hero{background:linear-gradient(#fff 25%,#eff6fa 65%,#fff)}.studio-hero .premium-layout{display:flex;flex-direction:column;padding-top:26px;padding-bottom:24px;gap:0}.studio-hero .hero-title{order:1;width:100%;padding:0;display:block}.studio-hero .hero-title>.eyebrow{font-size:12px!important;letter-spacing:0;margin-bottom:14px}.studio-hero .hero-title h1{font-size:clamp(29px,8.3vw,37px);letter-spacing:-1px;line-height:1.12;margin-bottom:14px}.studio-hero .hero-title>.premium-lead{font-size:16px;line-height:1.5;max-width:100%}.studio-hero.real-hero .meter-scene{order:2;flex:none;width:100%;height:280px;min-height:280px;margin:12px 0 0;--meter-size:285px;--axle:142.5px;--pipe-height:62px}.studio-hero.real-hero .scene-layout{height:280px;min-height:280px;width:100%}.studio-hero.real-hero .meter-visual{width:var(--meter-size);top:-10px;margin-left:calc(50% - 158px)}.studio-hero.real-hero .pipe-span{top:calc(var(--axle) - var(--pipe-height)/2 - 10px);left:59%;width:100vw}.studio-hero.real-hero .water-port{right:0;top:calc(var(--axle) - 30px);width:66px;height:40px}.studio-hero.real-hero .seal-offer{width:190px;height:148px;left:45%;top:47%;transform:none}.studio-hero.real-hero .seal-offer-copy strong{font-size:17px;margin:3px 0}.studio-hero.real-hero .seal-offer-copy>span{font-size:8px}.studio-hero.real-hero .seal-offer-copy b{font-size:12px}.studio-hero.real-hero .seal-offer-copy em{font-size:9px;margin-top:3px}.studio-hero.real-hero .wheel-tape b{font-size:12px}.studio-hero .premium-order{order:3;width:100%;max-width:none;margin:8px 0 0}.premium-price{gap:18px;margin-bottom:16px}.premium-price>strong{font-size:46px;letter-spacing:-1.4px}.premium-price>strong span{font-size:26px}.premium-price>div{font-size:16px}.premium-price>div>span{font-size:14px}.studio-hero .hero-primary{font-size:16px;min-height:52px;border-radius:9px;padding:14px}.premium-price-link{font-size:14px;margin-top:12px}.studio-hero .hero-promises{grid-template-columns:1fr;padding:22px 0;gap:18px}.studio-hero .hero-promises strong{font-size:16px}.studio-hero .hero-promises p{font-size:15px;margin:4px 0 0}.studio-hero .promise-icon{flex-basis:32px;height:32px}.studio-hero .hero-promises>div,.studio-hero .hero-promises>a{gap:12px}}
@media(max-width:360px){.studio-hero .hero-title h1{font-size:29px}.studio-hero .hero-title>.premium-lead{font-size:15px}.studio-hero.real-hero .meter-scene{--meter-size:260px;--axle:130px;--pipe-height:57px;height:260px;min-height:260px}.studio-hero.real-hero .scene-layout{height:260px;min-height:260px}.studio-hero.real-hero .meter-visual{margin-left:calc(50% - 146px)}.studio-hero.real-hero .seal-offer{width:170px;height:134px;left:42%;top:49%}.studio-hero.real-hero .seal-offer-copy strong{font-size:15px}.studio-hero.real-hero .water-port{width:50px;right:-2px}.premium-price{gap:14px}.premium-price>strong{font-size:42px}.premium-price>div{font-size:15px}.premium-price>div>span{font-size:13px}}

/* v27: a single coordinate system for photographed hardware and moving parts. */
.studio-hero.real-hero .meter-scene{height:auto;min-height:0;aspect-ratio:1.45;align-self:center}
.studio-hero.real-hero .scene-layout{height:100%;min-height:0;position:absolute;inset:0}
.studio-hero.real-hero .meter-visual{width:118%;height:100%;top:0;margin:0 0 0 -7%;padding:0}
.studio-hero.real-hero .meter-product{width:100%;height:auto;aspect-ratio:1200/740;margin:0;isolation:isolate}
.betar-assembly{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 12px 9px #19384d15)}
.studio-hero.real-hero .mechanical-counter{left:22.3%;top:42%;width:19.5%;height:5.8%;padding:1px;transform:none;border-radius:0;background:#bbb;box-shadow:none}
.studio-hero.real-hero .wheel-tape b{font-size:clamp(10px,1.6vw,21px);letter-spacing:0;font-weight:500}
.studio-hero.real-hero .physical-impeller{left:30.5%;top:53.1%;width:4%;height:6.5%;filter:none}
.studio-hero.real-hero .dial-face{left:35.8%;top:50.5%;width:7.6%;height:12.3%}
.studio-hero.real-hero .physical-needle{left:39.6%;top:56.65%;width:7%;height:11.35%;filter:none}
.studio-hero.real-hero .seal-offer{left:38%;top:52%;width:40%;height:47%;transform:none}
.sight-flow{position:absolute;left:72.9%;top:30.1%;width:14.7%;height:20.1%;overflow:hidden;border-radius:12%;z-index:3;pointer-events:none}
.sight-flow i{position:absolute;top:20%;height:1px;width:25%;background:linear-gradient(90deg,transparent,#fff9,transparent);animation:sight-current 3.2s linear infinite;opacity:0}
.sight-flow i:nth-child(2){top:57%;animation-delay:1s;width:35%}.sight-flow i:nth-child(3){top:76%;animation-delay:2s;width:20%}
@keyframes sight-current{0%{transform:translateX(-120%);opacity:0}20%,70%{opacity:.65}100%{transform:translateX(520%);opacity:0}}
.paused .sight-flow i{animation-play-state:paused}
@media(max-width:1100px) and (min-width:761px){.studio-hero.real-hero .meter-visual{width:132%;margin-left:-12%}.studio-hero.real-hero .meter-scene{aspect-ratio:1.25}.studio-hero.real-hero .seal-offer-copy strong{font-size:18px}}
@media(max-width:760px){.studio-hero.real-hero .meter-scene{height:auto;min-height:0;aspect-ratio:1.45;margin:8px 0 0}.studio-hero.real-hero .scene-layout{height:100%;min-height:0}.studio-hero.real-hero .meter-visual{width:119%;margin-left:-9%;top:0}.studio-hero.real-hero .wheel-tape b{font-size:clamp(10px,3vw,14px)}.studio-hero.real-hero .seal-offer-copy strong{font-size:16px}.studio-hero.real-hero .seal-offer-copy>span{font-size:7px}.studio-hero.real-hero .seal-offer-copy b{font-size:11px}.studio-hero.real-hero .seal-offer-copy em{font-size:8px}.studio-hero.real-hero .seal-offer{left:36%;top:53%;width:43%;height:49%}}
@media(prefers-reduced-motion:reduce){.sight-flow i{animation:none}}

.studio-hero.real-hero .seal-offer{left:26%;top:49%}
@media(max-width:760px){.studio-hero.real-hero .meter-scene{aspect-ratio:1.3}.studio-hero.real-hero .seal-offer{left:25%;top:49%;width:43%;height:49%}}
.studio-hero.real-hero .meter-product:after{content:"";position:absolute;left:99%;top:31.8%;width:100vw;height:17.4%;z-index:-1;background:linear-gradient(#858887 0%,#c9ccca 12%,#f1f1ed 27%,#c2c4c1 46%,#8d908e 64%,#b4b7b4 82%,#e2e3de 94%,#818581 100%);box-shadow:0 10px 12px #19384d0b}
.studio-hero.real-hero .seal-offer-copy>span,.studio-hero.real-hero .seal-offer-copy em{display:none}
.studio-hero.real-hero .seal-offer-copy{inset:44% 12% 10%}
@media(max-width:360px){.studio-hero.real-hero .seal-offer-copy strong{font-size:13px}.studio-hero.real-hero .seal-offer-copy b{font-size:10px}}
@media(min-width:761px) and (max-width:1100px){.studio-hero.real-hero .meter-visual{width:116%;margin-left:-9%}}

/* v28: matte white polypropylene continuation and softer water highlights. */
.studio-hero.real-hero .meter-product:after{background:linear-gradient(#d4d8d5 0%,#f4f5ef 15%,#fffef8 35%,#f5f5ee 64%,#e3e6df 86%,#c4cbc4 100%)}
.sight-flow i{height:2px;filter:blur(.3px);background:linear-gradient(90deg,transparent,#e8ffffb0,transparent);animation-duration:2.8s}

/* v29: one continuous pipe, with a flush inspection window. */
.studio-hero.real-hero .meter-product:after{left:-150vw;width:300vw;top:31.8%;height:17.4%;background:linear-gradient(#d9ddd8 0%,#f4f5ef 17%,#fffef8 36%,#f6f6ef 64%,#e4e7e0 87%,#cbd1c9 100%);box-shadow:0 9px 13px #19384d09}
.studio-hero.real-hero .sight-flow{left:72.92%;top:33.92%;width:14.17%;height:12.7%;border-radius:12%;box-shadow:inset 0 2px 4px #284d5f40,inset 0 -1px 2px #fff9;outline:2px solid #e3e8e2;outline-offset:0}
.studio-hero .hero-title{background:#fff;box-shadow:24px 0 30px 16px #fff}
.studio-hero .premium-order{background:#fff;box-shadow:24px 0 30px 16px #fff}
@media(max-width:760px){.studio-hero .hero-title,.studio-hero .premium-order{background:transparent;box-shadow:none}}
@media(min-width:761px){.studio-hero .hero-title,.studio-hero .premium-order{box-shadow:10px 0 15px 3px #fff}}

/* v30: pipe only on the outlet side, with a larger bore. */
.studio-hero.real-hero .meter-product:after{left:63%;width:100vw;top:30.3%;height:20.4%}
.studio-hero .hero-title,.studio-hero .premium-order{background:transparent;box-shadow:none}
.studio-hero.real-hero .sight-flow{background:#cbdde2 url('/assets/water-v30.webp') center/130% 130%;box-shadow:inset 0 2px 5px #243f4f45,inset 0 -2px 3px #fff9;animation:water-refraction 4.5s ease-in-out infinite alternate}
.sight-flow:after{content:"";position:absolute;inset:0;background:linear-gradient(165deg,#ffffff75,transparent 33%,transparent 73%,#d6e6ec35);pointer-events:none}
.sight-flow i{opacity:0;display:none}
@keyframes water-refraction{from{background-position:0% 40%}to{background-position:100% 60%}}
.paused .sight-flow{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.studio-hero.real-hero .sight-flow{animation:none}}

/* v32: reverse flow and a softly rounded inspection glass. */
.studio-hero.real-hero .sight-flow{left:72.08%;top:33.51%;width:15.83%;height:13.51%;border-radius:35% / 50%;outline:1px solid #c9d2cc;box-shadow:0 1px 1px #fff,inset 0 2px 5px #29445165,inset 0 -2px 3px #ffffffa0;animation:water-return 4.5s linear infinite}
@keyframes water-return{from{background-position:100% 50%}to{background-position:0% 50%}}
.sight-flow i{display:block;position:absolute;left:100%;top:24%;width:4px;height:4px;border:1px solid #ffffffb0;border-radius:50%;background:#e7f5fa25;filter:none;opacity:0;box-shadow:inset 1px 1px 1px #fff8;animation:bubble-return 2.8s linear infinite}
.sight-flow i:nth-child(2){top:64%;width:3px;height:3px;animation-delay:.9s}.sight-flow i:nth-child(3){top:45%;width:2px;height:2px;animation-delay:1.8s}
@keyframes bubble-return{0%{left:100%;transform:translateY(2px);opacity:0}15%,80%{opacity:.7}100%{left:-6%;transform:translateY(-3px);opacity:0}}
@media(prefers-reduced-motion:reduce){.studio-hero.real-hero .sight-flow,.sight-flow i{animation:none!important}}

/* v33: quiet, balanced product composition without the water cutaway. */
.studio-hero.real-hero .meter-visual{width:116%;margin-left:-3%}
.studio-hero.real-hero .meter-product:after{top:30.8%;height:19.4%}
.studio-hero.real-hero .seal-offer{left:27%;top:52%;width:36%;height:43%}
.studio-hero.real-hero .seal-offer-copy strong{font-size:21px}
@media(min-width:761px) and (max-width:1100px){.studio-hero.real-hero .meter-visual{width:112%;margin-left:-4%}}
@media(max-width:760px){.studio-hero.real-hero .meter-visual{width:134%;margin-left:4%}.studio-hero.real-hero .meter-scene{aspect-ratio:1.17;margin-top:10px}.studio-hero.real-hero .seal-offer{left:27%;top:51%;width:34%;height:41%}.studio-hero.real-hero .seal-offer-copy strong{font-size:15px}}
@media(max-width:360px){.studio-hero.real-hero .seal-offer-copy strong{font-size:13px}}
/* v34: larger product and a tighter, balanced first screen. */
.studio-hero .premium-layout{column-gap:36px;padding-top:46px;padding-bottom:36px}
.studio-hero.real-hero .meter-visual{width:130%;margin-left:-6%}
.studio-hero.real-hero .meter-scene{aspect-ratio:1.3}
.studio-hero.real-hero .seal-offer{width:33%;height:40%;left:28%;top:52%}
.studio-hero .premium-order{margin-top:24px}
.studio-hero .hero-promises{padding-top:22px;padding-bottom:24px}
@media(min-width:761px) and (max-width:1100px){.studio-hero.real-hero .meter-visual{width:122%;margin-left:-7%}.studio-hero.real-hero .meter-scene{aspect-ratio:1.15}.studio-hero .premium-layout{column-gap:22px}}
@media(max-width:760px){.studio-hero .premium-layout{padding-top:24px;padding-bottom:22px}.studio-hero.real-hero .meter-visual{width:148%;margin-left:-1%}.studio-hero.real-hero .meter-scene{aspect-ratio:1.12;margin-top:0}.studio-hero.real-hero .seal-offer{width:31%;height:38%;left:28%;top:52%}.studio-hero .premium-order{margin-top:0}.studio-hero .hero-title>.premium-lead{margin-bottom:0}.studio-hero .premium-price{margin-bottom:15px}}
/* v36: standalone meter, no pipe extension. */
.studio-hero.real-hero .meter-product:after{display:none}
.studio-hero.real-hero .meter-visual{width:140%;margin-left:-7%}
.studio-hero.real-hero .meter-scene{aspect-ratio:1.2}
@media(min-width:761px) and (max-width:1100px){.studio-hero.real-hero .meter-visual{width:130%;margin-left:-8%}}
@media(max-width:760px){.studio-hero.real-hero .meter-visual{width:158%;margin-left:-4.5%}.studio-hero.real-hero .meter-scene{aspect-ratio:1.04}}