:root{--navy:#082735;--navy2:#123f4c;--green:#146b4d;--mint:#2ecc71;--pale:#e9f6ee;--cream:#f6f4ed;--ink:#122d38;--muted:#52636b;--line:#dce5df;--paper:#fff;--radius:22px;--wrap:1200px;--header-height:126px;--sticky-top:0px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--sticky-top) + 18px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:1.12;overflow-wrap:break-word}h1{font-size:40px;margin-bottom:22px}h2{font-size:32px;margin-bottom:20px}h3{font-size:24px}a{color:var(--green);text-underline-offset:4px}img{max-width:100%;height:auto;display:block}button,input,select{font:inherit}button{cursor:pointer}input,select{width:100%;min-width:0;min-height:48px;border:1px solid #a9bcb3;border-radius:10px;background:#fff;color:var(--ink);padding:11px 12px;font-size:16px}label{display:grid;gap:8px;font-size:14px;font-weight:700}input::placeholder{color:#62736c;opacity:1}[hidden]{display:none!important}:focus-visible{outline:3px solid #bd6f20;outline-offset:4px}.wrap{width:calc(100% - 32px);max-width:var(--wrap);margin-inline:auto;min-width:0}.skip{position:fixed;left:12px;top:-100px;background:#fff;color:var(--ink);padding:14px;z-index:100000}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section{padding:58px 0}.section-heading{max-width:670px;margin-bottom:30px}.section-heading p:not(.eyebrow){color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;line-height:1.45;color:var(--green);margin-bottom:15px}.text-link{font-size:14px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:50px;border:0;border-radius:999px;background:var(--mint);color:var(--navy);padding:13px 22px;text-decoration:none;font-size:15px;font-weight:800;line-height:1.4;text-align:center;max-width:100%}.button:hover{background:#61df94}.fineprint{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0 0}.native-content{max-width:850px}.native-content img{height:auto}.native-content h2{margin-top:38px}
.site-header{position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 16px rgba(8,39,53,.06)}.topbar{background:var(--navy);color:#fff}.topbar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 14px;padding-top:7px;padding-bottom:7px;line-height:1.5}.topbar a{font-size:11px;text-decoration:none;color:#dfeee4}.topbar strong{color:#fff}.topbar-inner>a:first-child>span{display:none}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;padding-top:12px;padding-bottom:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);min-width:0}.brand-mark{display:grid;place-items:center;flex:0 0 38px;height:42px;border-radius:12px;background:var(--mint);font-size:26px;font-weight:900;line-height:1;color:var(--navy)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.12}.brand b{font-size:20px;letter-spacing:-.045em}.brand em{font-size:14px;font-style:normal;font-weight:600;letter-spacing:.005em}.brand em span{font-weight:400;color:var(--muted)}.menu-toggle{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;color:var(--navy);background:#fff;padding:9px 11px;font-size:12px;font-weight:700;min-height:44px}.menu-toggle>span{font-size:20px;line-height:1}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:16px;border-bottom:1px solid var(--line);box-shadow:0 15px 20px rgba(8,39,53,.1);max-height:calc(100vh - var(--header-height) - var(--sticky-top) - 12px);max-height:calc(100dvh - var(--header-height) - var(--sticky-top) - 12px);overflow-y:auto;overscroll-behavior:contain}.site-header.is-open .main-nav{display:flex;flex-direction:column;gap:4px}.main-nav a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:700;padding:10px 12px;min-height:44px;border-radius:8px}.main-nav a:hover,.main-nav a[aria-current]{background:var(--pale);color:var(--green)}.main-nav .nav-shop{margin-top:8px;background:var(--navy);color:#fff}.main-nav .nav-shop:hover{background:var(--navy2);color:#fff}
.hero{background:var(--navy);color:#fff;padding:48px 0}.hero-grid{display:grid;gap:34px;align-items:center;min-width:0}.hero .eyebrow,.page-hero .eyebrow{color:#b8e7c9}.hero h1{font-size:42px;letter-spacing:-.055em;line-height:1.06;margin-bottom:22px}.hero-intro{color:#d6e4e2;max-width:740px;margin-bottom:26px}.hero-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:27px}.text-link--light{color:#fff}.trust-row{display:flex;flex-wrap:wrap;gap:9px 17px;font-size:11px;color:#b9d9cc;margin-top:27px}.trust-row span:before{content:'✓';color:#66e297;margin-right:5px}.hero-visual{background:#edf5ee;border-radius:24px;color:var(--navy);overflow:hidden;min-width:0;box-shadow:0 20px 60px rgba(0,0,0,.16);padding:20px}.visual-label>span{display:block;font-size:9px;letter-spacing:.09em;color:var(--green);font-weight:800;margin-bottom:9px}.visual-label>strong{display:block;font-size:25px;letter-spacing:-.03em;line-height:1.15}.product-stage{height:250px;position:relative;margin:15px 0;background:#fff;border-radius:18px;overflow:hidden}.product-stage img{position:absolute;object-fit:contain;background:#fff}.stage-can{width:70%;height:90%;right:0;bottom:0}.stage-bottle{width:40%;height:88%;left:3%;bottom:2%;border-radius:15px}.visual-note{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.5}.visual-note a{font-weight:700;font-size:11px}.proof-strip{background:#103b49;color:#dfede5}.proof-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:0}.proof-strip span{padding:15px 8px;font-size:11px;border-bottom:1px solid #33565d}.proof-strip b{color:#5adc8a;margin-right:6px}
.chooser-section{background:var(--cream)}.chooser-grid{display:grid;gap:24px}.chooser-grid>.section-heading{margin:0}.tool-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:36px;min-width:0}.chooser-section .tool-box{margin-bottom:0;box-shadow:0 14px 44px rgba(8,39,53,.06)}.tool-box h2{font-size:29px}.tool-box>p:not(.eyebrow){color:var(--muted)}.chooser{display:grid;gap:18px}.chooser-result{border-left:4px solid var(--green);background:var(--pale);padding:18px;border-radius:10px;overflow-wrap:anywhere}.chooser-result strong{display:block;font-size:18px;line-height:1.4}.chooser-result p{font-size:14px;margin:8px 0}.chooser-result .result-links{display:grid;gap:6px}.chooser-result a{font-size:14px;font-weight:700}.route-grid,.topic-grid,.related-grid,.brand-grid,.contact-grid,.product-grid{display:grid;gap:16px;min-width:0}.route-card,.topic-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:20px;padding:23px;text-decoration:none;color:var(--ink);transition:box-shadow .15s,border-color .15s}.route-card:hover,.topic-card:hover{box-shadow:0 12px 35px rgba(8,39,53,.08);border-color:#6f9d82}.card-index{font-size:11px;font-weight:800;color:var(--green)}.route-card h3{margin:22px 0 14px}.route-card p,.topic-card>span{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 22px}.route-card b,.topic-card b{margin-top:auto;font-size:13px;color:var(--green)}.topic-card>strong{font-size:21px;letter-spacing:-.025em;line-height:1.25;margin-bottom:14px}.brand-section{background:var(--cream)}.brand-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:18px;text-decoration:none;background:#fff;color:var(--ink)}.brand-card>span{font-size:11px;color:var(--muted);font-weight:700}.brand-card h3{font-size:31px;letter-spacing:-.05em;margin:22px 0 16px}.brand-card p{font-size:14px;color:var(--muted)}.brand-card b{font-size:12px;color:var(--green);margin-top:auto}.brand-card--sixtus{border-top-color:#287c9c}.brand-card--volatile{border-top-color:#916fa0}.brand-card--toco{border-top-color:#bf8b3b}.more-brands{margin-top:25px;font-size:14px}.product-card{margin:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.product-card img{width:100%;aspect-ratio:1;object-fit:contain;padding:15px;max-height:360px}.product-card figcaption{padding:15px 20px;background:var(--cream)}.product-card figcaption strong{display:block;font-size:23px}.product-card figcaption span{font-size:14px;color:var(--muted)}.practice-band{background:var(--pale)}.practice-grid{display:grid;gap:28px;align-items:center}.practice-grid>div>p{max-width:590px}.calculation-example{padding:24px;border-radius:20px;background:var(--navy);color:#fff}.calculation-example>span{font-size:9px;color:#bfe9ce;letter-spacing:.06em;font-weight:800}.calculation-example>strong{display:block;font-size:37px;line-height:1.3;letter-spacing:-.04em;margin-top:15px}.calculation-example>p{font-size:13px;color:#cddedc}.calculation-example>div{padding:17px 0;border-top:1px solid #35545b;border-bottom:1px solid #35545b;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.calculation-example>div b{color:#69e296;font-size:28px}.calculation-example>div span{font-size:11px}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;padding-top:16px;padding-bottom:16px;font-size:12px;color:var(--muted)}.page-hero{background:var(--navy);color:#fff;padding:43px 0}.page-hero h1{font-size:37px;max-width:900px}.page-hero-grid{display:grid;gap:26px}.page-hero .hero-intro{margin-bottom:0}.takeaway{border-left:4px solid var(--mint);background:#fff;color:var(--ink);border-radius:15px;padding:22px}.takeaway span{display:block;font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--green);margin-bottom:10px}.takeaway strong{font-size:19px;line-height:1.45}.article-layout{display:grid;gap:38px;min-width:0}.article-content,.article-aside{min-width:0}.article-byline{display:grid;gap:3px;color:var(--muted);font-size:12px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--line)}.article-byline strong{color:var(--ink);font-size:13px}.content-block{display:grid;gap:13px;border-bottom:1px solid var(--line);padding:27px 0;scroll-margin-top:8px;min-width:0}.content-block h2{font-size:29px;margin-bottom:17px}.content-block p{color:#354e57;margin-bottom:15px}.content-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pale);color:var(--green);font-size:10px;font-weight:700}.aside-inner{display:grid;gap:18px}.expert-card{border-radius:18px;background:var(--cream);padding:23px;border-top:4px solid #bf8b3b}.expert-card>span{color:#76511b;font-size:10px;font-weight:800;letter-spacing:.1em}.expert-card h3{font-size:23px;margin:16px 0 12px}.expert-card p{font-size:14px;color:var(--muted)}.expert-card strong,.expert-card small{display:block;font-size:13px}.expert-card small{color:var(--muted);font-size:11px}.article-toc{display:grid;border:1px solid var(--line);border-radius:18px;padding:21px}.article-toc>strong{font-size:14px;margin-bottom:8px}.article-toc a{padding:9px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.5;text-decoration:none}.article-toc a:hover{text-decoration:underline}.shop-card{display:grid;gap:16px;border-radius:18px;background:var(--navy);color:#fff;padding:24px;text-decoration:none}.shop-card>span{font-size:9px;color:#b8e7c9;font-weight:800;letter-spacing:.08em}.shop-card strong{font-size:23px;line-height:1.3}.shop-card b{font-size:13px;color:#69e296}.source-list,.data-block{background:var(--cream);border-radius:18px;margin-top:36px;padding:22px;min-width:0}.source-list h2,.data-block h2{font-size:25px}.source-list .fineprint{margin-bottom:18px}.source-list>a{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid var(--line);font-size:13px;text-decoration:none}.source-list>a:hover{text-decoration:underline}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;min-width:0;margin-top:20px}table{border-collapse:collapse;width:100%;min-width:630px;background:#fff;font-size:13px;line-height:1.5}th,td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--line);max-width:290px}thead th{background:var(--navy);color:#fff;font-size:12px}tbody th{font-weight:700;background:#f0f5f1;min-width:120px}tr:last-child td,tr:last-child th{border-bottom:0}.calculator{background:var(--pale)}.calculator form{display:grid;gap:16px}.calculator output{display:block;margin-top:22px}.calculator-results{display:grid;gap:12px}.calculator-results>div{border:1px solid #c7ded0;border-radius:12px;background:#fff;padding:17px}.calculator-results strong{display:block;font-size:28px;line-height:1.2;color:var(--green);margin-bottom:8px}.calculator-results span{display:block;font-size:12px}.calculator output p{font-size:13px;margin-top:16px}.comparison-selects{display:grid;gap:16px}.comparison tbody td a{display:inline-block;margin:5px 0}.comparison .fineprint:empty{display:none}.topic-search{max-width:650px;margin-bottom:14px}.topic-group{margin:32px 0 40px}.topic-group>h3{font-size:25px}.site-search{display:flex;align-items:end;flex-wrap:wrap;gap:12px;max-width:760px;margin-top:28px}.site-search label{flex:1 1 210px}.page-hero .site-search label{color:#fff}.pagination{margin-top:30px}.page-numbers{padding:8px 12px}.contact-card{display:block;background:var(--pale);padding:23px;border-radius:20px;text-decoration:none;color:var(--ink);min-width:0}.contact-card>span{font-size:10px;letter-spacing:.08em;color:var(--green);font-weight:800}.contact-card h2{font-size:28px;margin:20px 0 15px}.contact-card>strong{font-size:21px;overflow-wrap:anywhere}.contact-card p{font-size:13px;margin:16px 0 0;color:var(--muted)}address{font-style:normal}.not-found{min-height:65vh}.not-found h1{font-size:40px}
.faq-section{background:var(--cream)}.faq-grid{display:grid;gap:20px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.faq-list summary{display:flex;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;padding:17px;font-size:15px;font-weight:700;line-height:1.45}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;color:var(--green);flex-shrink:0}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:var(--muted);padding:0 17px 20px;margin:0}.faq-list details:not([open])>p{display:none}.conversion-band{background:var(--pale);padding:48px 0}.conversion-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.conversion-inner>div:first-child{flex:1 1 390px}.conversion-inner h2{font-size:35px;margin-bottom:15px}.conversion-inner p:not(.eyebrow){color:var(--muted);font-size:15px}.conversion-inner>div>a{font-size:14px;font-weight:700}.conversion-inner>div>span{margin:0 7px;color:var(--muted)}.cta-stack{display:flex;flex-direction:column;align-items:start;gap:15px}.site-footer{background:var(--navy);color:#fff;padding:50px 0 20px}.footer-grid{display:grid;gap:33px}.brand--footer{color:#fff}.footer-grid>div>p{color:#bcd0ca;font-size:13px;margin:18px 0}.footer-grid>div>a:not(.brand){display:block;font-size:14px;color:#fff;margin-bottom:6px}.footer-grid>div>.footer-phone{font-size:23px!important;font-weight:700;text-decoration:none}.footer-grid address{color:#bcd0ca;font-size:12px;margin-top:18px}.footer-grid nav{display:grid;align-content:start;gap:10px}.footer-grid nav strong{font-size:13px;color:#6cdf94;margin-bottom:4px}.footer-grid nav a{color:#d8e6df;font-size:12px;text-decoration:none}.footer-grid nav a:hover{text-decoration:underline}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 24px;border-top:1px solid #325259;margin-top:38px;padding-top:18px;font-size:10px;color:#b4cac2}.footer-bottom p{margin:0}

.hero-grid,.page-hero-grid,.chooser-grid,.article-layout,.practice-grid,.faq-grid,.route-grid,.topic-grid,.related-grid,.brand-grid,.contact-grid,.product-grid,.chooser,.calculator form,.comparison-selects{grid-template-columns:minmax(0,1fr)}
h1,h2,h3{hyphens:auto}.hero h1{hyphens:none}.brand-mark{display:flex;align-items:center;justify-content:center}.menu-toggle{flex:0 0 76px;width:76px;height:44px;justify-content:center}.button{display:inline-block;vertical-align:middle;flex:0 0 auto}.button>span{margin-left:8px}.hero-actions .button{white-space:nowrap}.chooser>.button{width:100%}
@media(min-width:480px){.topbar-inner>a:first-child>span{display:inline}.hero h1{font-size:52px}.hero-visual{padding:28px}.product-stage{height:320px}.route-grid,.topic-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-selects{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator form{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-results{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand b{font-size:23px}.brand em{font-size:16px}.main-nav{padding:20px 6%}}
@media(min-width:601px){body.admin-bar .site-header{top:46px}}
@media(min-width:768px){body{font-size:17px}.wrap{width:calc(100% - 56px)}.section{padding:80px 0}h2{font-size:41px}.hero{padding:65px 0}.hero h1{font-size:58px}.hero-intro{font-size:18px}.hero-grid{grid-template-columns:1.1fr .9fr;gap:35px}.hero-visual{padding:23px}.product-stage{height:310px}.visual-label>strong{font-size:29px}.page-hero{padding:60px 0}.page-hero h1{font-size:48px}.page-hero-grid{grid-template-columns:1.3fr .7fr;align-items:end;gap:36px}.section-heading--row{display:flex;max-width:none;align-items:end;justify-content:space-between;gap:30px}.section-heading--row>div{max-width:660px}.section-heading--row>a{margin-bottom:24px}.chooser-grid{grid-template-columns:.82fr 1.18fr;gap:38px}.tool-box{padding:30px}.route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.route-card{min-height:245px}.proof-strip .wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.proof-strip span{font-size:12px;padding:18px 10px;border-bottom:0;border-left:1px solid #33565d}.practice-grid{grid-template-columns:1.1fr .9fr;gap:55px}.calculation-example{padding:32px}.calculation-example>strong{font-size:47px}.content-block{grid-template-columns:38px minmax(0,1fr);gap:20px;padding:34px 0}.content-block h2{font-size:33px}.article-byline{display:flex;flex-wrap:wrap;gap:5px 18px}.faq-grid{grid-template-columns:.8fr 1.2fr;gap:45px}.contact-grid,.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div{grid-row:span 2}}
@media(min-width:783px){body.admin-bar .site-header{top:32px}}
@media(min-width:1020px){.article-layout{grid-template-columns:minmax(0,1fr) 280px;gap:60px}.aside-inner{position:sticky;top:calc(var(--header-height) + var(--sticky-top) + 22px)}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-card{padding:22px}.brand-card h3{font-size:29px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}.footer-grid>div{grid-row:auto}.hero-grid{gap:62px}.hero h1{font-size:67px}.hero-visual{padding:30px}.product-stage{height:360px}.visual-label>strong{font-size:34px}.hero{padding:78px 0}.page-hero h1{font-size:57px}.tool-box h2{font-size:34px}}
@media(min-width:1120px){:root{--header-height:118px}.header-inner{gap:25px;min-height:82px}.menu-toggle{display:none}.main-nav,.site-header.is-open .main-nav{position:static;display:flex;flex-direction:row;align-items:center;gap:5px;padding:0;border:0;box-shadow:none;max-height:none;overflow:visible}.main-nav a{padding:12px 13px;white-space:nowrap}.main-nav .nav-shop{margin:0 0 0 12px;padding:12px 18px;border-radius:999px}.brand-mark{flex-basis:44px;height:48px}.brand b{font-size:26px}.brand em{font-size:17px}.topbar a{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.article-aside,.conversion-band,.site-footer,.hero-actions,.chooser-section{display:none}html{scroll-padding-top:0}.section{padding:25px 0}.hero,.page-hero{background:#fff;color:#000}.hero-intro{color:#000}.faq-list details>p{display:block!important}.article-layout,.page-hero-grid{display:block}.table-scroll{overflow:visible}table{min-width:0}.wrap{width:100%}.topic-grid,.route-grid{grid-template-columns:1fr 1fr}}