@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}:root{--navy: #073454;--blue: #0065aa;--cyan: #00b4d4;--mist: #e4f5fb;--competitor: #ed303b;--competitor-mist: #fdebec;--white: #ffffff;--muted: #5d7a8e;--line: #cfe3ee;--font: "Poppins", "Trebuchet MS", system-ui, sans-serif;--u: min(.96vh, 1.78vw);font-size:var(--u)}@media (max-width: 600px){:root{--u: calc(100vw / 56.25)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);font-size:2rem;line-height:1.35;color:var(--navy);background:#031c30;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p,dl,dd,ol{margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stage{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#0b3d63,#031c30 70%)}.frame{position:relative;height:100rem;aspect-ratio:9 / 16;overflow:hidden;background:var(--white);border-radius:2.4rem;box-shadow:0 0 8rem #0000008c}@media (max-width: 600px){.stage{display:block;background:var(--white)}.frame{height:auto;min-height:100vh;min-height:100dvh;width:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;border:.2rem solid transparent;border-radius:99rem;padding:1.5rem 2.8rem;font-weight:600;font-size:2rem;line-height:1.2;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,opacity .12s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.6;cursor:progress}.btn__icon{width:2.4rem;height:2.4rem;flex:none}.btn--primary{color:var(--white);background:linear-gradient(135deg,var(--blue),#0a4f86 60%,var(--navy));box-shadow:0 1rem 2.2rem #0065aa59}.btn--secondary{color:var(--blue);background:var(--white);border-color:var(--blue)}.btn--back{color:var(--blue);background:var(--mist);padding:1.2rem 2.2rem;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.screen--dark .btn--back{color:var(--white);background:#ffffff1f;border-color:#ffffff40}.form{display:flex;flex-direction:column;gap:1.7rem}.fieldset{min-width:0;margin:0;padding:0;border:0}.messages{display:flex;flex-direction:column;gap:1.2rem}.messages:empty{display:none}.btn--grow{flex:1}.field{display:flex;flex-direction:column;gap:.6rem}.field__label{font-size:1.7rem;font-weight:600}.field__unit{font-weight:500;color:var(--muted)}.input-wrap{position:relative;display:flex;align-items:center;background:var(--white);border:.2rem solid var(--line);border-radius:.8rem;transition:border-color .12s,box-shadow .12s}.input-wrap:focus-within{border-color:var(--cyan);box-shadow:0 0 0 .4rem #00b4d42e}.input-wrap__icon{display:flex;margin-left:1.4rem;color:var(--blue)}.input-wrap__icon svg{width:2.6rem;height:2.6rem}.input{flex:1;min-width:0;width:100%;border:0;background:transparent;padding:1.2rem 1.6rem;font-size:max(16px,2rem);font-weight:500;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.8rem}.input::placeholder{color:#9fb4c2}.input:disabled{color:#9fb4c2;background:#f1f6f9}.input-wrap--select .input{padding-right:5rem;cursor:pointer}.input-wrap__chevron{position:absolute;right:1.4rem;width:2.4rem;height:2.4rem;pointer-events:none;color:var(--navy)}.field--error .input-wrap{border-color:var(--competitor)}.field__hint{font-size:1.5rem;color:var(--muted)}.field__error{font-size:1.5rem;font-weight:600;color:var(--competitor)}.banner{display:flex;gap:1rem;align-items:flex-start;padding:1.4rem 1.6rem;border-radius:.8rem;font-size:1.6rem;line-height:1.35}.banner__icon{width:2.4rem;height:2.4rem;flex:none}.banner--info{background:var(--mist);color:var(--navy)}.banner--warn{background:#fff5db;color:#6b4a00}.banner--error{background:var(--competitor-mist);color:#a3121c;font-weight:600}.screen{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;isolation:isolate}@media (max-width: 600px){.screen{height:auto;min-height:100vh;min-height:100dvh}}.screen--light{background:var(--white)}.screen--dark{color:var(--white);background:radial-gradient(circle at 85% 8%,rgba(0,180,212,.35),transparent 38%),linear-gradient(165deg,#0b4d80 0%,var(--navy) 55%,#04243c 100%)}.screen__header{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.6rem;padding:3.8rem 5rem 0}.screen__body{position:relative;z-index:2;flex:1;min-height:0;margin-top:2.4rem;padding:0 5rem 2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto;scrollbar-width:none}.screen__body::-webkit-scrollbar{display:none}@media (max-width: 600px){.screen__body{overflow:visible}}.screen--wide .screen__body{padding-left:3rem;padding-right:3rem}.screen__footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem 5rem 3.4rem}.screen--wide .screen__header,.screen--wide .screen__footer{padding-left:3rem;padding-right:3rem}.screen--light .screen__body{padding-bottom:4rem}.screen--light .screen__footer{padding-top:2.4rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.screen__title{font-size:3.4rem;font-weight:700;line-height:1.2;overflow-wrap:break-word;margin-top:1rem;margin-bottom:1.4rem}.screen__title--light{color:var(--white)}.accent{color:var(--blue)}.lead-text{font-size:1.7rem;color:var(--muted)}.product-logo{height:5rem;width:auto;align-self:flex-start}.brand-logo{height:5.6rem;width:auto;align-self:flex-start}.progress{display:flex;gap:1rem;list-style:none;margin-left:1rem}.progress__dot{width:1.2rem;height:1.2rem;border-radius:50%;background:#b9d9e8}.progress__dot.is-done{background:var(--cyan)}.progress__dot.is-current{background:var(--blue);box-shadow:0 0 0 .35rem #0065aa2e}.decor{position:absolute;z-index:1;pointer-events:none}.decor--wave{left:0;bottom:0;width:100%;height:24rem}.wave--back{fill:#00b4d429}.wave--mid{fill:#00b4d442}.wave--front{fill:#0065aa38}.decor--dark .wave--back{fill:#00b4d424}.decor--dark .wave--mid{fill:#00b4d438}.decor--dark .wave--front{fill:#00b4d459}.decor--corner{top:0;right:0;width:21rem;height:21rem;object-fit:cover;object-position:top right}.decor--circles{width:26rem;height:auto}.decor--circles[data-position=top-right]{top:1rem;right:-7rem;opacity:.24}.decor--circles[data-position=bottom-right]{bottom:8rem;right:-7rem;width:28rem;opacity:.12}.decor--dots{width:9rem;height:9rem;fill:var(--cyan);opacity:.4}.decor--dots-right{right:5rem;top:6rem}.welcome__circles{position:absolute;z-index:0;right:-18rem;bottom:-16rem;width:85rem;height:auto;opacity:.18;pointer-events:none}.welcome__logo,.welcome__content,.welcome__cta{position:relative;z-index:1}.screen--welcome{border:0;padding:0;text-align:left;color:var(--white);background:#031c30;cursor:pointer;justify-content:space-between}.welcome__photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover}.welcome__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#031c30e6,#031c308c 35%,#031c3040 62%,#031c3099)}.welcome__logo{height:8rem;width:auto;align-self:flex-start;margin:8rem 0 0 6rem}.welcome__content{padding:0 6rem}.welcome__headline{font-size:8.4rem;font-weight:700;line-height:1.02;letter-spacing:-.02em}.welcome__headline em{font-style:normal;color:var(--cyan)}.welcome__sub{margin-top:3rem;font-size:3.6rem;font-weight:500}.welcome__cta{display:flex;flex-direction:column;align-items:flex-end;gap:1.2rem;padding:0 6rem 7rem}.welcome__arrow{display:flex;align-items:center;justify-content:center;width:9rem;height:9rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 1.4rem #00b4d440;color:var(--white);animation:watercel-start-pulse 2.4s ease-in-out infinite}@keyframes watercel-start-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.85}}@media (prefers-reduced-motion: reduce){.welcome__arrow{animation:none}}.welcome__arrow svg{width:4.4rem;height:4.4rem}.welcome__tap{font-size:1.5rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;width:9rem;text-align:center}.welcome__zeo{position:absolute;z-index:1;left:6rem;bottom:7rem;height:7.5rem;width:auto;pointer-events:none}@media (max-width: 600px){.welcome__logo{margin-top:6rem}.welcome__content{padding-top:22rem}}.product-select__circles{position:absolute;z-index:0;top:6rem;right:-18rem;width:55rem;height:auto;opacity:.08;pointer-events:none}.product-select__zeo{margin-top:7rem;height:8.5rem;width:auto;opacity:.9;align-self:center}.options{display:flex;flex-direction:column;gap:2.4rem;margin-top:2rem}.option{display:flex;align-items:center;gap:2.4rem;width:100%;padding:3rem;border:.2rem solid rgba(0,180,212,.55);border-radius:1.8rem;background:#ffffff12;color:var(--white);text-align:left;font-size:2.2rem;font-weight:500;transition:background .12s,transform .12s}.option:active{background:#00b4d440;transform:scale(.98)}.option__icon{display:flex;width:5.2rem;height:5.2rem;align-items:center;justify-content:center;flex:none}.option__icon img,.option__icon svg{width:100%;height:100%;object-fit:contain}.option__text{display:flex;flex-direction:column;flex:1;line-height:1.25}.option__text strong{font-weight:700;color:var(--cyan)}.option__arrow{width:3rem;height:3rem;flex:none}.screen--cases .screen__body{gap:1.6rem}.pdf{flex:1;min-height:60rem;border-radius:1.2rem;overflow:hidden;background:var(--white)}.pdf__viewer{display:block;width:100%;height:100%;min-height:60rem}.pdf__fallback{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center;height:100%;padding:4rem;color:var(--navy);text-align:center}.pdf__link{align-self:center;color:var(--cyan);font-size:1.7rem;font-weight:600}.form__actions{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:1.4rem}.form__actions .btn{flex:1 1 auto}.horizon{display:inline-flex;align-items:center;align-self:flex-start;gap:.6rem;padding:.6rem;border-radius:99rem;background:var(--mist);font-size:1.6rem}.horizon__label{padding:0 1rem 0 1.2rem;font-weight:500;color:var(--muted)}.horizon button{border:0;border-radius:99rem;padding:.9rem 2rem;font-weight:600;background:transparent;color:var(--blue)}.horizon button.is-active{background:var(--blue);color:var(--white)}.chip{display:flex;flex-wrap:wrap;gap:2rem 3rem;padding:2.4rem 2.6rem;border-radius:1.4rem;background:var(--mist)}.chip__item{display:flex;align-items:center;gap:1.4rem;flex:1 1 auto}.chip__icon{display:flex;color:var(--cyan)}.chip__icon svg{width:4.4rem;height:4.4rem}.chip__value{display:block;font-size:3.6rem;font-weight:700;line-height:1.1;color:var(--blue);overflow-wrap:anywhere}.chip__caption{display:block;font-size:1.6rem;color:var(--muted)}.hero .chip__value{font-size:4.2rem}.card{padding:2.4rem 2.6rem;border-radius:1.4rem}.card--red{background:var(--competitor-mist);color:var(--competitor)}.card--blue{background:var(--mist);color:var(--blue)}.card__title{font-size:1.9rem;font-weight:600}.card__title small{display:block;font-size:1.6rem;font-weight:500}.card__metrics{display:flex;flex-wrap:wrap;gap:1.6rem 3rem;margin-top:1.6rem}.card__metrics--stack{flex-direction:column}.card__metric{display:flex;align-items:center;gap:1.4rem;flex:1 1 auto}.card__icon{display:flex}.card__icon svg{width:3.8rem;height:3.8rem}.card__value{display:block;font-size:3rem;font-weight:700;line-height:1.15;overflow-wrap:anywhere}.card__caption{display:block;font-size:1.6rem;font-weight:500;color:var(--navy);opacity:.75}.card--red .card__value{color:var(--competitor)}.zf-cards{display:flex;flex-direction:column;gap:2.2rem}.detail-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.detail-button{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.8rem;border:.2rem solid var(--line);border-radius:1.2rem;background:var(--white);color:var(--blue);text-align:left;font-size:1.7rem;font-weight:600;line-height:1.25}.detail-button svg{width:3rem;height:3rem}.detail-button:active{background:var(--mist)}.detail-headline,.detail-note{display:flex;align-items:center;gap:1.4rem;font-size:2.2rem;font-weight:500}.detail-headline svg,.detail-note svg{width:4rem;height:4rem;flex:none;color:var(--blue)}.detail-note{padding:2rem;border-radius:1.2rem;background:#eef3f6;font-size:1.9rem}.footnote,.disclaimer{font-size:1.4rem;color:var(--muted)}.disclaimer{margin-top:auto;padding-top:1rem}.longterm__title{margin-bottom:1rem;font-size:2.2rem;font-weight:700}.zf-water-savings{display:flex;flex-direction:column;gap:1.4rem;font-size:1.7rem;line-height:1.5}.zf-water-savings strong{color:var(--blue)}.compare__table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:.1rem solid var(--line);border-radius:1rem;font-size:1.6rem}.compare__table th,.compare__table td{padding:1.1rem 1rem;text-align:center;border-bottom:.1rem solid var(--line);vertical-align:middle}.compare__table tbody th{text-align:left;font-weight:500;background:#f6fafc}.compare__table thead th{color:var(--white);font-weight:600;background:var(--navy)}.compare__table thead th.tone-blue{background:var(--blue)}.compare__table thead th.tone-red{background:var(--competitor)}.compare__table td{font-weight:600;white-space:nowrap}.compare__table tbody tr:last-child th,.compare__table tbody tr:last-child td{border-bottom:0}.compare__cards{display:none;flex-direction:column;gap:1.6rem}.metric-card{padding:1.8rem;border:.1rem solid var(--line);border-radius:1.2rem;background:var(--white)}.metric-card__title{font-size:1.8rem;font-weight:600}.metric-card__values{display:flex;flex-direction:column;gap:.8rem;margin-top:1.2rem}.metric-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:1.2rem;padding:1rem 1.2rem;border-radius:.8rem;font-size:1.7rem}.metric-card__row dt{font-weight:500}.metric-card__row dd{font-weight:700;text-align:right}.metric-card__row.tone-blue{background:var(--mist);color:var(--blue)}.metric-card__row.tone-red{background:var(--competitor-mist);color:var(--competitor)}@media (max-width: 600px){.compare__table{display:none}.compare__cards{display:flex}}.longterm-hero{display:flex;flex-direction:column;gap:.6rem;padding:2rem 2.4rem;border-radius:1.2rem;background:var(--mist);color:var(--navy)}.longterm-hero__label{font-size:1.8rem;font-weight:600}.longterm-hero__value{font-size:3.2rem;font-weight:700;color:var(--blue)}.longterm-block{display:flex;flex-direction:column;gap:1.2rem}.longterm-block__title{font-size:2rem;font-weight:700}.longterm-block--red .longterm-block__title{color:var(--competitor)}.longterm-block--blue .longterm-block__title{color:var(--blue)}.longterm-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:.1rem solid var(--line);border-radius:1rem;font-size:1.6rem}.longterm-table th,.longterm-table td{padding:1.1rem 1rem;text-align:center;border-bottom:.1rem solid var(--line);vertical-align:middle}.longterm-table thead th{background:var(--navy);color:var(--white);font-weight:600}.longterm-block--red .longterm-table thead th{background:var(--competitor)}.longterm-block--blue .longterm-table thead th{background:var(--blue)}.longterm-table tbody th{text-align:left;font-weight:500;background:#f6fafc}.longterm-table__param{width:50%}.longterm-table tbody tr:last-child th,.longterm-table tbody tr:last-child td{border-bottom:0}.longterm-summary{display:flex;flex-direction:column;gap:.6rem;padding:1.6rem 2rem;border-radius:1rem;background:var(--mist);font-size:1.7rem;color:var(--navy)}.longterm-summary strong{color:var(--blue)}@media (max-width: 600px){.longterm-hero__value{font-size:2.6rem}.longterm-table{font-size:1.5rem}.longterm-table th,.longterm-table td{padding:1rem .6rem}.longterm-table__param{width:46%}}