:root{--ink:#173d43;--ink-soft:#49646a;--teal:#138c95;--teal-deep:#0e5961;--mint:#e9f5f2;--paper:#f7faf8;--line:#dbe7e3;--gold:#e9c57b;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topline{height:34px;display:flex;align-items:center;justify-content:center;background:var(--teal-deep);color:#e7f6f4;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.site-header{height:82px;max-width:1320px;padding:0 38px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8efed}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:#dff1ed;border-radius:50%}.brand-mark svg{width:25px;height:25px;fill:none;stroke:var(--teal);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.brand-name{font-size:17px;line-height:1;font-weight:400;letter-spacing:.08em}.brand-name b{font-weight:800}.brand-name small{display:block;margin-top:5px;font-size:8px;letter-spacing:.27em;color:#678087}.main-nav{display:flex;align-items:center;gap:38px}.main-nav a,.header-link{font-size:12px;font-weight:600;letter-spacing:.035em}.main-nav a{color:#48636a;transition:color .18s}.main-nav a:hover,.text-link:hover,.card-link:hover{color:var(--teal)}.header-link{border:1px solid #bed2ce;padding:12px 16px;border-radius:3px}.header-link span{padding-left:10px;color:var(--teal)}.hero{max-width:1320px;min-height:572px;padding:48px 6.5% 34px;margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:24px;overflow:hidden}.hero-copy{position:relative;z-index:1;padding:6px 0 12px}.eyebrow{margin:0 0 19px;color:#548087;font-size:10px;font-weight:700;letter-spacing:.19em}.eyebrow>span{display:inline-block;width:7px;height:7px;margin-right:9px;background:#e6b85e;border-radius:50%;vertical-align:1px}.hero h1,.section-heading h2,.care-banner h2{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.99}.hero h1{font-size:clamp(48px,5.4vw,75px)}.hero h1 em,.section-heading h2 em,.care-banner h2 em{font-weight:400;color:#198d93}.hero-text{max-width:390px;margin:24px 0 26px;color:#647b7e;font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:21px;padding:15px 18px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.035em;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--teal-deep);color:#fff}.button-dark span,.button-light span{font-size:16px}.text-link{font-size:11px;font-weight:700;color:var(--ink);border-bottom:1px solid #a9c1bd;padding-bottom:5px}.text-link span{padding-left:6px;color:var(--teal)}.hero-note{display:flex;align-items:center;gap:11px;margin-top:35px;color:#688084;font-size:11px;line-height:1.55}.hero-note b{color:var(--ink)}.note-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid #c8ddd8;border-radius:50%;color:var(--teal);font-size:15px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.pool-scene{width:min(100%,610px);height:auto;filter:drop-shadow(0 18px 40px rgba(28,111,117,.11))}.art-label{position:absolute;bottom:5.8%;right:3%;padding:10px 13px;background:#fff;border:1px solid #e2ece9;border-radius:2px;box-shadow:0 9px 25px #16515a12;color:#547176;font-size:9px;font-weight:700;letter-spacing:.13em}.label-dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#d8b063;vertical-align:1px}.promise-row{max-width:1320px;margin:auto;padding:22px 8%;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e9efed;border-bottom:1px solid #e9efed}.promise-row>div{display:flex;align-items:center;gap:10px;color:#637a7e;font-size:11px;font-weight:600}.promise-symbol{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf6f3;color:var(--teal);font-size:15px}.section{max-width:1320px;margin:auto;padding:94px 6.5% 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:13px}.section-heading h2,.care-banner h2{font-size:clamp(38px,4vw,53px)}.section-heading h2 em{color:#198d93}.section-heading>.text-link{margin:0 0 6px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{border:1px solid #e2ebe8;background:#fff;transition:transform .22s,box-shadow .22s}.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #164a5010}.product-art{height:188px;position:relative;display:grid;place-items:center;overflow:hidden}.product-art:after{content:"";position:absolute;width:230px;height:100px;bottom:-64px;left:50%;transform:translateX(-50%);border-radius:50%;background:#ffffff55}.product-art svg{position:relative;z-index:1;width:170px;height:145px;filter:drop-shadow(0 9px 7px #174b5017)}.art-aqua{background:linear-gradient(140deg,#e7f4ee,#d5eeeb)}.art-sand{background:linear-gradient(140deg,#f7f1e5,#eee5ce)}.art-blue{background:linear-gradient(140deg,#e3f0f4,#d1e9ed)}.art-lime{background:linear-gradient(140deg,#edf2dc,#dfeacb)}.product-tag{position:absolute;z-index:2;left:13px;top:13px;padding:6px 8px;background:#ffffffbb;color:#557276;font-size:8px;font-weight:700;letter-spacing:.12em}.product-info{padding:18px 17px 20px}.product-type{color:#7d9899;font-size:8px;font-weight:700;letter-spacing:.16em}.product-info h3{margin:8px 0 7px;font-family:var(--serif);font-size:20px;font-weight:400;letter-spacing:-.02em}.product-info p{min-height:37px;margin:0 0 16px;color:#718588;font-size:11px;line-height:1.65}.card-link{font-size:10px;font-weight:700;color:var(--ink);border-bottom:1px solid #d7e4e0;padding-bottom:5px}.card-link span{padding-left:7px;color:var(--teal)}.care-banner{max-width:1160px;min-height:300px;margin:0 auto 95px;padding:50px 7%;display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:30px;background:#e9f4f0}.banner-mark{width:94px;height:94px;display:grid;place-items:center;background:#d4eae4;border-radius:50%}.banner-mark svg{width:58px;height:58px;fill:none;stroke:#278d8b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.care-banner .eyebrow{margin-bottom:13px}.care-banner h2{font-size:42px}.care-banner h2 em{color:#198d93}.banner-copy{max-width:510px;margin:15px 0 0;color:#627b7b;font-size:12px;line-height:1.8}.button-light{background:#fff;color:var(--ink);white-space:nowrap}.button-light:hover{background:#f8fffd;color:var(--ink)}.guide-section{max-width:1160px;margin:auto;padding:0 30px 94px}.guide-heading{margin-bottom:28px}.guide-heading>p{max-width:260px;margin:0 0 7px;color:#718588;font-size:12px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{padding:25px 25px 26px 0}.steps article+article{padding-left:25px;border-left:1px solid var(--line)}.steps article>span{color:#1c9296;font-family:var(--serif);font-size:20px}.steps h3{margin:12px 0 6px;font-family:var(--serif);font-size:20px;font-weight:400}.steps p{max-width:260px;margin:0;color:#75898b;font-size:11px;line-height:1.7}.site-footer{max-width:1320px;margin:auto;padding:26px 6.5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8efed}.brand-footer{min-width:0}.brand-footer .brand-mark{width:32px;height:32px}.brand-footer .brand-name{font-size:14px}.brand-footer .brand-name small{font-size:7px}.site-footer>p,.copyright{color:#788b8d;font-size:10px}.copyright{letter-spacing:.02em}
@media(max-width:900px){.site-header{padding:0 24px}.main-nav{gap:20px}.hero{padding:48px 5% 30px;grid-template-columns:1fr 1fr;min-height:500px}.hero h1{font-size:clamp(46px,6vw,65px)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.care-banner{margin:0 24px 80px;grid-template-columns:75px 1fr;gap:23px}.banner-mark{width:70px;height:70px}.banner-mark svg{width:45px}.button-light{grid-column:2;justify-self:start}.section{padding:75px 5%}.guide-section{padding-bottom:75px}}
@media(max-width:640px){.topline{font-size:8px;letter-spacing:.12em}.site-header{height:auto;min-height:72px;padding:14px 18px;gap:16px;flex-wrap:wrap}.brand{min-width:0}.brand-mark{width:33px;height:33px}.brand-name{font-size:14px}.main-nav{order:3;width:100%;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #edf1ef}.main-nav a{font-size:10px}.header-link{margin-left:auto;padding:10px 11px;font-size:9px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:48px 22px 26px;gap:4px}.hero-copy{padding:0}.hero h1{font-size:55px}.hero-text{font-size:13px;margin:20px 0}.hero-actions{gap:16px}.hero-note{margin-top:23px}.hero-art{margin:-6px -7px 0}.pool-scene{width:100%;max-width:470px}.art-label{bottom:4%;right:1%;font-size:7px}.promise-row{padding:17px 21px;display:grid;grid-template-columns:1fr;gap:12px}.promise-row>div{font-size:10px}.section{padding:62px 20px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:25px}.section-heading h2{font-size:41px}.product-grid{gap:11px}.product-art{height:145px}.product-art svg{width:140px;height:125px}.product-tag{top:9px;left:8px;padding:5px 6px;font-size:6px}.product-info{padding:13px 11px 15px}.product-info h3{font-size:17px}.product-info p{font-size:10px;min-height:49px}.care-banner{margin:0 14px 62px;padding:28px 22px;grid-template-columns:1fr;gap:17px}.banner-mark{width:56px;height:56px}.banner-mark svg{width:34px}.care-banner h2{font-size:38px}.banner-copy{font-size:11px}.button-light{grid-column:auto}.guide-section{padding:0 20px 65px}.guide-heading>p{margin:0}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:18px 0;border-left:0}.steps article+article{border-top:1px solid var(--line)}.steps article>span{font-size:17px}.steps h3{margin:7px 0 4px}.site-footer{padding:20px;gap:10px;flex-wrap:wrap}.site-footer>p{margin-left:auto}.copyright{width:100%;padding-left:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
