@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-italic-BicUS2cM.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-italic-BfTTTDIL.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-italic-Py8at3oI.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f3eadd;--bg-tint: #ecdfcd;--surface: #fffdf9;--surface-2: #f9f1e6;--ink: #2a1d14;--muted: #786451;--espresso: #3a2416;--espresso-deep: #21130b;--crema: #d8a85e;--gold: #c89351;--accent: #b06a1f;--accent-2: #d99a3e;--accent-text: #8f5416;--accent-soft: #f6e7cf;--accent-ink: #fffaf2;--btn-2: #a0591a;--btn-1: #834710;--good: #2f7d52;--good-soft: #e3f0e7;--bad: #b23b3b;--line: #e8dac6;--line-strong: #ddc9ad;--radius: 18px;--radius-sm: 12px;--radius-lg: 26px;--radius-pill: 999px;--maxw: 760px;--shadow-sm: 0 1px 2px rgba(58, 36, 22, .05), 0 2px 6px rgba(58, 36, 22, .05);--shadow: 0 2px 4px rgba(58, 36, 22, .05), 0 14px 30px -10px rgba(58, 36, 22, .16);--shadow-lg: 0 10px 20px -8px rgba(58, 36, 22, .12), 0 30px 60px -16px rgba(58, 36, 22, .22);--shadow-gold: 0 10px 28px -8px rgba(176, 106, 31, .45);--font-display: "Fraunces Variable", Georgia, "Times New Roman", serif;--font-sans: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 var(--font-sans);font-feature-settings:"cv05" 1,"ss01" 1;letter-spacing:-.005em;background-color:var(--bg);background-image:radial-gradient(1100px 520px at 50% -8%,rgba(216,168,94,.22),transparent 62%),radial-gradient(900px 600px at 110% 0%,rgba(176,106,31,.1),transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-tint) 100%);background-attachment:fixed;background-repeat:no-repeat;padding:env(safe-area-inset-top) 16px calc(env(safe-area-inset-bottom) + 36px);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--espresso-deep)}.app{max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;gap:18px}.app-main{display:flex;flex-direction:column;gap:18px}.app-main:focus{outline:none}.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}.skip-link{position:absolute;left:8px;top:-60px;z-index:100;padding:10px 16px;border-radius:var(--radius-sm);background:var(--surface);color:var(--accent-text);font-weight:700;text-decoration:none;box-shadow:var(--shadow);transition:top .15s var(--ease)}.skip-link:focus{top:8px}.hero{text-align:center;padding:clamp(34px,7vw,60px) 8px 12px}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 15px 7px 13px;margin-bottom:18px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);backdrop-filter:blur(6px);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text)}.hero h1{margin:0 0 14px;font-family:var(--font-display);font-optical-sizing:auto;font-weight:600;font-size:clamp(2.1rem,7vw,3.4rem);line-height:1.04;letter-spacing:-.02em;color:var(--espresso)}.hero h1 em{font-style:italic;font-weight:500;background:linear-gradient(100deg,var(--accent),var(--crema) 70%,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent)}.tagline{margin:0 auto;max-width:46ch;color:var(--muted);font-size:clamp(1rem,2.4vw,1.12rem);line-height:1.55}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(20px,4vw,28px);transition:box-shadow .35s var(--ease),transform .35s var(--ease),border-color .35s var(--ease)}.card h2{display:flex;align-items:center;gap:12px;margin:0 0 6px;font-family:var(--font-display);font-optical-sizing:auto;font-weight:600;font-size:clamp(1.25rem,3.4vw,1.5rem);letter-spacing:-.015em;color:var(--espresso)}.step-num{display:inline-grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;font-family:var(--font-sans);font-size:.95rem;font-weight:700;color:var(--accent-ink);background:linear-gradient(145deg,var(--btn-2),var(--btn-1));box-shadow:0 4px 10px -2px #b06a1f80,inset 0 1px #fff6}.hint{margin:0 0 16px;color:var(--muted);font-size:.92rem;line-height:1.55}.form-phase{display:flex;flex-direction:column;gap:7px;margin-top:8px}.app-main>.form-phase:first-child{margin-top:0}.form-phase-head{display:flex;align-items:center;gap:12px}.form-phase-badge{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:6px 14px 6px 12px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 11%,var(--surface));border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}.form-phase-icon{width:15px;height:15px;display:block;flex-shrink:0}.form-phase-rule{flex:1;height:1px;background:linear-gradient(to right,var(--line-strong),transparent)}.form-phase-note{margin:0 4px;color:var(--muted);font-size:.9rem;line-height:1.5}.hint strong{color:var(--accent-text);font-weight:600}.basket-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px;flex-wrap:wrap}.freq-toggle{display:inline-flex;border-radius:var(--radius-pill);border:1.5px solid var(--line-strong);overflow:hidden;background:var(--surface)}.freq-btn{border:none;background:transparent;padding:7px 15px;font:inherit;font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease);white-space:nowrap}.freq-btn:hover:not([aria-pressed=true]){background:var(--accent-soft);color:var(--accent-text)}.freq-btn[aria-pressed=true]{background:linear-gradient(145deg,var(--btn-2),var(--btn-1));color:var(--accent-ink)}.ghost-btn{background:var(--surface);border:1px solid var(--line-strong);color:var(--accent-text);border-radius:var(--radius-pill);padding:8px 16px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .08s var(--ease),box-shadow .2s var(--ease)}.ghost-btn:hover{background:var(--accent-soft);border-color:var(--accent);box-shadow:var(--shadow-sm)}.ghost-btn:active{transform:scale(.97)}.ghost-btn[aria-pressed=true]{background:linear-gradient(145deg,var(--btn-2),var(--btn-1));color:var(--accent-ink);border-color:transparent;box-shadow:var(--shadow-sm)}.tip-toggle{display:flex;flex-wrap:wrap;gap:8px}.tip-btn{flex:1 1 auto;min-width:64px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:var(--radius-pill);padding:9px 14px;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),transform .08s var(--ease)}.tip-btn:hover:not(.selected){background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.tip-btn:active{transform:scale(.96)}.tip-btn.selected{background:linear-gradient(145deg,var(--btn-2),var(--btn-1));color:var(--accent-ink);border-color:transparent;box-shadow:var(--shadow-sm)}.tip-readout{margin:14px 0 0;color:var(--accent-text);font-size:.9rem;font-weight:600;line-height:1.5}.filter-toggle{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.filter-btn{border:1.5px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:var(--radius-pill);padding:6px 12px;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.filter-btn:hover:not(.selected){background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.filter-btn.selected{background:linear-gradient(145deg,var(--btn-2),var(--btn-1));color:var(--accent-ink);border-color:transparent}.pill-group{display:flex;flex-wrap:wrap;gap:6px}.pill-btn{border:1.5px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:var(--radius-pill);padding:7px 13px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.pill-btn:hover:not(.selected){background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.pill-btn.selected{background:linear-gradient(145deg,var(--btn-2),var(--btn-1));color:var(--accent-ink);border-color:transparent}.habit-cost{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:22px 18px;margin-bottom:18px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--espresso) 0%,var(--espresso-deep) 100%);box-shadow:var(--shadow-lg)}.habit-cost:before{content:"";position:absolute;inset:0;background:radial-gradient(140% 120% at 0% 0%,rgba(216,168,94,.3),transparent 60%);pointer-events:none}.habit-cost>*{position:relative}.habit-cost-label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--crema)}.habit-cost-value{font-family:var(--font-display);font-weight:600;font-size:clamp(2.2rem,9vw,3rem);line-height:1.05;color:var(--surface)}.habit-cost-equiv{font-size:.95rem;font-weight:600;color:var(--accent-2)}.habit-cost-invested{margin-top:4px;font-size:.82rem;color:color-mix(in srgb,var(--surface) 78%,transparent)}.habit-cost-invested:empty,.habit-cost-equiv:empty{display:none}.anatomy{margin-bottom:18px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.anatomy-title{margin:0 0 12px;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--espresso)}.anatomy-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;margin-bottom:10px}.anatomy-row-label{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.anatomy-bar{display:flex;height:22px;border-radius:var(--radius-pill);background:var(--surface-2);overflow:hidden}.anatomy-seg{height:100%;transition:width .5s var(--ease)}.anatomy-seg.seg-drink{background:var(--bad)}.anatomy-seg.seg-tip{background:color-mix(in srgb,var(--bad) 55%,var(--gold))}.anatomy-seg.seg-bean{background:var(--espresso)}.anatomy-seg.seg-milk{background:var(--crema)}.anatomy-seg.seg-sugar{background:var(--accent)}.anatomy-total{font-family:var(--font-display);font-weight:600;font-size:.95rem;min-width:56px;text-align:right}.anatomy-total--shop{color:var(--bad)}.anatomy-total--home{color:var(--good)}.anatomy-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px;font-size:.76rem;color:var(--muted)}.anatomy-legend span{display:inline-flex;align-items:center;gap:5px}.anatomy-legend .dot{width:10px;height:10px;border-radius:3px}.anatomy-legend .dot.seg-drink{background:var(--bad)}.anatomy-legend .dot.seg-tip{background:color-mix(in srgb,var(--bad) 55%,var(--gold))}.anatomy-legend .dot.seg-bean{background:var(--espresso)}.anatomy-legend .dot.seg-milk{background:var(--crema)}.anatomy-legend .dot.seg-sugar{background:var(--accent)}.anatomy-verdict{margin:10px 0 0;font-size:.9rem;font-weight:600;color:var(--good)}.anatomy-verdict:empty{display:none}.machine-compare{margin:4px 0 18px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.machine-compare-title{margin:0 0 2px;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--espresso)}.machine-compare-hint{margin:0 0 12px;font-size:.82rem;color:var(--muted)}.machine-compare-list{display:flex;flex-direction:column;gap:8px}.mc-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .2s var(--ease),background .2s var(--ease)}.mc-row.selected{border-color:var(--accent);background:linear-gradient(160deg,var(--surface),var(--accent-soft))}.mc-pick{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left;background:none;border:none;padding:4px;cursor:pointer;font:inherit}.mc-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700;color:var(--espresso)}.mc-badge{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-ink);background:linear-gradient(145deg,var(--btn-2),var(--btn-1));padding:2px 7px;border-radius:var(--radius-pill)}.mc-meta{font-size:.82rem;color:var(--muted)}.mc-buy{flex-shrink:0;font-size:.82rem;font-weight:700;color:var(--accent-text);text-decoration:none;padding:8px 12px;border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);transition:background .2s var(--ease),border-color .2s var(--ease)}.mc-buy:hover{background:var(--accent-soft);border-color:var(--accent)}.accessory-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.accessory-card{display:flex;flex-direction:column;gap:3px;padding:14px;text-decoration:none;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .2s var(--ease),box-shadow .25s var(--ease),transform .2s var(--ease)}.accessory-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.accessory-img{width:64px;height:64px;border-radius:10px;object-fit:contain;background:var(--surface-2);margin-bottom:6px}.accessory-img-placeholder{width:64px;height:64px;border-radius:10px;background:linear-gradient(135deg,var(--surface-2) 0%,var(--line) 100%);margin-bottom:6px}.accessory-category{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text);font-weight:700}.accessory-name{font-weight:700;font-size:.98rem;color:var(--espresso)}.accessory-price{font-family:var(--font-display);font-weight:600;color:var(--ink)}.accessory-blurb{font-size:.8rem;color:var(--muted);line-height:1.45;margin:2px 0 6px}.accessory-cta{margin-top:auto;font-size:.8rem;font-weight:700;color:var(--accent-text)}.drink-list{display:flex;flex-direction:column}.drink-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 12px;padding:15px 4px;border-top:1px solid var(--line);border-radius:10px;transition:background .2s var(--ease)}.drink-row:first-child{border-top:none}.drink-row:hover{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.drink-name-wrap{display:flex;flex-direction:column;gap:1px}.drink-name{font-weight:600;font-size:1.02rem;color:var(--espresso);line-height:1.3}.drink-shop-price{font-size:.76rem;font-weight:500;color:var(--muted)}.qty{display:inline-flex;flex-direction:column;align-items:center;gap:5px}.qty-label{font-size:.78rem;font-weight:500;color:var(--muted)}.qty input{width:68px}.drink-prices{grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}.drink-prices[hidden]{display:none}.drink-extras{grid-column:1 / -1;display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:.78rem;font-weight:500;color:var(--muted);cursor:pointer}.drink-extras input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.price-field{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:500;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:7px 11px}.price-field input{width:74px}.flavor-list{display:flex;flex-direction:column}.flavor-row{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;row-gap:8px;padding:15px 4px;border-top:1px solid var(--line);border-radius:10px;transition:background .2s var(--ease)}.flavor-row:first-child{border-top:none}.flavor-row:hover{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.flavor-info{grid-column:1;display:flex;flex-direction:column;gap:1px;min-width:0}.flavor-row .qty{grid-column:2}.flavor-name{font-weight:600;font-size:1.02rem;color:var(--espresso);line-height:1.3}.flavor-blurb{font-size:.78rem;color:var(--muted);line-height:1.35}.flavor-foot{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 14px}.flavor-meta{font-size:.8rem;font-weight:600;color:var(--ink)}.flavor-buy{font-size:.8rem;font-weight:700;color:var(--accent-text);text-decoration:none;white-space:nowrap}.flavor-buy:hover{text-decoration:underline}.flavor-readout{margin:12px 0 0;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--accent-text)}.flavor-readout:empty{display:none}input[type=number]{font:inherit;font-weight:600;padding:9px 12px;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface);color:var(--ink);text-align:right;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}input[type=number]:hover{border-color:var(--accent)}input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);outline:none}input[type=number]:focus-visible,select:focus-visible,a:focus-visible,.machine-card:focus-visible,.bean-card:focus-visible,.milk-card:focus-visible,.freq-btn:focus-visible,.tip-btn:focus-visible,.ghost-btn:focus-visible,.cta-btn:focus-visible,.reset-link:focus-visible,.stepper-btn:focus-visible,.onboarding-reopen:focus-visible,.onboarding-close:focus-visible,.skip-link:focus-visible,summary:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}.stepper{display:inline-flex;align-items:stretch}.stepper-btn{width:40px;min-height:40px;display:grid;place-items:center;font-size:1.3rem;font-weight:700;line-height:1;color:var(--accent);background:var(--surface);border:1px solid var(--line-strong);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .15s var(--ease),border-color .15s var(--ease),transform .08s var(--ease)}.stepper-dec{border-radius:11px 0 0 11px}.stepper-inc{border-radius:0 11px 11px 0}.stepper-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.stepper-btn:active{transform:scale(.94)}.stepper-btn:focus-visible{z-index:1}.stepper input[type=number]{width:54px;text-align:center;border-radius:0;border-left:none;border-right:none;padding-left:4px;padding-right:4px;-moz-appearance:textfield;appearance:textfield}.stepper input[type=number]::-webkit-outer-spin-button,.stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-readout{margin-top:4px}.field-readout-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.field-readout-label{font-weight:500;font-size:.94rem}.field-readout-value{font-family:var(--font-display);font-weight:700;color:var(--accent-text);white-space:nowrap}.field-note{margin:5px 0 0;font-size:.78rem;color:var(--muted);line-height:1.45}.field-slider{margin-top:20px}.field-slider-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}.field-slider-head label{font-weight:500;font-size:.94rem}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:6px 0;border-radius:999px;background:var(--line-strong);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 1px 4px #00000040;cursor:pointer}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 1px 4px #00000040;cursor:pointer}input[type=range]:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,white);outline-offset:4px}.field.inline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.field.inline label{font-size:.94rem;font-weight:500}.machine-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px}.machine-card{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;padding:16px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;overflow:hidden;transition:border-color .2s var(--ease),box-shadow .25s var(--ease),transform .2s var(--ease),background .25s var(--ease)}.machine-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.machine-card:active{transform:translateY(-1px) scale(.995)}.machine-card.selected{border-color:var(--accent);background:linear-gradient(160deg,var(--surface),var(--accent-soft));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 26%,transparent),var(--shadow)}.machine-card.selected:after{content:"✓";position:absolute;top:10px;right:10px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:.72rem;font-weight:800;color:var(--accent-ink);background:linear-gradient(145deg,var(--btn-2),var(--btn-1));box-shadow:0 2px 6px -1px #b06a1f99}.machine-img{width:76px;height:76px;border-radius:10px;object-fit:contain;background:var(--surface-2);margin-bottom:6px}.machine-img-placeholder{width:76px;height:76px;border-radius:10px;background:linear-gradient(135deg,var(--surface-2) 0%,var(--line) 100%);margin-bottom:6px;flex-shrink:0}.machine-card.selected .machine-img-placeholder{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface-2)),color-mix(in srgb,var(--accent) 26%,var(--line)))}.machine-badge{display:inline-block;align-self:flex-start;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-ink);background:linear-gradient(145deg,var(--btn-2),var(--btn-1));padding:2px 7px;border-radius:var(--radius-pill);margin-bottom:2px}.machine-tier{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text);font-weight:700}.machine-name{font-weight:700;font-size:1.02rem;color:var(--espresso)}.machine-price{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--espresso)}.machine-blurb{font-size:.82rem;line-height:1.45;color:var(--muted)}details summary{display:flex;align-items:center;gap:12px;cursor:pointer;font-family:var(--font-display);font-weight:600;color:var(--espresso);font-size:clamp(1.25rem,3.4vw,1.5rem);letter-spacing:-.015em;list-style:none}details summary::-webkit-details-marker{display:none}details summary:after{content:"";width:9px;height:9px;margin-left:auto;border-right:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(45deg);transition:transform .25s var(--ease)}details[open] summary:after{transform:rotate(225deg)}.opt{font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--muted);letter-spacing:0}.results{background:radial-gradient(120% 100% at 50% 0%,rgba(216,168,94,.1),transparent 55%),linear-gradient(165deg,var(--surface),var(--surface-2));border-color:var(--line-strong);box-shadow:var(--shadow-lg)}.results h2{justify-content:center;margin-bottom:18px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.result{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.result:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.result.highlight{grid-column:1 / -1;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--espresso) 0%,var(--espresso-deep) 100%);border-color:transparent;box-shadow:var(--shadow-lg)}.result.highlight:before{content:"";position:absolute;inset:0;background:radial-gradient(140% 120% at 100% 0%,rgba(216,168,94,.32),transparent 60%);pointer-events:none}.result.highlight>*{position:relative}.result-label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.result.highlight .result-label{color:var(--crema)}.result-value{font-family:var(--font-display);font-optical-sizing:auto;font-size:clamp(1.5rem,5vw,1.85rem);font-weight:600;letter-spacing:-.02em;color:var(--espresso);font-variant-numeric:tabular-nums}.result.highlight .result-value{font-size:clamp(1.9rem,7vw,2.5rem);color:#fff}.result-sub{font-size:.78rem;color:var(--muted)}.result-context{margin:-6px 0 16px;font-size:.88rem;font-weight:600;color:var(--accent-text)}.result-context:empty{display:none;margin:0}.forecast-slices{margin:0 0 16px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.forecast-title{margin:0 0 10px;font-size:.82rem;font-weight:700;color:var(--muted)}.forecast-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.forecast-item{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.forecast-item-label{font-size:.76rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.forecast-item-value{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--accent-text)}.chart-wrap{margin:8px 0 12px;padding:14px 14px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.chart-head{margin-bottom:12px}.chart-title{margin:0;font-size:.95rem;font-weight:700;color:var(--ink)}.chart-caption{margin:3px 0 0;font-size:.78rem;line-height:1.45;color:var(--muted)}.chart-plot{position:relative}.timeline-svg{display:block;width:100%;height:104px;overflow:visible}.chart-zero-tag,.chart-be-flag{position:absolute;font-size:.64rem;font-weight:700;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}.chart-zero-tag{right:0;transform:translateY(-50%);padding:1px 6px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill)}.chart-be-flag{top:-3px;transform:translate(-50%);padding:2px 8px;color:var(--accent-ink);background:var(--good);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.chart-be-flag:after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:0;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--good)}.chart-labels{display:flex;justify-content:space-between;font-size:.72rem;font-weight:500;color:var(--muted);margin-top:6px}.chart-label-right{font-weight:700;font-variant-numeric:tabular-nums}.chart-zero{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:3 3}.chart-area{opacity:.14}.chart-area--pos{fill:var(--good)}.chart-area--neg{fill:var(--bad)}.chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-line--pos{stroke:var(--good)}.chart-line--neg{stroke:var(--bad)}.chart-be-dot{fill:var(--good);stroke:var(--surface);stroke-width:2.5}.chart-be-line{stroke:var(--good);stroke-width:1.5;stroke-dasharray:2 3;opacity:.55}.cup-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0 24px}.coffee-cup-svg{overflow:visible;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 10px 14px rgba(58,36,22,.18))}.cup-label{margin:0;font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);transition:color .3s var(--ease)}.cup-label--reached{color:var(--good);font-weight:700}.cup-steam{opacity:0;transform-box:fill-box;transform-origin:50% 100%}.coffee-cup--full .cup-steam:nth-child(1){animation:steam-rise 2s 0s ease-in-out infinite}.coffee-cup--full .cup-steam:nth-child(2){animation:steam-rise 2s .65s ease-in-out infinite}.coffee-cup--full .cup-steam:nth-child(3){animation:steam-rise 2s 1.3s ease-in-out infinite}@keyframes steam-rise{0%{opacity:0;transform:translateY(0) scaleX(1)}20%{opacity:.55}to{opacity:0;transform:translateY(-14px) scaleX(1.5)}}.bean-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:10px;margin-top:4px}.bean-card{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px 13px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;overflow:hidden;transition:border-color .2s var(--ease),box-shadow .25s var(--ease),transform .2s var(--ease),background .25s var(--ease)}.bean-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow)}.bean-card:active{transform:translateY(0)}.bean-card.selected{border-color:var(--accent);background:linear-gradient(160deg,var(--surface),var(--accent-soft));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 26%,transparent),var(--shadow)}.bean-card.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:.65rem;font-weight:800;color:var(--accent-ink);background:linear-gradient(145deg,var(--btn-2),var(--btn-1))}.organic-badge{display:inline-block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--good);background:var(--good-soft);border-radius:4px;padding:2px 5px;margin-bottom:1px;align-self:flex-start}.bean-name{font-weight:700;font-size:.88rem;line-height:1.25;color:var(--espresso)}.bean-bag{font-size:.74rem;color:var(--muted);line-height:1.3}.bean-shot{font-family:var(--font-display);font-size:.94rem;font-weight:600;color:var(--accent-text);margin-top:2px}.bean-card--custom{border-style:dashed}.bean-custom{margin-top:14px;padding:14px 16px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--accent-soft)}.bean-custom-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 20px}.bean-custom-fields .field.inline{margin-top:8px}.bean-custom-fields input{max-width:110px}.bean-custom-readout{margin:12px 0 0;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--accent-text)}.milk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px;margin-top:4px}.milk-card{position:relative;display:flex;flex-direction:column;gap:3px;text-align:left;padding:11px 13px 12px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;overflow:hidden;transition:border-color .2s var(--ease),box-shadow .25s var(--ease),transform .2s var(--ease),background .25s var(--ease)}.milk-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow)}.milk-card:active{transform:translateY(0)}.milk-card.selected{border-color:var(--accent);background:linear-gradient(160deg,var(--surface),var(--accent-soft));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 26%,transparent),var(--shadow)}.milk-card.selected:after{content:"✓";position:absolute;top:7px;right:7px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;font-size:.62rem;font-weight:800;color:var(--accent-ink);background:linear-gradient(145deg,var(--btn-2),var(--btn-1))}.milk-name{font-weight:700;font-size:.86rem;line-height:1.25;color:var(--espresso)}.milk-detail{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--accent-text);margin-top:2px}.milk-serving{font-size:.72rem;color:var(--muted)}.milk-custom{margin-top:14px;padding:14px 16px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--accent-soft)}.milk-custom-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px 20px}.milk-custom-fields .field.inline{margin-top:8px}.milk-custom-fields input{max-width:110px}.milk-custom-fields select{font:inherit;padding:6px 8px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:inherit;cursor:pointer}.milk-custom-readout{margin:12px 0 0;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--accent-text)}.cta-btn{position:relative;display:block;text-align:center;text-decoration:none;background:linear-gradient(135deg,var(--btn-2) 0%,var(--btn-1) 100%);color:var(--accent-ink);font-weight:700;font-size:1.05rem;letter-spacing:.01em;padding:17px 22px;border-radius:var(--radius-sm);box-shadow:var(--shadow-gold);overflow:hidden;isolation:isolate;transition:transform .2s var(--ease),box-shadow .25s var(--ease),filter .2s var(--ease)}.cta-btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-120%);transition:transform .7s var(--ease)}.cta-btn:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 14px 34px -8px #b06a1f8c}.cta-btn:hover:before{transform:translate(120%)}.cta-btn:active{transform:translateY(0)}.bean-cta-btn{display:block;text-align:center;text-decoration:none;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--accent-text);font-weight:600;font-size:.95rem;padding:12px 18px;border-radius:var(--radius-sm);margin-top:10px;transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}.bean-cta-btn:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bean-cta-btn:active{transform:translateY(0)}.how-body{margin-top:16px;font-size:.92rem;color:var(--muted);line-height:1.6}.how-body>p{margin:0 0 14px}.formula-list{margin:0 0 14px;display:grid;grid-template-columns:auto 1fr;gap:10px 18px;padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.formula-list dt{font-weight:700;color:var(--espresso);white-space:nowrap}.formula-list dd{margin:0}.how-note{font-size:.82rem;opacity:.85;margin:0}.share-wrap{text-align:center;margin-top:14px}.ghost-btn:disabled{opacity:.6;cursor:default}.reset-link{display:block;margin:12px auto 0;background:none;border:none;padding:0;font:inherit;color:var(--muted);font-size:.78rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s var(--ease)}.reset-link:hover{color:var(--bad)}.disclosure{text-align:center;color:var(--muted);font-size:.82rem;padding:8px 8px 12px}.disclosure p{margin:5px 0}.disclosure .fine{font-size:.76rem;opacity:.85}@media (min-width: 560px){.result-grid{grid-template-columns:repeat(3,1fr)}}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand-mark{flex-shrink:0;width:32px;height:32px;border-radius:10px;filter:drop-shadow(0 3px 8px rgba(176,106,31,.35))}.brand-lockup{display:inline-flex;flex-direction:column;line-height:1}.brand-word{font-family:var(--font-display);font-optical-sizing:auto;font-weight:600;font-size:1.28rem;letter-spacing:-.01em;color:var(--espresso);white-space:nowrap}.brand-diy{background:linear-gradient(100deg,var(--accent),var(--crema) 70%,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent)}.brand-tag{margin-top:3px;font-family:var(--font-sans);font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.brand--nav .brand-word{font-size:1.15rem}.brand--nav .brand-mark{width:30px;height:30px}.brand--hero{gap:14px;margin:0 auto 22px}.brand--hero .brand-mark{width:clamp(46px,11vw,60px);height:clamp(46px,11vw,60px);border-radius:clamp(14px,3.4vw,18px)}.brand--hero .brand-word{font-size:clamp(2rem,7vw,2.9rem)}.brand--hero .brand-tag{font-size:clamp(.62rem,1.8vw,.72rem);margin-top:5px}.site-nav-links{display:flex;gap:8px;flex-wrap:wrap}.site-nav-links a{font-size:.88rem;font-weight:600;color:var(--accent-text);text-decoration:none;padding:6px 12px;border-radius:var(--radius-pill);transition:background .18s var(--ease),color .18s var(--ease)}.site-nav-links a:hover{background:var(--accent-soft)}.site-nav-links a[aria-current=page]{background:linear-gradient(145deg,var(--btn-2),var(--btn-1));color:var(--accent-ink)}.content-page{gap:18px}.article{line-height:1.7}.article h1{font-family:var(--font-display);font-weight:600;font-size:clamp(1.7rem,5vw,2.3rem);line-height:1.15;color:var(--espresso);margin:0 0 12px}.article h2{font-family:var(--font-display);font-weight:600;font-size:1.3rem;color:var(--espresso);margin:26px 0 8px}.article h3{font-size:1.05rem;font-weight:700;color:var(--accent-text);margin:18px 0 6px}.article p{margin:0 0 14px;color:var(--ink)}.article ul{margin:0 0 16px;padding-left:22px}.article li{margin-bottom:6px}.article-lede{font-size:1.08rem;color:var(--muted)}.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:14px}.breadcrumb a{color:var(--accent-text);text-decoration:none}.breadcrumb span[aria-current]{color:var(--ink);font-weight:600}.review-cta{display:inline-block;margin:6px 0 18px;padding:13px 22px;font-weight:700;text-decoration:none;color:var(--accent-ink);background:linear-gradient(145deg,var(--btn-2),var(--btn-1));border-radius:var(--radius-pill);box-shadow:var(--shadow-gold);transition:transform .12s var(--ease),box-shadow .2s var(--ease)}.review-cta:hover{transform:translateY(-2px)}.review-cta--alt{color:var(--accent-text);background:var(--surface);border:1.5px solid var(--accent);box-shadow:var(--shadow-sm)}.compare-table-wrap{overflow-x:auto;margin:0 0 18px}.compare-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:460px}.compare-table th,.compare-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.compare-table thead th{font-family:var(--font-display);color:var(--espresso);border-bottom:2px solid var(--line)}.compare-table tbody th{font-weight:700;color:var(--ink);white-space:nowrap}.compare-table a{color:var(--accent);text-decoration:none}.compare-table .price{font-weight:700;color:var(--espresso);white-space:nowrap}.site-footer{margin-top:8px;padding-top:18px;border-top:1px solid var(--line);text-align:center}.site-footer-cta{display:inline-block;margin-bottom:12px;font-weight:700;color:var(--accent-text);text-decoration:none}.site-footer-disclosure{font-size:.8rem;color:var(--muted);margin:0 0 6px}.site-footer-fine{font-size:.74rem;color:var(--muted);margin:0}.onboarding-reopen{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 16px);transform:translate(-50%);z-index:900;display:inline-flex;align-items:center;gap:7px;padding:11px 20px;border:none;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--btn-2) 0%,var(--btn-1) 100%);color:var(--accent-ink);font:inherit;font-size:.9rem;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:var(--shadow-gold);transition:transform .14s var(--ease),box-shadow .2s var(--ease)}.onboarding-reopen:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 14px 34px -8px #b06a1f8c}.onboarding-reopen:active{transform:translate(-50%) translateY(0)}body.has-sticky-cta .onboarding-reopen{bottom:calc(env(safe-area-inset-bottom) + 82px)}.sticky-cta{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 14px);z-index:950;display:flex;align-items:center;gap:10px;width:min(calc(100% - 24px),480px);padding:12px 12px 12px 16px;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);transform:translate(-50%) translateY(140%);transition:transform .32s var(--ease)}.sticky-cta.sticky-cta--shown{transform:translate(-50%) translateY(0)}.sticky-cta[hidden]{display:none}.sticky-cta-savings{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-weight:600;font-size:.92rem;color:var(--espresso);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-cta-link{flex-shrink:0;text-decoration:none;font-weight:700;font-size:.85rem;color:var(--accent-ink);background:linear-gradient(135deg,var(--btn-2) 0%,var(--btn-1) 100%);padding:9px 14px;border-radius:var(--radius-pill);white-space:nowrap;box-shadow:var(--shadow-gold);transition:transform .18s var(--ease),box-shadow .2s var(--ease)}.sticky-cta-link:hover{transform:translateY(-1px);box-shadow:0 14px 34px -8px #b06a1f8c}.sticky-cta-dismiss{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border:none;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:1.05rem;line-height:1;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease)}.sticky-cta-dismiss:hover{background:var(--line);color:var(--ink)}body.onboarding-open{overflow:hidden}.onboarding-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:clamp(8px,3vw,28px);background:#21130b8c;backdrop-filter:blur(4px);animation:onboarding-fade .25s var(--ease)}.onboarding-overlay[hidden]{display:none}.onboarding-modal{display:flex;flex-direction:column;width:min(620px,100%);max-height:min(92dvh,860px);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:onboarding-pop .32s var(--ease)}.onboarding-head{flex:none;padding:16px clamp(20px,4vw,28px) 12px;border-bottom:1px solid var(--line);background:var(--surface)}.onboarding-progress{height:5px;border-radius:var(--radius-pill);background:var(--surface-2);overflow:hidden}.onboarding-progress-bar{display:block;height:100%;width:12.5%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .35s var(--ease)}.onboarding-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.onboarding-head-text{display:flex;flex-direction:column;gap:2px}.onboarding-group-label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.onboarding-group-label[hidden]{display:none}.onboarding-step-count{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}.onboarding-close{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);font-size:1rem;line-height:1;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.onboarding-close:hover{background:var(--surface-2);color:var(--ink);border-color:var(--line-strong)}.onboarding-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0}.onboarding-body>.card{margin:0;width:100%;border:none;border-radius:0;box-shadow:none;transform:none}.onboarding-body>.results{border:none;border-radius:0;box-shadow:none}.onboarding-body>.card>details>summary{cursor:default}.onboarding-body .flavor-buy{display:none}.onboarding-foot{flex:none;display:flex;align-items:center;gap:12px;padding:14px clamp(20px,4vw,28px);border-top:1px solid var(--line);background:var(--surface)}.onboarding-foot-hint{flex:1 1 auto;text-align:center;font-size:.76rem;color:var(--muted)}.onboarding-back{flex:none}.onboarding-next{flex:none;display:inline-block;width:auto;padding:12px 24px;font-size:.95rem}@keyframes onboarding-fade{0%{opacity:0}to{opacity:1}}@keyframes onboarding-pop{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 520px){.onboarding-modal{max-height:100dvh;height:100dvh;width:100%;border-radius:0;border:none}.onboarding-overlay{padding:0}.onboarding-foot-hint{display:none}.onboarding-next{flex:1 1 auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.hub-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}@media (min-width: 560px){.hub-grid{grid-template-columns:repeat(2,1fr)}}.hub-card{display:flex;flex-direction:column;gap:4px;padding:20px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.hub-card:hover,.hub-card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}.hub-card-emoji{font-size:2rem;line-height:1}.hub-card-name{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.hub-card-tagline{color:var(--muted);font-size:.92rem}.hub-card-cta{margin-top:8px;color:var(--accent-ink);font-weight:600;font-size:.9rem}.legal-disclaimer-short{margin:0 0 4px;padding:10px 14px;color:var(--muted);font-size:.84rem;line-height:1.5;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.safety-note{margin:24px 0 0;padding:10px 14px;color:var(--muted);font-size:.84rem;line-height:1.5;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.safety-note a{color:inherit;white-space:nowrap}.legal-disclaimer{color:var(--muted);font-size:.86rem;line-height:1.6}.legal-disclaimer h2{font-size:1.05rem}.legal-disclaimer p{margin:0 0 12px}.legal-disclaimer p:last-child{margin-bottom:0}.legal-disclaimer strong{color:var(--ink)}.goal-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.goal-chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:var(--radius-pill);padding:9px 16px;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),transform .08s var(--ease)}.goal-chip:hover:not(.selected){background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.goal-chip:active{transform:scale(.96)}.goal-chip.selected{background:linear-gradient(145deg,var(--btn-2),var(--btn-1));color:var(--accent-ink);border-color:transparent;box-shadow:var(--shadow-sm)}.goal-chip:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}.goal-blurb{margin:4px 0 0;color:var(--muted);font-size:.88rem;line-height:1.5}.ors-warning{margin-top:12px;padding:12px 14px;color:#6b4a12;font-size:.86rem;line-height:1.5;font-weight:600;background:#fbeecb;border:1.5px solid #e3b559;border-radius:var(--radius-sm)}@media (prefers-color-scheme: dark){.ors-warning{color:#2a1d02}}.dose-fields{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.dose-field-label{display:block;margin-bottom:6px;font-weight:600;color:var(--ink);font-size:.92rem}.dose-field-unit{color:var(--muted);font-weight:500}.dose-field-controls{display:flex;align-items:center;gap:12px}.dose-field-controls input[type=range]{flex:1 1 auto;accent-color:var(--accent)}.dose-field-controls input[type=number]{width:76px;flex-shrink:0;padding:7px 8px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:.92rem}.dose-field-controls input[type=number]:focus-visible,.dose-field-controls input[type=range]:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}.mix-options{display:grid;grid-template-columns:1fr;gap:12px}.mix-option{display:flex;flex-direction:column;gap:5px;font-size:.88rem;font-weight:600;color:var(--ink)}.mix-option select,.mix-option input[type=number]{padding:9px 10px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:.92rem}.mix-option select:focus-visible,.mix-option input:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}.mix-option--checkbox{flex-direction:row;align-items:center;gap:9px}.mix-option--checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.mix-results{display:flex;flex-direction:column;gap:18px}.recipe-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--line)}.recipe-row:last-child{border-bottom:none}.recipe-row-name{font-weight:600;color:var(--ink)}.recipe-row-amount{color:var(--accent-text);font-weight:600;font-size:.92rem}.recipe-row-tsp{color:var(--muted);font-weight:500}.recipe-row-batch{flex-basis:100%;color:var(--muted);font-size:.84rem}.recipe-note{margin:14px 0 0;color:var(--muted);font-size:.84rem;line-height:1.5}.recipe-empty{color:var(--muted);font-size:.9rem}.shopping-list-subhead{margin:18px 0 4px;font-family:var(--font-display);font-size:1.02rem;font-weight:600;color:var(--espresso)}.shopping-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.shopping-row:last-child{border-bottom:none}.shopping-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.shopping-row-name{font-weight:600;color:var(--ink)}.shopping-row-price{color:var(--muted);font-size:.84rem}.shopping-row-buy{flex-shrink:0;color:var(--accent-text);font-weight:700;font-size:.86rem;text-decoration:none;white-space:nowrap}.shopping-row-buy:hover{text-decoration:underline}.comparison-strip .comparison-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:var(--radius-sm)}.comparison-strip .comparison-row+.comparison-row{margin-top:4px}.comparison-row--mine{background:var(--accent-soft);font-weight:700}.comparison-row--match:not(.comparison-row--mine){background:var(--surface-2)}.comparison-name{color:var(--ink)}.comparison-row--mine .comparison-name{color:var(--accent-text)}.comparison-price{font-variant-numeric:tabular-nums;color:var(--ink)}.comparison-match,.comparison-savings{margin:12px 0 0;font-size:.9rem;line-height:1.5;color:var(--accent-text);font-weight:600}.mix-advanced{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.mix-advanced>summary{cursor:pointer;font-weight:700;color:var(--accent-text);font-size:.9rem}.mix-advanced>summary:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px;border-radius:var(--radius-sm)}.mix-advanced .hint{margin:10px 0 12px}.source-rows{display:flex;flex-direction:column;gap:12px}.source-row{display:grid;grid-template-columns:1fr;gap:8px 12px;padding:10px 0;border-bottom:1px solid var(--line)}.source-row:last-child{border-bottom:none}.source-mineral{font-weight:700;color:var(--ink)}.source-row select,.source-fixed{padding:8px 10px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:.9rem}.source-fixed{color:var(--muted)}.source-field{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--muted)}.source-field input{width:100%;padding:7px 8px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:.9rem}.source-row select:focus-visible,.source-field input:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}.mix-profile{margin:12px 0 0;font-size:.86rem;color:var(--muted);line-height:1.6}.mix-profile b{color:var(--ink);font-variant-numeric:tabular-nums}.cost-comp{margin-top:16px}.cost-comp-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.cost-comp-title{font-weight:700;color:var(--ink);font-size:.92rem}.cost-comp-total{font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums}.cost-comp-bar{display:flex;height:14px;border-radius:var(--radius-pill);overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}.cost-comp-seg{height:100%;transition:width .25s var(--ease)}.cost-comp-seg--mineral{background:var(--accent)}.cost-comp-seg--extra{background:var(--muted)}.cost-comp-seg--flavor{background:#e08a3c}.cost-comp-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.82rem;color:var(--muted)}.cost-comp-key{display:inline-flex;align-items:center;gap:6px}.cost-comp-key b{color:var(--ink)}.cost-comp-cents{color:var(--muted);font-variant-numeric:tabular-nums}.cost-comp-dot{width:9px;height:9px;border-radius:2px;display:inline-block;flex:none}.cost-comp-dot--mineral{background:var(--accent)}.cost-comp-dot--extra{background:var(--muted)}.cost-comp-dot--flavor{background:#e08a3c}@media (min-width: 700px){.dose-fields{grid-template-columns:repeat(2,1fr)}.mix-options{grid-template-columns:repeat(3,1fr)}.source-row{grid-template-columns:1.1fr 1.6fr 1fr 1fr;align-items:center}}.trust-pill{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:9px 18px;border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--line-strong);color:var(--accent-text);font-size:.82rem;font-weight:700;letter-spacing:.01em;text-decoration:none;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.trust-pill:hover,.trust-pill:focus-visible{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--accent)}.trust-strip{margin:0 0 18px;padding:18px clamp(14px,4vw,24px);border:1px solid color-mix(in srgb,var(--good) 30%,var(--line));border-radius:var(--radius-sm);background:linear-gradient(160deg,var(--good-soft),var(--surface) 70%);text-align:center}.trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 10px}.trust-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line-strong);color:var(--espresso);font-size:.78rem;font-weight:700;white-space:nowrap}.trust-promise{margin:0;max-width:62ch;margin-inline:auto;color:var(--muted);font-size:.86rem;line-height:1.55}.trust-link{display:inline-block;margin-left:4px;color:var(--accent-text);font-weight:700;text-decoration:none;white-space:nowrap}.trust-link:hover{text-decoration:underline}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px}.footer-nav a{font-size:.84rem;font-weight:600;color:var(--accent-text);text-decoration:none;padding:6px 12px;border-radius:var(--radius-pill);transition:background .18s var(--ease),color .18s var(--ease)}.footer-nav a:hover{background:var(--accent-soft)}.footer-nav a[aria-current=page]{background:linear-gradient(145deg,var(--btn-2),var(--btn-1));color:var(--accent-ink)}.article ul li strong{color:var(--espresso)}.hero{padding-top:clamp(30px,6vw,52px);padding-bottom:6px}.hero .eyebrow{margin-bottom:20px}.hero h1{margin-bottom:16px}.hero .tagline{margin-bottom:4px}.hub-card-cta{color:var(--accent-text)}.hub-card-teaser{display:inline-flex;align-items:center;margin-top:6px;font-family:var(--font-display);font-size:.86rem;font-weight:600;color:var(--good)}.hub-card-teaser--fallback{font-family:var(--font-sans);color:var(--muted)}.why-drinkiy{padding:clamp(8px,2vw,14px) 4px 4px}.why-drinkiy h2{margin:0 0 16px;text-align:center;font-family:var(--font-display);font-optical-sizing:auto;font-weight:600;font-size:clamp(1.35rem,3.6vw,1.7rem);letter-spacing:-.015em;color:var(--espresso)}.why-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 720px){.why-grid{grid-template-columns:repeat(3,1fr)}}.why-pillar{display:flex;flex-direction:column;gap:6px;padding:clamp(18px,3.4vw,24px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.why-pillar:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.why-icon{font-size:1.6rem;line-height:1;margin-bottom:2px}.why-pillar h3{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--espresso)}.why-pillar p{margin:0;font-size:.9rem;line-height:1.55;color:var(--muted)}.why-pillar a{color:var(--accent-text);font-weight:600;text-decoration:none;white-space:nowrap}.why-pillar a:hover{text-decoration:underline}.notfound-hint{margin:0 0 10px;font-size:.88rem;color:var(--muted)}.notfound-links{display:flex;flex-wrap:wrap;gap:8px}.notfound-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--accent-text);font-size:.86rem;font-weight:600;text-decoration:none;transition:background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease)}.notfound-links a:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-1px)}.trust-line{display:flex;align-items:flex-start;gap:6px;margin:10px 0 0;padding:0 4px;font-size:.78rem;line-height:1.4;color:var(--muted);text-align:center;justify-content:center}.trust-line[hidden]{display:none}.trust-line-icon{flex-shrink:0;width:14px;height:14px;margin-top:1px;color:var(--good)}.trust-line em{font-style:normal;color:var(--accent-text);font-weight:600}.disclosure-badge{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;padding:5px 12px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-size:.78rem}.disclosure-badge .trust-line-icon{width:13px;height:13px;color:var(--good)}.disclosure-badge strong{color:var(--accent-text);font-weight:800}.results-empty{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 18px;padding:14px 18px;border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-text);font-weight:600;font-size:.92rem;text-align:center}.results-empty[hidden]{display:none}.results.is-empty .habit-cost,.results.is-empty .result-grid,.results.is-empty .anatomy,.results.is-empty .chart-wrap,.results.is-empty .cup-wrap,.results.is-empty .machine-compare{opacity:.42;filter:saturate(.55);transition:opacity .3s var(--ease),filter .3s var(--ease)}.habit-cost-value,.anatomy-total,.chart-label-right,.field-readout-value,.mc-meta{font-variant-numeric:tabular-nums}.anatomy-row{grid-template-columns:minmax(58px,auto) 1fr auto;column-gap:10px}.anatomy-row-label{white-space:nowrap;line-height:1.25}.result.highlight .result-label{display:inline-flex;align-items:center;gap:6px}.result.highlight .result-label:before{content:"✓";display:inline-grid;place-items:center;flex-shrink:0;width:15px;height:15px;border-radius:50%;background:var(--crema);color:var(--espresso-deep);font-size:.6rem;font-weight:800}.mc-pick:focus-visible{outline:3px solid var(--accent-text);outline-offset:-2px;border-radius:var(--radius-sm)}.mc-row:hover:not(.selected){border-color:var(--line-strong);background:color-mix(in srgb,var(--surface-2) 55%,transparent)}#share-btn{transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .08s var(--ease),box-shadow .2s var(--ease)}#share-btn.share-btn--success{background:var(--surface);border-color:var(--good);color:var(--good)}#share-btn.share-btn--pop{animation:share-btn-pop .35s var(--ease)}@keyframes share-btn-pop{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}.reset-wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 16px;margin-top:12px}.reset-wrap .reset-link{margin:0}.reset-link--confirm{color:var(--bad);font-weight:700}.reset-link--confirm:hover{color:var(--bad);opacity:.85}.reset-link--cancel:hover{color:var(--ink)}.onboarding-progress{height:6px}.article{line-height:1.75}.article-lede{font-size:1.1rem;line-height:1.65;margin:0 0 6px}.article h2{margin:36px 0 12px;line-height:1.25}.article h2:first-of-type{margin-top:22px}.article h3{margin:22px 0 8px;line-height:1.3}.article p{margin:0 0 16px}.article ul{margin:0 0 18px;padding-left:22px}.article li{margin-bottom:8px;line-height:1.65}.article li:last-child{margin-bottom:0}.article strong{color:var(--espresso);font-weight:700}.article em{color:var(--accent-text);font-style:italic}.compare-table tbody tr:nth-child(2n){background:var(--surface-2)}.compare-table tbody tr:hover{background:var(--accent-soft)}.compare-table th.num,.compare-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width: 560px){.compare-table-wrap{overflow-x:visible}.compare-table{min-width:0;font-size:.95rem}.compare-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.compare-table tbody tr,.compare-table tbody tr:nth-child(2n),.compare-table tbody tr:hover{display:block;margin-bottom:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.compare-table tbody th[scope=row]{display:block;padding:12px 14px;font-size:1.02rem;white-space:normal;color:var(--espresso);background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-bottom:1px solid var(--line-strong)}.compare-table td,.compare-table td.num{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:baseline;padding:9px 14px;text-align:right;white-space:normal;border-bottom:1px solid var(--line)}.compare-table tbody tr td:last-child{border-bottom:0}.compare-table td:before{content:attr(data-label);text-align:left;font-weight:600;color:var(--muted)}}.trust-note{margin:0 0 24px;padding:11px 15px;font-size:.82rem;line-height:1.5;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--good);border-radius:var(--radius-sm)}.trust-note a{color:var(--accent-text);font-weight:600;text-decoration:none}.trust-note a:hover{text-decoration:underline}.calc-callout{margin:22px 0;padding:clamp(18px,4vw,26px);background:linear-gradient(155deg,var(--surface),var(--accent-soft) 130%);border:1.5px solid var(--accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.calc-callout-eyebrow{margin:0 0 6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text)}.calc-callout h2,.calc-callout h3{margin-top:0!important}.calc-callout p{margin:0 0 12px;color:var(--ink)}.calc-callout-note{margin:0 0 16px;font-size:.86rem;font-weight:600;color:var(--accent-text)}.calc-callout>p:last-child,.calc-callout>.review-cta,.calc-callout>.review-cta--alt{margin-bottom:0}.explore{padding:clamp(18px,4vw,26px)}.explore-heading{margin:0 0 14px;font-family:var(--font-display);font-weight:600;font-size:1.2rem;color:var(--espresso)}.explore-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 640px){.explore-grid{grid-template-columns:repeat(3,1fr)}}.explore-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 18px;text-decoration:none;color:inherit;background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.explore-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.explore-card:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}.explore-card--calc{background:linear-gradient(160deg,var(--surface),var(--accent-soft));border-color:var(--accent)}.explore-card-kicker{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text)}.explore-card-title{font-family:var(--font-display);font-weight:600;font-size:1rem;line-height:1.3;color:var(--espresso)}.explore-card-teaser{font-size:.84rem;line-height:1.45;color:var(--muted)}.explore-card-arrow{margin-top:auto;padding-top:6px;font-size:.84rem;font-weight:700;color:var(--accent-text)}.index-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0}@media (min-width: 640px){.index-grid{grid-template-columns:repeat(2,1fr)}}.index-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 22px 44px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.index-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}.index-card--featured{background:linear-gradient(160deg,var(--surface),var(--accent-soft));border-color:var(--accent)}.index-card-meta{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent-text)}.index-card-title{margin:2px 0 0;font-family:var(--font-display);font-weight:600;font-size:1.15rem;line-height:1.3;color:var(--espresso)}.index-card-title a{color:inherit;text-decoration:none}.index-card-title a:after{content:"";position:absolute;inset:0;border-radius:inherit}.index-card-title a:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}.index-card-teaser{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.index-card-arrow{position:absolute;right:22px;bottom:18px;color:var(--accent-text);font-weight:700;font-size:1.05rem;transition:transform .2s var(--ease)}.index-card:hover .index-card-arrow{transform:translate(4px)}