:root{--ink:#16383b;--muted:#567174;--brand:#08777c;--brand-dark:#075e63;--brand-deep:#073f44;--accent:#9ad8c7;--surface:#f3f8f7;--white:#fff;--border:#d7e4e2;--shadow:0 18px 50px #073f441a;--radius:18px;--container:1180px;color:var(--ink);background:var(--white);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-size:16px;line-height:1.65}body,button,a{-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}p{margin:0 0 1rem}h1,h2,h3{letter-spacing:-.035em;margin:0;line-height:1.12}h1{font-size:clamp(2.7rem,7vw,5.6rem)}h2{font-size:clamp(2rem,4vw,3.35rem)}h3{font-size:1.35rem}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.narrow{max-width:820px}.section{padding:clamp(76px,10vw,128px) 0}.section-muted{background:var(--surface)}.section-heading{max-width:720px;margin-bottom:48px}.eyebrow{color:var(--brand);letter-spacing:.15em;text-transform:uppercase;margin-bottom:15px;font-size:.76rem;font-weight:800}.eyebrow-light{color:var(--accent)}.button{border:1px solid var(--brand);background:var(--brand);min-height:50px;color:var(--white);border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-weight:750;transition:transform .16s,background-color .16s;display:inline-flex}.button:hover{background:var(--brand-dark);transform:translateY(-2px)}.button-small{min-height:42px;padding-inline:20px}.button-light{border-color:var(--white);background:var(--white);color:var(--brand-deep)}.button-light:hover{background:var(--accent)}.button-outline-light{background:0 0;border-color:#fff9}.button-outline-light:hover{background:#ffffff1f}.skip-link{z-index:100;background:var(--white);color:var(--brand-deep);border-radius:6px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #073f4414;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:78px;display:flex}.brand img{width:242px}.desktop-nav{align-items:center;gap:30px;font-size:.94rem;font-weight:700;display:flex}.desktop-nav>a:not(.button):hover{color:var(--brand)}.mobile-nav{display:none;position:relative}.mobile-nav summary{cursor:pointer;place-content:center;gap:5px;width:44px;height:44px;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{background:var(--ink);width:24px;height:2px;display:block}.mobile-nav nav{border:1px solid var(--border);background:var(--white);width:min(290px,100vw - 40px);box-shadow:var(--shadow);border-radius:12px;display:grid;position:absolute;top:52px;right:0;overflow:hidden}.mobile-nav nav a{border-bottom:1px solid var(--border);padding:13px 18px;font-weight:700}.hero{min-height:min(780px,100vh - 78px);color:var(--white);background:url(/images/hero-water-treatment.jpg) 50%/cover no-repeat;place-items:center;display:grid;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(90deg,#043136f2 0%,#04373bd1 52%,#04373b47 100%),linear-gradient(#0000,#04373b52);position:absolute;inset:0}.hero-content{padding-block:90px;position:relative}.hero-content h1{max-width:870px}.hero-lead{color:#ffffffdb;max-width:750px;margin:28px 0 36px;font-size:clamp(1.08rem,2vw,1.3rem)}.button-row{flex-wrap:wrap;gap:14px;display:flex}.intro{text-align:center}.intro h2{margin-bottom:30px}.large-copy{color:var(--muted);font-size:1.08rem}.card-grid{gap:20px;display:grid}.benefits-grid{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);box-shadow:0 8px 30px #073f440a}.benefit-card{padding:30px}.card-number{color:var(--brand);letter-spacing:.12em;margin-bottom:44px;font-size:.8rem;font-weight:800;display:block}.benefit-card h3{margin-bottom:12px}.benefit-card p{color:var(--muted);margin:0}.split{grid-template-columns:1fr 1fr;align-items:stretch;gap:clamp(40px,7vw,90px);display:grid}.about-image{border-radius:var(--radius);min-height:620px;box-shadow:var(--shadow);background:url(/images/hero-water-treatment.jpg) 50%/cover no-repeat}.about-copy{align-self:center}.about-copy h2{margin-bottom:26px}.about-copy>p:not(.eyebrow,.signature){color:var(--muted)}.signature{margin:28px 0 16px;font-size:1.1rem;font-weight:800}.about-copy img{width:210px}.features-section{background:var(--brand-deep);color:var(--white)}.heading-light h2{color:var(--white)}.feature-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.feature{border-top:1px solid #ffffff38;padding-top:22px}.feature>span{background:var(--accent);width:38px;height:38px;color:var(--brand-deep);border-radius:50%;place-items:center;margin-bottom:28px;font-weight:900;display:grid}.feature h3{margin-bottom:12px}.feature p{color:#ffffffb8;margin:0}.plans-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:22px;display:grid}.plan-card{border:1px solid var(--border);border-radius:var(--radius);padding:36px 32px;position:relative}.plan-card.featured{border:2px solid var(--brand);box-shadow:var(--shadow)}.plan-badge{background:var(--brand);color:var(--white);text-transform:uppercase;border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:800;position:absolute;top:-14px;left:26px}.plan-card h3{font-size:1.55rem}.plan-subtitle{min-height:52px;color:var(--muted);margin:10px 0 24px}.plan-card ul{gap:11px;margin:0 0 30px;padding:0;list-style:none;display:grid}.plan-card li{color:var(--muted);padding-left:24px;font-size:.92rem;position:relative}.plan-card li:before{color:var(--brand);content:"✓";font-weight:900;position:absolute;top:0;left:0}.text-link{color:var(--brand);font-weight:800}.text-link span{margin-left:4px;transition:margin-left .16s}.text-link:hover span{margin-left:9px}.contact-section{background:var(--brand);color:var(--white)}.contact-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(40px,8vw,110px);display:grid}.contact-grid h2{margin-bottom:24px}.contact-grid>div>p:not(.eyebrow){color:#ffffffc7;max-width:620px;margin-bottom:30px;font-size:1.08rem}.contact-card{border-radius:var(--radius);background:#ffffff1a;border:1px solid #fff3;gap:22px;margin:0;padding:34px;font-style:normal;display:grid}.contact-card div{display:grid}.contact-card span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.contact-card a,.contact-card p{margin:2px 0 0;font-size:1.06rem;font-weight:700}.contact-card a:hover{text-decoration:underline}.site-footer{color:#ffffffb3;background:#052f33;padding:64px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:50px;display:grid}.footer-grid>div{align-content:start;gap:8px;display:grid}.footer-logo{filter:brightness(0)invert();width:210px;margin-bottom:14px}.footer-grid p{max-width:430px}.footer-grid strong{color:var(--white);margin-bottom:8px}.footer-grid a:hover{color:var(--white)}.footer-bottom{border-top:1px solid #ffffff1f;justify-content:space-between;margin-top:48px;padding-top:22px;font-size:.82rem;display:flex}.page-hero{background:var(--brand-deep);color:var(--white);padding:92px 0}.page-hero h1{font-size:clamp(2.5rem,6vw,4.8rem)}.page-hero p:last-child{color:#ffffffb8;margin:18px 0 0}.legal-content{font-size:1.04rem}.legal-content>p,.legal-content section p{color:var(--muted)}.legal-content section{margin-top:42px}.legal-content h2{margin-bottom:18px;font-size:1.75rem}.not-found{text-align:center;min-height:62vh;padding-block:120px}.not-found p:not(.eyebrow){color:var(--muted);margin:20px 0 30px;font-size:1.1rem}@media (width<=980px){.benefits-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.plans-grid{grid-template-columns:1fr}.plan-subtitle{min-height:0}}@media (width<=760px){.container{width:min(calc(100% - 30px), var(--container))}.desktop-nav{display:none}.mobile-nav{display:block}.brand img{width:205px}.hero{min-height:690px}.hero-overlay{background:#043136db}.split,.contact-grid,.footer-grid{grid-template-columns:1fr}.about-image{min-height:400px}.footer-bottom{flex-direction:column;gap:8px}}@media (width<=560px){.benefits-grid,.feature-grid{grid-template-columns:1fr}.button-row .button{width:100%}.plan-card,.contact-card{padding:28px 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}