:root{color-scheme:dark;--bg:#111720;--text:#f0f3f9;--muted:#adb8c9;--accent:#8cafff;--card:#1e2735;--line:#3b5365;--blue:#082952;--nav:#192e40;--action:#376feb;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-padding-top:7rem;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}a{color:var(--accent);text-underline-offset:.22em}a:hover{color:#c3d4ff}button,summary{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b8d5ff;outline-offset:5px}img{display:block;max-width:100%;height:auto}p{margin:.7em 0 1em}h1,h2,h3,h4{line-height:1.18;letter-spacing:-.025em;margin:0 0 .65em}h1{font-size:clamp(2.6rem,6vw,4.8rem);font-weight:650}h2{font-size:clamp(2rem,4vw,3rem);font-weight:550}h3{font-size:1.4rem;font-weight:550}h4{font-size:1.1rem;letter-spacing:0}h1 span,h2 span,.accent{color:var(--accent)}.muted{color:var(--muted)}.skip{position:absolute;top:-100px;left:1rem;z-index:20;background:var(--text);color:var(--bg);padding:1rem}.skip:focus{top:1rem}.topbar{position:sticky;top:0;z-index:10;background:#111720f5;border-bottom:1px solid #344252;backdrop-filter:blur(12px)}.bar-inner{max-width:1200px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{width:130px;flex-shrink:0}.bar-actions{display:flex;gap:16px;align-items:center}.download{font-size:.875rem;text-decoration:none}.menu{position:relative}.menu summary{list-style:none;border:1px solid var(--line);border-radius:8px;padding:9px 16px;min-height:44px;font-size:.9rem;background:var(--nav)}.menu summary::-webkit-details-marker{display:none}.menu summary:after{content:'＋';margin-left:16px}.menu[open] summary:after{content:'−'}.menu nav{position:absolute;right:0;top:calc(100% + 12px);width:min(360px,calc(100vw - 32px));max-height:75vh;overflow:auto;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 45px #0008}.menu nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:46px;color:var(--text);font-size:.95rem;text-decoration:none;border-radius:6px}.menu nav a:hover,.menu nav a[aria-current]{background:#305d79}.menu nav b{color:var(--accent);font-weight:400;font-variant-numeric:tabular-nums}.container{width:min(1120px,calc(100% - 48px));margin:auto}.section{padding:72px 0;border-bottom:1px solid #2d3b4b;scroll-margin-top:6rem}.section-label{font-size:.875rem;color:var(--accent);letter-spacing:.08em;margin:0 0 24px;text-transform:uppercase}.hero-layout{display:grid;grid-template-columns:1.07fr 1fr;gap:48px;align-items:center}.hero-copy .subhead{font-size:1.2rem;margin:0 0 10px}.hero-art{border-radius:12px;overflow:hidden}.hero-art img{width:100%}.hero-copy h1{margin-bottom:20px}.hero-copy .type{font-size:1rem;color:var(--muted)}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.card{padding:28px;border-radius:16px;background:var(--card);min-width:0}.offer{display:flex;flex-direction:column}.offer .sale{color:var(--accent);font-size:.95rem;font-weight:600;letter-spacing:.04em;line-height:1.4}.price{font-size:clamp(3rem,8vw,4.5rem);letter-spacing:-.045em;line-height:1.1;font-weight:650;margin:16px 0 8px}.offer .name{color:var(--accent);margin:22px 0 16px}.checklist{list-style:none;padding:0;margin:0}.checklist li{padding:5px 0;color:var(--muted);display:flex;gap:10px}.checklist li:before{content:'✓';color:#90bdd0}.checklist li:nth-last-child(2){border-top:1px solid #3b4a5b;margin-top:12px;padding-top:16px}.finance{background:#1b2b3e}.finance .lender{font-style:italic;font-size:1.75rem;font-weight:700;letter-spacing:-.06em}.finance h3{margin:20px 0 8px}.payment{font-size:1.8rem;font-weight:550;color:var(--text);margin:4px 0}.payment small{font-size:1rem;color:var(--muted);font-weight:400}.finance hr{border:0;border-top:1px solid var(--line);margin:24px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 18px;min-height:46px;border-radius:9px;border:1px solid var(--line);background:#30516e;color:var(--text);text-decoration:none;line-height:1.4;font-size:1rem}.button:hover{background:#3a6487;color:white}.button.primary{background:var(--action);border-color:var(--action)}.button.primary:hover{background:#4b7df2}.button.full{display:flex;width:100%;margin:20px 0 8px}.fineprint{font-size:.875rem;line-height:1.6;color:var(--muted);margin:20px 0}.offer-notes{text-align:center;max-width:760px;margin:30px auto}.install-time{font-size:1.05rem;font-weight:550;margin-top:22px}.trust{display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,40px);flex-wrap:wrap;margin:28px 0}.trust img{height:76px;width:auto}.trust a,.trust span{display:flex;align-items:center;justify-content:center}.reviews{text-align:center;margin-top:26px}.reviews h3{margin-bottom:4px}.stars{color:#ffc928;letter-spacing:.15em}.reviews .review-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}.review-links .button{background:var(--card);min-width:130px}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.section-heading{max-width:740px;margin-bottom:30px}.eyebrow{display:inline-block;border:1px solid #719c95;color:#def6e8;background:#194247;padding:6px 18px;border-radius:7px;font-size:.95rem;font-weight:600;letter-spacing:.025em}.eyebrow.bad{background:#874453;border-color:#da8999;color:#fff}.report-card .button{width:100%;margin-bottom:18px;justify-content:space-between}.report-card h3{margin-top:12px}.exposure-card{background:var(--blue)}.exposure-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}.exposure-layout figure{margin:0}.exposure-layout img{width:100%}.health{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:24px;margin-top:28px}.health img{width:100%;border-radius:8px}.health h3{color:#f2b3b9}.health ul{padding-left:20px}.good-news{background:var(--blue);border-radius:16px;padding:28px;margin-bottom:28px;text-align:center}.good-news p{max-width:800px;margin:18px auto 0;font-size:1.15rem}.diagram-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}.figure{margin:0;min-width:0}.figure>a{display:block;border-radius:12px;overflow:hidden;background:var(--blue);cursor:zoom-in}.figure img{width:100%}.figure figcaption{font-size:.875rem;color:var(--muted);margin:10px 0 0}.zoom-label{display:inline-flex;gap:8px;color:var(--accent)}.spec-list{margin:0}.spec-list>div{display:grid;grid-template-columns:1fr auto;gap:18px;border-bottom:1px solid #3b4a5b;padding:11px 0}.spec-list>div:last-child{border-bottom:0}.spec-list dt{color:var(--muted)}.spec-list dd{margin:0;text-align:right;font-weight:550}.component-notes{margin-top:25px}.component-notes p{font-size:1rem;margin:8px 0 16px}.wide-heading{margin:44px 0 24px}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.education-grid .card{background:var(--blue)}.education-grid .card:first-child{grid-column:1/-1}.before-after-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.before-after-layout img{border-radius:8px}.skin{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:16px;margin-top:24px}.skin img{width:100%;max-height:220px;object-fit:contain}.ion{width:180px;float:right;margin:0 0 10px 18px}.conditioner{grid-column:1/-1}.conditioner .split{gap:36px}.conditioner ul{padding-left:20px}.recommendation{margin-top:20px;padding-top:20px;border-top:1px solid #345273}.ro-intro{margin-bottom:24px}.ro-intro p{margin:0}.ro-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.ro-visual{position:sticky;top:110px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.metric{background:#203f55;border-radius:10px;padding:16px 10px;text-align:center}.metric strong{display:block;color:var(--accent);font-size:1.4rem}.metric span{font-size:.875rem;line-height:1.4;display:block;margin-top:6px;color:var(--muted)}.stages{list-style:none;margin:0;padding:0;counter-reset:stage}.stages li{display:grid;grid-template-columns:44px 1fr;gap:14px;margin-bottom:18px;align-items:start}.stage-number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid #749db2;background:#203f55;border-radius:50%;color:#d2e7f3}.stages .stage-copy{padding:18px;background:#192e40;border-radius:10px}.stage-copy h3{font-size:1.15rem}.stage-copy p{margin:0;color:var(--muted)}.cert-card{margin-top:24px}.cert-card p{font-size:.95rem;color:var(--muted)}.faucets{margin-top:36px;text-align:center}.faucets picture{display:block;max-width:490px;margin:25px auto}.faucets p{color:var(--muted)}.maintenance-card{height:100%;overflow:hidden}.maintenance-card .product-img{width:135px;float:right;margin:0 0 20px 24px}.maintenance-card ul{padding-left:22px}.maintenance-card .cost{font-size:2.5rem;margin-bottom:12px}.maintenance-card .cost span{font-size:.95rem;color:var(--muted)}.maintenance-card .clear{clear:both}.parts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.part .part-art{height:155px;width:auto;margin:0 auto 26px}.part .part-art img{height:155px;width:auto;margin:auto}.part ul{padding-left:20px;color:var(--muted)}.part h3{min-height:3.4em}.part .spec-list>div{grid-template-columns:1fr;font-size:.95rem;gap:0}.part .spec-list dd{text-align:left}.part .button{width:100%;margin:6px 0;text-align:center;font-size:.9rem}.part .why{padding:18px;background:#1c3547;border-radius:8px;margin:20px 0}.why p{margin:0;font-size:.95rem}.part .source-note{font-size:.875rem}.locations{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.location .state{color:var(--accent);font-size:.875rem;text-transform:uppercase;letter-spacing:.08em}.location a{display:block;margin:12px 0;overflow-wrap:anywhere}.location .service{font-size:.95rem;color:var(--muted)}.warranty-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start}.warranty-list{margin:0}.warranty-list>div{display:grid;grid-template-columns:95px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid #344558}.warranty-list dt{color:var(--accent);font-size:1.15rem}.warranty-list dd{margin:0}.contact-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 32px}.contact-buttons .button{text-align:center;flex:1;min-width:220px;background:#30516e}.contact-buttons small{display:block;color:#d2e0ed;font-size:.875rem}.prep-card{margin-top:28px}.prep-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.prep-layout ol{padding-left:22px}.prep-layout li{padding:5px 0 10px}.prep-layout .figure>a{background:var(--card)}.prep-card .number{color:var(--accent);margin-right:12px}.faucet-thumb{width:135px;float:right;margin:0 0 16px 25px}.power ul{padding-left:22px;columns:2;column-gap:40px}.power li{break-inside:avoid;margin-bottom:16px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.support-grid .button{margin:6px 0}.support-grid ol{padding-left:22px}.support-grid li{margin-bottom:12px}.prompt{margin-top:32px}.prompt-box{position:relative;background:#30516e;border-radius:10px;padding:24px;margin:22px 0}.prompt-box p{margin:0;font-size:1.1rem}.prompt-actions{display:flex;align-items:center;gap:16px;margin-top:16px}.copy-status{font-size:.875rem;color:var(--muted)}footer{padding:35px 0 50px}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center;color:var(--muted);font-size:.875rem}.footer-inner p{margin:0}.back-top{min-height:44px;display:flex;align-items:center}dialog{padding:0;width:95vw;max-width:1450px;height:94dvh;max-height:94dvh;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text)}dialog::backdrop{background:#000d}.dialog-bar{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--card)}.dialog-bar h2{font-size:1.1rem;margin:0}.dialog-tools{display:flex;gap:8px}.dialog-tools button{border:1px solid var(--line);background:var(--nav);border-radius:6px;color:white;min-width:44px;min-height:44px}.zoom-scroll{height:calc(100% - 76px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;padding:20px}.zoom-scroll img{max-width:none;width:100%;height:auto;margin:auto}body.modal-open{overflow:hidden}
@media(min-width:1440px){.container{width:1120px}.section{padding:86px 0}}
@media(max-width:1000px){.parts{grid-template-columns:1fr}.part{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.part h3{min-height:0}.part .part-art{height:130px;grid-column:2;grid-row:1/3}.part .part-art img{height:130px}.part .part-content{grid-column:1/-1}.locations{grid-template-columns:1fr 1fr}.location:last-child{grid-column:1/-1}.hero-layout{gap:28px}.diagram-layout{grid-template-columns:1fr 1fr}.ro-visual{position:static}.warranty-grid{gap:28px}.card{padding:24px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.bar-inner{padding:10px 16px;gap:10px}.brand{width:105px}.bar-actions{gap:12px}.download{font-size:.875rem}.menu summary{padding:8px 12px}.menu summary:after{margin-left:10px}.section{padding:42px 0}.section-label{margin-bottom:20px;font-size:.875rem}.hero-layout,.split,.diagram-layout,.education-grid,.before-after-layout,.ro-layout,.warranty-grid,.prep-layout,.support-grid{grid-template-columns:1fr}.hero-layout{gap:22px}.hero-copy h1{font-size:clamp(2.6rem,10vw,4rem);margin-bottom:16px}.hero-copy .subhead{font-size:1.1rem}.offer-grid{gap:16px;margin-top:24px}.offer-grid .card{padding:22px}.card{padding:22px}.offer-grid{grid-template-columns:1fr}.offer-notes{text-align:left}.price{font-size:3.7rem}.finance .button{max-width:none}.trust{gap:12px;flex-wrap:nowrap}.trust img{height:auto;max-height:62px;width:100%;object-fit:contain}.trust>*{flex:1;min-width:0}.review-links .button{min-width:0;flex:1;padding:12px;font-size:.95rem}.exposure-layout{grid-template-columns:1fr .7fr;gap:12px}.health{gap:16px}.health ul{padding-left:18px}.health h3{font-size:1.2rem}.good-news{padding:24px 20px}.good-news p{font-size:1.05rem}.diagram-layout{gap:20px}.education-grid .card:first-child,.conditioner{grid-column:auto}.skin img{max-height:180px}.metric{padding:14px 6px}.metric strong{font-size:1.25rem}.stage-copy h3{font-size:1.1rem}.stages li{grid-template-columns:36px 1fr;gap:10px}.stage-number{width:36px;height:36px;font-size:.875rem}.stages .stage-copy{padding:16px}.part{display:block}.part .part-art{height:145px;margin-bottom:24px}.part .part-art img{height:145px}.part .spec-list>div{grid-template-columns:1fr auto;gap:14px}.part .spec-list dd{text-align:right}.locations{grid-template-columns:1fr;gap:16px}.location:last-child{grid-column:auto}.warranty-list>div{grid-template-columns:82px 1fr;gap:14px}.warranty-list dt{font-size:1.05rem}.contact-buttons .button{min-width:0;flex-basis:140px;font-size:.95rem;padding:12px}.power ul{columns:1}.footer-inner{align-items:start;flex-direction:column}.dialog-bar{padding:10px;gap:10px}.dialog-bar h2{font-size:.95rem}.zoom-scroll{padding:10px}.dialog-tools{gap:6px}.figure figcaption{font-size:.875rem}.prompt-box{padding:20px}.prompt-box p{font-size:1rem}}
@media(max-width:380px){.brand{width:85px}.bar-actions{gap:8px}.menu summary{padding:8px 10px}.download{font-size:.8125rem}.card{padding:18px}.exposure-layout{grid-template-columns:1fr}.exposure-layout figure{max-width:220px;margin:auto}.health{grid-template-columns:1fr}.health img{max-width:200px;margin:auto}.spec-list>div,.part .spec-list>div{grid-template-columns:1fr;gap:2px}.spec-list dd,.part .spec-list dd{text-align:left}.review-links .button{flex-basis:100%}.maintenance-card .product-img{width:100px;margin-left:14px}.dialog-bar h2{max-width:120px}.dialog-tools button{min-width:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.topbar,.skip,.zoom-label,.prompt-actions,.back-top{display:none}.section{break-before:page;padding:24px 0}.container{width:100%}.ro-visual{position:static}body{background:white;color:black}.card{break-inside:avoid}a{color:inherit}}
/* Allow text enlargement without squeezing imagery or clipping controls. */
h1,h2,h3,h4{overflow-wrap:break-word}.hero-copy,.split>*,.diagram-layout>*,.ro-layout>*,.before-after-layout>*,.prep-layout>*,.warranty-grid>*{min-width:0}.bar-inner,.bar-actions{flex-wrap:wrap}.bar-actions{justify-content:flex-end}.spec-list dd{overflow-wrap:anywhere}.dialog-bar h2{min-width:0}.dialog-tools{flex-shrink:0}.dialog-tools button:disabled{opacity:.4;cursor:default}.ion{max-width:42%}.prep-card{display:flow-root}.skin picture img{object-fit:contain}

/* Restore the brochure's original marks and direct sales navigation. */
.quick-nav{max-width:1200px;margin:0 auto;padding:0 24px 12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.quick-nav a{display:flex;align-items:center;gap:8px;padding:10px;min-height:48px;line-height:1.25;font-size:.9rem;color:var(--text);text-decoration:none;background:#203d50;border:1px solid #496275;border-radius:8px}.quick-nav b{font-weight:400;font-size:.75rem;color:#a0bfdb;align-self:flex-end}.quick-nav a:hover,.quick-nav a[aria-current]{background:#315b78;border-color:#8cafff}.quick-nav span{min-width:0}.decal{display:inline-block;vertical-align:middle;object-fit:contain;width:32px;height:32px;flex-shrink:0}.decal.google{width:83px;height:28px}.decal.ewg{width:66px;height:58px}.decal.wisetack{width:180px;height:42px;object-position:left}.decal.wisetack-button{width:100px;height:24px}.finance-application{flex-wrap:wrap}.decal-heading{display:flex;gap:12px;align-items:center}.decal-heading .decal{width:32px;height:34px}.decal.heading-camera{width:44px;height:40px;margin-right:14px}.reviews h3 .google{vertical-align:-5px}.location .state{background:none;padding:0;float:right;margin:0 0 16px 12px}.decal.state-map{width:64px;height:64px}.cert-card>a{display:inline-flex;align-items:center;gap:10px}.cert-lines{display:flex;flex-direction:column;gap:8px}.cert-lines>span{display:flex;align-items:center;gap:12px}.cert-lines>span:first-child .decal{height:40px;width:40px}.contact-buttons .decal{width:48px;height:34px}.contact-buttons img[src$="/text.png"]{width:32px}.checklist .with-decal:before{display:none}.checklist .with-decal .decal{width:22px;height:26px}.prompt-actions{justify-content:flex-end}#copy-prompt{font-family:inherit;text-transform:none}#copy-prompt .decal{width:22px;height:22px}.review-links .button{min-width:0}.eyebrow{border-radius:0;clip-path:polygon(0 0,100% 0,100% 75%,94% 100%,0 100%)}html{scroll-padding-top:calc(var(--header-height,180px) + 16px)}.section{scroll-margin-top:0}.ro-visual{top:calc(var(--header-height,180px) + 20px)}
@media(max-width:700px){.quick-nav{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 16px 10px;gap:6px}.quick-nav a{font-size:.875rem;padding:8px 6px;gap:5px;min-height:52px}.quick-nav a:nth-last-child(1){grid-column:span 2}.review-links .button{flex-direction:column}.contact-buttons .button{flex-wrap:wrap}.report-card .button{flex-wrap:wrap}.decal.ewg{width:62px;height:42px}}
@media(max-height:480px) and (orientation:landscape){.topbar{position:relative}.ro-visual{position:static}html{scroll-padding-top:16px}}
/* Read the public report before The Bad News at every viewport width. */
#water-report>.split{grid-template-columns:1fr;max-width:860px;margin:auto}#water-report .report-card>p{max-width:66ch}#water-report .report-card .button{justify-content:flex-start;gap:20px}#water-report .exposure-layout{grid-template-columns:1.2fr 1fr}#water-report .health{grid-template-columns:1fr 1.2fr}.health ul{list-style:none;padding:0}.health li{display:flex;align-items:center;gap:14px;margin:8px 0;background:#23445b;border-radius:10px;padding:10px}.health li .decal{width:30px;height:30px}.health h3{display:flex;align-items:center;gap:8px}.health h3 .decal{width:24px;height:28px}.eyebrow{clip-path:polygon(5% 0,95% 0,100% 25%,100% 75%,95% 100%,5% 100%,0 75%,0 25%)}.decal.ewg{background:#fff;padding:5px;border-radius:6px;width:48px;height:64px}.health>picture>img{max-height:390px;object-fit:contain}
@media(max-width:550px){#water-report .exposure-layout{grid-template-columns:1fr}#water-report .exposure-layout figure{max-width:340px;margin:auto}#water-report .health{grid-template-columns:1fr}.health>picture>img{max-height:260px}.health li{min-height:52px}}
/* Quote alignment and equal-size regional review buttons. */
#quote .offer-grid .card{text-align:center}
#quote .lender .wisetack{display:block;margin-inline:auto;object-position:center}
#quote .checklist{width:fit-content;max-width:100%;margin-inline:auto;text-align:left}
#quote .checklist li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:10px}
#quote .checklist li:before{width:22px;text-align:center}
#quote>.fineprint{text-align:center}
#quote .reviews .review-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:570px;margin:16px auto 0}
#quote .review-links .button{display:grid;grid-template-rows:32px 1fr;justify-items:center;align-items:center;gap:8px;width:100%;min-width:0;min-height:108px;padding:12px 8px;text-align:center}
#quote .review-links .button>span{align-self:center;line-height:1.35}
@media(max-width:700px){#quote .reviews .review-links{gap:8px}}
@media(max-width:380px){#quote .reviews .review-links{grid-template-columns:1fr;max-width:240px}#quote .review-links .button{min-height:100px}}
/* Keep exposure copy and its action together, independent of image height. */
#water-report .exposure-card>.eyebrow{margin:0 0 24px}
#water-report .exposure-layout{grid-template-columns:minmax(0,1fr) minmax(0,225px);gap:28px;align-items:start}
#water-report .exposure-copy{display:flex;flex-direction:column;gap:18px;min-width:0}
#water-report .exposure-copy>*{margin:0}
#water-report .exposure-copy p{line-height:1.65;overflow-wrap:break-word}
#water-report .exposure-copy>.button{align-self:flex-start;max-width:100%;text-align:center}
#water-report .exposure-layout figure{width:100%;max-width:225px;margin:0 auto;min-width:0}
#water-report .exposure-layout figure img{width:100%;max-height:360px;object-fit:contain}
#water-report .health{grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:center;gap:28px;margin-top:28px;padding-top:24px;border-top:1px solid #345273}
#water-report .health>*{min-width:0}
#water-report .health>picture>img{width:100%;max-width:200px;max-height:270px;margin:auto;object-fit:contain}
#water-report .health ul{margin:0;padding:0}
#water-report .health h3{margin:0 0 14px}
#water-report .health li{margin:8px 0 0;gap:12px;min-height:54px}
#water-report .health li:first-child{margin-top:0}
#water-report .health li span{min-width:0;overflow-wrap:break-word}
#water-report .health .decal{margin:0;flex-shrink:0}
@media(max-width:760px){#water-report .exposure-layout{grid-template-columns:minmax(0,1fr);gap:24px}#water-report .exposure-layout figure{max-width:210px}#water-report .exposure-layout figure img{max-height:336px}#water-report .health{grid-template-columns:minmax(0,1fr);gap:24px}#water-report .health>picture>img{max-height:230px}#water-report .health h3{font-size:1.4rem}}

/* Place the copy control before the prompt text. */
.prompt>.prompt-actions{justify-content:flex-start;margin:0 0 14px}.prompt>.prompt-box{margin-top:0}
/* All eight PDF sections, with the original folded page-number treatment. */
.quick-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.quick-nav a{position:relative;justify-content:center;min-height:56px;padding:10px 24px 12px 12px;text-align:center;border-radius:10px;background:#192f40;border-color:#486578}
.quick-nav a:nth-last-child(1){grid-column:auto}
.quick-nav a b{position:absolute;bottom:2px;right:5px;font-size:.75rem;line-height:1;z-index:1}
.quick-nav a:after{content:'';position:absolute;bottom:0;right:0;width:29px;height:20px;background:#345466;clip-path:polygon(100% 0,100% 100%,0 100%)}
.quick-nav a>.decal{width:21px;height:27px}
.download,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--nav);color:var(--text);font-size:.875rem;line-height:1.3;text-decoration:none}
.download svg,.theme-toggle svg{width:22px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.theme-toggle svg{height:22px}.theme-toggle:hover,.download:hover{background:#30516e;color:white}
#whole-home>.diagram-layout{grid-template-columns:minmax(0,1fr)}
#whole-home .diagram-layout>.figure{width:100%;max-width:none}
#whole-home .diagram-layout>.card{width:100%}
#whole-home .component-notes{display:grid;grid-template-columns:1fr;max-width:72ch}
.part .part-art{display:block;grid-column:2;grid-row:1/3;width:100%;max-width:340px;height:auto;margin:0 auto 26px}
.part .part-art img{display:block;width:100%;height:auto;max-height:none;margin:auto;object-fit:contain}
.location{padding:28px;display:flex;flex-direction:column;align-items:stretch}
.location .state{float:none;align-self:flex-end;margin:0 0 14px}
.location h3{margin:0 0 22px}
.location a{margin:0 0 22px;line-height:1.65}
.location .location-phone,.location .location-bbb{display:flex;align-items:center;gap:12px}
.location .location-phone .decal{width:25px;height:29px}
.location .bbb-location{width:70px;height:80px}
.location .service{margin:4px 0 0;padding-top:20px;border-top:1px solid var(--line);line-height:1.7}
.finance-application{display:flex;width:100%;flex-direction:column;gap:14px;padding:22px;text-align:center;background:#304e70!important;border-color:#698ca6!important;border-radius:12px}
.finance-application .wisetack-button{display:block;width:min(190px,85%);height:auto;max-height:48px;object-fit:contain}
.finance-application>span{display:block;max-width:23ch;font-size:1rem;line-height:1.5;font-weight:550;color:#f0f3f9}
@media(max-width:700px){.bar-inner{gap:12px}.bar-actions{gap:8px}.download,.theme-toggle{padding:8px 10px}.brand{width:100px}.quick-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.quick-nav a{grid-column:span 2;padding:9px 14px 13px 6px;min-height:58px;font-size:.875rem;gap:5px}.quick-nav a:nth-child(-n+2){grid-column:span 3}.quick-nav a:nth-last-child(1){grid-column:span 2}.part .part-art{width:min(100%,340px);height:auto;max-width:70vw;margin:0 auto 24px}.part .part-art img{height:auto;width:100%}.location{padding:24px}}
@media(max-width:420px){.bar-inner{flex-wrap:nowrap;align-items:center}.brand{width:82px}.bar-actions{flex-wrap:nowrap}.download,.theme-toggle{gap:5px;font-size:.875rem;padding:8px}.download span,.theme-toggle span{max-width:65px}.download svg,.theme-toggle svg{width:18px}.quick-nav a{font-size:.875rem;min-height:66px}.quick-nav a span{overflow-wrap:break-word}}
/* Light mode changes interface surfaces while preserving original brochure artwork. */
:root[data-theme="light"]{color-scheme:light;--bg:#f4f7fb;--text:#182d44;--muted:#4b6077;--accent:#235caa;--card:#ffffff;--line:#b9c9d8;--blue:#e4edf7;--nav:#e5edf5;--action:#2864bf}
[data-theme="light"] .topbar{background:#f4f7fbf5;border-color:#c3d0df}
[data-theme="light"] .brand{background:#111720;border-radius:8px;padding:7px}
[data-theme="light"] .quick-nav a{background:#e4edf5;border-color:#a8becf;color:#17364e}
[data-theme="light"] .quick-nav a:after{background:#bdcfde}
[data-theme="light"] .quick-nav a b{color:#294d67}
[data-theme="light"] .quick-nav a[aria-current],[data-theme="light"] .quick-nav a:hover{background:#cddff0;border-color:#527fa8}
[data-theme="light"] .quick-nav .decal{filter:brightness(.48)}
[data-theme="light"] .card{border:1px solid #cbd7e3}
[data-theme="light"] .finance{background:#e5edf7}
[data-theme="light"] .finance .lender .wisetack{filter:brightness(.2)}
[data-theme="light"] .finance small,[data-theme="light"] .checklist li{color:var(--muted)}
[data-theme="light"] .button{background:#dce9f5;border-color:#a8bfd6;color:#173f68}
[data-theme="light"] .button:hover{background:#c9ddef;color:#12385e}
[data-theme="light"] .button.primary{background:#2864bf;border-color:#2864bf;color:#fff}
[data-theme="light"] .trust{background:#111720;border-radius:12px;padding:14px}
[data-theme="light"] .figure>a,[data-theme="light"] .hero-art{background:#082952}
[data-theme="light"] .education-grid .card,[data-theme="light"] .good-news,[data-theme="light"] .exposure-card{background:#e4edf7}
[data-theme="light"] .exposure-layout figure,[data-theme="light"] .health>picture,[data-theme="light"] .ion,[data-theme="light"] .skin picture,[data-theme="light"] .faucets>picture{display:block;background:#082952;border-radius:10px;overflow:hidden}
[data-theme="light"] .health li{background:#d1e2ef;color:#243e59}
[data-theme="light"] .health h3{color:#9b3545}
[data-theme="light"] .health .decal,[data-theme="light"] .decal-heading>.decal,[data-theme="light"] .heading-camera,[data-theme="light"] .state-map,[data-theme="light"] .location-phone .decal,[data-theme="light"] .contact-buttons .decal{filter:brightness(.55)}
[data-theme="light"] .metric,[data-theme="light"] .part .why{background:#dce9f4}
[data-theme="light"] .stages .stage-copy{background:#e4edf7}
[data-theme="light"] .stage-number{background:#cddff1;color:#173e6b;border-color:#98b5d0}
[data-theme="light"] .stage-copy p,[data-theme="light"] .metric span{color:var(--muted)}
[data-theme="light"] .prompt-box{background:#e1ecf7;border-color:#b6cce0}
[data-theme="light"] .prompt-box p{color:#183652}
[data-theme="light"] .contact-buttons small{color:#34526c}
[data-theme="light"] .recommendation,[data-theme="light"] .power{background:#e3edf6}
[data-theme="light"] .spec-list>div,[data-theme="light"] .section,[data-theme="light"] .checklist li:nth-last-child(2){border-color:#bdcedd}
[data-theme="light"] .theme-toggle:hover,[data-theme="light"] .download:hover{background:#d4e3f0;color:#16364f}
[data-theme="light"] dialog{background:#f4f7fb;color:#182d44}
[data-theme="light"] .finance-application>span{color:#f0f3f9}
.location .bbb-location{background:#19354c;border-radius:8px;padding:8px}
[data-theme="light"] a:hover{color:#153f75}
[data-theme="light"] .stars{color:#996400}
@media(max-width:420px){.bar-inner{gap:8px;flex-wrap:wrap}.brand{width:76px}.download,.theme-toggle{padding:7px 6px}.theme-toggle span{max-width:40px}}
/* Light surroundings with the original dark artwork panels and stronger actions. */
:root[data-theme="light"]{--bg:#edf0f4;--card:#e4e9ef;--nav:#223e58;--line:#afbfce;--blue:#082952}
[data-theme="light"] .topbar{background:#edf0f4f5}
[data-theme="light"] .card{border-color:#c3cdd8}
[data-theme="light"] .report-card,[data-theme="light"] .location,[data-theme="light"] .prompt{background:#e4e9ef}
[data-theme="light"] .button,[data-theme="light"] .download,[data-theme="light"] .theme-toggle{background:#294c6b;color:#fff;border-color:#416886}
[data-theme="light"] .button:hover,[data-theme="light"] .download:hover,[data-theme="light"] .theme-toggle:hover{background:#1c3b57;color:#fff}
[data-theme="light"] .quick-nav a{background:#203c52;border-color:#4b677d;color:#f3f6fb}
[data-theme="light"] .quick-nav a:after{background:#41647d}
[data-theme="light"] .quick-nav a b{color:#e0ebf5}
[data-theme="light"] .quick-nav a[aria-current],[data-theme="light"] .quick-nav a:hover{background:#315c7c;color:#fff;border-color:#5382a2}
[data-theme="light"] .quick-nav .decal,[data-theme="light"] .contact-buttons .decal{filter:none}
[data-theme="light"] .contact-buttons small{color:#e1eaf3}
[data-theme="light"] .review-links .button{background:#294c6b;color:#fff}
[data-theme="light"] .exposure-card,[data-theme="light"] .maintenance-card,[data-theme="light"] .part,[data-theme="light"] .power,[data-theme="light"] .education-grid .card{--text:#f0f3f9;--muted:#b9c6d8;--accent:#a7c7ff;--line:#425a70;color:var(--text);border-color:#344e66}
[data-theme="light"] .exposure-card,[data-theme="light"] .education-grid .card{background:#082952}
[data-theme="light"] .maintenance-card,[data-theme="light"] .power{background:#1e2735}
[data-theme="light"] .part{background:#111720}
[data-theme="light"] .part .why{background:#1c3547}
[data-theme="light"] .part .spec-list>div{border-color:#3b4a5b}
[data-theme="light"] .part a:hover{color:#d2e2ff}
[data-theme="light"] .exposure-layout figure,[data-theme="light"] .health>picture{background:transparent;border-radius:0}
[data-theme="light"] .health li{background:#23445b;color:#f0f3f9}
[data-theme="light"] .health h3{color:#f2b3b9}
[data-theme="light"] .health .decal,[data-theme="light"] .power .decal,[data-theme="light"] .education-grid .decal{filter:none}
[data-theme="light"] .education-grid .recommendation{background:transparent}
[data-theme="light"] .hero-art{background:transparent;overflow:visible;border-radius:0;box-shadow:none}
[data-theme="light"] .hero-art img{-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
[data-theme="light"] .location .bbb-location{background:transparent;padding:0;border-radius:0;filter:brightness(0) saturate(100%);opacity:.82}
.contact-buttons .button,.button[href*="#referrals"],#copy-prompt{font-weight:700}
.contact-buttons small{font-weight:600}
.faucet-thumb picture,.faucet-thumb img{display:block;background:transparent}
[data-theme="light"] .prompt-box{background:#d4dfea}
/* Native transparent logos and faucet artwork, without colored image tiles. */
.brand .brand-light{display:none}
[data-theme="light"] .brand{background:none;padding:0;border-radius:0}
[data-theme="light"] .brand .brand-dark{display:none}
[data-theme="light"] .brand .brand-light{display:block;width:100%;height:auto}
.faucets>picture,[data-theme="light"] .faucets>picture{display:block;width:100%;max-width:467px;margin-inline:auto;background:transparent;border-radius:0;overflow:visible}
#reverse-osmosis .ro-visual .figure>a,[data-theme="light"] #reverse-osmosis .ro-visual .figure>a{background:transparent;border-radius:0;overflow:visible}
/* A larger, contained page turn with a dedicated number area. */
.quick-nav a{overflow:hidden;isolation:isolate;border-radius:10px;padding:14px 42px 14px 14px;min-height:62px;border:1px solid #4c687e;box-shadow:inset 0 1px 0 #ffffff0b,0 2px 3px #00000012;transition:background-color .15s,border-color .15s}
.quick-nav a:after{width:46px;height:34px;right:0;bottom:0;clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#7392a9 0%,#50748e 45%,#31546e 58%,#41627a 100%);border-radius:0;z-index:0}
.quick-nav a b{bottom:6px;right:8px;min-width:12px;line-height:1;font-size:.75rem;text-align:center;color:#e2edf5;z-index:1}
.quick-nav a>span,.quick-nav a>.decal{position:relative;z-index:1}
[data-theme="light"] .quick-nav a:after{background:linear-gradient(145deg,#89a8be 0%,#5f829c 45%,#365a75 58%,#4b6e87 100%)}
.download,.theme-toggle{border-radius:8px;min-height:44px;padding:10px 14px;font-weight:600;letter-spacing:0;gap:9px;box-shadow:inset 0 1px 0 #ffffff0b;background:#20374c;border-color:#456077}
[data-theme="light"] .theme-toggle{background:transparent;color:#294761;border-color:#a7b9c9;box-shadow:none}
[data-theme="light"] .theme-toggle:hover{background:#dce5ed;color:#1c3b57}
[data-theme="light"] .download{background:#244761;border-color:#244761}
@media(max-width:700px){.quick-nav a{padding:10px 10px 28px;min-height:70px;align-items:center}.quick-nav a:after{width:42px;height:30px}.quick-nav a b{bottom:5px;right:7px}.download,.theme-toggle{padding:8px 10px}}
@media(max-width:420px){.download,.theme-toggle{padding:7px 6px;gap:5px}.quick-nav a{font-size:.875rem;min-height:72px}.brand{width:76px}}
/* One consistent light palette: navy focal cards, pale blue panels and neutral space. */
:root[data-theme="light"]{--bg:#edf1f5;--card:#e6ecf2;--text:#20384f;--muted:#4d6276;--accent:#28578b;--line:#b7c6d4}
[data-theme="light"] .topbar{background:#edf1f5f5}
[data-theme="light"] .card{border-color:#c1cedb;box-shadow:0 3px 14px #19364f06}
[data-theme="light"] #quote .offer{--text:#f3f6fa;--muted:#c7d5e3;--accent:#b6d2f5;--line:#4a6780;background:#193b56;color:var(--text);border-color:#365974;box-shadow:0 8px 24px #17375116}
[data-theme="light"] #quote .offer .sale,[data-theme="light"] #quote .offer .name{color:var(--accent)}
[data-theme="light"] #quote .offer .checklist li{color:#dae5ef}
[data-theme="light"] #quote .offer .checklist li:nth-last-child(2){border-color:#4a6780}
[data-theme="light"] #quote .finance{background:#d7e4f0;border-color:#a9bfd4;box-shadow:0 8px 24px #1737510c}
[data-theme="light"] #quote .finance .payment{color:#173b59}
[data-theme="light"] #quote .finance hr{border-color:#a9bfd4}
[data-theme="light"] .prompt-box,[data-theme="light"] .metric,[data-theme="light"] .good-news{background:#d7e4ef}
.theme-badge-light{display:none}
[data-theme="light"] .trust{background:#dce5ee;border:1px solid #bfcedb;border-radius:12px;padding:20px 16px;box-shadow:none}
[data-theme="light"] .trust .theme-badge-dark{display:none}
[data-theme="light"] .trust .theme-badge-light{display:block;object-fit:contain}
[data-theme="light"] .section{border-color:#bfccd8}
[data-theme="light"] .location,[data-theme="light"] .report-card,[data-theme="light"] .support-grid>.card{background:#e6ecf2}
/* Phone navigation folds away while reading; all eight sections remain one tap away. */
.sections-toggle{display:none}
@media(max-width:760px), (max-height:500px) and (pointer:coarse){
 .topbar.nav-enhanced .bar-inner{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 16px}
 .topbar.nav-enhanced .brand{margin-right:auto;width:94px}
 .topbar.nav-enhanced .sections-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;background:#294c6b;color:#fff;border:1px solid #58738b;border-radius:9px;font:inherit;font-size:.9rem;font-weight:650;line-height:1;cursor:pointer}
 .sections-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
 .sections-chevron{font-size:1rem;line-height:1;transform:rotate(0deg)}
 .sections-toggle[aria-expanded="false"] .sections-chevron{transform:rotate(180deg)}
 .topbar.nav-enhanced .bar-actions{width:100%;justify-content:flex-end;gap:8px}
 .topbar.nav-enhanced.is-collapsed .bar-actions,.topbar.nav-enhanced.is-collapsed .quick-nav{display:none}
 .topbar.nav-enhanced.is-collapsed .bar-inner{flex-wrap:nowrap}
 .topbar.nav-enhanced.is-collapsed{box-shadow:0 3px 12px #00000016}
 [data-theme="light"] .sections-toggle{background:#244761;border-color:#244761;color:#fff}
 .sections-toggle:focus-visible{outline:3px solid #82b2e0;outline-offset:3px}
}

@media(max-height:500px) and (pointer:coarse){.topbar.nav-enhanced{position:sticky;top:0}.topbar.nav-enhanced .quick-nav{max-height:calc(100dvh - 135px);overflow-y:auto}}
/* Refined header controls: quiet depth, consistent type and precise page folds. */
.topbar{background:#111720eb;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border-bottom-color:#ffffff14}
[data-theme="light"] .topbar{background:#edf1f5eb;border-bottom-color:#2447611c}
.topbar .quick-nav{gap:10px;padding-bottom:14px}
.topbar .quick-nav a{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;font-size:.9rem;font-weight:550;letter-spacing:-.01em;line-height:1.35;border-radius:13px;border-color:#7190a52e;background:linear-gradient(180deg,#263e52,#203548);color:#edf4fa;box-shadow:inset 0 1px 0 #ffffff0b,0 2px 5px #00000012;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
.topbar .quick-nav a:after{background:linear-gradient(140deg,#86a3b2 0%,#55768b 39%,#3c5a70 55%,#46667c 100%);opacity:.8}
.topbar .quick-nav a b{font-family:inherit;font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;right:9px;bottom:7px;color:#e1edf5}
.topbar .quick-nav a[aria-current]{background:linear-gradient(180deg,#355979,#2a4b69);border-color:#8fbbe083;box-shadow:inset 0 1px 0 #ffffff12,0 2px 6px #00000014}
[data-theme="light"] .topbar .quick-nav a{background:linear-gradient(180deg,#294c67,#23435d);border-color:#355a7670;box-shadow:inset 0 1px 0 #ffffff12,0 3px 7px #18375210;color:#f7fafc}
[data-theme="light"] .topbar .quick-nav a[aria-current]{background:linear-gradient(180deg,#376a91,#2a567c);border-color:#557d9e;box-shadow:0 3px 10px #193b5620}
.topbar .download,.topbar .theme-toggle{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;font-size:.875rem;font-weight:550;letter-spacing:-.01em;line-height:1.25;min-height:44px;padding:11px 16px;gap:9px;border-radius:999px;transition:background-color .18s,box-shadow .18s,transform .18s}
.topbar .download{background:linear-gradient(180deg,#355976,#294b67);border:1px solid #7d9ab347;box-shadow:inset 0 1px 0 #ffffff14,0 2px 6px #00000015;color:#f5f8fc}
.topbar .theme-toggle{background:#ffffff05;border:1px solid #8ca1b43b;box-shadow:none;color:#dce7f2}
.topbar .download svg{width:19px;height:23px;stroke-width:1.45}
.topbar .theme-toggle svg{width:18px;height:18px;stroke-width:1.45}
[data-theme="light"] .topbar .download{background:linear-gradient(180deg,#2c526f,#22425d);border-color:#284a6570;color:#fff;box-shadow:inset 0 1px 0 #ffffff14,0 3px 8px #16375017}
[data-theme="light"] .topbar .theme-toggle{background:#ffffff45;border-color:#203f5a2b;color:#24435e}
@media(max-width:760px), (max-height:500px) and (pointer:coarse){
 .topbar.nav-enhanced .sections-toggle{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;font-size:.9rem;font-weight:550;letter-spacing:-.01em;min-width:104px;min-height:44px;padding:11px 18px;gap:10px;border-radius:999px;background:linear-gradient(180deg,#355976,#294b67);border:1px solid #7d9ab347;box-shadow:inset 0 1px 0 #ffffff14,0 2px 6px #00000012;color:#f5f8fc;transition:background-color .18s,box-shadow .18s,transform .18s}
 [data-theme="light"] .topbar.nav-enhanced .sections-toggle{background:linear-gradient(180deg,#2c526f,#22425d);border-color:#284a6570;box-shadow:inset 0 1px 0 #ffffff14,0 3px 8px #16375017;color:#fff}
 .sections-toggle svg{width:20px;height:20px;stroke-width:1.6}
 .sections-toggle path{transform-origin:12px 12px;transition:transform .2s ease}
 .sections-toggle .menu-line-first{transform:translateY(-3px)}
 .sections-toggle .menu-line-last{transform:translateY(3px)}
 .sections-toggle[aria-expanded="true"] .menu-line-first{transform:rotate(45deg)}
 .sections-toggle[aria-expanded="true"] .menu-line-last{transform:rotate(-45deg)}
 .topbar .quick-nav{gap:8px}.topbar .quick-nav a{font-size:.875rem;border-radius:12px;padding-bottom:30px}
 .topbar .download,.topbar .theme-toggle{padding:10px 14px}
 .topbar.nav-enhanced .bar-actions{padding-top:2px;padding-bottom:2px}
}
@media(hover:hover){.topbar .quick-nav a:hover{transform:translateY(-1px);border-color:#97b9d16b;box-shadow:inset 0 1px 0 #ffffff12,0 5px 12px #0000001c}.topbar .download:hover,.topbar .sections-toggle:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 #ffffff18,0 4px 10px #17344c20}.topbar .theme-toggle:hover{background:#7d9bb51a}}
.topbar .quick-nav a:active,.topbar .download:active,.topbar .theme-toggle:active,.topbar .sections-toggle:active{transform:scale(.985)}
@media(prefers-reduced-motion:reduce){.topbar .quick-nav a,.topbar .download,.topbar .theme-toggle,.topbar .sections-toggle,.sections-toggle path{transition:none}.topbar a:hover,.topbar a:active,.topbar button:active{transform:none}}
/* Opaque top edge fills iPhone safe areas; content never shows through the header. */
.topbar,.topbar.nav-enhanced{top:0;background:#111720;padding-top:env(safe-area-inset-top,0px);backdrop-filter:none;-webkit-backdrop-filter:none}
[data-theme="light"] .topbar{background:#edf1f5}
.topbar:before{content:'';position:absolute;left:0;right:0;bottom:100%;height:max(1px,env(safe-area-inset-top,0px));background:inherit;pointer-events:none}
@media(max-width:760px), (max-height:500px) and (pointer:coarse){
 .topbar.nav-enhanced .bar-inner{padding-top:6px;padding-bottom:6px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
 .topbar .quick-nav{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
}
/* Eight brochures, one compact header; both menus use a single vertical column. */
.topbar .bar-inner{position:relative;flex-wrap:nowrap;gap:12px;min-height:66px}
.topbar .brand{margin-right:auto}
.topbar .sections-toggle,.system-picker summary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 17px;border:1px solid #7898b04d;border-radius:999px;background:linear-gradient(180deg,#355976,#294b67);box-shadow:inset 0 1px 0 #ffffff14,0 2px 6px #00000015;color:#f5f8fc;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;font-size:.9rem;font-weight:600;line-height:1.25;white-space:nowrap;cursor:pointer}
.sections-toggle svg,.system-picker summary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.sections-toggle path{transform-origin:12px 12px;transition:transform .2s ease}.sections-toggle .menu-line-first{transform:translateY(-3px)}.sections-toggle .menu-line-last{transform:translateY(3px)}.sections-toggle[aria-expanded="true"] .menu-line-first{transform:rotate(45deg)}.sections-toggle[aria-expanded="true"] .menu-line-last{transform:rotate(-45deg)}
.system-picker{position:static}.system-picker summary{list-style:none;background:#ffffff06;color:var(--text)}.system-picker summary::-webkit-details-marker{display:none}.system-picker[open] summary svg{transform:rotate(180deg)}
.topbar .menu-panel,.system-options{position:absolute;right:max(16px,calc((100% - 1152px)/2));top:calc(100% + 8px);width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 100px - env(safe-area-inset-top,0px));overflow:auto;overscroll-behavior:contain;padding:12px;background:#182330;border:1px solid #667f954d;border-radius:20px;box-shadow:0 18px 48px #0005,0 2px 6px #0002;scrollbar-width:thin}
.system-options{right:0;top:calc(100% + 8px);display:flex;flex-direction:column;gap:4px;padding:8px;width:min(360px,calc(100vw - 32px))}
.system-options a{display:flex;align-items:center;min-height:48px;padding:12px 15px;border-radius:12px;font-size:.95rem;font-weight:550;line-height:1.4;text-decoration:none;color:#e7eff6}
.system-options a[aria-current="page"]{background:#305572;color:#fff;box-shadow:inset 3px 0 0 #a3c8df}
.topbar .menu-panel .bar-actions{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:2px 0 12px}
.topbar .menu-panel .quick-nav{display:flex;flex-direction:column;gap:8px;padding:0;margin:0;max-height:none;overflow:visible}
.topbar.is-collapsed .menu-panel{display:none}
.topbar .quick-nav a{position:relative;overflow:hidden;min-height:62px;padding:14px 88px 14px 16px;justify-content:flex-start;text-align:left;border-radius:12px}
.topbar .quick-nav a:after{width:76px;height:58px;bottom:0;right:0;background:transparent url('assets/page-fold.svg') right bottom / 76px 58px no-repeat;clip-path:none;opacity:1;box-shadow:none}
.topbar .quick-nav a b{right:11px;bottom:10px;font-size:.78rem;line-height:1;min-width:14px;font-weight:550;color:#d9e8f1;z-index:1}
.topbar .quick-nav a span{display:block}.topbar .quick-nav a small{display:block;font-size:.75rem;color:#bdd1e1;margin-top:4px}
[data-theme="light"] .menu-panel,[data-theme="light"] .system-options{background:#e5ecf2;border-color:#25466024;box-shadow:0 18px 48px #17304729,0 2px 6px #17304712}
[data-theme="light"] .system-picker summary{background:#ffffff66;border-color:#24435e35;color:#24435e}
[data-theme="light"] .system-options a{color:#24435e}[data-theme="light"] .system-options a[aria-current="page"]{background:#294c67;color:#fff}
.referral-links{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}.referral-links .button{margin:0;flex:1 1 180px}
.no-power{padding:13px 20px;border:1px solid #537f8055;border-radius:12px;background:#204b51;color:#e5f4f2;text-align:center;font-weight:650;text-transform:uppercase;letter-spacing:.035em;margin:20px 0 24px}
.tank-ro-option{margin:26px 0 32px}.tank-ro-option .section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none}.tank-ro-option .section-heading h3{font-size:clamp(1.5rem,3vw,2.1rem);color:var(--accent)}
.nelsen-mark{display:block;width:120px;flex-shrink:0;border-radius:7px;overflow:hidden}.nelsen-mark img{width:100%}
.tank-visual .figure img{border-radius:18px}.tank-visual .figure{background:transparent}.tank-visual{position:static}
.alkaline-card{background:#292640!important;color:#f0f3f9!important;margin:24px 0}.alkaline-card .accent{color:#cebfe9}.alkaline-card picture{display:block;max-width:500px;margin:24px auto 0}.alkaline-card img{width:100%}
.maintenance-schedule{margin:24px 0}.maintenance-schedule>div{margin:0 0 24px}.maintenance-schedule dt{font-weight:600}.maintenance-schedule dd{margin:6px 0 0;color:#adb8c9}
.tank-maintenance .oem-art{display:block;max-width:330px;margin:24px auto}.tank-maintenance .oem-art img{width:100%}.tank-maintenance .button{display:flex;margin:12px 0}.tank-maintenance hr{border:0;border-top:1px solid #3b5365;margin:24px 0}
.ro-cover-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:center;font-size:.9rem;line-height:1.5}.ro-cover-options strong{color:var(--accent)}
.ro-trust{max-width:600px;margin-left:auto;margin-right:auto}.one-year-mark{border-radius:50%;background:#111720;padding:5px}.one-year-mark img{border-radius:50%}
.not-included{padding:12px 18px;border-radius:10px;border:1px solid var(--line);color:var(--accent);font-weight:600}.tank-prep{margin-top:28px}.tank-prep .figure{max-width:700px;margin:20px auto}.tank-ro-option .cert-card{margin-top:24px}
/* Hover feedback follows the target: a surface for controls, a fine frame for art. */
a,button,summary{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,filter .18s ease;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #86b6dc;outline-offset:4px}
@media(hover:hover){
 a[href]:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}
 main a:not(.button):not([data-zoom]):not(.product-img):hover,footer a:hover{color:#d6e8ff;background-color:#8eb8dd14;border-radius:6px;text-decoration:underline;text-underline-offset:.25em}
 [data-theme="light"] main a:not(.button):not([data-zoom]):not(.product-img):hover,[data-theme="light"] footer a:hover{color:#205880;background-color:#305d7910}
 a.button:hover,.topbar .download:hover,.topbar .sections-toggle:hover{border-color:#adcbe0;background:linear-gradient(180deg,#416d8e,#335b7a);box-shadow:0 4px 14px #0b233329,inset 0 1px 0 #ffffff18;color:#fff}
 .topbar .quick-nav a:hover{background:linear-gradient(180deg,#3c6584,#305570);border-color:#adcbe0;box-shadow:inset 0 1px 0 #ffffff18,0 3px 9px #0002;transform:none}
 .system-options a:hover{background:#355b78;color:#fff}.system-picker summary:hover,.theme-toggle:hover{background:#8eb8dd1c;border-color:#8cabc2}
 [data-theme="light"] .system-options a:hover{background:#cbdce9;color:#193b56}
 a[data-zoom]:hover,a.product-img:hover,.trust a:hover,a.nelsen-mark:hover,a.brand:hover{outline:2px solid #8bb5d1;outline-offset:4px;border-radius:10px;filter:brightness(1.045);box-shadow:0 6px 20px #18374c20}
}
@media(max-width:760px){
 .topbar.nav-enhanced .bar-inner{flex-wrap:nowrap;gap:8px;min-height:62px}.topbar .brand{width:100px;flex-shrink:1;min-width:68px}.topbar.nav-enhanced .sections-toggle{min-width:0;padding:10px 13px;gap:7px}.system-picker summary{padding:10px 12px;font-size:.82rem;gap:5px}.system-picker summary svg{width:16px;height:16px}
 .topbar .menu-panel,.system-options{right:16px;max-height:calc(100dvh - 90px - env(safe-area-inset-top,0px))}.system-options{right:0}.topbar .quick-nav a{min-height:60px;padding:13px 88px 13px 14px}
 .tank-ro-option .section-heading{gap:12px}.nelsen-mark{width:90px}.referral-links{gap:14px}.ro-cover-options{font-size:.8rem;gap:12px}
}
@media(max-width:360px){.topbar .brand{width:78px}.system-picker summary{padding:10px;font-size:.78rem}.topbar.nav-enhanced .sections-toggle{font-size:.82rem;padding:10px}.sections-toggle svg{width:17px;height:17px}.topbar.nav-enhanced .bar-inner{gap:6px}}
@media(prefers-reduced-motion:reduce){a,button,summary,.sections-toggle path{transition:none}a:hover{transform:none}}
@media print{.system-picker,.menu-panel{display:none}}
/* Deliberate mobile copy rhythm, shared across all brochure sizes. */
.offer-notes,.offer-notes p{text-align:center}
.finance>.muted:first-of-type{font-size:clamp(.9rem,2.8vw,1rem);text-wrap:balance}
.report-card p,.section-heading>.muted{ text-wrap:pretty }
.figure figcaption .zoom-label{display:block;margin-bottom:5px}
.figure-caption{display:block;line-height:1.55;text-wrap:balance}
.maintenance-card .cost span{display:block;line-height:1.5;margin-top:5px;white-space:nowrap}
.location{position:relative;display:flex;flex-direction:column;gap:22px;padding:28px}
.location .state{position:absolute;top:25px;right:24px;float:none;margin:0;width:48px;height:48px}
.location .state .state-map{width:48px;height:48px;opacity:.85}
.location h3{margin:0;padding-right:62px;min-height:48px;display:flex;align-items:center}
.location a,.location .service{margin:0;line-height:1.7}
.location .service{padding-top:22px}
.location .location-bbb{min-height:70px}
.prep-card>ol{padding-left:22px;margin:14px 0 0}
.prep-card>ol>li{padding:5px 0 10px}
.service-question{display:block;font-size:1.17rem;font-weight:650;line-height:1.45;margin-bottom:10px}
.prompt-actions{flex-wrap:wrap;justify-content:flex-start;gap:12px;align-items:center}
.prompt-actions .copy-status{flex-basis:100%}
.prompt-actions .copy-status:empty{display:none}
#share-prompt{font-family:inherit;font-weight:650}#share-prompt svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.quote-invitation{margin-top:36px;padding-top:28px;border-top:1px solid var(--line);max-width:760px}
.quote-invitation>img{width:88px;height:44px;margin-bottom:18px}
.quote-invitation h3{font-size:clamp(1.5rem,3.8vw,2rem);font-weight:600;line-height:1.25;text-wrap:balance}
.quote-invitation p{font-size:1.12rem;line-height:1.6}
.quote-invitation strong{font-size:clamp(1.15rem,3.1vw,1.35rem);font-weight:550}
.system-picker[open] summary svg{transform:none}.system-picker summary svg{stroke-linejoin:round}
@media(max-width:700px){.location{padding:24px;gap:22px}.location .state{top:23px;right:24px}.figure figcaption{line-height:1.55}}
/* A consistent icon column, centered within the space clear of the page curl. */
.topbar .quick-nav a{padding:14px 80px 14px 28px}
.topbar .quick-nav a .nav-content{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:13px;width:230px;max-width:100%;margin:0 auto;text-align:left}
.topbar .quick-nav a .nav-label{display:block;min-width:0;overflow-wrap:break-word}
.topbar .quick-nav .nav-icon,.topbar .quick-nav .nav-content>.decal{display:block;width:24px;height:26px;object-fit:contain;flex-shrink:0}
.topbar .quick-nav .nav-icon{fill:none;stroke:#c0d2df;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.topbar .quick-nav a{padding:14px 80px 14px 24px}}
/* Always-visible utility icons, before System, outside the page menu. */
.topbar.nav-enhanced .bar-inner{gap:10px}
.topbar .bar-inner .header-utilities,.topbar.nav-enhanced.is-collapsed .bar-inner .header-utilities{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;width:auto;padding:0;flex-shrink:0}
.topbar .header-utilities .download,.topbar .header-utilities .theme-toggle{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;border-radius:50%;gap:0}
.header-utilities .download span,.header-utilities .theme-toggle span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.topbar .header-utilities .download svg{width:19px;height:23px}.topbar .header-utilities .theme-toggle svg{width:20px;height:20px}
.topbar .menu-panel .quick-nav{padding:0}
@media(max-width:760px){.topbar.nav-enhanced .bar-inner{gap:7px}.topbar .brand{width:92px;min-width:45px;flex-shrink:1}.topbar .header-utilities{gap:3px}}
@media(max-width:380px){
 .topbar.nav-enhanced .bar-inner{gap:5px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
 .topbar .brand{width:58px;min-width:40px}
 .topbar .header-utilities .download,.topbar .header-utilities .theme-toggle{width:36px;min-width:36px;height:40px;min-height:40px;padding:8px}
 .system-picker summary{font-size:.78rem;padding:10px 8px;gap:5px}
 .topbar.nav-enhanced .sections-toggle{font-size:.8rem;padding:10px 8px;gap:5px}
 .topbar .sections-toggle svg{width:17px;height:17px}
}
/* RO offer hierarchy: the installed price leads; the two choices breathe. */
.ro-offer .price{font-size:clamp(4.3rem,12vw,5.6rem);font-weight:650;line-height:1.08;margin-bottom:10px}
.ro-offer .name{font-size:clamp(1.35rem,4.5vw,1.85rem);line-height:1.3;margin:20px 0 26px}
.ro-choice{display:block}.ro-choice>span{display:block;font-size:.82em;font-weight:450;color:var(--text);margin-top:5px}
.ro-offer .name .ro-choice-or{display:block;margin:19px 0;font-size:.56em;line-height:1;letter-spacing:.14em;color:var(--muted);font-weight:500}
.exposure-card>.eyebrow.bad{display:table;margin:0 auto 26px;text-align:center}
/* Neutral download utility matches the theme control rather than the primary Menu. */
.topbar .header-utilities .download{background:#ffffff05;border:1px solid #8ca1b43b;box-shadow:none;color:#dce7f2}
[data-theme="light"] .topbar .header-utilities .download{background:#ffffff45;border-color:#203f5a2b;box-shadow:none;color:#24435e}
@media(hover:hover){.topbar .header-utilities .download:hover{background:#7d9bb51a;border-color:#8cabc2;box-shadow:none;color:var(--text)}}
/* Separate system buttons with quiet equipment silhouettes. */
.system-options{gap:8px;padding:10px}
.system-options a{display:grid;grid-template-columns:34px minmax(0,1fr) 10px;gap:12px;min-height:62px;padding:12px;border:1px solid #7892a530;border-radius:12px;background:linear-gradient(180deg,#263e52,#203548);box-shadow:inset 0 1px 0 #ffffff09}
.system-icon{display:block;width:34px;height:34px;fill:none;stroke:#bed2e1;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.system-arrow{color:#9db8cc;font-size:1.3rem}.system-label{min-width:0}
.system-options a[aria-current="page"]{background:linear-gradient(180deg,#355979,#2a4b69);border-color:#8fbbe083;box-shadow:inset 3px 0 0 #a3c8df}
[data-theme="light"] .system-options a{background:#d7e2eb;border-color:#31597626;color:#24435e}
[data-theme="light"] .system-icon{stroke:#456783}
[data-theme="light"] .system-options a[aria-current="page"]{background:#294c67;color:#fff}
[data-theme="light"] .system-options a[aria-current="page"] .system-icon{stroke:#d8e6ef}
@media(hover:hover){.system-options a:hover{background:#355b78;border-color:#adcbe0;color:#fff}.system-options a:hover .system-icon{stroke:#e9f4fc}[data-theme="light"] .system-options a:hover{background:#c6d8e7;color:#193b56}[data-theme="light"] .system-options a:hover .system-icon{stroke:#24435e}}

/* Let the existing exposure photos fill the phone card without height caps. */
@media(max-width:760px){
 #water-report .exposure-layout figure{width:100%;max-width:none;margin:0}
 #water-report .exposure-layout figure picture{display:block;width:100%}
 #water-report .exposure-layout figure img{width:100%;max-width:none;max-height:none;height:auto}
 #water-report .health>picture{display:block;width:100%}
 #water-report .health>picture>img{width:100%;max-width:none;max-height:none;height:auto;margin:0}
}

/* Preserve the PDF's staggered composition at phone widths. */
@media(max-width:760px){
 #water-report .exposure-card{padding:16px}
 #water-report .exposure-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;align-items:center}
 #water-report .exposure-copy{gap:14px}
 #water-report .exposure-copy h3{font-size:17px;line-height:1.25}
 #water-report .exposure-copy p{font-size:15px;line-height:1.5}
 #water-report .exposure-copy>.button{font-size:14px;line-height:1.35;padding:10px 8px;min-width:0;width:100%}
 #water-report .exposure-layout figure{width:100%;max-width:none;margin:0}
 #water-report .exposure-layout figure img{width:100%;height:auto;max-height:none}
 #water-report .health{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;align-items:center;margin-top:20px;padding-top:20px}
 #water-report .health>picture>img{width:100%;max-width:none;max-height:none;height:auto}
 #water-report .health h3{font-size:20px;line-height:1.2;gap:6px}
 #water-report .health li{font-size:14px;line-height:1.4;padding:10px 8px;gap:8px;min-height:56px}
 #water-report .health li .decal{width:24px;height:24px;flex-shrink:0}
}

/* Full-width headline, with text wrapping beside the larger original artwork. */
@media(max-width:760px){
 #water-report .exposure-layout{display:block}
 #water-report .exposure-copy{display:contents}
 #water-report .exposure-copy h3{font-size:19px;line-height:1.3;text-wrap:balance;margin:0 0 18px}
 #water-report .exposure-layout figure{float:right;width:48%;max-width:none;margin:4px 0 12px 12px}
 #water-report .exposure-copy p{margin:0 0 16px}
 #water-report .exposure-copy>.button{width:auto;display:flex;clear:both;margin-top:16px}
 #water-report .exposure-layout::after{content:"";display:block;clear:both}
}

#water-report .exposure-layout>h3{grid-column:1/-1;margin:0;font-size:1.4rem;line-height:1.3;text-wrap:balance}
@media(min-width:761px){#water-report .exposure-layout>figure{grid-column:2;grid-row:2}#water-report .exposure-layout>.exposure-copy{grid-column:1;grid-row:2}}
@media(max-width:760px){#water-report .exposure-layout>h3{font-size:19px;margin:0 0 18px}}

/* Feather only the perimeter; retain the original image detail at the center. */
#water-report .exposure-layout figure>a,
#water-report .health>picture{display:block;position:relative;background:#082952;isolation:isolate}
#water-report .exposure-layout figure>a::after,
#water-report .health>picture::after{content:"";position:absolute;inset:-1px;pointer-events:none;z-index:1;background:linear-gradient(to right,#082952 0%,#08295200 7%,#08295200 93%,#082952 100%),linear-gradient(to bottom,#082952 0%,#08295200 6%,#08295200 88%,#082952 100%)}
[data-theme="light"] #water-report .exposure-layout figure>a,
[data-theme="light"] #water-report .health>picture{background:#082952;border-radius:0}

@media(max-width:760px){
 #quote .reviews .review-links{grid-template-columns:repeat(3,minmax(0,1fr));max-width:570px;gap:8px}
 #quote .review-links .button{min-width:0;min-height:112px;padding:12px 5px;font-size:14px;grid-template-rows:32px 1fr}
 #quote .review-links .button>span{overflow-wrap:normal;line-height:1.25}
}

.ewg-test{padding:clamp(20px,4vw,36px);border:1px solid #668fac55;border-radius:24px;background:linear-gradient(135deg,#153a56,#102a42);color:#eef6fb;margin:24px 0;grid-column:1/-1}.ewg-test h3{font-size:clamp(24px,4vw,36px);margin:12px 0}.ewg-test p{line-height:1.55}.ewg-test-tag{font-size:12px;letter-spacing:.12em;color:#a4d4f4;font-weight:750}.ewg-test label{display:block;font-size:14px;font-weight:650;margin:16px 0 8px}.ewg-input-row{display:flex;gap:12px;max-width:520px}.ewg-input-row input{min-width:0;flex:1;width:100%;font:600 20px system-ui;background:#f7fafc;color:#162b3d;padding:14px 16px;border:1px solid #b9cdd9;border-radius:12px}.ewg-input-row button,.ewg-actions button{font:650 15px system-ui;cursor:pointer;border:1px solid #85b7d966;color:#fff;background:#245575;border-radius:12px;padding:12px 18px;white-space:nowrap}.ewg-test button:hover,.ewg-actions a:hover{filter:brightness(1.18)}.ewg-test button:focus-visible,.ewg-test a:focus-visible,.ewg-test input:focus-visible{outline:3px solid #89daff;outline-offset:4px}#ewg-status{font-size:14px;color:#d0e2ee;min-height:24px}.ewg-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.ewg-actions a{color:#b6e5ff;text-underline-offset:5px}.ewg-utility select{width:100%;font:14px system-ui;padding:12px;border-radius:10px;color:#d7e5ef;background:#19384f;border:1px solid #7893a650;opacity:1}.ewg-sample-note{display:grid;gap:6px;margin:24px 0 14px;font-size:13px;color:#bbd1e0}.ewg-sample-note strong{font-size:14px;color:#edf6fc}.ewg-image-button{display:block;width:100%;border:0;padding:0;border-radius:14px;overflow:hidden;background:#fff;color:#193743;cursor:zoom-in;text-align:center}.ewg-image-button img{display:block;width:100%;height:auto;margin:0}.ewg-image-button>span{display:block;padding:12px;font:650 14px system-ui;background:#f0f4f6}.ewg-footnote{font-size:13px;color:#b6cddc;margin-bottom:0}.ewg-zoom{max-width:96vw;max-height:92dvh;padding:0;background:#fff;border:1px solid #aac0cc;border-radius:14px;color:#172c38}.ewg-zoom::backdrop{background:#031321e6}.ewg-zoom-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;padding:12px 18px;z-index:1;font:600 14px system-ui}.ewg-zoom-header button{padding:10px 16px;border-radius:8px;cursor:pointer}.ewg-zoom-body{max-height:75dvh;overflow:auto;overscroll-behavior:contain}.ewg-zoom-body img{display:block;width:1039px;max-width:none;height:auto}.ewg-zoom p{padding:0 18px;font:14px system-ui}@media(max-width:400px){.ewg-input-row{gap:8px}.ewg-input-row button{padding:12px;font-size:14px}}[data-theme="light"] .ewg-test{background:linear-gradient(135deg,#e4eef5,#f8fafc);color:#14304b}[data-theme="light"] .ewg-test-tag,[data-theme="light"] #ewg-status,[data-theme="light"] .ewg-sample-note,[data-theme="light"] .ewg-footnote{color:#426077}[data-theme="light"] .ewg-sample-note strong{color:#17354a}[data-theme="light"] .ewg-actions a{color:#175875}

.ewg-input-row button:disabled{opacity:.6;cursor:not-allowed;filter:none}

.ewg-brand{display:flex;align-items:center;gap:16px}.ewg-brand img{width:64px;height:64px;object-fit:contain;flex:none}.ewg-brand h3{margin:4px 0;font-size:clamp(22px,4vw,30px)}.ewg-brand .ewg-test-tag{font-size:12px;letter-spacing:.06em}.ewg-test{margin-top:0}#water-report{scroll-margin-top:100px}#ewg-form{scroll-margin-top:100px}

#contaminant-grid-panel{margin:24px 0}#contaminant-grid-panel h4{font-size:18px;margin:0 0 12px}.contaminant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.contaminant-card{padding:14px 10px;border:1px solid #8eb7cf55;background:#ffffff0a;border-radius:12px;min-width:0}.contaminant-card h5{font:650 14px/1.3 system-ui;overflow-wrap:anywhere;margin:0 0 14px}.contaminant-card strong{display:block;font:750 clamp(28px,5vw,44px)/1.1 system-ui;color:#a9e4fa}.contaminant-card p{margin:8px 0 4px;font-size:14px}.contaminant-card small{display:block;font:12px/1.4 system-ui}.contaminant-note{font-size:13px!important;margin:12px 0 0}[data-theme="light"] .contaminant-card{background:#fff;border-color:#c5d8e5}[data-theme="light"] .contaminant-card strong{color:#18516c}

a.ewg-brand{color:inherit;text-decoration:none;border-radius:12px;transition:background .18s ease}a.ewg-brand:hover{background:#8bbdda14}a.ewg-brand:focus-visible{outline:3px solid #89daff;outline-offset:6px}

/* Independent banner and lookup share a visual shell, not behavior. */
.ewg-test{padding:0;overflow:hidden}
a.ewg-brand{display:flex;box-sizing:border-box;width:100%;margin:0;padding:clamp(20px,4vw,36px);border-radius:24px 24px 0 0;cursor:pointer;touch-action:manipulation}
.ewg-lookup{padding:0 clamp(20px,4vw,36px) clamp(20px,4vw,36px)}
#ewg-source{display:inline-block;padding:8px 0;touch-action:manipulation}

/* ============================================================================
   Biscayne Water brand layer for /customquote1/ (door-hanger identity).
   Loaded AFTER styles.css + ewg-test.css. Light (cream) is the default theme;
   the toggle switches to a navy "dark" theme. Palette:
   cream #F7F2E9 / #EFE8DF · navy #053659 / #032A45 / #021C2E · pink #FAB3B4 / #F79A9B
   sky #78DBFF · white #FEFEFE · gold (stars) #E3A400
   ============================================================================ */

/* ---------- tokens ---------- */
:root{
  color-scheme:dark;
  --bg:#032A45;--text:#FEFEFE;--muted:#C9DCE8;--accent:#78DBFF;--card:#053659;
  --line:rgba(120,219,255,.4);--blue:#021C2E;--nav:#053659;--action:#FAB3B4;
  --link-hover:#FEFEFE;--link-hover-bg:rgba(120,219,255,.14);--focus-ring:#FAB3B4;
  font-family:'Poppins',system-ui,-apple-system,sans-serif;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F7F2E9;--text:#053659;--muted:#4A6478;--accent:#053659;--card:#FEFEFE;
  --line:#053659;--blue:#053659;--nav:#053659;--action:#FAB3B4;
  --link-hover:#032A45;--link-hover-bg:rgba(250,179,180,.4);--focus-ring:#053659;
}
body{font-family:'Poppins',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}

/* ---------- type ---------- */
h1,h2,h3,h4,.price,.payment,.cost,.metric strong,.warranty-list dt,.section-label,.offer .sale,.finance .lender,
.eyebrow,.ewg-test-tag,.contaminant-card strong,.stage-number,.quick-nav a,.button,.download,.theme-toggle,
.sections-toggle,.call,.ewg-input-row button,.location h3,
.topbar .quick-nav a,.topbar .quick-nav a b,.topbar .download,.topbar .theme-toggle,.topbar .sections-toggle,.topbar.nav-enhanced .sections-toggle,#copy-prompt,#share-prompt{font-family:'Montserrat',system-ui,sans-serif}
#share-prompt{font-weight:700}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.01em}
h1,h2{text-transform:uppercase}
h1{font-size:clamp(2.2rem,5vw,3.9rem);line-height:1.05}
h2{font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.12}
h3{font-size:1.3rem}
h4{font-size:1.05rem;letter-spacing:0}
h1 span,h2 span{color:#053659;background:#FAB3B4;padding:0 .18em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.accent{color:var(--accent)}
.muted{color:var(--muted)}
a{color:var(--accent)}
a:hover{color:var(--link-hover)}
.hero-copy .subhead{font-family:'Dancing Script',cursive;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:700;line-height:1.2;color:var(--accent);margin:0 0 12px}
.hero-copy .type{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}
.section-label{color:var(--accent);font-weight:800;letter-spacing:.12em;display:flex;align-items:center;gap:10px}
.section-label::before{content:'';display:inline-block;width:26px;height:10px;background:#FAB3B4;border:1.5px solid #053659;flex-shrink:0}
:root:not([data-theme="light"]) .section-label::before{border-color:#FAB3B4}
.hero-mascot{width:96px;height:96px;border-radius:50%;background:#EFE8DF;border:2.5px solid #053659;box-shadow:4px 4px 0 #053659;margin:0 0 18px;object-fit:cover;display:block}
:root:not([data-theme="light"]) .hero-mascot{box-shadow:4px 4px 0 #FAB3B4}

/* ---------- surfaces: cards ---------- */
.card,[data-theme="light"] .card{border-radius:14px;border:2.5px solid #053659;box-shadow:6px 6px 0 rgba(5,54,89,.16);background:var(--card)}
:root:not([data-theme="light"]) .card{border-color:rgba(120,219,255,.45);box-shadow:6px 6px 0 rgba(0,0,0,.28)}
[data-theme="light"] .report-card,[data-theme="light"] .location,[data-theme="light"] .prompt,[data-theme="light"] .support-grid>.card,
[data-theme="light"] .cert-card,[data-theme="light"] .prep-card,[data-theme="light"] .warranty-grid,[data-theme="light"] .system-specifications{background:#FEFEFE}
.section,[data-theme="light"] .section{border-bottom:2px dashed rgba(5,54,89,.35)}
:root:not([data-theme="light"]) .section{border-bottom-color:rgba(120,219,255,.28)}

/* navy focal panels (mirrors the brochure's dark art panels) */
[data-theme="light"] .exposure-card,[data-theme="light"] .maintenance-card,[data-theme="light"] .part,[data-theme="light"] .power,
[data-theme="light"] .education-grid .card{--text:#FEFEFE;--muted:#C9DCE8;--accent:#78DBFF;--line:rgba(120,219,255,.4);--link-hover:#FEFEFE;--link-hover-bg:rgba(120,219,255,.14);--focus-ring:#FAB3B4;background:#053659;color:#FEFEFE;border-color:#053659;box-shadow:6px 6px 0 #FAB3B4}
[data-theme="light"] .part{background:#053659}
[data-theme="light"] .part .why,.part .why{background:rgba(255,255,255,.08);border-radius:10px}
[data-theme="light"] .part .spec-list>div,.part .spec-list>div,[data-theme="light"] .spec-list>div{border-color:rgba(120,219,255,.28)}
[data-theme="light"] .card:not(.part):not(.exposure-card):not(.maintenance-card):not(.power):not(.education-grid .card) .spec-list>div{border-color:rgba(5,54,89,.2)}
[data-theme="light"] .education-grid .recommendation,.recommendation{border-color:rgba(120,219,255,.3);background:transparent}
[data-theme="light"] .health li,.health li{background:rgba(255,255,255,.1);color:#FEFEFE;border:1px solid rgba(120,219,255,.25)}
[data-theme="light"] .health h3,.health h3{color:#FAB3B4}
.health-source{margin:14px 0 0!important;font-size:.8rem!important;opacity:.85}

/* cream inset panels inside white cards */
[data-theme="light"] .good-news,[data-theme="light"] .metric,[data-theme="light"] .prompt-box,[data-theme="light"] .stages .stage-copy{background:#EFE8DF;border:2px solid #053659;color:#053659;box-shadow:none}
[data-theme="light"] .metric strong{color:#053659}
[data-theme="light"] .metric span,[data-theme="light"] .stage-copy p{color:#4A6478}
[data-theme="light"] .prompt-box p{color:#053659}
:root:not([data-theme="light"]) .good-news,:root:not([data-theme="light"]) .metric,:root:not([data-theme="light"]) .prompt-box,:root:not([data-theme="light"]) .stages .stage-copy{background:#021C2E;border:2px solid rgba(120,219,255,.35)}
.good-news{border-radius:14px}
.stage-number,[data-theme="light"] .stage-number{background:#FAB3B4;color:#053659;border:2px solid #053659;font-weight:800}
:root:not([data-theme="light"]) .stage-number{border-color:#FAB3B4}
[data-theme="light"] .ion,[data-theme="light"] .skin picture,[data-theme="light"] .faucets>picture{background:#053659}
[data-theme="light"] .figure>a,.figure>a{background:#053659}
#reverse-osmosis .ro-visual .figure>a,[data-theme="light"] #reverse-osmosis .ro-visual .figure>a,.faucets>picture,[data-theme="light"] .faucets>picture{background:transparent}
#water-report .exposure-layout figure>a,#water-report .health>picture,[data-theme="light"] #water-report .exposure-layout figure>a,[data-theme="light"] #water-report .health>picture{background:#053659}
#water-report .exposure-layout figure>a::after,#water-report .health>picture::after{background:linear-gradient(to right,#053659 0%,rgba(5,54,89,0) 7%,rgba(5,54,89,0) 93%,#053659 100%),linear-gradient(to bottom,#053659 0%,rgba(5,54,89,0) 6%,rgba(5,54,89,0) 88%,#053659 100%)}
.checklist li:nth-last-child(2),[data-theme="light"] #quote .offer .checklist li:nth-last-child(2){border-top-color:rgba(120,219,255,.3)}
#water-report .health{border-top-color:rgba(120,219,255,.3)}
:root:not([data-theme="light"]) .spec-list>div,:root:not([data-theme="light"]) .system-specifications .spec-list>div{border-color:rgba(120,219,255,.28)}
.warranty-list>div{border-color:rgba(5,54,89,.18)}
:root:not([data-theme="light"]) .warranty-list>div{border-color:rgba(120,219,255,.28)}
.warranty-list dt{font-weight:800;color:var(--accent)}
.quote-invitation{border-top-color:rgba(5,54,89,.2)}
:root:not([data-theme="light"]) .quote-invitation{border-top-color:rgba(120,219,255,.3)}
.finance hr{border-top-color:rgba(5,54,89,.2)}
:root:not([data-theme="light"]) .finance hr{border-top-color:rgba(120,219,255,.3)}
:root:not([data-theme="light"]) .trust{box-shadow:6px 6px 0 rgba(0,0,0,.28)}

/* ---------- hero art ---------- */
.hero-art,[data-theme="light"] .hero-art{border:2.5px solid #053659;border-radius:14px;overflow:hidden;background:#053659;box-shadow:8px 8px 0 #FAB3B4}
:root:not([data-theme="light"]) .hero-art{border-color:#78DBFF}
.hero-art img,[data-theme="light"] .hero-art img{width:100%;display:block;-webkit-mask-image:none;mask-image:none}

/* ---------- offer + financing cards ---------- */
#quote .offer,[data-theme="light"] #quote .offer{--text:#FEFEFE;--muted:#C9DCE8;--accent:#78DBFF;--line:rgba(120,219,255,.4);--link-hover:#FEFEFE;--link-hover-bg:rgba(120,219,255,.14);--focus-ring:#FAB3B4;background:#053659;color:#FEFEFE;border-color:#053659;box-shadow:8px 8px 0 #FAB3B4}
:root:not([data-theme="light"]) #quote .offer{border-color:#78DBFF}
#quote .offer .sale,[data-theme="light"] #quote .offer .sale,#quote .finance .lender{display:inline-block;align-self:center;background:#FAB3B4;color:#053659;padding:7px 16px;border-radius:6px;font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:2px solid #053659}
#quote .finance .lender{font-style:normal;letter-spacing:.12em;margin-bottom:4px}
#quote .offer .name,[data-theme="light"] #quote .offer .name{color:#78DBFF}
#quote .offer .checklist li,[data-theme="light"] #quote .offer .checklist li{color:#EFE8DF}
#quote .offer .checklist li:before{color:#78DBFF}
#quote .offer .offer-cta{margin:22px 0 0}
#quote .offer .offer-cta-note{margin:10px 0 0;color:#C9DCE8}
.price{font-weight:800;letter-spacing:-.03em}
#quote .finance,[data-theme="light"] #quote .finance{background:#FEFEFE;color:#053659;border-color:#053659;box-shadow:6px 6px 0 rgba(5,54,89,.16)}
:root:not([data-theme="light"]) #quote .finance{background:#053659;color:#FEFEFE;border-color:rgba(120,219,255,.45);box-shadow:6px 6px 0 rgba(0,0,0,.28)}
#quote .finance h3{margin-top:18px}
.payment,[data-theme="light"] #quote .finance .payment{color:inherit;font-weight:800}
#quote .finance .payment small{color:var(--muted)}
[data-theme="light"] #quote .finance .payment small,[data-theme="light"] #quote .finance .muted{color:#4A6478}
[data-theme="light"] #quote .finance hr{border-color:rgba(5,54,89,.2)}

/* ---------- trust marks ---------- */
.trust,[data-theme="light"] .trust{background:#FEFEFE;border:2.5px solid #053659;border-radius:14px;padding:18px 16px;box-shadow:6px 6px 0 rgba(5,54,89,.16)}
.trust .theme-badge-dark{display:none!important}
.trust .theme-badge-light,[data-theme="light"] .trust .theme-badge-light{display:block!important;object-fit:contain;height:76px;width:auto}
.trust .bbb-mark img{height:66px;width:auto}
.trust .usa-badge{display:block;height:76px;width:auto}
.trust .usa-badge-wrap{display:flex;align-items:center;justify-content:center}
@media(max-width:700px){.trust .theme-badge-light,[data-theme="light"] .trust .theme-badge-light,.trust .bbb-mark img,.trust .usa-badge{height:auto;max-height:62px;width:100%}}
.stars,[data-theme="light"] .stars{color:#E3A400}

/* ---------- reviews ---------- */
#quote .reviews .review-links,#quote .reviews .review-links{grid-template-columns:1fr;max-width:300px}
@media(max-width:760px){#quote .reviews .review-links{grid-template-columns:1fr;max-width:300px}}
#quote .review-links .button>.decal{width:32px;height:32px}

/* ---------- buttons ---------- */
.button,[data-theme="light"] .button,.review-links .button,[data-theme="light"] .review-links .button,.contact-buttons .button{background:#FEFEFE;color:#053659;border:2px solid #053659;border-radius:10px;box-shadow:3px 3px 0 #053659;font-weight:700;letter-spacing:.01em;transition:transform .15s,box-shadow .15s,background-color .15s}
:root:not([data-theme="light"]) .button,:root:not([data-theme="light"]) .review-links .button,:root:not([data-theme="light"]) .contact-buttons .button{border-color:#FEFEFE;box-shadow:3px 3px 0 #78DBFF}
.part .button,.exposure-card .button,.maintenance-card .button,.power .button,.education-grid .button,[data-theme="light"] .part .button,[data-theme="light"] .exposure-card .button,#quote .offer .button{box-shadow:3px 3px 0 #78DBFF}
.button:hover,a.button:hover,[data-theme="light"] .button:hover,[data-theme="light"] a.button:hover{background:#EFE8DF;color:#053659;border-color:#053659;transform:translate(-1px,-1px);box-shadow:5px 5px 0 #053659}
:root:not([data-theme="light"]) a.button:hover{border-color:#FEFEFE;box-shadow:5px 5px 0 #78DBFF}
.part a.button:hover,.exposure-card a.button:hover,.maintenance-card a.button:hover,.power a.button:hover,.education-grid a.button:hover,#quote .offer a.button:hover,#quote .offer a.button.primary:hover{box-shadow:5px 5px 0 #78DBFF}
.button.primary,[data-theme="light"] .button.primary,a.button.primary{background:#FAB3B4;border-color:#053659;color:#053659;text-transform:uppercase;font-weight:800;letter-spacing:.03em}
.button.primary:hover,a.button.primary:hover,[data-theme="light"] .button.primary:hover,[data-theme="light"] a.button.primary:hover{background:#F79A9B;color:#053659;border-color:#053659;box-shadow:5px 5px 0 #053659}
.finance-application,.button.primary.finance-application{background:#FAB3B4!important;border-color:#053659!important;color:#053659;box-shadow:3px 3px 0 #053659!important}
.finance-application>span,[data-theme="light"] .finance-application>span{color:#053659;font-weight:800}
.contact-buttons small,[data-theme="light"] .contact-buttons small{color:#4A6478;font-weight:600}
:root:not([data-theme="light"]) .contact-buttons small{color:#4A6478}
.contact-buttons .phone-decal,.referral-links .phone-decal{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){
  main a:not(.button):not([data-zoom]):not(.product-img):hover,footer a:hover,[data-theme="light"] main a:not(.button):not([data-zoom]):not(.product-img):hover,[data-theme="light"] footer a:hover{color:var(--link-hover);background-color:var(--link-hover-bg)}
  a[data-zoom]:hover,a.product-img:hover,.trust a:hover,a.brand:hover{outline-color:#FAB3B4;box-shadow:none;filter:none}
}
a:focus-visible,button:focus-visible,summary:focus-visible,.ewg-test button:focus-visible,.ewg-test a:focus-visible,.ewg-test input:focus-visible,a.ewg-brand:focus-visible,.topbar .sections-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-color:var(--focus-ring)}

/* ---------- eyebrows ---------- */
.eyebrow,[data-theme="light"] .eyebrow{background:#FAB3B4;border:2px solid #053659;color:#053659;font-weight:800;letter-spacing:.08em;text-transform:uppercase;clip-path:none;border-radius:6px}
.eyebrow.bad,[data-theme="light"] .eyebrow.bad{background:#021C2E;color:#FAB3B4;border-color:#FAB3B4}

/* ---------- EWG lookup panel ---------- */
.ewg-test,[data-theme="light"] .ewg-test{--link-hover:#FEFEFE;--link-hover-bg:rgba(120,219,255,.14);--focus-ring:#FAB3B4;background:#053659;border:2.5px solid #053659;border-radius:14px;color:#FEFEFE;box-shadow:6px 6px 0 rgba(5,54,89,.16)}
:root:not([data-theme="light"]) .ewg-test{border-color:rgba(120,219,255,.45);box-shadow:6px 6px 0 rgba(0,0,0,.28)}
a.ewg-brand{border-radius:12px 12px 0 0}
.ewg-brand h2{margin:4px 0;font-size:clamp(22px,4vw,30px);line-height:1.18;text-transform:none}
.ewg-test-tag,[data-theme="light"] .ewg-test-tag{color:#78DBFF;font-weight:800;letter-spacing:.14em}
#ewg-status,[data-theme="light"] #ewg-status{color:#C9DCE8}
.ewg-actions a,[data-theme="light"] .ewg-actions a{color:#78DBFF}
.ewg-input-row input{font-family:'Poppins',system-ui,sans-serif;background:#FEFEFE;color:#053659;border:2px solid #053659;border-radius:10px}
.ewg-input-row button,.ewg-actions button{background:#FAB3B4;color:#053659;border:2px solid #053659;border-radius:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;box-shadow:3px 3px 0 #021C2E}
.ewg-test button:hover{filter:none;background:#F79A9B}

/* ---------- top bar ---------- */
.topbar,.topbar.nav-enhanced,[data-theme="light"] .topbar{background:#053659;border-bottom:2.5px solid #78DBFF}
[data-theme="light"] .topbar,[data-theme="light"] .topbar.nav-enhanced{background:#EFE8DF;border-bottom-color:#053659}
.topbar .brand{width:132px}
.brand img{display:block;width:100%;height:auto}
[data-theme="light"] .brand{background:none;padding:0}
.topbar .download,.topbar .theme-toggle,.topbar .header-utilities .download,.topbar .header-utilities .theme-toggle,
.topbar .sections-toggle,.topbar.nav-enhanced .sections-toggle,.topbar .call,
[data-theme="light"] .topbar .download,[data-theme="light"] .topbar .theme-toggle,[data-theme="light"] .topbar .header-utilities .download,
[data-theme="light"] .topbar .header-utilities .theme-toggle,[data-theme="light"] .topbar.nav-enhanced .sections-toggle{background:#053659;border:2px solid #053659;color:#FEFEFE;box-shadow:none;font-weight:700;letter-spacing:0}
:root:not([data-theme="light"]) .topbar .download,:root:not([data-theme="light"]) .topbar .theme-toggle,:root:not([data-theme="light"]) .topbar .header-utilities .download,
:root:not([data-theme="light"]) .topbar .header-utilities .theme-toggle,:root:not([data-theme="light"]) .topbar.nav-enhanced .sections-toggle,:root:not([data-theme="light"]) .topbar .call{background:#FAB3B4;border-color:#FAB3B4;color:#053659}
.topbar .call{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:999px;text-decoration:none;font-size:.9rem;white-space:nowrap;position:relative}
.topbar .call svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
@media(hover:hover){
  .topbar .header-utilities .download:hover,.topbar .theme-toggle:hover,.topbar .download:hover,.topbar .sections-toggle:hover,.topbar .call:hover,
  [data-theme="light"] .topbar .header-utilities .download:hover,[data-theme="light"] .topbar .theme-toggle:hover,[data-theme="light"] .topbar.nav-enhanced .sections-toggle:hover{background:#032A45;border-color:#032A45;color:#FEFEFE;box-shadow:none;filter:none}
  :root:not([data-theme="light"]) .topbar .header-utilities .download:hover,:root:not([data-theme="light"]) .topbar .theme-toggle:hover,:root:not([data-theme="light"]) .topbar .sections-toggle:hover,:root:not([data-theme="light"]) .topbar .call:hover{background:#F79A9B;border-color:#F79A9B;color:#053659}
}
@media(max-width:760px){
  .topbar .call{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;justify-content:center}
  .topbar .call span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  .topbar .brand,.topbar.nav-enhanced .brand{width:104px;min-width:84px}
}
@media(max-width:380px){.topbar .brand,.topbar.nav-enhanced .brand{width:90px;min-width:84px}.topbar .call{width:40px;min-width:40px;height:40px;min-height:40px}}

/* section menu (page-fold tabs) */
.topbar .menu-panel,[data-theme="light"] .menu-panel{background:#EFE8DF;border:2.5px solid #053659;border-radius:16px;box-shadow:8px 8px 0 rgba(5,54,89,.35)}
:root:not([data-theme="light"]) .topbar .menu-panel{background:#032A45;border-color:#78DBFF;box-shadow:8px 8px 0 rgba(0,0,0,.35)}
.topbar .quick-nav a,[data-theme="light"] .topbar .quick-nav a{background:#FEFEFE;border:2px solid #053659;color:#053659;box-shadow:3px 3px 0 #053659;font-weight:700;border-radius:12px}
:root:not([data-theme="light"]) .topbar .quick-nav a{background:#053659;border-color:#78DBFF;color:#FEFEFE;box-shadow:3px 3px 0 #78DBFF}
.topbar .quick-nav a[aria-current],[data-theme="light"] .topbar .quick-nav a[aria-current]{background:#FAB3B4;color:#053659;border-color:#053659;box-shadow:3px 3px 0 #053659}
@media(hover:hover){.topbar .quick-nav a:hover,[data-theme="light"] .topbar .quick-nav a:hover{background:#FAB3B4;color:#053659;border-color:#053659;box-shadow:3px 3px 0 #053659;transform:none}
:root:not([data-theme="light"]) .topbar .quick-nav a:hover{background:#FAB3B4;color:#053659;border-color:#053659;box-shadow:3px 3px 0 #78DBFF}}
:root:not([data-theme="light"]) .topbar .quick-nav a[aria-current]{background:#FAB3B4;color:#053659;border-color:#053659;box-shadow:3px 3px 0 #78DBFF}
.topbar .quick-nav a:after{background:#78DBFF;clip-path:polygon(100% 0,100% 100%,0 100%);width:52px;height:38px;opacity:1}
.topbar .quick-nav a b,[data-theme="light"] .topbar .quick-nav a b{color:#053659;font-weight:800}
.topbar .quick-nav .nav-icon{stroke:#053659}
:root:not([data-theme="light"]) .topbar .quick-nav .nav-icon{stroke:#78DBFF}
[data-theme="light"] .topbar .quick-nav .nav-content>.decal{filter:brightness(.38) saturate(1.4)}
:root:not([data-theme="light"]) .topbar .quick-nav a[aria-current] .nav-icon{stroke:#053659}
:root:not([data-theme="light"]) .topbar .quick-nav a[aria-current] .nav-content>.decal{filter:brightness(.38) saturate(1.4)}

/* ---------- decals on light surfaces are darkened to navy ---------- */
[data-theme="light"] .decal-heading>.decal,[data-theme="light"] .heading-camera,[data-theme="light"] .location-phone .decal,
:root .contact-buttons img.decal,:root .referral-links img.decal,:root .finance-application img.decal,:root #copy-prompt img.decal{filter:brightness(.38) saturate(1.4)}
.phone-decal,.plug-mark{filter:none}
.plug-mark{width:32px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
[data-theme="light"] .power .decal-heading>.decal,[data-theme="light"] .health .decal,[data-theme="light"] .education-grid .decal,
[data-theme="light"] .checklist .decal,[data-theme="light"] .state-map,[data-theme="light"] .mascot-mark{filter:none}
.location .state .mascot-mark{border-radius:50%;border:2px solid #053659;background:#EFE8DF;opacity:1}
.location .state .pin-mark{fill:none;stroke:#053659;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:48px;height:48px}
:root:not([data-theme="light"]) .location .state .pin-mark{stroke:#78DBFF}
:root:not([data-theme="light"]) .location .state .mascot-mark{border-color:#78DBFF}
.location .bbb-location,[data-theme="light"] .location .bbb-location{background:#053659;border:1.5px solid #053659;border-radius:8px;padding:6px;filter:none;opacity:1}
[data-theme="light"] .location .state .state-map:not(.mascot-mark):not(.pin-mark){filter:brightness(.38) saturate(1.4)}

/* ---------- misc ---------- */
.footer-print{background:none;border:0;padding:0;color:var(--accent);font:inherit;text-decoration:underline;text-underline-offset:.22em;cursor:pointer;min-height:44px}
.footer-inner p{font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:.04em}
.maintenance-card .cost{font-weight:800}
.install-time{font-weight:700}
.prompt-box{border-radius:12px}
dialog{border:2.5px solid #053659}
[data-theme="light"] dialog{background:#F7F2E9;color:#053659}
:root:not([data-theme="light"]) dialog{border-color:rgba(120,219,255,.45)}
.dialog-bar h2{text-transform:none;font-weight:700;letter-spacing:0;font-size:1rem;line-height:1.3}
dialog[open]{display:flex;flex-direction:column}
.dialog-bar{flex:0 0 auto}
.zoom-scroll{height:auto;flex:1 1 auto;min-height:0}
.dialog-bar{background:var(--card)}
.dialog-tools button{background:#FAB3B4;color:#053659;border:2px solid #053659;font-weight:800}
::selection{background:#FAB3B4;color:#053659}
/* ---------- print / Save PDF: always the light brochure, navy panels keep their ink ---------- */
@media print{
  :root,:root[data-theme="light"]{color-scheme:light;--bg:#fff;--text:#053659;--muted:#4A6478;--accent:#053659;--card:#FEFEFE;--line:#053659;--blue:#053659;--nav:#053659;--link-hover:#053659;--focus-ring:#053659}
  body{background:#fff;color:#053659}
  a{color:inherit}
  .call,.footer-print,.hero-mascot,body .bw-hcp-fab,body .hcp-button,button.bw-hcp-fab,.zoom-label,.ewg-lookup,.prompt-actions{display:none!important}
  .card,.trust,.section,.hero-art,.button,.topbar .quick-nav a{box-shadow:none!important}
  #quote .finance,:root:not([data-theme="light"]) #quote .finance{background:#FEFEFE;color:#053659}
  :root:not([data-theme="light"]) .good-news,:root:not([data-theme="light"]) .metric,:root:not([data-theme="light"]) .prompt-box,:root:not([data-theme="light"]) .stages .stage-copy{background:#EFE8DF;border-color:#053659;color:#053659}
  #quote .offer,.part,.power,.exposure-card,.maintenance-card,.education-grid .card,.ewg-test,.health li,.part .why,.eyebrow,.eyebrow.bad,#quote .offer .sale,#quote .finance .lender,.stage-number,.button,.button.primary,h1 span,h2 span,.location .bbb-location,.hero-art,.figure>a,.good-news,.metric,.prompt-box,.stages .stage-copy,.trust,.uv-details .salt-step,.section-label::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  h1 span,h2 span{background:#FAB3B4;color:#053659}
}

/* ---------- newer-brochure components (collapsible sections, stage disclosure, UV add-on details) ---------- */
.brochure-section>summary,.salt-explainer>summary,.stage-disclosure>summary{font-family:'Montserrat',system-ui,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.brochure-section>summary,.salt-explainer>summary,[data-theme="light"] .brochure-section>summary,[data-theme="light"] .salt-explainer>summary{background:#FEFEFE;color:#053659;border:2.5px solid #053659;border-radius:14px;box-shadow:6px 6px 0 rgba(5,54,89,.16)}
:root:not([data-theme="light"]) .brochure-section>summary,:root:not([data-theme="light"]) .salt-explainer>summary{background:#053659;color:#FEFEFE;border-color:rgba(120,219,255,.45);box-shadow:6px 6px 0 rgba(0,0,0,.28)}
.brochure-section>summary:hover,.salt-explainer>summary:hover{border-color:#053659;background:#EFE8DF}
:root:not([data-theme="light"]) .brochure-section>summary:hover,:root:not([data-theme="light"]) .salt-explainer>summary:hover{background:#032A45;border-color:#78DBFF}
.section-toggle{font-family:'Poppins',system-ui,sans-serif;font-weight:600;text-transform:none;letter-spacing:0;color:var(--accent)}
.section-sign{color:#053659;background:#FAB3B4;border:2px solid #053659;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;line-height:1}
:root:not([data-theme="light"]) .section-sign{border-color:#FAB3B4}
.brochure-section-content{padding-top:28px}
.stage-disclosure,[data-theme="light"] .stage-disclosure{background:#FEFEFE;border:2px solid #053659;border-radius:14px}
:root:not([data-theme="light"]) .stage-disclosure{background:#053659;border-color:rgba(120,219,255,.45)}
.stage-disclosure>summary{font-size:1rem}
.stage-disclosure>summary:hover{background:#EFE8DF}
:root:not([data-theme="light"]) .stage-disclosure>summary:hover{background:#032A45}
.stage-disclosure[open]>summary{border-bottom:2px solid #053659}
:root:not([data-theme="light"]) .stage-disclosure[open]>summary{border-bottom-color:rgba(120,219,255,.45)}
.stage-toggle-label{font-family:'Poppins',system-ui,sans-serif;font-weight:600;text-transform:none;letter-spacing:0}
.uv-details{margin:36px 0 44px}
.uv-details .salt-step,[data-theme="light"] .uv-details .salt-step{display:inline-block;align-self:flex-start;background:#FAB3B4;color:#053659;border:2px solid #053659;border-radius:6px;padding:4px 12px;font-family:'Montserrat',system-ui,sans-serif;font-weight:800;letter-spacing:.1em;font-size:.75rem}
.uv-details-heading h3{font-size:clamp(1.4rem,3vw,1.9rem)}
.uv-intro{color:var(--muted)}
.addon-part,[data-theme="light"] .addon-part{background:#FEFEFE;border:2.5px solid #053659}
:root:not([data-theme="light"]) .addon-part{background:#053659;border-color:rgba(120,219,255,.45)}
.addon-art,[data-theme="light"] .addon-art{background:#FEFEFE;border-bottom:2px solid #053659}
:root:not([data-theme="light"]) .addon-art{border-bottom-color:rgba(120,219,255,.45)}
.addon-part h3{text-transform:none}
.addon-part p,[data-theme="light"] .addon-part p{color:var(--muted)}
.addon-part .spec-list>div{border-color:rgba(5,54,89,.2)}
:root:not([data-theme="light"]) .addon-part .spec-list>div{border-color:rgba(120,219,255,.28)}
.faucets>picture.aligned-faucets,[data-theme="light"] .faucets>picture.aligned-faucets{background:#053659;border:2.5px solid #053659;border-radius:14px}
.brochure-section>summary:focus-visible,.salt-explainer>summary:focus-visible,.stage-disclosure summary:focus-visible{outline:3px solid var(--focus-ring)}
@media print{.brochure-section>summary,.salt-explainer>summary,.stage-disclosure>summary{display:none}.brochure-section-content>.section-label{display:flex}.brochure-section-content{padding-top:0}
  .brochure-section::details-content,.salt-explainer::details-content,.stage-disclosure::details-content{content-visibility:visible}
  .stage-disclosure,.addon-part,.addon-art{border-color:#053659;box-shadow:none}}

/* Private-well report panel (customquote3). ewg-test.css zeroes .ewg-test's padding and hands it to
   a.ewg-brand + .ewg-lookup; the well panel has no utility-lookup form, so it restates the inset here and
   lightens .checklist, whose default muted grey and price-card divider were written for a light card. */
.well-test{padding:clamp(20px,4vw,36px) 0}
.well-test .ewg-brand{padding:0 clamp(20px,4vw,36px)}
.well-test .well-mascot{width:72px;height:72px;background:none;padding:0;border-radius:0}
.well-test .ewg-lookup{padding:0 clamp(20px,4vw,36px)}
.well-test .ewg-brand h2{margin:4px 0;font-size:clamp(22px,4vw,30px)}
.well-test .checklist{margin:16px 0 0}
.well-test .checklist li{color:#DCE9F2}
.well-test .checklist li::before{color:#78DBFF}
.well-test .checklist li:nth-last-child(2){border-top:0;margin-top:0;padding-top:5px}
.well-test .ewg-actions{margin-top:20px}
.well-test>.ewg-lookup>.fineprint{margin-top:14px;color:rgba(254,254,254,.72)}

/* ---------- payment buttons: green .pay-deposit (QuickBooks 10% deposit) + blue .pay-finance (U.S. Bank Avvance) ----------
   One look everywhere they appear: finance card (01), pre-install card (08), Reserve Your Install (09). */
a.button.pay-btn{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:64px;margin:6px 0 0;padding:12px 18px;border:2px solid #053659;border-radius:12px;box-shadow:4px 4px 0 #053659;color:#FEFEFE;font-weight:800;font-size:clamp(1.02rem,2.4vw,1.15rem);line-height:1.15;letter-spacing:.03em;text-transform:uppercase;text-align:left;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}
a.button.pay-btn.pay-deposit{background:#15803D;color:#FEFEFE}
a.button.pay-btn.pay-finance{background:#1F6FEB;color:#FEFEFE}
a.button.pay-btn.pay-deposit:hover{background:#126C34;color:#FEFEFE;border-color:#053659;transform:translate(-1px,-1px);box-shadow:6px 6px 0 #053659}
a.button.pay-btn.pay-finance:hover{background:#1A5FCC;color:#FEFEFE;border-color:#053659;transform:translate(-1px,-1px);box-shadow:6px 6px 0 #053659}
:root:not([data-theme="light"]) a.button.pay-btn{border-color:#FEFEFE;box-shadow:4px 4px 0 #78DBFF}
:root:not([data-theme="light"]) a.button.pay-btn:hover{border-color:#FEFEFE;box-shadow:6px 6px 0 #78DBFF}
a.button.pay-btn .pay-btn-text{display:flex;flex-direction:column;gap:3px;color:inherit}
a.button.pay-btn .pay-btn-text small{font-size:.78rem;font-weight:600;letter-spacing:.01em;text-transform:none;opacity:.95;color:inherit!important}
a.button.pay-btn .pay-icon{width:28px;height:28px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#quote .finance a.button.pay-btn{margin:14px 0 4px}
#quote .finance.fin-terms{display:flex;flex-direction:column;justify-content:center}
@media (prefers-reduced-motion:reduce){a.button.pay-btn{transition:none}a.button.pay-btn:hover{transform:none}}
@media print{a.button.pay-btn{box-shadow:none!important;border-color:#053659!important}}

/* ---------- 09 reserve your install (variants with a deposit link) ---------- */
#reserve .reserve-card{max-width:720px;padding:clamp(20px,4vw,34px)}
#reserve .reserve-option{display:grid;gap:10px}
#reserve .reserve-option h3{margin:0;font-size:clamp(1.3rem,2.8vw,1.65rem);line-height:1.2;text-wrap:balance}
#reserve .reserve-option>p{margin:0}
#reserve .reserve-option>.muted{font-size:1rem;line-height:1.55;text-wrap:pretty}
#reserve .reserve-option .fineprint{margin:4px 0 0;font-size:.82rem;line-height:1.45;color:var(--muted)}
#reserve .reserve-or{display:flex;align-items:center;gap:14px;margin:28px 0 24px;color:var(--muted);font-family:'Montserrat',system-ui,sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
#reserve .reserve-or::before,#reserve .reserve-or::after{content:'';flex:1;border-top:2px dashed rgba(5,54,89,.28)}
:root:not([data-theme="light"]) #reserve .reserve-or::before,:root:not([data-theme="light"]) #reserve .reserve-or::after{border-top-color:rgba(120,219,255,.3)}