:root{--navy:#062c46;--teal:#074c5a;--aqua:#00b9d8;--soft:#ddf7fa;--warm:#f7f5ef;--ink:#18272f;--white:#fff;--yellow:#fff200;--line:#c8dde1;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;background:#fff}img{max-width:100%;height:auto;display:block}a{color:var(--teal);text-underline-offset:3px}.wrap{width:min(var(--max),calc(100% - clamp(40px,12vw,192px)));margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:99}header{height:92px;background:#fff;border-bottom:1px solid #deeaec;position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;gap:2rem}.brand{margin-right:auto}.brand img{width:210px}.header-inner nav{display:flex;gap:1.35rem}.header-inner nav a{text-decoration:none;color:var(--ink);font-weight:700;font-size:.88rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.8rem 1.2rem;background:var(--aqua);color:#042b3a;text-decoration:none;font-weight:850;letter-spacing:.04em;border:0;border-radius:3px;cursor:pointer}.button:hover,.button:focus{background:var(--yellow)}.ghost{background:transparent;color:#fff;border:1px solid #8ccfda}.menu{display:none}.hero{min-height:650px;background:linear-gradient(90deg,rgba(6,44,70,.97) 0%,rgba(6,44,70,.82) 42%,rgba(6,44,70,.12) 67%),url('/assets/images/north-port-water-softener-hero.webp') center/cover no-repeat;color:#fff;display:flex;align-items:center}.hero-copy{padding-block:5rem}.hero-copy>*{max-width:650px}.eyebrow{font-size:.78rem;letter-spacing:.17em;font-weight:850;color:var(--aqua)}h1,h2,h3{line-height:1.08;margin:0 0 .7em;color:var(--navy);letter-spacing:-.035em}h1{font-size:clamp(2.7rem,6vw,5.7rem);max-width:780px}.hero h1{color:#fff;font-size:clamp(3rem,6vw,5.5rem)}h2{font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.35rem}.hero p{font-size:1.2rem;max-width:630px;color:#d8eef1}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.intro{padding-block:4rem}.lede{font-size:clamp(1.45rem,2.6vw,2.2rem);line-height:1.35;max-width:900px;color:var(--navy)}.proof{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.proof span{border-top:3px solid var(--aqua);padding-top:.75rem;flex:1;min-width:210px;font-weight:800}.checker{background:var(--navy);color:#fff;padding:clamp(3rem,6vw,6rem);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,6vw,7rem)}.checker h2,.checker legend{color:#fff}.checker form{background:#fff;color:var(--ink);padding:clamp(1.4rem,3vw,2.5rem)}label,legend{font-weight:750}input,select,textarea{font:inherit;width:100%;padding:.75rem;border:1px solid #8ea9ae;border-radius:2px;margin:.35rem 0 1rem}.checker input[type=radio],.checker input[type=checkbox]{width:auto;margin:.2rem .35rem .2rem 0}fieldset{border:0;padding:0;margin:1rem 0}.checks{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.checks label{font-weight:500}.result{margin-top:1rem;background:var(--soft);color:var(--ink);padding:1.5rem;grid-column:2}.split{padding-block:clamp(4rem,8vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.split img{aspect-ratio:16/10;object-fit:cover}.text-link{font-weight:800}.band{background:var(--warm);padding-block:clamp(4rem,8vw,7rem)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cards article{background:#fff;border:1px solid #d8e5e6;padding:2rem}.cards b{color:var(--aqua);font-size:1.5rem}.cards a{font-weight:800}.before{padding-block:clamp(4rem,8vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:1rem}.before>div{position:relative}.before small{position:absolute;bottom:0;left:0;background:var(--navy);color:#fff;padding:.6rem}.before-copy{grid-column:1/-1;max-width:800px;margin:3rem auto 0;text-align:center}.process ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:1rem}.process li{border-top:2px solid var(--aqua);padding-top:1.3rem}.process li b{color:var(--teal)}.faq{padding-block:clamp(4rem,8vw,8rem);max-width:950px}.accordion details{border-top:1px solid var(--line);padding:1.2rem 0}.accordion summary{font-size:1.15rem;font-weight:800;color:var(--navy);cursor:pointer}.final-cta{background:linear-gradient(90deg,rgba(6,44,70,.95),rgba(7,76,90,.72)),url('/assets/images/clean-water-cta-background.webp') center/cover;color:#fff;padding-block:clamp(5rem,10vw,9rem)}.final-cta h2{color:#fff;max-width:800px}.final-cta p{max-width:720px;font-size:1.1rem}.page-hero{background:var(--navy);color:#fff;padding-block:clamp(4rem,7vw,7rem)}.page-hero h1{color:#fff;font-size:clamp(2.7rem,5vw,4.8rem)}.page-hero p{font-size:1.2rem;max-width:760px;color:#d7edf0}.crumb{margin-bottom:3rem;color:#a9dfe6}.crumb a{color:#fff}.article{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,.8fr);gap:clamp(2rem,6vw,6rem);padding-block:clamp(3rem,7vw,7rem);align-items:start}.article-main{min-width:0}.article-main>p{font-size:1.08rem;max-width:760px}.article-main h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-top:2.2rem}.feature{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:3rem}.article-main aside{background:var(--soft);border-left:4px solid var(--aqua);padding:1.5rem;margin:2rem 0}.side-card{position:sticky;top:120px;background:var(--warm);padding:2rem}.side-card .button{margin:1rem 0;display:flex}.side-card>a:last-child{font-weight:800;display:block}.form-section{padding-block:clamp(3rem,7vw,7rem);display:grid;grid-template-columns:2fr 1fr;gap:clamp(2rem,6vw,6rem)}.lead-form{border:1px solid var(--line);padding:clamp(1.3rem,4vw,2.5rem)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.fields .full{grid-column:1/-1}.fine{font-size:.82rem;color:#4b6068}.hp{position:absolute;left:-9999px}.form-section aside{background:var(--soft);padding:2rem;align-self:start}.legal{padding-block:clamp(3rem,7vw,7rem);max-width:900px}.legal>section{display:grid;grid-template-columns:60px 1fr;border-top:1px solid var(--line);padding:1.5rem 0}.legal h3{color:var(--aqua)}footer{background:#031f31;color:#c9dde1;padding-top:4rem}footer a{color:#e7f6f8;text-decoration:none;display:block;margin:.5rem 0}footer h2{color:#fff;font-size:1rem;letter-spacing:.08em}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:3rem}.footer-grid img{width:210px;filter:brightness(0) invert(1)}.footnote{border-top:1px solid #244656;margin-top:3rem;padding:1.5rem 0;display:flex;justify-content:space-between;font-size:.85rem}@media(max-width:1000px){.header-inner nav{display:none;position:absolute;top:91px;left:0;right:0;background:#fff;padding:1.5rem;flex-direction:column;border-bottom:1px solid var(--line)}.header-inner nav.open{display:flex}.menu{display:block;background:transparent;border:1px solid var(--line);padding:.65rem}.header-cta{display:none}.checker{grid-template-columns:1fr}.result{grid-column:auto}.cards,.process ol{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.article,.form-section{grid-template-columns:1fr}.side-card{position:static}}@media(max-width:680px){.wrap{width:calc(100% - 40px)}header{height:78px}.brand img{width:175px}.header-inner nav{top:77px}.hero{min-height:650px;background-position:62% center}.hero-copy{padding-block:3rem}.hero p{font-size:1.05rem}.checker{padding:3rem 20px}.checks,.cards,.process ol,.fields,.footer-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.before{grid-template-columns:1fr}.footnote{display:block}.ghost{background:rgba(6,44,70,.55)}h1{font-size:2.65rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.deep-page{padding-block:clamp(3rem,7vw,7rem);max-width:1040px}.deep-page .feature{max-height:580px}.deep-section{display:grid;grid-template-columns:70px 1fr;gap:1.5rem;padding:clamp(2rem,4vw,3.5rem) 0;border-top:1px solid var(--line)}.deep-section:nth-of-type(even){background:linear-gradient(90deg,transparent,var(--soft),transparent)}.deep-section>div{max-width:800px}.deep-section h2{font-size:clamp(1.7rem,3vw,2.6rem)}.deep-section p{font-size:1.08rem}.section-no{color:var(--aqua);font-size:1.1rem;font-weight:900;letter-spacing:.1em}.image-story{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:3.5rem}.image-story.six{grid-template-columns:repeat(3,1fr)}.image-story figure{margin:0;background:var(--navy);color:#fff}.image-story img{width:100%;aspect-ratio:4/3;object-fit:cover}.image-story figcaption{padding:.7rem 1rem;font-weight:750}.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--navy);color:#fff;padding:1.5rem 2rem;margin:1rem 0 3rem}.page-faq{padding:4rem 0}.source-panel{background:var(--warm);border-top:4px solid var(--aqua);padding:2rem;margin-top:2rem}.source-panel h2{font-size:1.6rem}.layout-problems .deep-section:nth-of-type(3),.layout-problems .deep-section:nth-of-type(4),.layout-problems .deep-section:nth-of-type(5),.layout-problems .deep-section:nth-of-type(6),.layout-problems .deep-section:nth-of-type(7){border-left:4px solid var(--aqua);padding-left:1.5rem}.layout-testing .deep-section:nth-of-type(-n+4){background:var(--soft);padding-inline:1.5rem;margin-bottom:1rem;border-top:0}.layout-process .deep-section,.layout-calendar .deep-section{grid-template-columns:100px 1fr}.layout-process .section-no,.layout-calendar .section-no{font-size:2rem}.layout-compare .deep-section:nth-of-type(odd),.layout-matrix .deep-section:nth-of-type(odd){border-left:4px solid var(--teal);padding-left:1.5rem}@media(max-width:680px){.deep-section{grid-template-columns:38px 1fr;gap:.7rem}.image-story,.image-story.six{grid-template-columns:1fr}.inline-cta{align-items:flex-start;flex-direction:column}}