.ff-whm{--ff-whm-navy: #0a1926;--ff-whm-ink: #12233a;--ff-whm-muted: #5b6670;--ff-whm-soft: #6f7d88;--ff-whm-blue: #0077b6;--ff-whm-blue-dark: #005f91;--ff-whm-border: #dce3ea;--ff-whm-border-strong: #cbd9e2;--ff-whm-panel: #ffffff;--ff-whm-panel-soft: #f8fbfd;--ff-whm-band-0: #dceefa;--ff-whm-band-1: #a6ceec;--ff-whm-band-2: #6facdf;--ff-whm-band-3: #2f7fca;--ff-whm-shadow: 0 12px 34px rgba(10, 25, 38, .07);--ff-whm-radius: 8px;position:relative;overflow:clip;margin-top:-68px;padding:clamp(38px,calc(3vw + 12px),56px) 18px 44px;background:radial-gradient(circle at 72% 12%,rgba(0,119,182,.08),transparent 34%),linear-gradient(180deg,#fff,#fbfdff 48%,#fff);color:var(--ff-whm-ink);font-family:Noto Sans,Avenir Next,Avenir,Helvetica Neue,Helvetica,Arial,sans-serif}.ff-whm,.ff-whm *{box-sizing:border-box}.ff-whm h1,.ff-whm h2,.ff-whm h3,.ff-whm p{margin:0;letter-spacing:0}.ff-whm a{color:var(--ff-whm-blue);text-decoration:none}.ff-whm a:hover{color:var(--ff-whm-blue-dark);text-decoration:underline;text-underline-offset:.18em}.ff-whm svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ff-whm .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ff-whm__inner{width:min(100%,1440px);margin:0 auto}.ff-whm__hero{display:grid;grid-template-columns:minmax(360px,.74fr) minmax(560px,1fr) minmax(150px,.28fr);gap:clamp(16px,2vw,28px);align-items:start;min-height:0}.ff-whm__hero-copy{align-self:start;display:flex;flex-direction:column;align-items:flex-start;max-width:548px;padding-left:clamp(0px,1.8vw,20px);padding-top:clamp(34px,4.5vw,72px)}.ff-whm .ff-whm__eyebrow{margin-bottom:18px;color:var(--ff-whm-blue);font-size:12px;line-height:1;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ff-whm__title{max-width:16ch;color:var(--ff-whm-navy);font-size:clamp(38px,3.8vw,56px);line-height:1.16;font-weight:700;text-wrap:balance}.ff-whm .ff-whm__lead{max-width:42ch;margin-top:clamp(28px,2.2vw,34px);color:#33465d;font-size:clamp(15px,1.2vw,18px);line-height:1.68}.ff-whm__search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;width:100%;max-width:556px;margin-top:clamp(42px,3.4vw,52px)}.ff-whm__input-wrap{position:relative;min-width:0}.ff-whm__input{width:100%;height:56px;padding:0 46px 0 16px;border:1px solid var(--ff-whm-border-strong);border-radius:8px;background:#fff;color:var(--ff-whm-navy);font:600 16px/1.2 Noto Sans,sans-serif;box-shadow:0 1px 2px #0a19260a;transition:border-color .16s ease,box-shadow .16s ease}.ff-whm__input:focus{outline:0;border-color:var(--ff-whm-blue);box-shadow:0 0 0 4px #0077b624}.ff-whm__input-icon{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:var(--ff-whm-blue);font-size:25px;pointer-events:none}.ff-whm__button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;border:0;border-radius:8px;background:var(--ff-whm-blue);color:#fff;font:800 12px/1 Noto Sans,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;box-shadow:0 10px 24px #0077b638;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.ff-whm__button:hover{background:var(--ff-whm-blue-dark);box-shadow:0 12px 26px #005f9142;transform:translateY(-1px)}.ff-whm__button:active{transform:translateY(0) scale(.98)}.ff-whm__button:focus-visible,.ff-whm a:focus-visible,.ff-whm summary:focus-visible{outline:2px solid var(--ff-whm-blue);outline-offset:3px}.ff-whm .ff-whm__search-note,.ff-whm .ff-whm__search-error,.ff-whm .ff-whm__report-status{display:flex;align-items:flex-start;gap:9px;margin-top:13px;color:#66778a;font-size:13px;line-height:1.45}.ff-whm .ff-whm__search-note{margin-top:22px;padding-left:2px;line-height:1.6}.ff-whm__search-note svg,.ff-whm__search-error svg,.ff-whm__report-status svg{flex:0 0 auto;font-size:18px}.ff-whm__search-error{color:#b42318;font-weight:700}.ff-whm__map-shell{position:relative;align-self:stretch;display:flex;align-items:start;justify-content:flex-end;min-width:0}.ff-whm__map{display:flex;align-items:center;justify-content:center;width:min(100%,660px);height:clamp(620px,48vw,720px);max-height:720px;overflow:visible}.ff-whm__map .ff-hwm-map-svg{width:auto;max-width:100%;height:100%;filter:drop-shadow(0 18px 30px rgba(34,98,151,.13))}.ff-whm__map .ff-hwm-map-svg>rect{fill:transparent;stroke:transparent}.ff-whm__map [data-area-code]{cursor:pointer;stroke:#fff;stroke-width:1;transition:fill .18s ease,opacity .18s ease,filter .18s ease,stroke-width .18s ease}.ff-whm__map [data-area-code]:hover{filter:brightness(1.06) saturate(1.1);stroke:#fff;stroke-width:1.8}.ff-whm__map [data-area-code].is-active{filter:brightness(1.08) saturate(1.14);stroke:#0b4163;stroke-width:2.2}.ff-whm__map.has-active [data-area-code]:not(.is-active){opacity:1}.ff-whm__tooltip{position:absolute;z-index:4;min-width:150px;max-width:220px;padding:10px 12px;border:1px solid rgba(203,217,226,.72);border-radius:8px;background:#fffffff5;box-shadow:0 16px 34px #0a19261f;color:var(--ff-whm-navy);font-size:12px;line-height:1.35;pointer-events:none}.ff-whm__tooltip strong{display:block;margin-bottom:3px;font-size:13px}.ff-whm__legend{align-self:start;margin-top:clamp(116px,10vw,154px);margin-left:-8px}.ff-whm__legend-title{color:var(--ff-whm-navy);font-size:13px;line-height:1.15;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ff-whm__legend-title span{display:block;margin-top:2px;color:#46627b;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none}.ff-whm__legend-list{display:grid;gap:14px;margin:18px 0 22px;padding:0;list-style:none}.ff-whm__legend-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;color:#4b5f73;font-size:12px;line-height:1.25}.ff-whm__legend-list strong{display:block;color:var(--ff-whm-navy);font-size:13px;font-weight:800}.ff-whm__swatch{width:28px;height:28px;border-radius:6px;border:1px solid rgba(10,25,38,.03)}.ff-whm__swatch--0{background:var(--ff-whm-band-0)}.ff-whm__swatch--1{background:var(--ff-whm-band-1)}.ff-whm__swatch--2{background:var(--ff-whm-band-2)}.ff-whm__swatch--3{background:var(--ff-whm-band-3)}.ff-whm__legend-note{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;color:#5e7185;font-size:11px;line-height:1.35}.ff-whm__legend-note span{color:#456178;font-size:18px}.ff-whm__result-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);gap:26px;margin-top:26px}.ff-whm__details,.ff-whm__report,.ff-whm__info-card,.ff-whm__faq details,.ff-whm__solutions{border:1px solid var(--ff-whm-border);border-radius:var(--ff-whm-radius);background:var(--ff-whm-panel);box-shadow:0 1px 2px #0a192608}.ff-whm__details{overflow:hidden}.ff-whm__card-header{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(90deg,#06345e,#0a1926);color:#fff}.ff-whm__card-header span{font-size:21px;color:#bfe4ff}.ff-whm__card-header h2{color:#fff;font-size:13px;line-height:1;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.ff-whm__stats{display:grid;grid-template-columns:.86fr .96fr 1fr;padding:28px 24px 22px}.ff-whm__stat{min-width:0;padding-right:26px;border-right:1px solid var(--ff-whm-border)}.ff-whm__stat+.ff-whm__stat{padding-left:26px}.ff-whm__stat:last-child{border-right:0;padding-right:0}.ff-whm__stat-label{display:block;margin-bottom:8px;color:#536a82;font-size:11px;line-height:1;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ff-whm__stat-value{display:block;color:var(--ff-whm-navy);font-size:clamp(24px,2.4vw,32px);line-height:1.02;font-weight:800}.ff-whm__ppm{display:flex;align-items:baseline;gap:8px;color:var(--ff-whm-navy);font-size:clamp(34px,3.5vw,48px);line-height:.9;font-weight:800;font-variant-numeric:tabular-nums}.ff-whm__ppm small{font-size:24px;font-weight:600}.ff-whm__stat-sub{display:block;margin-top:7px;color:#40556d;font-size:14px;line-height:1.2}.ff-whm__company{display:flex;align-items:center;gap:12px;min-width:0;color:var(--ff-whm-navy)}.ff-whm__company strong{max-width:150px;color:inherit;font-size:18px;line-height:1.1;font-weight:800}.ff-whm__company-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#18a857;color:#fff;font-size:13px;font-weight:900;letter-spacing:-.04em}.ff-whm__scale{padding:0 24px 22px}.ff-whm__scale-top{display:block;margin-bottom:32px;color:#536a82;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.ff-whm__scale-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:18px;border:1px solid #97c8ee;border-radius:999px;overflow:visible;background:#eaf5ff;box-shadow:inset 0 1px #ffffffbf}.ff-whm__segment:first-child{border-radius:999px 0 0 999px}.ff-whm__segment:last-of-type{border-radius:0 999px 999px 0}.ff-whm__segment--0{background:var(--ff-whm-band-0)}.ff-whm__segment--1{background:var(--ff-whm-band-1)}.ff-whm__segment--2{background:var(--ff-whm-band-2)}.ff-whm__segment--3{background:var(--ff-whm-band-3)}.ff-whm__marker{position:absolute;top:0;display:inline-flex;flex-direction:column;align-items:center;width:max-content;height:auto;filter:drop-shadow(0 3px 4px rgba(10,25,38,.18));transform:translate(-50%,-36px);transition:left .26s ease;pointer-events:none}.ff-whm__marker span{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 11px 6px;border-radius:999px;background:var(--ff-whm-navy);color:#fff;font-size:13px;line-height:1;font-weight:800;letter-spacing:0;white-space:nowrap}.ff-whm__marker:after{content:"";width:0;height:0;margin-top:4px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--ff-whm-navy)}.ff-whm__scale-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px;color:#1f334b;font-size:11px;line-height:1.2;font-weight:600;text-align:center}.ff-whm__scale-labels span{display:flex;min-width:0;flex-direction:column;gap:3px;align-items:center}.ff-whm__scale-labels strong{color:var(--ff-whm-navy);font-size:10px;line-height:1.1;font-weight:800;white-space:nowrap}.ff-whm__scale-labels small{color:#536a82;font-size:10px;line-height:1.15;font-weight:700}.ff-whm__interpretation{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center;margin:0 24px 22px;padding:18px;border:1px solid #cfe3f5;border-radius:8px;background:linear-gradient(90deg,#f0f8ff,#fbfdff)}.ff-whm__interpretation>span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--ff-whm-blue);font-size:39px}.ff-whm__interpretation div>span{display:block;margin-bottom:4px;color:var(--ff-whm-blue);font-size:12px;line-height:1;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ff-whm__interpretation strong{display:block;color:var(--ff-whm-navy);font-size:18px;line-height:1.2;font-weight:800}.ff-whm__interpretation p{margin-top:2px;color:#41546c;font-size:13px;line-height:1.35}.ff-whm__report{display:grid;grid-template-columns:54px 1fr;gap:18px 22px;align-content:center;min-height:100%;padding:clamp(24px,3vw,38px)}.ff-whm__report-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#e7f3ff;color:var(--ff-whm-blue);font-size:29px}.ff-whm__report-copy h2{color:var(--ff-whm-navy);font-size:21px;line-height:1.16;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.ff-whm__report-copy p{margin-top:10px;color:#40556d;font-size:14px;line-height:1.55}.ff-whm__report-copy ul{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}.ff-whm__report-copy li{position:relative;padding-left:26px;color:#34495f;font-size:13px;line-height:1.3}.ff-whm__report-copy li:before{content:"";position:absolute;top:.25em;left:4px;width:12px;height:7px;border-left:2px solid var(--ff-whm-blue);border-bottom:2px solid var(--ff-whm-blue);transform:rotate(-45deg)}.ff-whm__report-form{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:8px}.ff-whm__report-form input{width:100%;height:52px;padding:0 16px;border:1px solid var(--ff-whm-border-strong);border-radius:8px;background:#fff;color:var(--ff-whm-navy);font:500 14px/1.2 Noto Sans,sans-serif}.ff-whm__report-form input:focus{outline:0;border-color:var(--ff-whm-blue);box-shadow:0 0 0 4px #0077b624}.ff-whm__report-status{grid-column:1 / -1;margin-top:10px}.ff-whm__report.is-sent{border-color:#0f766e4d;background:linear-gradient(135deg,#fff,#f2fbfa)}.ff-whm__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}.ff-whm__info-card{display:grid;grid-template-columns:76px 1fr;gap:20px;min-height:176px;padding:28px}.ff-whm__info-icon{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:#e8f3ff;color:var(--ff-whm-blue);font-size:43px}.ff-whm__info-card h2,.ff-whm__split h2,.ff-whm__solutions-intro h2{color:var(--ff-whm-navy);font-size:21px;line-height:1.18;font-weight:800}.ff-whm__info-card p{margin-top:9px;color:#40556d;font-size:13px;line-height:1.55}.ff-whm__info-card a,.ff-whm__solutions a,.ff-whm__solutions-intro a{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--ff-whm-blue);font-size:12px;font-weight:800}.ff-whm__info-card a:after,.ff-whm__solutions-intro a:after{content:"->"}.ff-whm__split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:48px;margin-top:36px}.ff-whm__effects,.ff-whm__faq{min-width:0}.ff-whm__effect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 38px;margin-top:28px}.ff-whm__effect{display:grid;grid-template-columns:60px 1fr;gap:18px}.ff-whm__effect>svg{width:48px;height:48px;color:#0b2a4a;stroke-width:1.5}.ff-whm__effect h3{color:var(--ff-whm-navy);font-size:14px;line-height:1.2;font-weight:800}.ff-whm__effect p{margin-top:7px;color:#40556d;font-size:12px;line-height:1.55}.ff-whm__faq{display:grid;gap:12px}.ff-whm__faq h2{margin-bottom:8px}.ff-whm__faq details{overflow:hidden}.ff-whm__faq summary{position:relative;display:block;padding:18px 48px 18px 20px;color:var(--ff-whm-navy);font-size:14px;font-weight:800;cursor:pointer}.ff-whm__faq summary::-webkit-details-marker{display:none}.ff-whm__faq summary:after{content:"";position:absolute;top:50%;right:22px;width:9px;height:9px;border-right:2px solid #536a82;border-bottom:2px solid #536a82;transform:translateY(-65%) rotate(45deg);transition:transform .16s ease}.ff-whm__faq details[open] summary:after{transform:translateY(-35%) rotate(225deg)}.ff-whm__faq details p{padding:0 20px 18px;color:#40556d;font-size:13px;line-height:1.55}.ff-whm__solutions{display:grid;grid-template-columns:minmax(210px,.76fr) repeat(3,minmax(0,1fr));align-items:stretch;margin-top:34px;overflow:hidden}.ff-whm__solutions-intro{padding:24px;border-right:1px solid var(--ff-whm-border)}.ff-whm__solutions-intro p{margin-top:9px;color:#40556d;font-size:13px;line-height:1.45}.ff-whm__solution{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;min-width:0;padding:18px 24px;border-right:1px solid var(--ff-whm-border);color:var(--ff-whm-navy);transition:background-color .16s ease,transform .16s ease}.ff-whm__solution:last-child{border-right:0}.ff-whm__solution:hover{background:#f7fbff;transform:translateY(-1px);text-decoration:none}.ff-whm__solution img{width:112px;height:92px;object-fit:contain;mix-blend-mode:multiply}.ff-whm__solution strong,.ff-whm__solution small{display:block}.ff-whm__solution strong{color:var(--ff-whm-navy);font-size:14px;line-height:1.2;font-weight:800}.ff-whm__solution small{margin-top:7px;color:#40556d;font-size:11px;line-height:1.35}@media(max-width:1180px){.ff-whm__hero{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr)}.ff-whm__legend{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:0;margin-left:0;padding:16px 18px;border:1px solid var(--ff-whm-border);border-radius:8px;background:#fff}.ff-whm__legend-list{grid-template-columns:repeat(5,minmax(0,1fr));margin:0}.ff-whm__legend-note{max-width:180px}.ff-whm__result-grid,.ff-whm__split,.ff-whm__solutions{grid-template-columns:1fr}.ff-whm__solutions-intro,.ff-whm__solution{border-right:0;border-bottom:1px solid var(--ff-whm-border)}.ff-whm__solution:last-child{border-bottom:0}}@media(max-width:860px){.ff-whm{margin-top:-40px;padding:36px 16px}.ff-whm__hero{grid-template-columns:1fr;gap:22px;min-height:0}.ff-whm__hero-copy{padding-top:0;padding-left:0}.ff-whm__title{max-width:12ch;font-size:clamp(34px,11vw,48px)}.ff-whm__search,.ff-whm__report-form{grid-template-columns:1fr}.ff-whm__map{width:min(100%,520px);height:auto;max-height:none}.ff-whm__map-shell{justify-content:center}.ff-whm__map .ff-hwm-map-svg{width:100%;height:auto}.ff-whm__legend{grid-template-columns:1fr}.ff-whm__legend-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.ff-whm__legend-note{max-width:none}.ff-whm__stats,.ff-whm__cards,.ff-whm__effect-grid{grid-template-columns:1fr}.ff-whm__stat,.ff-whm__stat+.ff-whm__stat{padding:0;border-right:0}.ff-whm__stat+.ff-whm__stat{margin-top:18px;padding-top:18px;border-top:1px solid var(--ff-whm-border)}.ff-whm__scale-labels{font-size:9px}.ff-whm__interpretation{grid-template-columns:42px 1fr;margin:0 18px 18px;padding:15px}.ff-whm__report{grid-template-columns:44px 1fr;padding:22px}.ff-whm__report-icon{width:44px;height:44px;font-size:24px}.ff-whm__info-card{grid-template-columns:58px 1fr;padding:22px}.ff-whm__info-icon{width:52px;height:52px;font-size:34px}.ff-whm__solution{grid-template-columns:92px 1fr}.ff-whm__solution img{width:92px;height:78px}}@media(max-width:480px){.ff-whm__button{width:100%}.ff-whm__card-header{padding-inline:16px}.ff-whm__stats,.ff-whm__scale{padding-inline:18px}.ff-whm__scale-track,.ff-whm__scale-labels{grid-template-columns:repeat(4,minmax(0,1fr))}.ff-whm__scale-labels{display:flex;flex-wrap:wrap;justify-content:center}.ff-whm__scale-labels span{flex:0 1 86px}}@media(max-width:360px){.ff-whm__legend-list{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/202/assets/hard-water-map-mockup.css.map */