.brew-tools{--calculator-ink:#23372e;--calculator-muted:#526158;--calculator-green:#184e3b;--calculator-line:#d0dcd2;color:var(--calculator-ink);gap:1.25rem;max-width:70rem;margin:0 auto 3rem}.brew-tools .brew-tools__context p{color:var(--calculator-muted);max-width:54rem;margin:0;font-size:.95rem;line-height:1.65}.brew-tools .brew-tools__grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}.brew-tools .tool-workbench{border:1px solid var(--calculator-line);background:#fffefa;border-radius:18px;gap:1.25rem;padding:clamp(1rem,2.6vw,1.75rem);animation:none;overflow:visible;box-shadow:0 8px 24px #23372e06}.brew-tools .tool-workbench__head{display:block}.brew-tools .tool-workbench__head :is(h2,h3){color:var(--calculator-ink);font-family:var(--sans);letter-spacing:-.025em;margin:0;font-size:clamp(1.35rem,2.1vw,1.75rem);font-weight:750;line-height:1.3}.brew-tools .tool-workbench:before,.brew-tools :is(.caffeine-console,.ratio-console,.caffeine-readout,.ratio-readout,.caffeine-ring,.ratio-dial):before,.brew-tools :is(.caffeine-readout,.ratio-readout,.caffeine-ring,.ratio-dial):after,.brew-tools :is(.caffeine-status-grid,.ratio-result-grid)>div:before,.brew-tools .tool-field:before,.brew-tools .tool-field:after,.brew-tools .tool-input:before,.brew-tools .tool-select:before,.brew-tools .tool-select:after{content:none}.brew-tools :is(.caffeine-console,.ratio-console){box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,3vw,2rem);padding:0;display:grid;overflow:visible}.brew-tools :is(.caffeine-controls,.ratio-controls){background:0 0;border:0;align-content:start;gap:1.1rem;min-width:0;padding:0}.brew-tools :is(.tool-controls__title,.caffeine-readout__hero h3,.caffeine-readout__hero h4,.ratio-readout__hero h3,.ratio-readout__hero h4){color:var(--calculator-ink);font-family:var(--sans);letter-spacing:0;margin:0;font-size:1rem;font-weight:750;line-height:1.4}.brew-tools .tool-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem}.brew-tools .tool-form .tool-field,.brew-tools .tool-form .tool-field:hover,.brew-tools .tool-form .tool-field:focus-within{--field-color:var(--calculator-green);box-shadow:none;color:var(--calculator-ink);isolation:auto;letter-spacing:0;text-transform:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr);align-content:start;gap:.5rem;min-width:0;min-height:0;padding:0;display:grid;overflow:visible;transform:none}.brew-tools :is(.tool-field--drink,.tool-field--profile,.tool-field--method,.tool-field--strength){grid-column:1/-1}.brew-tools .tool-field__label,.brew-tools .tool-field__label>span:last-child{grid-column:auto;min-width:0;display:block}.brew-tools .tool-field__label strong{color:var(--calculator-ink);letter-spacing:0;text-transform:none;white-space:normal;font-size:.9rem;font-weight:700;line-height:1.35}.brew-tools .tool-field__label small{color:var(--calculator-muted);letter-spacing:0;margin-top:.12rem;font-size:.76rem;font-weight:450;line-height:1.4}.brew-tools .tool-form :is(.tool-input,.tool-select,.caffeine-size-control,.ratio-strength-toggle){grid-column:auto;min-width:0}.brew-tools .tool-form :is(input,select){box-shadow:none;color:var(--calculator-ink);font:500 1rem/1.35 var(--sans);text-transform:none;background:#fff;border:1px solid #899c8e;border-radius:7px;width:100%;min-width:0;height:44px;min-height:44px;padding:.6rem .75rem;transform:none}.brew-tools .tool-form select{appearance:auto;padding-right:.35rem}.brew-tools .tool-form select option{color:var(--calculator-ink);background:#fff}.brew-tools .tool-form input{font-variant-numeric:tabular-nums;padding-right:3rem}.brew-tools .tool-form :is(input,select):focus{border-color:var(--calculator-green);outline:2px solid var(--calculator-green);outline-offset:2px;transform:none;box-shadow:0 0 0 3px #184e3b1f}.brew-tools .tool-form input[aria-invalid=true]{border-color:#983f32}.brew-tools .tool-form [data-number-error]{color:#873429;grid-column:1/-1;font-size:.8rem;font-weight:600;line-height:1.5}.brew-tools .tool-form .tool-input:after{color:var(--calculator-muted);letter-spacing:0;text-transform:none;font-size:.72rem;font-weight:500;right:.65rem}.brew-tools .tool-field--water .tool-input:after{content:"g"}.brew-tools .tool-field--serving-count .tool-input:after{content:""}.brew-tools :is(.tool-unit-toggle,.ratio-strength-toggle){box-shadow:none;background:#e9efe8;border:0;border-radius:7px;gap:2px;min-width:0;padding:0}.brew-tools :is(.tool-unit-toggle,.ratio-strength-toggle) button,.brew-tools .ratio-shortcuts button{box-shadow:none;color:var(--calculator-ink);font:650 .85rem/1.3 var(--sans);letter-spacing:0;text-transform:none;background:0 0;border:1px solid #0000;border-radius:7px;min-height:44px;padding:.55rem .5rem;transform:none}.brew-tools :is(.tool-unit-toggle,.ratio-strength-toggle) button.is-active{background:var(--calculator-green);color:#fff;transform:none}.brew-tools :is(.tool-unit-toggle,.ratio-strength-toggle) button:hover:not(.is-active),.brew-tools .ratio-shortcuts button:hover{color:var(--calculator-ink);background:#dce7db;transform:none}.brew-tools .ratio-shortcuts{flex-wrap:wrap;gap:.5rem;display:flex}.brew-tools .ratio-shortcuts button{background:#fff;border-color:#899c8e;padding:.55rem .7rem}.brew-tools :is(button,a):focus-visible{outline:2px solid var(--calculator-green);outline-offset:3px;transform:none}.brew-tools :is(.caffeine-readout,.ratio-readout){border:1px solid var(--calculator-line);box-shadow:none;color:var(--calculator-ink);background:#f0f5ee;border-radius:12px;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;padding:clamp(1rem,2vw,1.4rem);overflow:visible}.brew-tools :is(.caffeine-readout__hero,.ratio-readout__hero){display:block}.brew-tools :is(.caffeine-ring,.ratio-dial){box-shadow:none;text-align:left;background:0 0;border:0;width:auto;height:auto;margin:0;display:block}.brew-tools :is(.caffeine-ring__value,.ratio-dial) strong{color:var(--calculator-green);font:750 clamp(2.15rem,4vw,3rem)/1.1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.brew-tools :is(.caffeine-ring__value,.ratio-dial) em{color:var(--calculator-muted);letter-spacing:0;text-transform:none;max-width:none;font-size:.85rem;font-style:normal;font-weight:550;line-height:1.5}.brew-tools .ratio-dial span{display:block}.brew-tools .ratio-dial>span>em{margin-top:.3rem;display:block}.brew-tools .ratio-dial em span{display:inline}.brew-tools :is(.caffeine-status-grid,.ratio-result-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.brew-tools :is(.caffeine-status-grid,.ratio-result-grid)>div{border:1px solid var(--calculator-line);background:#fffefa;border-radius:8px;grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:.3rem;min-height:0;padding:.85rem}.brew-tools :is(.caffeine-status-grid,.ratio-result-grid,.ratio-recipe-strip) small{color:var(--calculator-muted);letter-spacing:0;text-transform:none;font-size:.75rem;font-weight:550;line-height:1.4}.brew-tools :is(.caffeine-status-grid,.ratio-result-grid,.ratio-recipe-strip) strong{color:var(--calculator-ink);font-size:1rem;font-weight:700;line-height:1.4}.brew-tools .ratio-result-grid strong{font-variant-numeric:tabular-nums;font-size:1.3rem}.brew-tools .ratio-result-grid em{color:var(--calculator-muted);font-size:.76rem;font-weight:450;line-height:1.5}.brew-tools .ratio-recipe-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.brew-tools .ratio-recipe-strip>div{background:0 0;border:0;padding:0}.brew-tools .ratio-recipe-strip strong{font-size:.8rem}.brew-tools :is(.caffeine-readout,.ratio-readout) p{color:var(--calculator-muted);margin:0;font-size:.85rem;font-weight:450;line-height:1.6}.brew-tools :is(.caffeine-guidance,.ratio-guidance){border:1px solid var(--calculator-line);color:var(--calculator-ink);background:#fffefa;border-radius:7px;padding:.8rem}.brew-tools .ratio-copy-button{background:var(--calculator-green);border:1px solid var(--calculator-green);color:#fff;letter-spacing:0;text-transform:none;border-radius:7px;min-height:44px;padding:.65rem 1rem;font-size:.9rem;font-weight:650}.brew-tools .ratio-copy-button:hover{color:#fff;background:#123b2d;transform:none}.brew-tools .ratio-copy-button:disabled{color:#526158;cursor:not-allowed;background:#d5ddd5;border-color:#a2afa5}.brew-tools .ratio-copy-row{flex-wrap:wrap}.brew-tools .ratio-copy-row span{color:var(--calculator-green);font-size:.85rem}.brew-tools :is(.caffeine-disclaimer,.ratio-note){border:1px solid var(--calculator-line);background:#f7f7f1;border-radius:8px;padding:1rem;display:block}.brew-tools :is(.caffeine-disclaimer,.ratio-note) p{color:var(--calculator-muted);margin:0;font-size:.85rem;line-height:1.6}.brew-tools a{color:#16503a;text-underline-offset:3px;text-decoration:underline}.brew-tools :is(.tool-result-note,.tool-safety-notice,.caffeine-disclaimer) a{color:#16503a}.brew-tools .brew-tools__sources{border:0;flex-wrap:wrap;gap:.6rem 1.25rem;padding:0;display:flex}.brew-tools .brew-tools__sources a,.brew-tools .brew-tools__sources a:hover,.brew-tools .brew-tools__sources a:focus,.brew-tools .brew-tools__sources a:focus-visible{box-shadow:none;color:#16503a;text-underline-offset:3px;background:0 0;border:0;align-items:center;min-height:44px;padding:.35rem 0;font-size:.85rem;font-weight:550;line-height:1.5;text-decoration:underline;display:inline-flex;transform:none}@media (width<=1100px){.brew-tools :is(.caffeine-console,.ratio-console){grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.brew-tools .caffeine-size-field{grid-column:1/-1}}@media (width<=520px){.brew-tools .tool-workbench{border-radius:12px}.brew-tools .tool-form{gap:.9rem .75rem}.brew-tools .ratio-recipe-strip{grid-template-columns:minmax(0,1fr);gap:.65rem}.brew-tools .ratio-recipe-strip>div{justify-content:space-between;gap:.75rem;display:flex}.brew-tools .ratio-recipe-strip strong{text-align:right}.brew-tools .ratio-result-grid{gap:.5rem}.brew-tools .ratio-result-grid>div{padding:.7rem}}.back-to-top.has-shopping-launcher .back-to-top__text{bottom:calc(100% + .65rem);right:0;transform:translateY(4px)}.back-to-top.has-shopping-launcher:is(:hover,:focus-visible) .back-to-top__text{transform:none}@layer page-styles{:root{--ink:#11100e;--espresso:#23130e;--paper:#faf6ef;--paper-2:#f1e8dc;--line:#d8cab8;--green:#2e6f5e;--copper:#a84d25;--blue:#315e8a;--cherry:#8f2f2a;--muted:#71665a;--white:#fffaf2;--cream:#fff1d8;--shadow:0 24px 80px #11100e29;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--cc-page-max:90rem;--cc-wide-max:76rem;--cc-prose-max:48rem;--cc-narrow-max:38rem;--cc-gutter:clamp(1rem, 4vw, 3rem);--cc-section-y:clamp(3rem, 7vw, 6.5rem);--cc-panel-pad:clamp(1rem, 2.2vw, 1.75rem);--cc-card-min:minmax(min(100%, 18rem), 1fr);--type-body:1rem;--type-small:.88rem;--type-meta:.74rem;--type-h1:5.6rem;--type-h2:3.35rem;--type-h3:1.85rem;--type-hero:7.25rem}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;width:100%;overflow-x:clip}body{background:linear-gradient(90deg,#11100e09 1px,transparent 1px)0 0/25vw 100%,var(--paper);max-width:100%;margin:0;overflow-x:clip}img{max-width:100%;display:block}[hidden]{display:none!important}a{color:inherit;text-decoration:none}:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--blue);outline-offset:3px}.skip-link{background:var(--ink);color:var(--white);z-index:1000;padding:.8rem 1rem;font-weight:800;transition:transform .14s;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus-visible{outline-color:var(--cream);transform:translateY(0)}p{line-height:1.65}.eyebrow{color:var(--copper);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .85rem;font-size:.74rem;font-weight:800;line-height:1.2}.button{align-items:center;gap:.65rem;font-weight:800;display:inline-flex}.button{border:1px solid;min-height:3rem;padding:.85rem 1.2rem}.button:after{content:"->";font-weight:700}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#faf6efe0;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:2rem;max-width:92rem;margin:0 auto;padding:1rem clamp(1rem,3vw,2.5rem);display:flex}.site-header__actions{align-items:center;gap:.7rem;margin-left:auto;display:flex}.site-nav,.site-footer nav{flex-wrap:wrap;align-items:center;gap:clamp(1rem,2.2vw,2.25rem);display:flex}.site-nav a,.site-footer nav a{color:inherit;font-size:.86rem;font-weight:750}.logo{color:var(--ink);flex-direction:column;line-height:1;display:inline-flex}.logo--light{color:var(--white)}.logo__image{width:clamp(13rem,18vw,18rem);height:auto;display:block}.logo__text{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;border:1px solid;border-radius:999px;place-items:center;width:2.35rem;height:2.35rem;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span,.mobile-menu summary span:before,.mobile-menu summary span:after{content:"";background:currentColor;border-radius:99px;width:1rem;height:2px;display:block}.mobile-menu summary span{position:relative}.mobile-menu summary span:before,.mobile-menu summary span:after{position:absolute;left:0}.mobile-menu summary span:before{top:-.34rem}.mobile-menu summary span:after{top:.34rem}.mobile-menu__panel{border:1px solid var(--line);box-shadow:var(--shadow);z-index:40;background:#faf6eff7;gap:0;min-width:min(78vw,18rem);padding:.5rem;display:grid;position:absolute;top:calc(100% + .65rem);right:0}.mobile-menu--light .mobile-menu__panel{background:#11100ef0;border-color:#fffaf238}.mobile-menu__panel a{border-bottom:1px solid var(--line);color:inherit;padding:.85rem .9rem;font-size:.95rem;font-weight:850}.mobile-menu--light .mobile-menu__panel a{border-bottom-color:#fffaf22e}.mobile-menu__panel a:last-child{border-bottom:0}.comparison-table{border-bottom:1px solid var(--line);border-top:1px solid var(--line);max-width:74rem;margin:2rem auto;padding:1.5rem 0}.comparison-table table{background:var(--white);border-collapse:collapse;font-family:var(--sans);width:100%;min-width:min(100%,42rem);font-size:.98rem}.comparison-table th,.comparison-table td{border:1px solid var(--line);text-align:left;vertical-align:middle;padding:.9rem 1rem}.comparison-table th{background:var(--paper-2);color:var(--ink);min-width:12rem;font-weight:900}.comparison-table td{color:#2e2924}.comparison-table img{object-fit:contain;vertical-align:middle;max-width:7.5rem;height:auto;max-height:5rem;margin:.25rem .5rem .25rem 0;display:inline-block}.site-footer{background:var(--ink);color:var(--white);margin-top:4rem}.site-footer__inner{grid-template-columns:1fr 1fr;gap:4rem;max-width:92rem;margin:0 auto;padding:4rem clamp(1rem,3vw,2.5rem);display:grid}.site-footer p{color:#fffaf2b8;max-width:34rem}.site-footer nav{place-content:start end}@media (width<=980px){.site-nav{display:none}.mobile-menu{display:block}.site-footer__inner{grid-template-columns:1fr}.hero{min-height:88svh}}@media (width<=640px){.hero h1{font-size:clamp(3.4rem,17vw,5.5rem)}.comparison-table table{min-width:34rem}}:root{--ink:#11110f;--espresso:#080a0b;--paper:#f6efe4;--paper-2:#e8dccd;--line:#cdbda9;--green:#166b57;--copper:#a84d25;--blue:#2d6477;--cherry:#96342d;--white:#fff9ef;--cream:#fff1d8;--shadow:0 30px 100px #0d0b0938}body{background:linear-gradient(90deg,#11110f0e 1px,transparent 1px)0 0/25vw 100%,linear-gradient(180deg,#fbf7ef 0,var(--paper) 42rem,#eee4d7 100%)}.button{letter-spacing:0;border-radius:0;min-height:3.15rem;padding:.9rem 1.3rem;transition:background .18s,border-color .18s,color .18s,transform .18s}.button:hover{color:var(--copper)}.button:hover{transform:translateY(-1px)}.site-header{color:var(--white);isolation:isolate;z-index:60;background:#080a0b;border-bottom-color:#fff9ef1f}.site-header__inner{width:100%;max-width:none;margin:0;padding:1.05rem clamp(1rem,4vw,3.75rem)}.site-nav a,.site-footer nav a{font-size:.82rem;font-weight:850}.site-nav a{opacity:.84;transition:color .18s,opacity .18s}.site-nav a:hover{color:var(--copper);opacity:1}.mobile-menu summary{border-radius:0}.hero{background:var(--espresso);isolation:isolate;grid-template-rows:auto 1fr;min-height:105svh;display:grid}.hero:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0,#080a0b0a 42%,#080a0bd1 100%),linear-gradient(90deg,#080a0bb3,#0000 28% 72%,#080a0b6b);position:absolute;inset:0}.hero h1{font-family:var(--sans);letter-spacing:0;text-wrap:balance;max-width:76rem;margin:0 auto 1.8rem;font-size:clamp(4.8rem,12vw,11.4rem);font-weight:900;line-height:.78}.hero h1 span{display:block}.hero .eyebrow{color:var(--copper);margin-bottom:1.3rem}.tools-page,.site-footer__inner{max-width:96rem;padding-left:clamp(1rem,4vw,3.75rem);padding-right:clamp(1rem,4vw,3.75rem)}.comparison-table{max-width:88rem}.comparison-table table{border:1px solid var(--ink)}.comparison-table th{background:var(--ink);color:var(--white)}.site-footer{background:#080a0b}@media (width<=980px){.site-header__inner{gap:1rem}.hero{min-height:92svh}}@media (width<=640px){.site-header__inner{padding:.85rem 1rem}.hero{min-height:88svh}.hero h1{margin-left:0;margin-right:0;font-size:clamp(4.1rem,18vw,6.6rem)}}.comparison-table img:is([src*="m.media-amazon.com"],[data-original-src*="m.media-amazon.com"]),.comparison-table img[src*=\.png]{mix-blend-mode:multiply}.comparison-table{border:1px solid var(--ink);background:linear-gradient(135deg,#fff9eff0,#e8dccdbd),linear-gradient(90deg,#11110f0f 1px,#0000 1px)0 0/16.66% 100%;padding:0;position:relative;overflow:hidden;box-shadow:0 24px 80px #11110f1f}.comparison-table:before{background:linear-gradient(90deg,var(--copper),var(--green),var(--blue));content:"";width:100%;height:.45rem;display:block}.comparison-table table{border-collapse:separate;border-spacing:0;background:#fff9eff0;border:0;min-width:62rem}.comparison-table th,.comparison-table td{border-top:0;border-bottom:1px solid #11110f2e;border-left:0;border-right:1px solid #11110f1f;padding:clamp(.8rem,1.35vw,1.25rem)}.comparison-table thead th{color:var(--white);z-index:4;background:#070808;position:sticky;top:0}.comparison-table th:first-child{color:var(--white);z-index:5;background:#070808;position:sticky;left:0}.comparison-table tbody tr:nth-child(2n) td{background:#ffffff57}.comparison-table tbody tr:hover td{background:#2e6f5e1a}.comparison-table td:has(img){background:linear-gradient(135deg,#ffffffe6,#f1e8dc9e),var(--paper-2)}.comparison-table img{object-fit:contain;background:#ffffffb8;border:1px solid #11110f1f;max-width:10rem;max-height:7.8rem;margin:0 auto;padding:.5rem;display:block;box-shadow:0 12px 34px #11110f1a}.tool-detail-page{gap:clamp(2.2rem,5vw,4.5rem);display:grid}.tool-icon{color:currentColor;background:#fff9ef1f;border:1px solid;flex:none;place-items:center;width:2.35rem;height:2.35rem;display:inline-grid;position:relative}.tool-icon:before,.tool-icon:after{content:"";position:absolute}.tool-icon--cup:before{border:.16rem solid;border-top:0;width:1.05rem;height:.8rem;bottom:.56rem}.tool-icon--cup:after{border:.16rem solid;border-left:0;width:.34rem;height:.45rem;top:.86rem;right:.42rem}.tool-icon--scale:before{background:currentColor;width:1.3rem;height:.18rem;top:.72rem}.tool-icon--scale:after{border:.16rem solid;border-top:0;width:1.15rem;height:.7rem;bottom:.52rem}.tool-icon--droplet:before{border:.16rem solid;width:1rem;height:1rem;transform:rotate(45deg)}.tool-icon--grinder:before{border:.16rem solid;width:1.05rem;height:1rem}.tool-icon--grinder:after{background:currentColor;width:1.4rem;height:.18rem;top:.64rem}.tool-icon--grid:before{border:.16rem solid;width:1.12rem;height:1.12rem}.tool-icon--grid:before{background:linear-gradient(currentColor,currentColor) 50%0/.12rem 100%no-repeat,linear-gradient(currentColor,currentColor)0/100% .12rem no-repeat}.tool-page-hero{border:1px solid var(--ink);color:var(--white);background:#070808;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:clamp(1.5rem,4vw,4rem);min-height:clamp(25rem,42vw,37rem);margin:clamp(2rem,5vw,4rem) auto 0;padding:clamp(1.4rem,4vw,3.5rem);display:grid;position:relative;overflow:hidden}.tool-page-hero:before{content:"";opacity:.78;pointer-events:none;background:linear-gradient(90deg,#fff9ef14 1px,#0000 1px)0 0/12.5% 100%,linear-gradient(120deg,#0000 0 40%,#2e6f5e33 40.2%,#0000 40.6% 100%);animation:14s linear infinite lab-grid-sweep;position:absolute;inset:0;transform:translate(-14%)}.tool-page-hero>*{z-index:1;position:relative}.tool-back{color:#fff9efb8;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.65rem;margin-bottom:clamp(2rem,6vw,5rem);font-size:.78rem;font-weight:900;display:inline-flex}.tool-back .tool-icon{color:var(--copper);width:2rem;height:2rem}.tool-page-hero h1{font-family:var(--sans);letter-spacing:0;text-wrap:balance;max-width:58rem;margin:0;font-size:clamp(3.2rem,8vw,8.8rem);font-weight:950;line-height:.82}.tool-page-hero__copy>p:not(.eyebrow){color:#fff9efbd;max-width:45rem;font-size:clamp(1.02rem,1.45vw,1.25rem)}.tool-page-hero__badges{flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;display:flex}.tool-page-hero__badges>span{color:#fff9efd1;background:#fff9ef12;border:1px solid #fff9ef33;align-items:center;gap:.55rem;padding:.55rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.tool-page-hero__badges .tool-icon{color:var(--cream);width:1.85rem;height:1.85rem}.tool-seo{gap:clamp(1.2rem,3vw,2rem);max-width:92rem;margin:0 auto clamp(4rem,8vw,7rem);display:grid}.tool-seo__intro{border-bottom:1px solid var(--ink);border-top:1px solid var(--ink);grid-template-columns:minmax(15rem,.85fr) minmax(18rem,1.15fr);gap:clamp(1rem,3vw,2rem);padding:clamp(1.2rem,3vw,2rem)0;display:grid}.tool-seo__intro h2,.tool-faq h2,.tool-seo__steps h3{font-family:var(--sans);letter-spacing:0;margin:0;font-weight:950;line-height:.9}.tool-seo__intro h2{font-size:clamp(2.5rem,5.5vw,6rem)}.tool-seo__intro p:not(.eyebrow){color:var(--muted);align-self:end;margin:0}.tool-seo__cards{background:var(--ink);border:1px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.tool-seo__cards article{background:#fff9eff0;gap:.9rem;min-height:18rem;padding:clamp(1rem,2.2vw,1.5rem);animation:.62s both tool-panel-rise;display:grid}.tool-seo__cards article:nth-child(2){animation-delay:80ms}.tool-seo__cards article:nth-child(3){animation-delay:.16s}.tool-seo__cards article:nth-child(4){animation-delay:.24s}.tool-seo__cards .tool-icon{color:var(--green)}.tool-seo__cards h3{font-family:var(--sans);letter-spacing:0;margin:0;font-size:clamp(1.2rem,1.8vw,1.65rem);font-weight:950;line-height:1}.tool-seo__cards p{color:var(--muted);margin:0}.tool-seo__steps{color:var(--white);background:#070808;grid-template-columns:minmax(14rem,.42fr) minmax(0,.58fr);gap:clamp(1rem,3vw,2rem);padding:clamp(1.2rem,3vw,2rem);display:grid}.tool-seo__steps h3{font-size:clamp(2rem,4vw,4.8rem)}.tool-seo__steps ol{counter-reset:tool-step;gap:0;margin:0;padding:0;list-style:none;display:grid}.tool-seo__steps li{color:#fff9efc2;counter-increment:tool-step;border-top:1px solid #fff9ef33;grid-template-columns:auto 1fr;gap:1rem;padding:1rem 0;display:grid}.tool-seo__steps li:before{color:var(--copper);content:counter(tool-step,decimal-leading-zero);font-family:var(--serif);font-size:2rem;line-height:1}.tool-faq{border:1px solid var(--ink);grid-template-columns:minmax(15rem,.38fr) minmax(0,.62fr);gap:0;padding:clamp(1.2rem,3vw,2rem);display:grid}.tool-faq h2{max-width:22rem;font-size:clamp(2.2rem,4.5vw,5rem)}.tool-faq__head{align-self:start}.tool-faq__items{gap:0;display:grid}.tool-faq details{border-top:1px solid var(--line);padding:1rem 0}.tool-faq summary{cursor:pointer;font-weight:950;list-style:none}.tool-faq summary::-webkit-details-marker{display:none}.tool-faq summary:after{color:var(--copper);content:"+";float:right;font-size:1.2rem}.tool-faq details[open] summary:after{content:"-"}.tool-faq p{color:var(--muted);margin-bottom:0}.brew-tools{gap:clamp(1.25rem,3vw,2rem);max-width:92rem;margin:0 auto clamp(3rem,6vw,6rem);scroll-margin-top:6rem;display:grid}.brew-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.brew-tools--ratio .brew-tools__grid{grid-template-columns:minmax(0,1fr)}.tool-workbench{background:#fff9efd1;border:1px solid #11110f38;box-shadow:0 22px 70px #11110f17}.tool-workbench{gap:clamp(1rem,2vw,1.4rem);padding:clamp(1rem,2.5vw,1.8rem);scroll-margin-top:6rem;animation:.62s both tool-panel-rise;display:grid;position:relative;overflow:hidden}.tool-workbench:before{background:linear-gradient(90deg,var(--copper),var(--green),var(--blue));content:"";transform-origin:0;height:.42rem;transition:transform .28s;display:block;position:absolute;inset:0 0 auto;transform:scaleX(.38)}.tool-workbench:hover:before{transform:scaleX(1)}.tool-workbench__head{grid-template-columns:auto auto 1fr;align-items:center;gap:1rem;display:grid}.tool-workbench__head .tool-icon{color:var(--green)}.tool-workbench h3{font-family:var(--sans);letter-spacing:0;margin:0;font-weight:950;line-height:.95}.tool-workbench h3{font-size:clamp(1.9rem,3vw,3.4rem)}.tool-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.tool-form label{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;background:#fff9ef94;border:1px solid #11110f24;gap:.45rem;padding:.7rem;font-size:.72rem;font-weight:950;display:grid}.tool-field__label{align-items:center;gap:.55rem;min-width:0;display:flex}.tool-field__label .tool-icon{background:color-mix(in srgb,var(--field-color) 11%,var(--white));color:var(--field-color);width:2rem;height:2rem}.tool-field__label strong,.tool-field__label small{line-height:1.1;display:block}.tool-field__label strong{color:var(--ink);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:950}.tool-field__label small{color:var(--muted);letter-spacing:0;margin-top:.18rem;font-size:.68rem;font-weight:850}.tool-select,.tool-input{display:block;position:relative}.tool-select{isolation:isolate}.tool-select:before{background:linear-gradient(90deg,var(--field-color,var(--green)),transparent .34rem),linear-gradient(135deg,#fffaf2fa,#f1e8dcc7);box-shadow:inset 0 1px 0#ffffffb3,0 .65rem 1.5rem color-mix(in srgb,var(--field-color,var(--green)) 10%,transparent);content:"";pointer-events:none;z-index:0;border:1px solid #11110f33;transition:border-color .18s,box-shadow .18s,transform .18s;position:absolute;inset:0}.tool-select:after{background:var(--field-color,var(--green));clip-path:polygon(50% 76%,12% 28%,27% 16%,50% 46%,73% 16%,88% 28%);content:"";pointer-events:none;z-index:2;width:.82rem;height:.82rem;transition:background .18s,transform .18s;position:absolute;top:50%;right:.92rem;transform:translateY(-50%)}.tool-form input,.tool-form select{background:var(--white);color:var(--ink);font:850 1rem var(--sans);border:1px solid #11110f3d;width:100%;min-height:3rem;padding:.75rem;transition:border-color .18s,box-shadow .18s,transform .18s}.tool-form select{appearance:none;z-index:1;background:linear-gradient(90deg,#0000 0 calc(100% - 3rem),#11110f0f calc(100% - 3rem)),linear-gradient(135deg,#fff9eff0,#f1e8dc9e);border-color:#0000;min-height:3.18rem;padding-left:1rem;padding-right:3.1rem;font-weight:950;position:relative;box-shadow:inset 0-1px #11110f14}.tool-form select option{background:var(--paper);color:var(--ink);font-weight:850}.tool-field:focus-within input,.tool-field:focus-within select{border-color:var(--field-color)}.tool-field:focus-within .tool-select:before{border-color:var(--field-color,var(--green));box-shadow:inset 0 1px 0#fffc,0 0 0 .18rem color-mix(in srgb,var(--field-color,var(--green)) 16%,transparent),0 .85rem 1.8rem color-mix(in srgb,var(--field-color,var(--green)) 18%,transparent);transform:translateY(-1px)}.tool-field:focus-within .tool-select:after{background:var(--ink);transform:translateY(-50%) rotate(180deg)}.tool-form input:focus,.tool-form select:focus{border-color:var(--green);outline:0;transform:translateY(-1px);box-shadow:0 0 0 .18rem #2e6f5e24}.caffeine-readout{color:var(--white);background:radial-gradient(circle at 22% 14%,#c47a3a2e,#0000 16rem),linear-gradient(#fff9ef09,#fff9ef03);grid-template-columns:1fr;align-content:start;gap:clamp(.48rem,.95vw,.72rem);padding:clamp(.62rem,1.2vw,.82rem) clamp(.58rem,1.1vw,.78rem) clamp(.58rem,1.1vw,.72rem) clamp(.95rem,1.5vw,1.18rem);display:grid;position:relative;overflow:hidden}.caffeine-readout:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff9ef2e,#0000);width:48%;height:100%;animation:6.5s linear infinite caffeine-scan;position:absolute;top:0;left:-70%;transform:skew(-18deg)}.caffeine-readout:after{background:linear-gradient(180deg,var(--green),var(--copper),var(--blue));content:"";opacity:.9;width:.24rem;position:absolute;inset:0 auto 0 0}.caffeine-readout[data-state=warm]:after{background:linear-gradient(180deg,var(--copper),var(--cream))}.caffeine-readout[data-state=high]:after{background:linear-gradient(180deg,var(--cherry),var(--copper))}.caffeine-ring{background:radial-gradient(circle,#080a0b 0 56%,transparent 57%),repeating-conic-gradient(#fff9ef2e 0 1deg,transparent 1deg 4deg),conic-gradient(var(--green) var(--meter),#fff9ef2e 0);text-align:center;z-index:1;border:1px solid #c47a3a61;place-items:center;width:clamp(10.4rem,17vw,13.6rem);height:clamp(10.4rem,17vw,13.6rem);margin:0 auto;line-height:1;transition:background .2s;display:grid;position:relative;box-shadow:0 1.2rem 2.5rem #00000042,inset 0 0 0 .62rem #fff9ef09,inset 0 0 0 1.05rem #c47a3a29}.caffeine-ring:after{content:"";opacity:.6;border:1px solid #fff9ef3d;animation:4s ease-in-out infinite meter-breathe;position:absolute;inset:.82rem}.caffeine-ring[data-state=warm]{background:radial-gradient(circle,#080a0b 0 56%,transparent 57%),repeating-conic-gradient(#fff9ef2e 0 1deg,transparent 1deg 4deg),conic-gradient(var(--copper) var(--meter),#fff9ef2e 0)}.caffeine-ring[data-state=high]{background:radial-gradient(circle,#080a0b 0 56%,transparent 57%),repeating-conic-gradient(#fff9ef2e 0 1deg,transparent 1deg 4deg),conic-gradient(var(--cherry) var(--meter),#fff9ef2e 0)}.caffeine-guidance{color:var(--cream);z-index:1;background:#2e6f5e2e;border:1px solid #2e6f5e6b;margin:0;padding:.54rem .68rem;font-size:clamp(.88rem,1.05vw,1rem);font-weight:950;line-height:1.2;position:relative}.caffeine-readout[data-state=warm] .caffeine-guidance{background:#c47a3a2e;border-color:#c47a3a85}.caffeine-readout[data-state=high] .caffeine-guidance{background:#8f2f2a38;border-color:#8f2f2aa8}.caffeine-readout p{color:#fff9efad;z-index:1;margin:0;position:relative}.caffeine-readout .eyebrow{color:var(--copper)}.caffeine-readout .caffeine-guidance{color:var(--cream)}.caffeine-readout h4{color:var(--white);font-family:var(--sans);margin:.16rem 0 0;font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:950;line-height:1}.tool-workbench--ratio{background:radial-gradient(circle at 9% 8%,#2e6f5e29,#0000 18rem),radial-gradient(circle at 96% 12%,#c47a3a24,#0000 17rem),linear-gradient(#fff9effa,#f1e8dce6)}.ratio-console{background:radial-gradient(circle at 8% 12%,#2e6f5e33,#0000 16rem),radial-gradient(circle at 100% 100%,#c47a3a2e,#0000 18rem),linear-gradient(135deg,#15110e,#070808 46%,#101312);border:1px solid #2e6f5e94;grid-template-columns:minmax(17rem,.46fr) minmax(20rem,.54fr);gap:clamp(.75rem,1.5vw,1.05rem);padding:clamp(.7rem,1.45vw,.95rem);display:grid;position:relative;overflow:hidden;box-shadow:0 2.2rem 5rem #11100e3d,inset 0 1px #fff9ef1a}.ratio-console:before{content:"";opacity:.32;pointer-events:none;background:linear-gradient(90deg,#fff9ef0a 1px,#0000 1px)0 0/1.25rem 100%,linear-gradient(#fff9ef09 1px,#0000 1px)0 0/100% 1.25rem;position:absolute;inset:0}.ratio-readout{color:var(--white);z-index:1;background:radial-gradient(circle at 24% 14%,#2e6f5e38,#0000 14rem),linear-gradient(#fff9ef0b,#fff9ef03);align-content:start;gap:clamp(.52rem,1vw,.78rem);padding:clamp(.62rem,1.2vw,.82rem) clamp(.58rem,1.1vw,.78rem) clamp(.58rem,1.1vw,.72rem) clamp(.95rem,1.5vw,1.18rem);display:grid;position:relative;overflow:hidden}.ratio-readout:after{background:linear-gradient(180deg,var(--green),var(--blue),var(--copper));content:"";opacity:.9;width:.24rem;position:absolute;inset:0 auto 0 0}.ratio-readout__hero{z-index:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;display:grid;position:relative}.ratio-readout__hero img{filter:drop-shadow(0 18px 28px #00000059);width:clamp(2.85rem,3.8vw,3.75rem);height:clamp(2.85rem,3.8vw,3.75rem)}.ratio-readout h4{color:var(--white);font-family:var(--sans);margin:.16rem 0 0;font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:950;line-height:1}.ratio-dial{background:radial-gradient(circle,#080a0b 0 55%,transparent 56%),repeating-conic-gradient(#fff9ef29 0 1deg,transparent 1deg 4deg),conic-gradient(var(--green)0 58%,#fff9ef29 0);text-align:center;z-index:1;border:1px solid #2e6f5e6b;place-items:center;width:clamp(10.4rem,17vw,13.6rem);height:clamp(10.4rem,17vw,13.6rem);margin:0 auto;display:grid;position:relative;box-shadow:0 1.2rem 2.5rem #00000042,inset 0 0 0 .62rem #fff9ef09,inset 0 0 0 1.05rem #2e6f5e29}.ratio-dial:after{content:"";opacity:.6;border:1px solid #fff9ef3d;position:absolute;inset:.82rem}.ratio-dial span{z-index:1;justify-items:center;gap:.24rem;display:grid;position:relative}.ratio-dial strong{color:var(--white);font-family:var(--serif);letter-spacing:0;font-size:clamp(2.7rem,5.5vw,4.6rem);font-weight:950;line-height:.86}.ratio-dial em{color:#fff9efa8;max-width:8.5rem;font-size:clamp(.72rem,1vw,.9rem);font-style:normal;font-weight:900;line-height:1.1}.ratio-result-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;display:grid;position:relative}.ratio-result-grid div{background:linear-gradient(#fff9ef17,#fff9ef09),#fff9ef09;border:1px solid #fff9ef26;grid-template-rows:auto auto 1fr;grid-template-columns:auto minmax(0,1fr);gap:.25rem .42rem;min-height:5.75rem;padding:.48rem .52rem;display:grid;position:relative;overflow:hidden}.ratio-result-grid div:before{background:linear-gradient(180deg,var(--green),var(--copper));content:"";width:.18rem;height:100%;position:absolute;inset:0 auto 0 0}.ratio-result-grid img{filter:drop-shadow(0 10px 16px #00000047);grid-row:span 3;width:2.25rem;height:2.25rem}.ratio-result-grid small{color:#fff9ef94;letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:900}.ratio-result-grid strong{color:var(--white);font-size:clamp(.76rem,.9vw,.92rem);line-height:1.08}.ratio-result-grid em{color:#fff9ef80;font-size:.62rem;font-style:normal;font-weight:850;line-height:1.12}.ratio-recipe-strip{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;position:relative}.ratio-recipe-strip div{background:#fff9ef0f;border:1px solid #fff9ef1f;min-width:0;padding:.52rem}.ratio-recipe-strip small{color:#fff9ef8a;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.2rem;font-size:.56rem;font-weight:950;display:block}.ratio-recipe-strip strong{color:var(--cream);font-size:clamp(.7rem,.82vw,.86rem);line-height:1.12;display:block}.ratio-guidance{color:var(--cream);z-index:1;background:#2e6f5e2e;border:1px solid #2e6f5e6b;margin:0;padding:.54rem .68rem;font-size:clamp(.82rem,1vw,.96rem);font-weight:900;line-height:1.28;position:relative}.ratio-copy-row{z-index:1;align-items:center;gap:.6rem;display:flex;position:relative}.ratio-copy-button{background:var(--cream);color:#070808;cursor:pointer;font:950 .72rem var(--sans);letter-spacing:.1em;text-transform:uppercase;border:1px solid #fff9ef73;min-height:2.4rem;padding:.58rem .78rem;transition:background .18s,transform .18s}.ratio-copy-button:hover,.ratio-copy-button:focus-visible{background:var(--white);outline:0;transform:translateY(-1px)}.ratio-copy-row span{color:#fff9ef9e;font-size:.72rem;font-weight:900}.ratio-controls{z-index:1;background:linear-gradient(#fff9ef0b,#fff9ef05),#fff9ef06;border-left:1px solid #fff9ef24;gap:.55rem;min-width:0;padding:clamp(.55rem,1.1vw,.75rem)0 0 clamp(.65rem,1.25vw,.85rem);display:grid;position:relative}.tool-form--ratio{grid-template-columns:1fr;gap:.42rem}.tool-form--ratio .tool-field{--field-color:var(--green);background:linear-gradient(90deg,color-mix(in srgb,var(--field-color) 18%,transparent),transparent 28%),linear-gradient(180deg,#fff9ef14,#fff9ef09),#11100ead;color:#fff9efad;isolation:isolate;text-transform:none;border:1px solid #fff9ef29;grid-template-columns:3.45rem minmax(5.8rem,.62fr) minmax(9rem,1.38fr);gap:.58rem;min-height:4.18rem;padding:.4rem .55rem .4rem .48rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9ef14,0 .8rem 1.6rem #0000002e}.tool-form--ratio .tool-field:before{background:linear-gradient(180deg,var(--field-color),transparent),repeating-linear-gradient(180deg,#fff9ef29 0 1px,transparent 1px .42rem);content:"";opacity:.72;pointer-events:none;transform-origin:bottom;width:.2rem;transition:transform .22s;position:absolute;inset:0 auto 0 0;transform:scaleY(.52)}.tool-form--ratio .tool-field:after{border:1px solid color-mix(in srgb,var(--field-color) 22%,transparent);content:"";opacity:.32;pointer-events:none;z-index:0;width:3.1rem;height:3.1rem;position:absolute;top:-1rem;right:-1rem;transform:rotate(14deg)}.tool-form--ratio .tool-field:hover,.tool-form--ratio .tool-field:focus-within{background:linear-gradient(90deg,color-mix(in srgb,var(--field-color) 24%,transparent),transparent 34%),linear-gradient(180deg,#fff9ef1b,#fff9ef0a),#11100ed1;border-color:color-mix(in srgb,var(--field-color) 70%,#fff9ef33);box-shadow:0 1.2rem 2.2rem #00000042,0 0 0 1px color-mix(in srgb,var(--field-color) 26%,transparent),inset 0 1px 0#fff9ef1f;transform:translate(-.16rem)}.tool-form--ratio .tool-field:hover:before,.tool-form--ratio .tool-field:focus-within:before{transform:scaleY(1)}.tool-field--method{--field-color:var(--copper)}.tool-field--dose,.tool-field--serving-count{--field-color:var(--green)}.tool-field--strength{--field-color:var(--copper)}.tool-field--water{--field-color:var(--blue)}.tool-field--ratio{--field-color:var(--cherry)}.tool-form--ratio .tool-field__label{align-items:start;display:contents}.tool-form--ratio .tool-field__label>span:last-child{z-index:1;grid-column:2;align-self:center;gap:.12rem;min-width:0;display:grid;position:relative}.tool-form--ratio .tool-field__label strong{color:var(--white);letter-spacing:.12em;white-space:nowrap;font-size:.74rem}.tool-form--ratio .tool-field__label small{color:color-mix(in srgb,var(--field-color) 38%,#fff9efad);font-size:.66rem;font-weight:900;line-height:1.05}.tool-form--ratio .tool-input,.tool-form--ratio .tool-select{isolation:isolate;z-index:1;grid-column:3;align-self:center;min-width:0;position:relative}.ratio-strength-toggle{z-index:1;background:linear-gradient(#fff9ef13,#fff9ef06),#080a0b;border:1px solid #fff9ef29;grid-column:3;grid-template-columns:repeat(3,minmax(0,1fr));align-self:center;gap:.14rem;min-width:0;padding:.16rem;display:grid;position:relative;box-shadow:inset 0 1px #fff9ef14,0 .55rem 1rem #00000029}.ratio-strength-toggle button{appearance:none;color:#fff9ef94;cursor:pointer;font:950 .6rem var(--sans);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;min-height:2.34rem;padding:.25rem .3rem;transition:background .18s,color .18s,transform .18s}.ratio-strength-toggle button:hover{color:var(--cream)}.ratio-strength-toggle button.is-active{background:color-mix(in srgb,var(--field-color) 78%,var(--cream));color:#070808;transform:translateY(-1px)}.ratio-strength-toggle button:focus-visible{outline:2px solid color-mix(in srgb,var(--field-color) 72%,var(--cream));outline-offset:2px}.tool-form--ratio .tool-input:before,.tool-form--ratio .tool-select:before{background:linear-gradient(90deg,color-mix(in srgb,var(--field-color) 28%,transparent),transparent .4rem),linear-gradient(180deg,#fff9ef12,#fff9ef06),#0c0d0c;content:"";pointer-events:none;z-index:0;border:1px solid #fff9ef29;transition:border-color .18s,box-shadow .18s,transform .18s;position:absolute;inset:0;box-shadow:inset 0 1px #fff9ef14,0 .65rem 1.2rem #0000002e}.tool-form--ratio input,.tool-form--ratio select{box-shadow:none;color:var(--white);z-index:1;background:linear-gradient(90deg,#0000 0 calc(100% - 3rem),#fff9ef0a calc(100% - 3rem)),0 0;border-color:#0000;min-height:2.72rem;padding:.62rem .78rem;font-weight:950;position:relative}.tool-form--ratio input{padding-left:.78rem;padding-right:2.85rem;font-size:1rem}.tool-form--ratio select{color:var(--cream);padding-right:2.5rem;font-size:clamp(.85rem,.85vw,.96rem);line-height:1}.tool-form--ratio select option{color:var(--cream);background:#11100e}.tool-form--ratio .tool-select:after{background:color-mix(in srgb,var(--field-color) 72%,var(--cream))}.tool-form--ratio .tool-input:after{color:#fff9ef7a;content:"";letter-spacing:.1em;pointer-events:none;text-transform:uppercase;z-index:2;font-size:.62rem;font-weight:950;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.tool-field--dose .tool-input:after{content:"g"}.tool-field--water .tool-input:after{content:"g/ml"}.tool-field--ratio .tool-input:after{content:"x"}.tool-field--serving-count .tool-input:after{content:"cups"}.ratio-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr));gap:.36rem;display:grid}.ratio-shortcuts button{color:#fff9efad;cursor:pointer;font:900 .58rem var(--sans);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#fff9ef1c,#fff9ef09),#11100eb8;border:1px solid #fff9ef24;min-height:2.3rem;padding:.42rem .34rem;transition:border-color .18s,color .18s,transform .18s}.ratio-shortcuts button:hover,.ratio-shortcuts button:focus-visible{color:var(--cream);border-color:#c47a3ab3;outline:0;transform:translateY(-1px)}.ratio-note{background:linear-gradient(90deg,#2e6f5e1f,#0000),#fffaf2bd;border:1px solid #11110f29;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.52rem;padding:clamp(.55rem,1vw,.72rem);display:grid}.ratio-note .tool-icon{background:var(--ink);color:var(--cream);width:1.85rem;height:1.85rem}.ratio-note p{color:var(--muted);margin:0;font-size:.72rem;line-height:1.32}.brew-tools__sources{flex-wrap:wrap;gap:.7rem;display:flex}.brew-tools__sources a{background:var(--green);color:var(--white);padding:.72rem .9rem;font-weight:900}@keyframes finder-shine{to{transform:translate(100%)}}@keyframes finder-scan{0%,45%{transform:translate(0) skew(-12deg)}to{transform:translate(430%) skew(-12deg)}}@keyframes finder-machine-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-.18rem)}}@keyframes finder-machine-float{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-.28rem) rotate(.6deg)}}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes slow-scan{to{transform:translate(100%)}}@keyframes image-sheen{to{transform:translate(120%)}}@keyframes lab-grid-sweep{to{transform:translate(16%)}}@keyframes ticker-track{to{transform:translate(-100%)}}@keyframes tool-card-in{to{opacity:1;transform:translateY(0)}}@keyframes tool-panel-rise{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes hero-ring-sweep{0%,to{transform:rotate(-20deg) scale(.96)}50%{transform:rotate(22deg) scale(1.04)}}@keyframes meter-breathe{0%,to{transform:rotate(-8deg) scale(.96)}50%{transform:rotate(12deg) scale(1.04)}}@keyframes caffeine-scan{to{transform:translate(360%) skew(-18deg)}}@keyframes ratio-bars{0%,to{transform:scaleY(.72)}50%{transform:scaleY(1)}}@keyframes choice-fill{0%,to{transform:scaleX(.62)}50%{transform:scaleX(1)}}@keyframes manual-scan{0%{transform:translateY(0)}to{transform:translateY(7.25rem)}}@keyframes hero-manual-scan{0%{transform:translateY(0)}to{transform:translateY(18rem)}}@keyframes stage-line{0%,to{transform:scaleX(.55)}50%{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.tool-page-hero:before,.tool-workbench,.tool-seo__cards article,.caffeine-readout:before,.caffeine-ring:after{animation:none}}@media (width<=980px){.tool-page-hero,.tool-seo__intro,.tool-seo__steps,.tool-faq,.brew-tools__grid,.caffeine-readout,.ratio-console,.ratio-readout{grid-template-columns:1fr}.tool-seo__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-form--ratio{grid-template-columns:1fr}.ratio-result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.tool-form{grid-template-columns:1fr}.caffeine-readout{grid-template-columns:1fr}.ratio-controls{border-top:1px solid #fff9ef24;border-left:0;padding:.85rem 0 0}.tool-form--ratio .tool-field{grid-template-columns:auto minmax(0,1fr);min-height:0}.tool-form--ratio .tool-input,.tool-form--ratio .tool-select,.tool-form--ratio .ratio-strength-toggle{grid-column:1/-1}.ratio-result-grid,.ratio-recipe-strip{grid-template-columns:1fr}.ratio-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-table{margin-left:-1rem;margin-right:-1rem}.comparison-table table{min-width:48rem}.tool-page-hero{min-height:auto;margin-top:1rem;padding:1.2rem}.tool-page-hero h1{font-size:clamp(3rem,16vw,5.4rem)}.tool-seo__cards{grid-template-columns:1fr}.tool-faq{padding:1rem}}.site-header__inner,.tools-page,.site-footer__inner{max-width:var(--cc-page-max);padding-left:var(--cc-gutter);padding-right:var(--cc-gutter);width:100%;margin-left:auto;margin-right:auto}.tool-seo__intro p:not(.eyebrow){max-width:var(--cc-prose-max)}.hero h1{font-size:var(--type-hero);letter-spacing:0;max-width:var(--cc-wide-max);line-height:.84}.tool-page-hero h1{font-size:var(--type-h1);letter-spacing:0;max-width:var(--cc-wide-max);line-height:.9}.tool-seo__intro h2,.tool-seo__steps h3{font-size:var(--type-h2);letter-spacing:0;line-height:.95}.tool-seo__cards h3,.tool-workbench h3{font-size:var(--type-h3);letter-spacing:0;line-height:1.05}.tool-page-hero__copy>p:not(.eyebrow){font-size:var(--type-body);letter-spacing:0;line-height:1.72}.tool-seo__cards p{font-size:var(--type-small);line-height:1.55}.eyebrow,.tool-page-hero__badges>span{font-size:var(--type-meta);letter-spacing:.08em}.tools-page{padding-top:var(--cc-section-y);padding-bottom:var(--cc-section-y)}.tool-workbench,.tool-seo__cards article{min-width:0;padding:var(--cc-panel-pad)}.tool-seo__cards,.brew-tools__grid{grid-template-columns:repeat(auto-fit,var(--cc-card-min))}.comparison-table,.tool-page-hero,.tool-seo,.brew-tools{width:100%;max-width:100%}.comparison-table table{font-size:var(--type-small);line-height:1.35}@media (width<=980px){.tool-page-hero,.tool-seo__intro,.tool-seo__steps{grid-template-columns:1fr}}@media (width<=640px){.site-header__inner,.tools-page,.site-footer__inner{padding-left:var(--cc-gutter);padding-right:var(--cc-gutter)}.hero h1,.tool-page-hero h1{overflow-wrap:anywhere}}@keyframes aidenPulseRail{0%,to{filter:saturate();transform:translate(-36%)}50%{filter:saturate(1.4);transform:translate(36%)}}@keyframes aidenStepGlow{0%,25%,to{opacity:0;transform:scale(.72)}8%,16%{opacity:1;transform:scale(1)}}.site-footer__navs{align-content:start;justify-items:end;gap:1.4rem;display:grid}.site-footer__legal{border-top:1px solid #fffaf229;gap:.75rem 1.1rem;max-width:35rem;padding-top:1.1rem}.site-footer__legal a,.site-footer__legal button{color:#fffaf2ad;cursor:pointer;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:800}.site-footer__legal a:hover,.site-footer__legal a:focus-visible,.site-footer__legal button:hover,.site-footer__legal button:focus-visible{color:var(--copper);outline:0}.cc-consent{font-family:var(--sans);pointer-events:none;z-index:1000;position:fixed;inset:0}.cc-consent__bar,.cc-consent__panel,.cc-consent__shade{pointer-events:auto}.cc-consent__bar{color:var(--ink);background:linear-gradient(135deg,#2e6f5e29,#0000 40%),linear-gradient(#fffaf2fa,#faf6eff5);border:1px solid #23130e2b;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:1rem;width:min(50rem,100vw - 2rem);max-width:calc(100vw - 2rem);padding:clamp(.9rem,2vw,1.25rem);display:grid;position:absolute;bottom:clamp(1rem,2vw,1.35rem);left:clamp(1rem,2vw,1.35rem);box-shadow:0 1.2rem 4rem #11100e33}.cc-consent__bar:before,.cc-consent__panel:before{background:linear-gradient(90deg,var(--copper),var(--green),var(--blue));content:"";height:.22rem;position:absolute;top:0;left:0;right:0}.cc-consent__mark{background:var(--ink);color:var(--white);letter-spacing:.08em;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;font-size:.72rem;font-weight:950;display:inline-flex}.cc-consent__title{color:var(--ink);font-family:var(--serif);letter-spacing:0;margin:0;font-size:clamp(1.35rem,2.4vw,2.05rem);font-weight:500;line-height:.98}.cc-consent__copy p{color:var(--muted);margin:.45rem 0 0;font-size:.88rem;line-height:1.45}.cc-consent__eyebrow{color:var(--copper);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .4rem;font-size:.68rem;font-weight:950;line-height:1.1}.cc-consent__gpc{border-left:.22rem solid var(--green);background:#2e6f5e17;padding:.55rem .65rem}.cc-consent__actions,.cc-consent__panel-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:.55rem;display:flex}.cc-consent__actions{min-width:15rem}.cc-consent__button{background:var(--white);color:var(--ink);cursor:pointer;letter-spacing:.07em;text-transform:uppercase;border:1px solid #23130e33;min-height:2.55rem;padding:.72rem .88rem;font-size:.76rem;font-weight:950;line-height:1;transition:background .18s,border-color .18s,color .18s,transform .18s}.cc-consent__button:hover,.cc-consent__button:focus-visible{border-color:var(--ink);outline:0;transform:translateY(-.08rem)}.cc-consent__button--primary{background:var(--green);border-color:var(--green);color:var(--white)}.cc-consent__button--primary:hover,.cc-consent__button--primary:focus-visible{background:var(--ink);color:var(--white)}.cc-consent__button--text{background:0 0}.cc-consent__shade{background:#11100e6b;position:absolute;inset:0}.cc-consent__panel{background:linear-gradient(135deg,#c47a3a1f,transparent 42%),var(--paper);color:var(--ink);border:1px solid #23130e2e;width:min(45rem,100vw - 2rem);max-height:min(42rem,100vh - 2rem);padding:clamp(1rem,2.4vw,1.6rem);position:absolute;bottom:clamp(1rem,2vw,1.35rem);right:clamp(1rem,2vw,1.35rem);overflow:auto;box-shadow:0 1.5rem 5rem #11100e47}.cc-consent__panel-head{justify-content:space-between;align-items:start;gap:1rem;padding-top:.4rem;display:flex}.cc-consent__close{color:var(--muted);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #23130e2e;min-height:2.4rem;padding:.62rem .75rem;font-size:.72rem;font-weight:950}.cc-consent__close:hover,.cc-consent__close:focus-visible{border-color:var(--ink);color:var(--ink);outline:0}.cc-consent__choices{gap:.7rem;margin-top:1.15rem;display:grid}.cc-consent__choice{background:#fffaf2bd;border:1px solid #23130e1f;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.78rem;display:grid}.cc-consent__choice-title{color:var(--ink);font-family:var(--sans);margin:0;font-size:1rem;font-weight:950;line-height:1.05;display:block}.cc-consent__choice p,.cc-consent__choice small{color:var(--muted);margin:.22rem 0 0;font-size:.78rem;line-height:1.38;display:block}.cc-consent__choice small{color:var(--cherry);font-weight:850}.cc-consent__icon{background:var(--paper-2);border:1px solid #23130e26;width:2.55rem;height:2.55rem;display:block;position:relative}.cc-consent__icon:before,.cc-consent__icon:after{content:"";position:absolute}.cc-consent__icon--essential:before{border:.22rem solid var(--green);border-top:0;border-left:0;width:.6rem;height:1.15rem;top:.52rem;left:.95rem;transform:rotate(45deg)}.cc-consent__icon--analytics:before{background:linear-gradient(var(--blue),var(--blue)) .2rem 1.25rem/.34rem .72rem,linear-gradient(var(--copper),var(--copper)) .92rem .82rem/.34rem 1.15rem,linear-gradient(var(--green),var(--green)) 1.64rem .45rem/.34rem 1.52rem;background-repeat:no-repeat;inset:.28rem .28rem .42rem}.cc-consent__icon--personalization:before{background:var(--copper);width:1.35rem;height:.28rem;top:.72rem;left:.55rem;transform:rotate(-20deg)}.cc-consent__icon--personalization:after{border:.18rem solid var(--green);width:.82rem;height:.82rem;top:1.18rem;left:.78rem;transform:rotate(45deg)}.cc-consent__icon--advertising:before{border:.2rem solid var(--copper);border-radius:999px;width:1.28rem;height:1.28rem;top:.52rem;left:.52rem}.cc-consent__icon--advertising:after{background:var(--green);border-radius:999px;width:.42rem;height:.42rem;top:1.08rem;left:1.08rem}.cc-consent__switch{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;place-items:end;gap:.28rem;font-size:.64rem;font-weight:900;line-height:1;display:grid}.cc-consent__switch input{appearance:none;cursor:pointer;background:#23130e29;border:1px solid #23130e3d;border-radius:999px;width:3rem;height:1.55rem;margin:0;transition:background .18s,border-color .18s;position:relative}.cc-consent__switch input:before{background:var(--white);content:"";border-radius:999px;width:1.08rem;height:1.08rem;transition:transform .18s;position:absolute;top:.18rem;left:.18rem;box-shadow:0 .16rem .5rem #11100e2e}.cc-consent__switch input:checked{background:var(--green);border-color:var(--green)}.cc-consent__switch input:checked:before{transform:translate(1.42rem)}.cc-consent__switch input:disabled{cursor:not-allowed;opacity:.62}.cc-consent__panel-actions{border-top:1px solid #23130e24;margin-top:1rem;padding-top:1rem}.cc-consent__panel-actions a{color:var(--green);text-underline-offset:.16em;margin-right:0;font-size:.78rem;font-weight:900;text-decoration:underline 1px}.cc-consent__panel-actions a+a{margin-left:.75rem;margin-right:0}.cc-consent__panel-actions a:nth-of-type(2){margin-right:auto}@media (width<=980px){.site-footer__navs,.site-footer__legal{justify-items:start}.site-footer__legal{justify-content:start}.cc-consent__bar{grid-template-columns:auto minmax(0,1fr)}.cc-consent__actions{grid-column:1/-1;justify-content:start;min-width:0}}@media (width<=640px){.cc-consent__bar,.cc-consent__panel{width:auto;bottom:.7rem;left:.7rem;right:.7rem}.cc-consent__bar{grid-template-columns:1fr}.cc-consent__mark{display:none}.cc-consent__choice{grid-template-columns:auto minmax(0,1fr);align-items:start}.cc-consent__switch{grid-column:1/-1;justify-items:start}.cc-consent__panel-head,.cc-consent__panel-actions{flex-direction:column;align-items:stretch}.cc-consent__panel-actions a,.cc-consent__panel-actions a+a{margin-left:0;margin-right:0}}.back-to-top{--back-to-top-remaining:100;appearance:none;bottom:var(--back-to-top-bottom,max(1.125rem, env(safe-area-inset-bottom)));color:#fff4db;cursor:pointer;opacity:0;pointer-events:none;min-width:56px;height:4rem;min-height:56px;right:max(1.125rem,env(safe-area-inset-right));touch-action:manipulation;visibility:hidden;z-index:34;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 30% 15%,#365c49,#18392d 58%,#10271f);border:1px solid #a78153;border-radius:50%;justify-content:center;align-items:center;width:4rem;padding:0;transition:opacity .18s,transform .18s,box-shadow .18s;display:inline-flex;position:fixed;transform:translateY(10px);box-shadow:inset 0 1px 1px #fff7dc33,0 5px 18px #17251c38,0 2px 4px #17251c26}.back-to-top.is-visible{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.back-to-top__progress{fill:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.back-to-top__track{stroke:#efd1a333;stroke-width:1.5px}.back-to-top__fill{stroke:#edbb79;stroke-dasharray:100;stroke-dashoffset:var(--back-to-top-remaining);stroke-linecap:round;stroke-width:2.5px}.back-to-top__cup{pointer-events:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:2.5rem;height:2.7rem;overflow:visible}.back-to-top__bowl{fill:#fff4db}.back-to-top__coffee{stroke:#855832;stroke-width:2px}.back-to-top__steam{stroke:#edbb79;stroke-width:2.2px}.back-to-top__steam-side{opacity:.55;stroke-width:1.4px}.back-to-top__text{color:#fff4db;font:600 .8rem/1.2 var(--sans);opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap;background:#18392d;border:1px solid #a78153;border-radius:999px;padding:.65rem .85rem;transition:opacity .16s,transform .16s;position:absolute;right:calc(100% + .6rem);transform:translate(5px);box-shadow:0 3px 12px #17251c24}.back-to-top:focus-visible{outline-offset:3px;outline:3px solid #fff4db;box-shadow:0 0 0 7px #18392d,0 5px 18px #17251c38}.back-to-top:focus-visible .back-to-top__text{opacity:1;visibility:visible;transform:translate(0)}@media (hover:hover) and (pointer:fine){.back-to-top:hover{transform:translateY(-3px);box-shadow:inset 0 1px 1px #fff7dc44,0 8px 24px #17251c42,0 2px 5px #17251c24}.back-to-top:hover .back-to-top__text{opacity:1;visibility:visible;transform:translate(0)}}@media (prefers-reduced-motion:no-preference){.back-to-top:hover .back-to-top__steam,.back-to-top:focus-visible .back-to-top__steam{animation:1.6s ease-in-out infinite coffee-top-steam}@keyframes coffee-top-steam{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}}@media (width<=640px){.back-to-top{height:3.5rem;right:max(.875rem,env(safe-area-inset-right));width:3.5rem}.back-to-top__cup{width:2.2rem;height:2.4rem}}@media (prefers-reduced-motion:reduce){.back-to-top,.back-to-top__text{transition:none}.back-to-top,.back-to-top:hover,.back-to-top__text{transform:none}}@media (forced-colors:active){.back-to-top{color:buttontext;background:buttonface;border:2px solid buttontext}.back-to-top__bowl{fill:buttonface}.back-to-top__coffee,.back-to-top__steam,.back-to-top__fill{stroke:buttontext}.back-to-top:focus-visible{outline-color:highlight}.back-to-top__text{color:canvastext;background:canvas;border-color:canvastext}}a.is-affiliate-paused{cursor:not-allowed;opacity:.56;pointer-events:none}@media (prefers-reduced-motion:no-preference){@keyframes gearSteam{0%{opacity:0;transform:translateY(1.2rem) translate(0) scaleY(.8) rotate(0)}35%{opacity:.5}to{opacity:0;transform:translateY(-1.8rem) translate(.65rem) scaleY(1.15) rotate(8deg)}}@keyframes gearBeanFloat{0%,to{transform:translateY(0) rotate(var(--bean-rotate,0deg))}50%{transform:translateY(-.75rem) rotate(calc(var(--bean-rotate,0deg) + 24deg))}}@keyframes gearDrip{0%{opacity:0;transform:translateY(-.75rem) scaleY(.5)}25%{opacity:.8}to{opacity:0;transform:translateY(2.8rem) scaleY(1.3)}}@keyframes gearBrewLine{0%,to{opacity:.35;transform:scaleX(.72)}50%{opacity:.9;transform:scaleX(1)}}@keyframes gearMachineHum{0%,to{transform:translateY(0)}50%{transform:translateY(-.28rem)}}@keyframes gearBrewPulse{0%{opacity:0;transform:translate(-18%) scale(.92)}28%{opacity:.9}to{opacity:0;transform:translate(18%) scale(1.08)}}@keyframes gearGuideReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}@keyframes facts-orbit{to{transform:rotate(360deg)}}@keyframes review-final-scan{to{transform:translate(12%)}}@keyframes app-phone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.72rem)}}@keyframes app-meter-sweep{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.tools-page{padding-top:clamp(.65rem,1.5vw,1.25rem)}html.is-search-open{overflow:hidden}.site-header__inner{grid-template-columns:minmax(11rem,18rem) minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;max-width:none;min-height:5rem;margin:0;padding:.85rem clamp(1rem,4vw,3.75rem);display:grid}.site-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1rem,2.25vw,2.25rem);display:flex}.site-nav a{color:#fff9efe6;letter-spacing:.04em;opacity:1;text-transform:uppercase;padding:.48rem 0;font-size:.72rem;font-weight:900;line-height:1;transition:color .18s,opacity .18s;position:relative}.site-nav a:after{background:var(--copper);content:"";opacity:0;transform-origin:0;width:100%;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:0;left:0;transform:scaleX(.3)}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.is-active,.site-nav a[aria-current=page]{color:var(--copper)}.site-nav a:hover:after,.site-nav a:focus-visible:after,.site-nav a.is-active:after,.site-nav a[aria-current=page]:after{opacity:1;transform:scaleX(1)}.mobile-menu__panel a.is-active,.mobile-menu__panel a[aria-current=page]{border-bottom-color:var(--copper);color:var(--copper)}.site-header__actions{justify-content:end;align-items:center;gap:.75rem;margin-left:0;display:flex}.site-search{color:inherit;display:inline-flex}.site-search__trigger{color:#fff9efe6;cursor:pointer;background:0 0;border:1px solid #fff9efb8;flex:none;place-items:center;width:2.5rem;height:2.5rem;padding:0;transition:background .18s,border-color .18s,color .18s,transform .18s;display:grid}.site-search__trigger:hover,.site-search__trigger:focus-visible{border-color:var(--copper);color:var(--white);background:#c47a3a29;transform:translateY(-1px)}.site-search__trigger span{border:2px solid;border-radius:999px;width:.82rem;height:.82rem;display:block;position:relative}.site-search__trigger span:after{content:"";transform-origin:50%;background:currentColor;width:2px;height:.42rem;position:absolute;top:.62rem;left:.63rem;transform:rotate(-45deg)}.site-search__overlay{z-index:1200;place-items:start center;padding:clamp(4.75rem,8vh,7rem) 1rem 1rem;display:grid;position:fixed;inset:0}.site-search__backdrop{cursor:pointer;background:radial-gradient(circle at 48%0,#c47a3a3b,#0000 26rem),#030303c7;border:0;padding:0;position:absolute;inset:0}@supports (backdrop-filter:blur(1rem)){.site-search__backdrop{backdrop-filter:blur(1rem)}}.site-search__panel{background:linear-gradient(135deg,#fffaf2fa,#f1e8dcf5),var(--paper);color:var(--ink);border:1px solid #fffaf299;width:min(46rem,100vw - 2rem);max-height:min(42rem,100svh - 6rem);padding:clamp(1rem,3vw,1.65rem);position:relative;overflow:auto;box-shadow:0 2rem 6rem #0000005c}.site-search__panel:before{background:linear-gradient(90deg,var(--copper),var(--green)),var(--copper);content:"";height:.18rem;position:absolute;top:0;left:0;right:0}.site-search__head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.site-search__title{font-family:var(--serif);max-width:28rem;margin:0 0 1rem;font-size:clamp(1.9rem,4vw,3rem);line-height:.95}.site-search__close{color:var(--white);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#080a0b;border:1px solid #080a0b;padding:.72rem .85rem;font-size:.68rem;font-weight:900}.site-search__field{background:#ffffff94;border:1px solid #11100e24;gap:.45rem;padding:.85rem 1rem;display:grid}.site-search__field span{color:var(--copper);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900}.site-search__field input{color:var(--ink);font:850 clamp(1.1rem,3vw,1.55rem)/1.2 var(--sans);background:0 0;border:0;outline:0;width:100%;padding:.1rem 0}.site-search__field input::placeholder{color:#11100e6b}.site-search__chips{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 .9rem;display:flex}.site-search__chips button{color:var(--ink);cursor:pointer;text-transform:capitalize;background:#11100e0d;border:1px solid #11100e24;padding:.55rem .72rem;font-size:.72rem;font-weight:850}.site-search__chips button:hover,.site-search__chips button:focus-visible{background:var(--green);border-color:var(--green);color:var(--white)}.site-search__count{color:var(--muted);margin:0 0 .65rem;font-size:.82rem;font-weight:800;line-height:1.35}.site-search__results{gap:.5rem;display:grid}.site-search__result{color:var(--ink);letter-spacing:0;text-transform:none;background:#fffaf2a3;border:1px solid #11100e1f;gap:.28rem;padding:.78rem .85rem;font-size:1rem;font-weight:400;transition:background .18s,border-color .18s,transform .18s;display:grid}.site-search__result:hover,.site-search__result:focus-visible{color:var(--white);background:#080a0b;border-color:#080a0b;transform:translate(.18rem)}.site-search__result span{color:var(--copper);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem;font-weight:900}.site-search__result strong{font-family:var(--serif);font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:600;line-height:1.05}.site-search__result small{color:inherit;opacity:.72;font-size:.8rem;line-height:1.35}.site-search__empty{color:var(--muted);border:1px dashed #11100e38;margin:0;padding:1rem}.site-search__all{color:var(--green);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin-top:1rem;font-size:.78rem;font-weight:900;display:inline-flex}.site-search__all:after{content:"->"}@media (width<=1100px){.site-header__inner{grid-template-columns:minmax(10rem,1fr) auto}.site-nav{display:none}}@media (width<=640px){.site-header__inner{min-height:4.4rem;padding-left:1rem;padding-right:1rem}.site-search__trigger,.mobile-menu summary{width:2.35rem;height:2.35rem}.site-search__overlay{padding-top:4.6rem}.site-search__panel{max-height:calc(100svh - 5.2rem)}.site-search__head{align-items:stretch;display:grid}.site-search__close{justify-self:start}}@keyframes affiliateRedirectCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.site-header{transition:backdrop-filter .18s,background .18s,border-color .18s,box-shadow .18s}.site-header.is-scrolled{backdrop-filter:blur(18px);background:radial-gradient(circle at 18% -25%,#c47a3a26,#0000 20rem),linear-gradient(#080a0bf5,#080a0be6);border-bottom-color:#fff9ef2e;box-shadow:0 16px 38px #00000038}.site-header__actions .mobile-menu{display:block}.mobile-menu{z-index:1300}.mobile-menu summary{z-index:2;position:relative}.mobile-menu[open] summary{color:var(--copper)}body:has(.site-header .mobile-menu[open]) .site-header{z-index:1700}.mobile-menu__panel{z-index:1400;border:1px solid #fff9ef2e;align-content:start;gap:.9rem;width:min(92vw,28rem);min-width:0;max-height:min(100svh - 5.4rem,42rem);padding:1rem;display:grid;position:fixed;top:4.45rem;right:clamp(.85rem,4vw,3.75rem);overflow-y:auto;box-shadow:0 26px 70px #05040357}.mobile-menu--light .mobile-menu__panel{color:var(--white);background:radial-gradient(circle at 88% 8%,#c47a3a33,#0000 12rem),linear-gradient(150deg,#0e0c0afa,#091612f7)}.mobile-menu__masthead{opacity:.9;border-bottom:1px solid;gap:.18rem;padding:0 0 .85rem;display:grid}.mobile-menu__masthead strong{font-family:var(--serif);font-size:1.6rem;font-weight:500;line-height:1}.mobile-menu__masthead span,.mobile-menu__share small{opacity:.68;font-size:.72rem;line-height:1.45}.mobile-menu__section{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;display:grid}.mobile-menu__section>span{color:var(--copper);letter-spacing:.13em;text-transform:uppercase;grid-column:1/-1;font-size:.62rem;font-weight:950}.mobile-menu__section a,.mobile-menu__section button,.mobile-menu__share button{color:inherit;cursor:pointer;font:900 .78rem/1.1 var(--sans);letter-spacing:.04em;text-align:left;text-transform:uppercase;background:#fffaf214;border:1px solid #fff9ef24;justify-content:space-between;align-items:center;min-height:2.85rem;padding:.78rem .85rem;transition:background .16s,border-color .16s,color .16s,transform .16s;display:flex}.mobile-menu__section a:after,.mobile-menu__section button:after,.mobile-menu__share button:after{content:"->";opacity:.55;font-weight:900}.mobile-menu__section a:hover,.mobile-menu__section a:focus-visible,.mobile-menu__section button:hover,.mobile-menu__section button:focus-visible,.mobile-menu__share button:hover,.mobile-menu__share button:focus-visible,.mobile-menu__section a.is-active,.mobile-menu__section a[aria-current=page]{background:var(--copper);border-color:var(--copper);color:#fffaf2;outline:0;transform:translateY(-1px)}.mobile-menu__section--legal a,.mobile-menu__section--legal button{min-height:2.45rem;padding:.68rem .72rem;font-size:.68rem}.mobile-menu__share{background:#2e6f5e29;border:1px solid #2e6f5e3d;gap:.55rem;padding:.8rem;display:grid}.mobile-menu__share button{background:var(--green);border-color:var(--green);color:var(--white);justify-content:space-between}.mobile-menu__share small{display:block}@media (width<=520px){.mobile-menu__panel{width:auto;max-height:calc(100svh - 5.25rem);left:.75rem;right:.75rem}.mobile-menu__section{grid-template-columns:1fr}}@media (width<=760px){.site-header__inner{grid-template-columns:minmax(0,1fr) auto;position:relative;overflow:visible}.site-header__actions{z-index:3;flex:none;grid-column:2;justify-self:end;gap:.45rem;min-width:max-content;margin-left:0;display:flex;position:relative}.site-header__actions .site-search,.site-header__actions .mobile-menu{display:inline-flex}.site-header__actions .mobile-menu summary{display:grid}.site-header .site-header__actions{position:absolute;top:0;bottom:0;right:.95rem;transform:none;display:flex!important}.site-header .logo__image{max-width:min(49vw,11.25rem)}}@keyframes articleStepRise{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@keyframes articleProcessSheen{0%,58%{left:-45%}76%,to{left:115%}}.duel-proofbar{background:linear-gradient(180deg,#fffaf2fa,#f1e8dcfa),var(--paper);color:var(--ink);grid-template-columns:minmax(10.5rem,.78fr) repeat(5,minmax(10.25rem,1fr));align-items:stretch;gap:1px;max-width:100%;margin:0 auto;padding:.85rem clamp(1rem,2vw,2rem)0;display:grid;overflow-x:auto}.duel-proofbar article{text-align:center;border-left:1px solid #11100e1a;place-items:center;gap:.52rem;min-height:9rem;padding:.95rem .82rem;display:grid}.duel-proofbar article:last-child{border-right:1px solid #11100e1a}.duel-proofbar img{object-fit:contain;width:2.15rem;height:2.15rem}.duel-proofbar strong{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900;line-height:1}.duel-proofbar span{color:var(--muted);letter-spacing:0;text-transform:none;font-size:.76rem;font-weight:850;line-height:1.35}.duel-proofbar__best{color:var(--white);isolation:isolate;background:linear-gradient(#120d09fa,#140d08f0);position:relative;overflow:hidden;border-left:0!important}.duel-proofbar__best:before{content:"";background:radial-gradient(circle,#d86b2a29,#0000 64%);width:3.2rem;height:3.2rem;display:block}.duel-proofbar__best[data-background-ready]:before{background:radial-gradient(circle,#d86b2a29,#0000 64%),url(/assets/responsive/cda1a1291a54322db251-320.webp)50%/2.8rem 2.8rem no-repeat}.duel-proofbar__best:after{content:"";pointer-events:none;z-index:-1;border:1px solid #fffaf242;position:absolute;inset:.5rem}.duel-proofbar__best strong{color:var(--white);font-family:var(--serif);letter-spacing:0;text-transform:none;font-size:1.45rem;font-weight:500;line-height:1}.duel-proofbar__best em{background:#d86b2a;width:2.25rem;height:1px;display:block}.duel-proofbar__best span{color:#fffaf2ad;max-width:10.5rem}.duel-proofbar dl{gap:0;width:100%;margin:0;display:grid}.duel-proofbar dl div{border-top:1px solid #11100e1a;grid-template-columns:minmax(4.9rem,auto) minmax(0,1fr);align-items:center;gap:.55rem;min-height:2.28rem;padding:.28rem 0;display:grid}.duel-proofbar dt{color:var(--copper);letter-spacing:.09em;text-transform:uppercase;border:1px solid #11100e33;padding:.25rem .32rem;font-size:.56rem;font-weight:950}.duel-proofbar dd{color:#11100ead;text-align:left;margin:0;font-size:.72rem;font-weight:760;line-height:1.25}@keyframes duelSteamRise{0%,to{opacity:.08;transform:translateY(0) rotate(-12deg)}50%{opacity:.28;transform:translateY(-1.2rem) rotate(10deg)}}@keyframes duelFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-.55rem)}}@media (width<=900px){.duel-proofbar{grid-template-columns:minmax(8.75rem,.75fr) repeat(5,minmax(11.5rem,1fr))}}@media (width<=640px){.duel-proofbar{grid-template-columns:minmax(8.75rem,.75fr) repeat(5,minmax(11rem,1fr));padding-left:.75rem;padding-right:.75rem}.duel-proofbar article{min-height:7.6rem}}@keyframes mushroomSteam{0%,35%{opacity:0;transform:translate(0) skew(-18deg)}55%{opacity:1}to{opacity:0;transform:translate(470%) skew(-18deg)}}@media (width>=981px){.cc-consent__actions{min-width:18rem}}}figcaption[data-ai-caption]{letter-spacing:.02em;font-size:.75rem;line-height:1.4;text-transform:none!important}:is(.facts-atlas-panel__media,.brand-hero__image,.home-facts-teaser>figure,.facts-atlas-preview>figure):has(>figcaption[data-ai-caption]){position:relative}:is(.facts-atlas-panel__media,.brand-hero__image,.home-facts-teaser>figure,.facts-atlas-preview>figure)>figcaption[data-ai-caption]{color:#fffaf2;z-index:2;background:#11100eeb;border:1px solid #fffaf233;border-radius:.3rem;max-width:calc(100% - 1.5rem);margin:0;padding:.35rem .6rem;position:absolute;bottom:.75rem;left:.75rem;right:auto}:root{--cc-header-height:4.5rem;--cc-title-size:clamp(2.125rem, 1.625rem + 2vw, 3.5rem);--cc-section-title-size:clamp(1.6rem, 1.3rem + .9vw, 2.25rem);--cc-card-title-size:clamp(1.2rem, 1.1rem + .35vw, 1.5rem);--type-h1:var(--cc-title-size);--type-h2:var(--cc-section-title-size);--type-h3:var(--cc-card-title-size);--type-hero:var(--cc-title-size)}html{scroll-padding-top:calc(var(--cc-header-height) + 1rem)}.ratio-note p{font-size:.9375rem;line-height:1.6}main h1{font-family:var(--serif);font-size:var(--cc-title-size);letter-spacing:-.025em;overflow-wrap:break-word;text-transform:none;text-wrap:balance;word-break:normal;max-width:min(100%,24ch);margin:0 0 1.25rem;font-weight:600;line-height:1.12}main h2{font-family:var(--serif);font-size:var(--cc-section-title-size);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.2}main h3{font-size:var(--cc-card-title-size);letter-spacing:-.01em;line-height:1.3}main :is(h1,h2,h3) :is(span,em,i,strong){font-size:inherit;line-height:inherit;letter-spacing:inherit}.site-header{-webkit-backdrop-filter:none;background:var(--ink);box-shadow:none;color:var(--white);z-index:1500;border-bottom:1px solid #fffaf229;width:100%;margin:0;position:sticky;top:0}.site-header__inner{height:var(--cc-header-height);max-width:var(--cc-page-max);min-height:var(--cc-header-height);padding:0 var(--cc-gutter);justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;display:flex;position:relative}.site-header .logo{flex:none}.site-header .logo__image{width:13.5rem;max-width:none;height:auto}.site-header .site-nav{flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(1rem,1.6vw,1.75rem);margin:0 auto;display:flex;position:static;transform:none}.site-header .site-nav a{color:var(--white);font:750 .78rem/1.4 var(--sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:.6rem 0}.site-header .site-nav a:is(:hover,[aria-current=page]){color:#df9a73}.site-header .site-header__actions{border-left:1px solid #fffaf233;flex:none;grid-column:auto;align-items:center;gap:.25rem;min-height:2.75rem;margin:0;padding-left:.65rem;display:flex;position:static;inset:auto;transform:none}.site-header .mobile-menu{display:block}.site-header :is(.site-search__trigger,.mobile-menu summary){color:var(--white);background:0 0;border:0;place-items:center;width:2.75rem;height:2.75rem;display:grid}.site-header :is(a,button,summary):focus-visible,.site-footer :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #df9a73}.site-header .mobile-menu__panel{max-height:calc(100svh - var(--cc-header-height) - 1rem);top:calc(var(--cc-header-height) + .5rem)}.cc-consent{z-index:2000}main :is(.jump,.gear-guide-nav,.article-feature-nav,.duel-section-nav){top:var(--cc-header-height)}.site-footer{background:var(--ink);color:var(--white);font-family:var(--sans);border-top:1px solid #fffaf229;margin:0}.site-footer__inner{max-width:var(--cc-page-max);padding:3.5rem var(--cc-gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;margin:0 auto;display:grid}.site-footer .logo__image{width:15rem;max-width:100%;height:auto}.site-footer p{max-width:34rem;font-size:.95rem;line-height:1.65}.site-footer__navs{align-content:start;justify-items:end;gap:1.4rem}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:.85rem 1.25rem;display:flex}.site-footer nav a{font-size:.85rem;line-height:1.5}.site-footer__legal :is(a,button){font:600 .8rem/1.5 var(--sans)}@media (width<=1100px){.site-header .site-nav{display:none}.site-header .site-header__actions{margin-left:auto}}@media (width<=760px){:root{--cc-header-height:4.25rem}.site-header__inner{gap:.5rem}.site-header .logo__image{width:min(46vw,11.75rem)}.site-header .site-header__actions{padding-left:.4rem}.site-footer__inner{grid-template-columns:1fr;gap:2rem;padding-top:2.5rem;padding-bottom:2.5rem}.site-footer__navs{justify-items:start}.site-footer nav{justify-content:flex-start}}.tool-field [data-number-error]{color:#ffb4a8;grid-column:1/-1;font-size:.8rem;line-height:1.4}.tool-field input[aria-invalid=true]{outline-offset:2px;outline:2px solid #ffb4a8}main :is(p,li,dd,dt,figcaption) a[href]:not(.button):not([role=button]):is(:hover,:focus-visible){text-underline-offset:.18em;text-decoration-line:underline;text-decoration-thickness:2px}.skip-link{z-index:2200}.site-footer nav :is(a,button){align-items:center;min-height:24px;padding-block:3px;display:inline-flex}:root{--cc-accent-on-dark:#ffc18d;--cc-accent-on-light:#873b1f;--cc-muted-on-light:#61564c;--cc-muted-on-dark:#e4d6c7}:is(.home-cover__copy,.article-feature-hero__copy,.authority-sources__head,.review-final__copy,.review-owner-feedback__lead,.gear-guide-next,.brand-hero__copy,.reviews-desk-hero__content,.facts-atlas-panel__copy,.ratio-readout__hero,.finder-steps,.tool-page-hero__copy,.hybrid-hero__copy,.hybrid-reality,.luxe-duel .hero-copy)>.eyebrow,.ratio-readout__hero>div>.eyebrow{color:var(--cc-accent-on-dark)}.ratio-result-grid em{color:var(--cc-muted-on-dark)}:is(.home-gear__intro,.home-tools-lab__head,.home-facts-teaser__copy,.gear-hero__copy,.gear-section-head--dark,.magazine-cover-hero__story,.review-verdict__lead,.app-launch-hero__copy)>.eyebrow{color:var(--cc-accent-on-dark)}.tool-workbench__head .eyebrow,.tool-seo__intro .eyebrow{color:var(--cc-accent-on-light)}.ratio-note p{color:#352f29}.tool-seo__intro p,.tool-seo__intro p a{color:var(--cc-muted-on-light)}.site-footer :is(a,button):is(:hover,:focus-visible){color:#fff9ef}.mobile-menu__section>span,.site-search__result:is(:hover,:focus-visible)>span{color:var(--cc-accent-on-dark)}.button:focus-visible{outline-offset:3px;outline:3px solid #fff9ef;box-shadow:0 0 0 7px #11110f}.button:after{white-space:nowrap;flex:none}.site-footer a:not(.logo):hover,.site-footer button:hover{text-underline-offset:.2em;text-decoration-line:underline;text-decoration-thickness:2px}@media (width<=640px){.site-search__all{align-items:center;min-height:44px;display:inline-flex}}img[data-verified-product-photo]{filter:none!important;transform:none!important}.tools-page.tools-design{--tool-ink:#241c16;--tool-muted:#5c544b;--tool-green:#245b49;--tool-line:#d9cdbb;box-sizing:border-box;max-width:74rem;color:var(--tool-ink);padding:2.5rem 2rem 4rem}.tools-design *,.tools-design :before,.tools-design :after{box-sizing:border-box}.tools-design :is(a,button,input,select,summary):focus-visible{outline-offset:4px;outline:3px solid #286a96}.tools-page.tools-design .eyebrow{color:var(--tool-green);letter-spacing:.1em;font-size:.72rem;font-weight:750;line-height:1.5}.tools-page.tools-design :is(.tools-hub__lead,.finder-steps) .eyebrow{color:var(--tool-green)}.tools-design .tool-page-hero{border:0;border-bottom:1px solid var(--tool-line);min-height:0;color:var(--tool-ink);background:0 0;margin:0 0 2rem;padding:0 0 1.75rem;display:block;overflow:visible}.tools-design .tool-page-hero:before{content:none}.tools-design .tool-page-hero__copy{max-width:59rem}.tools-design .tool-back{letter-spacing:0;text-transform:none;color:var(--tool-green);text-underline-offset:.2em;align-items:center;gap:.5rem;margin:0 0 1.4rem;padding:.35rem 0;font-size:.82rem;font-weight:650;line-height:1.4;text-decoration:underline;display:inline-flex}.tools-design .tool-back .tool-icon{border:0;width:1rem;height:1rem}.tools-page.tools-design .tool-page-hero .eyebrow{color:var(--tool-green);margin:0 0 .55rem}.tools-design .tool-page-hero h1{color:var(--tool-ink);font:600 clamp(2rem,3.5vw,3.1rem)/1.12 var(--serif);letter-spacing:-.025em;text-wrap:balance;max-width:25ch;margin:0 0 1rem}.tools-design .tool-page-hero__copy>p:not(.eyebrow){max-width:66ch;color:var(--tool-muted);margin:0;font-size:1rem;line-height:1.65}.tools-design .tool-page-hero__badges{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;display:flex}.tools-design .tool-page-hero__badges>span{color:#27533f;letter-spacing:0;text-transform:none;background:#e8eee7;border:0;border-radius:.3rem;align-items:center;gap:.4rem;min-height:1.9rem;padding:.3rem .6rem;font-size:.75rem;font-weight:600;line-height:1.3;display:inline-flex}.tools-page.tools-design .tool-page-hero__badges .tool-icon,.tools-page.tools-design .tool-back .tool-icon{display:none}.tools-page.tools-design .tool-back:before{content:"←"}.tools-design .tool-seo{gap:1.5rem;margin:3rem auto 0}.tools-design .tool-seo__intro{border-top:1px solid var(--tool-line);border-bottom:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:2rem;padding:1.75rem 0 0}.tools-design .tool-seo__intro .eyebrow{margin:0 0 .5rem}.tools-design :is(.tool-seo__intro h2,.tool-faq h2,.tool-seo__steps h3){color:var(--tool-ink);font:600 clamp(1.5rem,2.5vw,1.9rem)/1.25 var(--serif);letter-spacing:-.015em}.tools-design .tool-seo__intro p:not(.eyebrow){color:var(--tool-muted);align-self:start;font-size:.97rem;line-height:1.7}.tools-design .tool-seo__intro a{color:var(--tool-green);text-underline-offset:.15em;text-decoration:underline}.tools-design .tool-seo__cards{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.tools-design .tool-seo__cards article{border:1px solid var(--tool-line);background:#fffdf9;border-radius:.6rem;gap:.6rem;min-height:0;padding:1.25rem;animation:none}.tools-design .tool-seo__cards .tool-icon{display:none}.tools-design .tool-seo__cards h3{color:var(--tool-ink);font:650 1rem/1.4 var(--sans);margin:0}.tools-design .tool-seo__cards p{color:var(--tool-muted);font-size:.9rem;line-height:1.65}.tools-design .tool-seo__steps{color:var(--tool-ink);background:#eaf0e8;border-radius:.65rem;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:2rem;padding:1.5rem}.tools-design .tool-seo__steps li{color:#374535;border-color:#cad6c6;gap:.8rem;padding:.85rem 0;font-size:.92rem;line-height:1.65}.tools-design .tool-seo__steps li:first-child{border-top:0;padding-top:0}.tools-design .tool-seo__steps li:before{color:var(--tool-green);font:700 .85rem/1.65 var(--sans)}.tools-design .tool-faq{border:1px solid var(--tool-line);background:#fffdf9;border-radius:.65rem;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:2rem;padding:1.5rem}.tools-design .tool-faq .eyebrow{margin-top:0}.tools-design .tool-faq details{border-color:var(--tool-line);min-width:0;padding:.95rem 0}.tools-design .tool-faq details:first-child{border-top:0}.tools-design .tool-faq summary{min-height:2rem;color:var(--tool-ink);padding:.2rem 1.75rem .2rem 0;font-size:.94rem;font-weight:650;line-height:1.5;position:relative}.tools-design .tool-faq summary:after{float:none;color:var(--tool-green);position:absolute;top:.15rem;right:0}.tools-design .tool-faq p{color:var(--tool-muted);font-size:.92rem;line-height:1.7}@media (width<=700px){.tools-page.tools-design{padding:1.5rem 1.125rem 3rem}.tools-design .tool-page-hero{margin-bottom:1.5rem;padding-bottom:1.25rem}.tools-design .tool-back{margin-bottom:1rem}.tools-design .tool-page-hero h1{font-size:clamp(1.9rem,7vw,2.4rem)}.tools-design .tool-seo{margin-top:2.25rem}.tools-design :is(.tool-seo__intro,.tool-seo__steps,.tool-faq){grid-template-columns:1fr;gap:1.1rem}.tools-design .tool-seo__cards{grid-template-columns:1fr}.tools-design :is(.tool-faq,.tool-seo__steps){padding:1.15rem}}