body{font-family:Heebo,Arial,sans-serif;font-size:16px;line-height:1.75;font-weight:400}
button,input,select,textarea{font-family:inherit;font-size:16px}
body h1,body h2,body h3{font-family:Heebo,Arial,sans-serif;letter-spacing:normal!important;line-height:1.25!important;font-weight:600!important;text-wrap:balance;overflow-wrap:break-word}
body .hero h1{font-size:clamp(38px,5.1vw,66px);max-width:10ch}
body .section-head h2,body .process h2,body .water-page-heading h1,body .contact-grid h1,body .contact-grid h2{font-size:clamp(28px,3.3vw,42px)}
body .water-product-copy h1{font-size:clamp(28px,3vw,40px);line-height:1.3!important}
body .water-stories .model-panel h3{font-size:clamp(28px,3vw,38px)}
body .eyebrow,body .hero-foot,body .model-tag,body .osmoza-story-copy>span{letter-spacing:normal;font-size:14px;line-height:1.6}
body .hero p,body .osmoza-story-copy p{font-size:18px;line-height:1.85;max-width:48ch}
body .principles p,body .section-head p,body .steps p,body .water-contact-channels p{font-size:16px;line-height:1.8}
body .principles h3,body .steps h3{font-size:21px}
body .water-richtext{font-size:17px;line-height:1.85}
body .water-richtext p,body .water-richtext ul{max-width:70ch}
body .water-richtext h2{font-size:28px}body .water-richtext h3{font-size:22px}
body .water-richtext li{margin-block:10px}
body .water-price,body .water-offer-card strong{font-variant-numeric:tabular-nums}
body .btn{font-weight:600;line-height:1.4;min-height:48px}
body .nav nav{gap:20px}body .nav nav a,body .water-header-actions a{font-size:15px}
body .water-offer-unit,body .water-offer-saving,body .water-offer-footnote,body .water-stories .model-panel .model-note{font-size:14px;line-height:1.6}
body .water-maintenance-offers legend{font-size:17px}
body .water-offer-includes{font-size:16px;line-height:1.8}
body .water-offer-card strong{font-size:clamp(24px,2.2vw,30px)}
body .water-offer-summary p{overflow-wrap:anywhere}
body .water-breadcrumb{line-height:1.8;font-size:14px}
body .water-footer h2{font-size:26px}body .water-footer p,body .water-footer nav a{font-size:15px}
body .water-footer-bottom{font-size:13px}
body .contact-form :is(input,select,textarea){font-size:16px;line-height:1.6;min-height:48px}
body :is(h1,h2,h3,[id^=product-details-]){scroll-margin-top:24px}
@media(max-width:700px){body .hero h1{font-size:42px}body .hero p{font-size:17px}body .hero-foot{flex-wrap:wrap;gap:10px 18px}body .section-head h2{font-size:32px}body .water-comparison th,body .water-comparison td{font-size:15px;padding:18px 16px}body .water-offer-mode label{font-size:15px}body .water-offer-card{padding:18px 14px}body .water-offer-unit,body .water-offer-saving{font-size:14px}body .water-richtext{font-size:16px}body .water-product-copy h1{font-size:30px}body .water-header-actions{gap:12px}body .water-header .nav{gap:12px}body .water-offer-summary .btn{width:100%}}
@media(max-width:520px){body .water-maintenance-offers .water-offer-cards{grid-template-columns:1fr;gap:12px}body .water-offer-card{flex-direction:row;gap:14px;align-items:flex-start}body .water-offer-card-content{width:100%;gap:7px}body .water-offer-card strong{font-size:28px}body .water-offer-quantity{font-size:17px}body .water-offer-mode{display:grid;grid-template-columns:1fr}body .water-offer-mode label{border-radius:12px}body .water-offer-mode legend{grid-column:1/-1}body .water-search-row{flex-wrap:wrap}body .water-search-row input{flex-basis:65%}}

