*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#061c2c;background:white;font:16px Arial,sans-serif}a{color:inherit}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}[hidden]{display:none!important}header{height:78px;display:flex;align-items:center;gap:24px;padding:0 5.2%;background:#fff}.logo{position:relative;width:280px;height:64px;overflow:hidden;flex-shrink:0}.logo img{position:absolute;width:1672px;max-width:none;left:-84px;top:-5px}nav{display:flex;align-items:center;gap:27px;margin-left:auto}nav a{text-decoration:none;font-size:14px;white-space:nowrap}nav a:hover,nav a.active{color:#007d86}.active{border-bottom:2px solid #007d86;padding:15px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:32px;background:#007d86;color:#fff;padding:16px 30px;text-decoration:none;font-weight:600;white-space:nowrap}.button:hover{background:#00646c}.top-cta{padding:15px 36px}.search-button{background:none;border:0;font-size:34px}#menu{display:none}.hero{height:422px;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0;background:url('assets/approved-design.png') center -78px / 1672px 941px no-repeat}.hero-copy{position:relative;padding:28px 0 0 5.2%;width:50%;height:100%;background:linear-gradient(90deg,#fff 65%,#ffffff00)}h1{font-size:64px;letter-spacing:-2.4px;line-height:1; margin:0 0 16px;font-weight:750}h1 span,h2 span{color:#007d86}.hero-copy>p{font-size:24px;line-height:1.2;margin:0 0 20px}.hero-copy>.button{font-size:19px;padding:16px 35px}.hero-features{display:flex;gap:26px;margin-top:40px;font-size:13px}.hero-features div{padding-left:12px;border-left:3px solid #007d86}.hero-features small{display:block;margin-top:4px}.featured{padding:20px 5.2% 14px;text-align:center}h2{font-size:36px;letter-spacing:-1px;margin:0 0 4px}.subtitle{margin:0;color:#304b59}.ad-note{font-size:12px;color:#52656a;margin:8px 0 12px}.filters{display:flex;justify-content:center;gap:8px;margin:10px 0 15px}.filters button{border:1px solid #c7dcdc;background:white;border-radius:25px;padding:7px 17px;color:#155559}.filters button[aria-pressed=true]{background:#e3f4f3;border-color:#007d86}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product{display:grid;grid-template-columns:42% 58%;text-align:left;border:1px solid #eef0ef;border-radius:15px;overflow:hidden;box-shadow:0 2px 12px #183c3b08;min-height:275px}.product-picture{background-image:url('assets/approved-design.png');background-repeat:no-repeat;background-size:1672px 941px;min-height:275px;background-color:#f8f8f8}.feeder{background-position:-86px -587px}.fountain{background-position:-850px -587px}.product-copy{padding:20px 22px}h3{font-size:20px;line-height:1.15;margin:0 0 10px}.product-copy p{font-size:15px;line-height:1.3;color:#304b59;margin:0 0 10px}ul{list-style:none;padding:0;margin:8px 0 15px;font-size:14px;color:#304b59}li{margin:6px 0}li:before{content:'✓';display:inline-grid;place-items:center;background:#007d86;color:white;width:17px;height:17px;font-size:12px;border-radius:50%;margin-right:8px}.product .button{font-size:15px;padding:13px 25px}.model-note{font-size:12px;line-height:1.5;color:#617176;max-width:850px;margin:16px auto 0}.benefits{background:#e5f5f5;display:flex;justify-content:space-around;gap:20px;padding:22px 5.2%;color:#084353}.benefits span{display:block;font-size:13px;margin-top:5px}.about{padding:45px 6%;max-width:1000px;margin:auto}.about h2{font-size:28px}.about p{line-height:1.65;color:#405961}details{border-top:1px solid #dce7e6;padding:15px 0}summary{cursor:pointer;font-weight:bold}footer{text-align:center;padding:24px;color:#526569;background:#f7faf9;font-size:13px}.search{display:flex;gap:10px;align-items:center;justify-content:center;margin:20px 0}.search input{padding:12px;border:1px solid #8ca9ac;border-radius:6px}.search .button{padding:12px 22px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b9882b;outline-offset:4px}
@media(min-width:1673px){.hero-art{background-size:100vw auto;background-position:center -4.665vw}.hero{height:25.24vw}.hero-copy{padding-top:2vw}h1{font-size:4vw}.hero-features{margin-top:2.4vw}}@media(max-width:1350px){header{gap:15px;padding:0 3%}.logo{width:260px}nav{gap:16px}nav a{font-size:12px}.top-cta{padding:14px 24px}h1{font-size:54px}.hero-copy{padding-left:4%}.hero-art{background-position:calc(50% + 40px) -78px}.hero-features{gap:14px}.product{grid-template-columns:40% 60%}.product-copy{padding:20px 16px}.product-picture{background-size:1505px 847px}.feeder{background-position:-78px -528px}.fountain{background-position:-765px -528px}}@media(max-width:1050px){header{height:78px;flex-wrap:wrap;position:relative;z-index:2}.logo{margin-right:auto}#menu{display:block;border:1px solid #d4e5e4;background:white;border-radius:6px;padding:10px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:20px;box-shadow:0 8px 16px #0001;flex-wrap:wrap}nav.open{display:flex}.hero-copy{width:58%;background:linear-gradient(90deg,#fff 78%,#fff0)}.hero-art{background-position:calc(50% + 160px) -78px}h1{font-size:48px}.hero-copy>p{font-size:20px}.hero-features{font-size:11px}.cards{grid-template-columns:1fr}.product{grid-template-columns:280px 1fr;max-width:760px;width:100%;margin:auto}.product-picture{background-size:1672px 941px}.feeder{background-position:-90px -587px}.fountain{background-position:-850px -587px}.benefits{flex-wrap:wrap}.benefits>div{width:40%}}
@media(max-width:650px){header{padding:0 16px;gap:8px}.logo{width:224px;height:55px}.logo img{width:1371px;left:-69px;top:-4px}.top-cta,.search-button{display:none}.hero{height:auto;display:flex;flex-direction:column}.hero-copy{order:0;width:100%;height:auto;padding:30px 22px 20px;background:white}.hero-art{order:1;position:relative;height:250px;background-size:995px 560px;background-position:right -47px}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero-copy>p{font-size:19px}.hero-copy>.button{font-size:16px;padding:14px 25px}.hero-features{margin-top:24px;gap:15px;justify-content:space-between}.hero-features div{padding-left:7px;font-size:10px}.featured{padding:25px 16px}h2{font-size:27px}.subtitle{font-size:14px;line-height:1.5}.ad-note{font-size:11px;line-height:1.5}.product{display:block}.product-picture{width:280px;height:275px;min-height:0;margin:auto}.product-copy{padding:20px 24px 25px}.product h3{font-size:22px}.product .button{width:100%}.filters button{font-size:12px;padding:8px 12px}.benefits{padding:24px 20px;gap:22px}.benefits>div{width:45%;font-size:13px}.benefits span{font-size:12px}.about{padding:32px 22px}.about h2{font-size:25px}.search{flex-wrap:wrap}.search label{width:100%}}