/* Original EZ FLOW artwork, shared by the homepage and blog. */
:root{--water:#68aed3;--blue:#11569d;--gold:#ddbd6e;--yellow:var(--gold);--navy:#343b40;--logo-gray:#6c6d6b;--logo-silver:#d0d1d1;--paper:#f5f6f6;--muted:#616664}
.topline{background:var(--logo-gray)}
.article-art{color:#aedced}
.article-preview:nth-child(2) .article-art{background:var(--logo-silver);color:var(--blue)}
.article-preview:nth-child(3) .article-art{background:var(--gold);color:var(--blue)}
.blog-cta{background:var(--blue)}
.hero-art .art-caption{color:#173d59}
.hero .text-link:hover,.area .text-link:hover{color:var(--gold)}
.language-link{display:inline-block;margin-left:14px;text-decoration:underline;text-underline-offset:3px}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.optional{font-weight:400;color:var(--muted)}
.field-help{display:block;font-weight:400;font-size:10px;color:var(--muted);margin-top:6px}
.inspection-link{margin-top:25px;font-size:12px;max-width:350px}
.inspection-link a{text-decoration:underline;text-underline-offset:3px;color:var(--blue)}
html[lang=es] .hero h1{font-size:clamp(40px,4.5vw,64px);letter-spacing:-2px}
html[lang=es] .hero-foot{gap:12px}
html[lang=es] .hero-foot>span{font-size:9px}
@media(max-width:1000px) and (min-width:721px){html[lang=es] header{gap:12px}html[lang=es] nav{gap:10px;font-size:10px}html[lang=es] header .brand-logo{width:185px}}
@media(max-width:720px){html[lang=es] .hero h1{font-size:42px}html[lang=es] .actions{gap:16px}html[lang=es] .topline>span:first-child{max-width:45%}}
.customer-reviews{background:#fff}
.reviews-intro{max-width:350px;padding-bottom:20px}
.reviews-intro>p{font-size:14px;color:var(--muted)}
.customer-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.customer-review{display:flex;flex-direction:column;padding:30px;background:var(--paper);border:1px solid var(--logo-silver)}
.review-stars{font-size:18px;letter-spacing:4px;color:#806119}
.customer-review blockquote{font:600 20px/1.55 Manrope,sans-serif;letter-spacing:-.5px;margin:25px 0 35px}
.review-person{display:flex;gap:12px;align-items:center;margin-top:auto}
.review-avatar{width:40px;height:40px;display:grid;place-items:center;background:#dcecf5;color:var(--blue);border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}
.review-person strong{display:block;font-size:12px}
.review-person div>span{display:block;color:var(--muted);font-size:10px;margin-top:5px}
@media(max-width:720px){.customer-review-grid{grid-template-columns:1fr}.customer-review{padding:25px}.reviews-intro{max-width:none}.customer-review blockquote{font-size:20px;margin:20px 0 25px}}
@media(max-width:380px){.topline{gap:10px;align-items:center}.topline>span:last-child{text-align:right}.language-link{margin-left:6px}}
.hero-art.brand-showcase{min-height:560px;background:radial-gradient(ellipse at 50% 28%,#e4f3fa 0%,#afd6e9 52%,#68aed3 100%);isolation:isolate}
.hero-brand-mark{position:absolute;top:5%;left:50%;transform:translateX(-50%);height:57%;width:72%;object-fit:contain;z-index:1;filter:drop-shadow(0 16px 18px #11569d25)}
.water-ring{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);width:380px;height:380px;border:1px solid #fff9;border-radius:50%;pointer-events:none}
.ring-two{width:460px;height:460px;border-color:#ffffff60}
.water-dot{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%}
.dot-one{top:20%;left:13%;box-shadow:0 0 0 7px #ffffff35}
.dot-two{top:47%;right:12%;width:7px;height:7px;background:var(--gold)}
.brand-showcase .art-label{z-index:2;box-shadow:0 10px 28px #11569d1a;border:1px solid #fff9}
.brand-showcase .art-caption{color:#173d59}
@media(max-width:720px){.hero-art.brand-showcase{min-height:420px}.hero-brand-mark{top:2%;height:58%;width:70%}.water-ring{top:31%;width:270px;height:270px}.ring-two{width:335px;height:335px}.brand-showcase .art-label{max-width:none}.dot-one{left:14%;top:19%}.dot-two{right:14%;top:42%}}
.brand{flex-shrink:0;line-height:0}
.brand-logo{display:block;width:240px;height:auto;max-width:100%;object-fit:contain}
header{padding-top:8px;padding-bottom:8px}
footer{background:#fff}
footer .brand-logo{width:215px}
@media(max-width:1000px){.brand-logo{width:210px}header{gap:20px}}
@media(max-width:720px){header{padding-top:8px;padding-bottom:8px;gap:10px}.brand-logo{width:180px}.header-call{white-space:nowrap;padding:13px 10px}footer .brand-logo{width:200px}}
@media(max-width:380px){.brand-logo{width:145px}.header-call{font-size:10px;padding:12px 8px}}