@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#112f3d;--teal:#137c74;--mint:#dff5ef;--gold:#e9b949;--paper:#f7f4ec;--white:#fff;--line:#d6e0df;--muted:#5b6d73;--shadow:0 16px 50px rgba(17,47,61,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.72 'DM Sans',sans-serif}a{color:inherit}img{max-width:100%;display:block}header{height:84px;display:flex;align-items:center;gap:34px;padding:0 max(4vw,24px);background:rgba(247,244,236,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.logo{text-decoration:none;display:flex;flex-direction:column;line-height:1}.logo span{font-size:.68rem;letter-spacing:.28em;color:var(--teal);font-weight:700}.logo b{font:800 1.15rem/1.2 Manrope,sans-serif;letter-spacing:-.03em}header nav{margin-left:auto;display:flex;gap:28px}header nav a{text-decoration:none;font-weight:700;font-size:.92rem}.menu{display:none;background:var(--ink);color:white;border:0;border-radius:6px;padding:10px 14px}main{max-width:1240px;margin:auto;padding:0 28px 90px}section{margin:76px 0}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;min-height:650px;margin-top:0;padding:64px 0 50px}.hero h1,.pagehero h1{font:800 clamp(2.8rem,6vw,5.9rem)/.98 Manrope,sans-serif;letter-spacing:-.065em;margin:.18em 0}.lead{font-size:1.25rem;color:#3f545c;max-width:760px}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem!important;font-weight:800;color:var(--teal)!important}.actions{display:flex;gap:12px;margin:28px 0}.primary,.secondary{padding:14px 20px;border-radius:6px;text-decoration:none;font-weight:800}.primary{background:var(--ink);color:#fff}.secondary{border:1px solid var(--ink)}.proof{display:flex;gap:20px;flex-wrap:wrap;font-size:.82rem;font-weight:700}.hero-visual{min-height:420px;position:relative;border-radius:42% 58% 52% 48%;background:linear-gradient(145deg,var(--mint),#b9e4dc);overflow:hidden}.tank{position:absolute;width:210px;height:230px;background:var(--ink);color:#fff;border-radius:34px 34px 22px 22px;left:24%;top:20%;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-3deg)}.tank i{position:absolute;width:90px;height:16px;background:var(--gold);top:28px;border-radius:20px}.tank b{font:800 1.7rem Manrope}.tank span{font-size:.72rem;color:#b9e4dc}.hose{position:absolute;width:180px;height:180px;border:18px solid var(--ink);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;right:5%;bottom:10%}.wand{position:absolute;width:180px;height:22px;background:var(--gold);right:7%;bottom:14%;transform:rotate(19deg);border-radius:15px}.decision{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;background:var(--white);padding:44px;border-radius:20px;box-shadow:var(--shadow)}h2{font:800 clamp(1.8rem,3.6vw,3.1rem)/1.08 Manrope,sans-serif;letter-spacing:-.045em}h3{font:750 1.16rem/1.25 Manrope,sans-serif}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.decision-grid article{background:var(--mint);padding:22px;border-radius:12px}.decision-grid b,.decision-grid span{display:block}.decision-grid span{font-size:.92rem;color:#40585e;margin-top:7px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.sectionhead h2{margin:.15em 0}.sectionhead>a{font-weight:800;color:var(--teal)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category{background:white;border:1px solid var(--line);padding:24px;border-radius:12px}.category h3,.category h2{margin:.3em 0}.category h2{font-size:1.25rem}.category>a:last-child,.research{color:var(--teal);font-weight:800}.compare{background:var(--ink);color:white;padding:44px;border-radius:20px}.compare .kicker{color:#7ad7c4!important}.table{display:grid}.row{display:grid;grid-template-columns:.55fr .8fr 1.2fr;gap:22px;padding:16px;border-top:1px solid rgba(255,255,255,.16)}.row.head{border-top:0;color:var(--gold)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column}.product-image{height:210px;display:grid;place-items:center;background:#fff}.product-image img{max-height:190px;object-fit:contain}.product h3{margin:.25em 0}.product p:not(.kicker){color:var(--muted);font-size:.9rem}.product .research{margin-top:auto}.buy{background:var(--gold);text-decoration:none;text-align:center;padding:10px;border-radius:6px;font-weight:800;margin-top:10px}.disclosure{font-size:.76rem;color:var(--muted);margin-bottom:7px}.amazon{display:inline-flex;flex-direction:column;background:var(--gold);padding:12px 17px;border-radius:6px;text-decoration:none;font-weight:800;margin:8px 0 22px}.amazon span{font-size:.72rem}.toolband{display:grid;grid-template-columns:1fr 1fr;gap:32px;background:linear-gradient(135deg,#0d5f5a,var(--teal));color:white;border-radius:20px;padding:44px}.toolband .kicker{color:#b9e4dc!important}.toolband div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toolband a{display:grid;place-items:center;text-align:center;background:white;color:var(--ink);font-weight:800;text-decoration:none;border-radius:10px;padding:20px}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guidecard{border-top:4px solid var(--teal);background:white;padding:22px}.guidecard h3{margin:.25em 0}.guidecard h3 a{text-decoration:none}.guidecard>p:last-child{font-size:.92rem;color:var(--muted)}.faq{max-width:900px;margin-left:auto;margin-right:auto}.faq details,.prose details{background:white;border:1px solid var(--line);padding:16px 20px;margin:9px 0}.faq summary,.prose summary{font-weight:800;cursor:pointer}.pagehero{max-width:1000px;padding:62px 0 28px}.pagehero h1{font-size:clamp(2.7rem,5vw,5rem)}.crumbs{font-size:.8rem;padding-top:28px;color:var(--muted)}.crumbs span{margin:0 9px}.prose{max-width:850px;margin:42px auto;font-size:1.04rem}.prose h1{font:800 clamp(2.5rem,5vw,4.7rem)/1.02 Manrope,sans-serif;letter-spacing:-.055em}.prose h2{margin-top:2.1em}.prose li{margin:.55em 0}.quick{background:var(--mint);border-left:5px solid var(--teal);padding:22px;margin:24px 0}.quick b{font:800 1.15rem Manrope}.product-detail{display:grid;grid-template-columns:.7fr 1.3fr;gap:42px;align-items:center;padding:55px 0}.product-detail>div:first-child{background:white;border-radius:18px;padding:35px}.product-detail img{max-height:430px;margin:auto}.product-detail h1{font:800 clamp(2.4rem,5vw,4.7rem)/1 Manrope;letter-spacing:-.055em}.category-link{display:inline-block;margin-top:20px;font-weight:800;color:var(--teal)}aside{margin:70px 0;border-top:1px solid var(--line);padding-top:30px}.tool{display:grid;grid-template-columns:1fr 1fr;gap:17px;background:white;padding:30px;border-radius:16px;box-shadow:var(--shadow);max-width:880px}.tool label{font-weight:800;font-size:.9rem}.tool input,.tool select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #b9c8c6;border-radius:6px;font:inherit}.tool button{background:var(--ink);color:white;border:0;border-radius:6px;padding:14px;font-weight:800;font-size:1rem}.result{background:var(--mint);padding:16px;border-radius:7px;min-height:56px}footer{background:var(--ink);color:white;padding:50px max(4vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:30px}footer a{display:block;margin:7px 0}footer>p{grid-column:1/-1;color:#b9c8c6;font-size:.8rem}footer .disclosure{color:#e9b949}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:330px}.decision,.toolband,.product-detail{grid-template-columns:1fr}.category-grid,.products{grid-template-columns:repeat(2,1fr)}.guides{grid-template-columns:1fr 1fr}header nav{display:none}header.open nav{display:flex;position:absolute;left:0;right:0;top:84px;background:var(--paper);padding:20px;flex-direction:column}.menu{display:block;margin-left:auto}.row{grid-template-columns:1fr}.row.head{display:none}}
@media(max-width:560px){main{padding:0 18px 70px}.hero{padding-top:35px}.hero h1{font-size:2.8rem}.category-grid,.products,.guides,.decision-grid,.tool,.toolband div:last-child{grid-template-columns:1fr}.sectionhead{align-items:start;flex-direction:column}.actions{flex-direction:column}.proof{flex-direction:column;gap:5px}.product-image{height:180px}.compare,.decision,.toolband{padding:26px}.hero-visual{min-height:280px}.tank{transform:scale(.78) rotate(-3deg);left:14%;top:8%}}
