.site-header{position:sticky;top:0;z-index:50;gap:24px}.site-header>a{flex:none}.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2vw,34px);margin-left:auto}.site-nav a{color:#090d38;font-size:.95rem;font-weight:700;white-space:nowrap;transition:color .2s}.site-nav a:hover,.site-nav a:focus-visible{color:#008b95}.launch-label{flex:none;font-size:.82rem!important;letter-spacing:.14em!important;padding-left:12px}.menu-toggle{display:none}.site-nav a:focus-visible,.menu-toggle:focus-visible{outline:3px solid #08b9c7;outline-offset:4px}#benefits,#water-types-heading,#faq-heading{scroll-margin-top:92px}
@media(max-width:920px){.site-header{gap:14px}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 24px 22px;background:#fff;box-shadow:0 14px 24px #002d3b1f;border-top:1px solid #d6f0f2;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:14px 4px;border-bottom:1px solid #e6f1f3;font-size:1rem}.launch-label{margin-left:auto;padding:0;font-size:.73rem!important}.menu-toggle{display:flex;flex:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:0;border-radius:8px;background:#e6f7f8;cursor:pointer}.menu-toggle span{display:block;width:21px;height:2px;margin:0 auto;border-radius:2px;background:#005555;transition:transform .25s,opacity .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}}
@media(max-width:500px){.site-header{padding:0 18px}.site-header>a{font-size:1.55rem;gap:4px}.site-header>a svg{width:25px;height:34px}.launch-label{font-size:.59rem!important;letter-spacing:.08em!important}.menu-toggle{width:38px;height:38px}}
@media(max-width:420px){.launch-label{display:none}.menu-toggle{margin-left:auto}}
.site-header .site-logo{display:flex;align-items:center;flex:none}.site-header .site-logo img{display:block;width:clamp(175px,18vw,240px);height:auto;max-height:68px;object-fit:contain}@media(max-width:500px){.site-header .site-logo img{width:175px;max-height:60px}}