
:root{--blue:#0d8be0;--deepblue:#317dba;--cyan:#5dc0dc;--green:#8ccf56;--ink:#192833;--muted:#54646d;--panel:#fff;--line:#dce7ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65}a{color:#197db0}img{max-width:100%;height:auto}button,a{ -webkit-tap-highlight-color:transparent}
body.landing{min-height:100vh;background:linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.68)),url('../assets/site-bg.png') center/cover fixed no-repeat;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:34px 20px}
.glass{width:100%;max-width:760px;background:rgba(0,0,0,.24);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:52px 42px;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.landing-logo{width:100%;max-width:590px;display:block;margin:0 auto 28px}.short-rule{width:160px;height:1px;background:rgba(255,255,255,.18);margin:0 auto 28px}.landing h1{font-size:clamp(26px,3.2vw,39px);font-weight:400;line-height:1.2;margin:0 0 18px}.landing-intro{font-size:18px;color:rgba(255,255,255,.84);max-width:560px;margin:0 auto 30px}.actions,.category-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border-radius:50px;color:#fff;text-decoration:none;font-weight:700;font-size:14px;border:0;transition:transform .2s,filter .2s,box-shadow .2s;cursor:pointer}.btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 26px #0003}.btn:focus-visible,a:focus-visible{outline:3px solid #ffe286;outline-offset:4px}.btn.blue{background:linear-gradient(135deg,#0d8be0,#0b6cb3)}.btn.green{background:linear-gradient(135deg,#8ccf56,#6eaf42)}.btn.cyan{background:linear-gradient(135deg,#5ec4d5,#3298bd)}.btn.darker{background:linear-gradient(135deg,#407ab9,#285d98)}.btn.static{cursor:default}.btn.static:hover{transform:none;box-shadow:none;filter:none}.tiny-footer{font-size:12px;color:rgba(255,255,255,.72);margin:33px auto 0;max-width:680px}.tiny-footer p{margin:5px 0}.tiny-footer a{color:#dceefa;text-decoration:underline;text-underline-offset:3px}.category-links{flex-direction:column;align-items:stretch;max-width:425px;margin:26px auto}.category-links .btn{border-radius:14px;padding:18px}.back-link{display:inline-block;margin-top:20px;color:#d4e8f9}
.site-header{background:#131b20;color:white;padding:17px max(22px,calc((100vw - 1130px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.brand img{display:block;width:225px}.nav{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.nav a{color:#e4f0f6;text-decoration:none;font-size:14px;font-weight:700}.nav a:hover,.nav a[aria-current=page]{color:#8ccf56}.hero{background:linear-gradient(120deg,#10191fe8,#0b2122bd),url('../assets/site-bg.png') center/cover;padding:66px 22px;color:white;text-align:center}.hero h1{font-weight:400;font-size:clamp(34px,5vw,56px);line-height:1.12;margin:0 0 14px}.hero p{max-width:680px;margin:0 auto;color:#dbe6e9;font-size:18px}.main-content{max-width:1120px;margin:auto;padding:60px 24px 86px}.lead{font-size:18px;color:#4e606a;max-width:850px}.section{margin-top:60px}.section h2{color:#258dbf;font-size:clamp(25px,3.1vw,36px);line-height:1.2;margin:0 0 18px}.section h3{font-size:21px;color:#2f9ec1;margin:22px 0 10px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;color:#478fac}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split.wide-right{grid-template-columns:.85fr 1.15fr}.split.wide-left{grid-template-columns:1.15fr .85fr}.media{width:100%;border-radius:16px;box-shadow:0 15px 35px #182d3a17;display:block}.media.contain{object-fit:contain;background:#f4f8fa;max-height:540px;padding:15px}.feature-list{padding-left:21px}.feature-list li{margin:9px 0}.feature-list li::marker{color:#299fca}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:25px;border:1px solid var(--line);border-radius:16px;background:#f8fbfc}.card h3{margin:0 0 8px;color:#238db5}.table-scroll{overflow-x:auto;margin:22px 0 10px;border-radius:12px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:14px;min-width:590px}th,td{border-bottom:1px solid #dce7ec;padding:11px 13px;text-align:left;vertical-align:top}thead{background:linear-gradient(90deg,#55aed0,#9aca77);color:white}tbody tr:nth-child(even){background:#f6fafb}tbody tr:last-child td{border-bottom:0}.note{color:var(--muted);font-size:13px}.two-products{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-box{background:#f8fbfc;border:1px solid var(--line);padding:28px;border-radius:16px}.product-box h3{margin-top:0}.site-footer{background:#121d23;color:#c8d5d9;text-align:center;padding:32px 20px;font-size:13px}.site-footer a{color:#d2edf7}.site-footer p{margin:7px 0}.breadcrumb{margin:0 0 28px;font-size:13px}.breadcrumb a{color:#237eb0}.contact-strip{padding:25px;background:#eaf6f9;border-radius:16px;text-align:center;margin-top:60px}.contact-strip p{margin:4px 0 15px}.contact-strip .btn{margin:5px}
@media(max-width:800px){.split,.split.wide-left,.split.wide-right{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.two-products{grid-template-columns:1fr}.main-content{padding:36px 18px 62px}.section{margin-top:44px}.site-header{justify-content:center;text-align:center}.nav{justify-content:center;gap:12px}.hero{padding:46px 20px}body.landing{background-attachment:scroll}.glass{padding:37px 22px}.landing-intro{font-size:16px}.actions{flex-direction:column;align-items:center}.actions .btn{width:100%;max-width:330px}.tiny-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Product presentation V2 */
body:not(.landing){font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.section h2{letter-spacing:-.035em;font-weight:750}
.section h3{letter-spacing:-.02em}
.lead{font-size:clamp(18px,2vw,21px);line-height:1.7}
.section{margin-top:74px}
.product-visual{background:#f1f7f9;border:1px solid #e4eff3;border-radius:22px;min-height:475px;padding:30px;display:flex;align-items:center;justify-content:center}
.product-photo{display:block;max-width:100%;width:auto;height:420px;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(20,45,60,.10))}
.tap-showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:26px 0 58px}
.tap-tile{border:1px solid #e2edf1;background:#f8fbfc;border-radius:17px;padding:25px 20px 18px;text-align:center;display:flex;flex-direction:column;align-items:center}
.tap-tile img{height:205px;width:100%;object-fit:contain;display:block}
.tap-tile span{color:#34515f;font-weight:650;font-size:14px;margin-top:12px}
.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:34px 0 38px}
.equipment-grid.softeners-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.equipment-card{border:1px solid #e1ecf0;border-radius:20px;background:white;overflow:hidden;padding:0 0 24px;text-align:center;box-shadow:0 10px 35px rgba(10,40,55,.045)}
.equipment-image{background:#f3f8fa;min-height:330px;display:flex;align-items:center;justify-content:center;padding:24px}
.equipment-image img{height:290px;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 15px rgba(15,38,50,.08))}
.equipment-card h3{font-size:22px;margin:18px 12px 3px;color:#238db5}
.equipment-card p{font-size:14px;color:#51646c;margin:4px 20px 0}
.softeners-grid .equipment-image{min-height:350px}.softeners-grid .equipment-image img{height:320px}
.salt-grid .equipment-image{min-height:345px}.salt-grid .equipment-image img{height:300px}
.technical-section{display:block}.technical-section>.media{display:none}
.contact-strip{padding:30px 20px;margin-top:58px}.contact-strip h2{font-size:29px;margin:0 0 8px}.contact-strip p{margin-bottom:15px}
@media(max-width:800px){.equipment-grid.softeners-grid{grid-template-columns:1fr 1fr}.product-visual{min-height:320px}.product-photo{height:310px}.section{margin-top:48px}}
@media(max-width:560px){.equipment-grid,.equipment-grid.softeners-grid,.tap-showcase{grid-template-columns:1fr}.equipment-image{min-height:285px}.equipment-image img{height:250px}.tap-tile img{height:190px}}

/* 2026 WaterSilk refresh: brochure-aligned type and additional product media */
body,body:not(.landing),button,.btn,input,select,textarea{font-family:'Lato',Arial,Helvetica,sans-serif}
h1,h2,h3,.section h2,.section h3{font-family:'Lato',Arial,Helvetica,sans-serif;letter-spacing:-.018em}
.hero h1{font-weight:900}.landing h1{font-weight:700}.section h2{font-weight:900}.section h3{font-weight:700}.btn,.nav a{font-weight:700}
.hero{background-position:center}.hero-filters{background-image:linear-gradient(120deg,#10191fee,#0b2122c8),url('../assets/site-bg.png')}.hero-softeners,.hero-salt,.hero-taps{background-image:linear-gradient(120deg,#10191fee,#0b2122c8),url('../assets/site-bg.png')}
.tap-tile-link{display:block;text-decoration:none;color:inherit;border-radius:17px;transition:transform .2s,box-shadow .2s}.tap-tile-link:hover{transform:translateY(-4px);box-shadow:0 13px 30px #122d3b1c}.tap-tile-link:focus-visible{outline:3px solid #0d8be0;outline-offset:4px}
.tap-tile-link .tap-tile{height:100%}.tap-showcase{margin-bottom:10px}.tap-gallery-hint{text-align:center;margin:8px 0 45px;color:var(--muted)}.tap-gallery-hint a{font-weight:700}.footnote-list{list-style:none;font-style:italic;font-size:12px;color:var(--muted);margin-top:8px!important}
.brochure-cta{margin:64px 0 12px;background:#edf7f9;border:1px solid #d6eaf0;border-radius:20px;padding:31px 35px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brochure-cta h2{margin:3px 0 5px;font-size:clamp(23px,3vw,30px);line-height:1.2;color:#238db5;font-weight:900}.brochure-cta p{margin:0;color:#526875}.brochure-cta .btn{white-space:nowrap}
.lifestyle-banner{margin:64px 0 15px;position:relative;border-radius:22px;overflow:hidden;background:#ecf3f5;box-shadow:0 12px 32px #10293817}.lifestyle-banner img{width:100%;height:clamp(260px,36vw,410px);object-fit:cover;display:block}.image-salt img{object-position:center 48%}.image-softener img{object-position:center 50%}.image-drinking img{object-position:center 45%}.lifestyle-banner figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 26px 22px;background:linear-gradient(transparent,#0a1e27b8);color:white;font-size:clamp(19px,2.7vw,27px);font-weight:700}
.warranty-section{display:grid;grid-template-columns:minmax(220px,.72fr) 1.28fr;gap:44px;align-items:center;background:#f5f9fa;border:1px solid #e2edf1;border-radius:22px;padding:32px 45px}.warranty-art{text-align:center}.warranty-art img{width:100%;max-width:335px;object-fit:contain;filter:drop-shadow(0 13px 15px #193c2c12)}.warranty-copy h2{margin-top:5px}.warranty-copy p{margin:11px 0}.warranty-copy .note{margin-top:18px}
.finishes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px}.finish-card{border-radius:18px;border:1px solid #dfebf0;background:white;overflow:hidden;text-align:center;box-shadow:0 6px 25px #162d3a0b}.finish-image{background:#f8fbfc;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:15px}.finish-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.finish-card h3{font-size:18px;color:#287eaa;margin:15px 12px 20px}.back-to-products{margin-top:32px}.section-intro{max-width:760px;color:#526875}
@media(max-width:800px){.warranty-section{grid-template-columns:1fr;padding:26px;gap:12px}.warranty-art img{max-width:270px}.brochure-cta{padding:25px;flex-direction:column;align-items:flex-start}.finishes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lifestyle-banner{margin-top:44px}}
@media(max-width:520px){.finishes-grid{grid-template-columns:1fr 1fr;gap:12px}.finish-card h3{font-size:15px}.finish-image{padding:9px}.brochure-cta .btn{white-space:normal}.warranty-section{padding:20px}}
