:root{--color-ink:#17324d;--color-ink-soft:#475569;--color-teal:#0f766e;--color-teal-soft:#d8f0ea;--color-coral:#d95f43;--color-yellow:#f8d34a;--color-mint:#f7fbf8;--color-paper:#ffffff;--color-line:#d9e3e2;--color-focus:#9b3a22;--shadow-panel:0 16px 40px rgba(23,50,77,0.12);--max-width:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;text-rendering:optimizeLegibility}body::selection{background:var(--color-yellow);color:var(--color-ink)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.skip-link{background:var(--color-ink);color:var(--color-paper);left:1rem;padding:.7rem 1rem;position:fixed;top:1rem;transform:translateY(-150%);transition:transform .16s ease;z-index:100}.skip-link:focus{transform:translateY(0)}.container{margin:0 auto;max-width:var(--max-width);padding:0 1.25rem;width:100%}.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--color-line);position:-webkit-sticky;position:sticky;top:0;z-index:40}.site-header__inner{align-items:center;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:auto 1fr auto auto;min-height:76px}.brand{align-items:center;display:inline-flex;min-width:156px}.brand img{height:44px;width:156px}.desktop-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.15rem;justify-content:center}.desktop-nav a,.mobile-nav a{border-radius:6px;color:var(--color-ink-soft);font-size:.95rem;font-weight:650;padding:.55rem .7rem;text-decoration:none}.desktop-nav a:hover,.mobile-nav a:hover{background:var(--color-teal-soft);color:var(--color-ink)}.button-link,.header-cta{align-items:center;background:var(--color-teal);border:2px solid var(--color-teal);border-radius:8px;color:var(--color-paper);display:inline-flex;font-weight:750;justify-content:center;min-height:44px;padding:.68rem 1rem;text-decoration:none}.header-cta{min-height:40px;padding:.48rem .9rem}.button-link:hover,.header-cta:hover{background:#095d56;border-color:#095d56}.button-link--secondary{background:var(--color-paper);color:var(--color-ink)}.button-link--secondary:hover{background:var(--color-yellow);border-color:var(--color-ink)}.button-link--dark{background:var(--color-ink);border-color:var(--color-ink)}.button-link--dark:hover{background:#0f2236;border-color:#0f2236}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.7rem}.mobile-nav{display:none;position:relative}.mobile-nav summary{border:2px solid var(--color-line);border-radius:8px;color:var(--color-ink);font-weight:750;list-style:none;padding:.48rem .75rem}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{background:var(--color-paper);border:1px solid var(--color-line);border-radius:8px;box-shadow:var(--shadow-panel);display:grid;grid-gap:.25rem;gap:.25rem;min-width:min(78vw,320px);padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem)}.hero{background:var(--color-mint);min-height:min(650px,calc(100vh - 90px));overflow:hidden;position:relative}.hero:after{background:linear-gradient(90deg,rgba(247,251,248,.97),rgba(247,251,248,.9) 45%,rgba(247,251,248,.45));content:""}.hero:after,.hero__media{inset:0;position:absolute}.hero__media{background-image:url(/illustrations/hero-learning.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.hero__content{display:flex;flex-direction:column;justify-content:center;min-height:min(650px,calc(100vh - 90px));padding-bottom:5rem;padding-top:5rem;position:relative;z-index:1}.article-hero h1,.hero h1,.page-hero h1{line-height:1.04;margin:0;max-width:890px}.hero p:not(.eyebrow){color:var(--color-ink-soft);font-size:1.18rem;margin:1.35rem 0 0;max-width:690px}.card-kicker,.eyebrow,.footer-label{color:var(--color-coral);font-size:.78rem;font-weight:850;letter-spacing:0;margin:0 0 .55rem;text-transform:uppercase}.section-band{padding:5rem 0}.section-band--light{background:var(--color-mint)}.section-band--split{background:linear-gradient(90deg,rgba(216,240,234,.62),rgba(248,211,74,.12)),var(--color-paper)}.tool-layout,.two-column{align-items:start;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.tool-layout{align-items:center;grid-template-columns:minmax(0,.85fr) minmax(320px,1fr)}.tool-layout--reverse{grid-template-columns:minmax(320px,1fr) minmax(0,.85fr)}h2{line-height:1.12}h2,h3{margin:0}h3{line-height:1.22}.lead,.page-intro{color:var(--color-ink-soft);font-size:1.08rem;margin:1rem 0 0;max-width:760px}.section-heading{margin-bottom:2rem}.section-heading--with-action{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between}.blog-grid,.card-grid,.pillar-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--compact{grid-template-columns:repeat(3,minmax(190px,1fr))}.blog-card,.calculator,.info-card,.pillar,.quiz{background:var(--color-paper);border:1px solid var(--color-line);border-radius:8px;box-shadow:0 8px 24px rgba(23,50,77,.06)}.blog-card,.info-card,.pillar{padding:1.25rem}.blog-card p,.info-card p,.pillar p{color:var(--color-ink-soft);margin:.6rem 0 0}.blog-card{display:flex;flex-direction:column;min-height:255px}.blog-card h3 a{text-decoration:none}.blog-card h3 a:hover{color:var(--color-teal);text-decoration:underline}.article-meta,.blog-card__meta{align-items:center;color:var(--color-ink-soft);display:flex;flex-wrap:wrap;font-size:.92rem;gap:.75rem;margin-top:auto;padding-top:1.25rem}.article-meta span,.blog-card__meta span{align-items:center;display:inline-flex;gap:.75rem}.article-meta span:before,.blog-card__meta span:before{background:var(--color-coral);content:"";height:.38rem;width:.38rem}.pillar{border-top:6px solid var(--color-yellow)}.pillar:nth-child(2){border-top-color:var(--color-teal)}.pillar:nth-child(3){border-top-color:var(--color-coral)}.pillar-icon{align-items:center;background:var(--color-teal-soft);border-radius:8px;color:var(--color-ink);display:flex;font-weight:850;height:44px;justify-content:center;margin-bottom:1rem;width:44px}.text-link{color:var(--color-teal);display:inline-flex;font-weight:800;margin-top:1rem}.article-hero,.page-hero{background:linear-gradient(90deg,rgba(247,251,248,.98),rgba(247,251,248,.82)),url(/illustrations/sugar-cubes.svg);background-position:50%,right 10% center;background-repeat:repeat,no-repeat;background-size:auto,min(38vw,420px);border-bottom:1px solid var(--color-line);padding:5.5rem 0}.page-hero--compact{padding-bottom:4rem;padding-top:4rem}.content-section{display:grid;grid-gap:1.5rem;gap:1.5rem}.check-list{display:grid;grid-gap:.85rem;gap:.85rem;list-style:none;margin:0;max-width:850px;padding:0}.check-list li{background:var(--color-paper);border:1px solid var(--color-line);border-radius:8px;padding:1rem 1rem 1rem 3rem;position:relative}.check-list li:before{background:var(--color-teal);color:var(--color-paper);content:"✓";font-weight:850;height:1.35rem;left:1rem;line-height:1.35rem;position:absolute;text-align:center;top:1.13rem;width:1.35rem}.calculator,.quiz{padding:1.25rem}.calculator--compact,.quiz--compact{max-width:620px}.calculator__header p,.calculator__note,.quiz__header p,.quiz__note{color:var(--color-ink-soft);margin:.5rem 0 0}.preset-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}.preset-row button,.quiz__answer{background:var(--color-mint);border:1px solid var(--color-line);border-radius:8px;color:var(--color-ink);font-weight:750;min-height:42px;padding:.55rem .75rem;text-align:left}.preset-row button:hover,.quiz__answer:hover{border-color:var(--color-teal)}.input-grid{display:grid;grid-gap:.9rem;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.input-grid label{color:var(--color-ink-soft);display:grid;font-weight:750;grid-gap:.4rem;gap:.4rem}.input-grid input{border:2px solid var(--color-line);border-radius:8px;color:var(--color-ink);min-height:48px;padding:.6rem .7rem;width:100%}.calculator__result{background:var(--color-ink);border-radius:8px;color:var(--color-paper);display:grid;grid-gap:.2rem;gap:.2rem;margin-top:1rem;padding:1rem}.calculator__result span{color:var(--color-yellow);font-size:.95rem;font-weight:800}.calculator__result strong{font-size:1.6rem;line-height:1.1}.quiz__items{display:grid;grid-gap:1rem;gap:1rem;margin-top:1rem}.quiz__question{border:0;margin:0;padding:0}.quiz__question legend{color:var(--color-ink);font-weight:800;margin-bottom:.65rem;padding:0}.quiz__answers{display:grid;grid-gap:.45rem;gap:.45rem}.quiz__answer--selected{border-color:var(--color-coral)}.quiz__answer--correct{background:var(--color-teal-soft);border-color:var(--color-teal)}.article-container{max-width:840px}.article-body{padding:3rem 0 5rem}.article-body h2{font-size:1.8rem;margin-top:2.3rem}.article-body li,.article-body p{color:var(--color-ink-soft);font-size:1.08rem}.article-body ul{display:grid;grid-gap:.6rem;gap:.6rem;margin:1rem 0 0;padding-left:1.25rem}.site-footer{background:var(--color-ink);color:var(--color-paper);padding:3rem 0}.site-footer__grid{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:1.1fr 1fr 1fr}.site-footer a,.site-footer p{color:rgba(255,255,255,.82)}.brand--footer{margin-bottom:1rem}.brand--footer img{background:var(--color-paper);border-radius:8px;height:44px;padding:.1rem}.footer-links{column-count:2;list-style:none;margin:0;padding:0}.footer-links li{page-break-inside:avoid;break-inside:avoid;margin-bottom:.55rem}.footer-note{font-size:.92rem;margin-top:1rem}@media (max-width:980px){.site-header__inner{grid-template-columns:auto 1fr auto}.desktop-nav,.header-cta{display:none}.mobile-nav{display:block;justify-self:end}.tool-layout,.tool-layout--reverse,.two-column{grid-template-columns:1fr}.blog-grid,.card-grid,.card-grid--compact,.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-hero,.page-hero{background-position:50%,right -120px bottom 20px;background-size:auto,360px}}@media (max-width:680px){.container{padding:0 1rem}.site-header__inner{min-height:68px}.brand{min-width:138px}.brand img{height:39px;width:138px}.hero,.hero__content{min-height:560px}.hero:after{background:rgba(247,251,248,.92)}.hero__content{padding-bottom:3rem;padding-top:3rem}.article-hero h1,.hero h1,.page-hero h1{font-size:2.25rem}.section-band{padding:3.25rem 0}.article-hero,.page-hero{padding:3.5rem 0}.button-row,.section-heading--with-action{align-items:stretch;flex-direction:column}.button-link,.header-cta{width:100%}.blog-grid,.card-grid,.card-grid--compact,.input-grid,.pillar-grid,.site-footer__grid{grid-template-columns:1fr}.footer-links{column-count:1}}.header-inner{align-items:center;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:var(--max-width);min-height:76px;padding:0 1.25rem;width:100%}.brand{color:var(--color-ink);font-weight:850;gap:.65rem;text-decoration:none}.brand-mark{background:var(--color-teal);border-radius:8px;color:var(--color-paper);display:inline-flex;height:42px;width:42px}.brand-mark,.nav{align-items:center;justify-content:center}.nav{display:flex;flex-wrap:wrap;gap:.15rem}.nav a{border-radius:6px;color:var(--color-ink-soft);font-weight:700;padding:.55rem .65rem;text-decoration:none}.nav a:hover{background:var(--color-teal-soft);color:var(--color-ink)}.actions,.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.menu-button{display:none}.button{align-items:center;border:2px solid var(--color-teal);border-radius:8px;display:inline-flex;font-weight:800;justify-content:center;min-height:44px;padding:.68rem 1rem;text-decoration:none}.button.primary{background:var(--color-teal);color:var(--color-paper)}.button.primary:hover{background:#095d56;border-color:#095d56}.button.secondary{background:var(--color-paper);color:var(--color-ink)}.button.secondary:hover{background:var(--color-yellow);border-color:var(--color-ink)}.hero-grid{align-items:center;display:grid;grid-gap:2.5rem;gap:2.5rem;grid-template-columns:minmax(0,.95fr) minmax(320px,.85fr);min-height:min(650px,calc(100vh - 90px));padding-bottom:4rem;padding-top:4rem;position:relative;z-index:1}.article-hero h1,.hero h1,.page-hero h1{font-size:4rem}h2{font-size:2.35rem}.microcopy{color:var(--color-ink-soft);font-size:.92rem;margin:1.25rem 0 0}.phone-scene{min-height:470px;position:relative}.phone{background:#0f2236;border:10px solid #17324d;border-radius:8px;box-shadow:var(--shadow-panel);margin-left:auto;max-width:330px;padding:1rem}.scan-photo{background:linear-gradient(135deg,rgba(248,211,74,.8),rgba(216,240,234,.9)),url(/illustrations/sugar-cubes.svg);background-position:50%;background-size:cover;border-radius:8px;min-height:190px}.scan-card{background:var(--color-paper);border-radius:8px;margin-top:1rem;padding:1rem}.metric-row{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:1rem 0}.metric{background:var(--color-mint);border:1px solid var(--color-line);border-radius:8px;padding:.75rem}.metric strong{display:block;font-size:1.7rem;line-height:1}.metric span,.tip{color:var(--color-ink-soft)}.floating-label{background:var(--color-paper);border:1px solid var(--color-line);border-left:6px solid var(--color-teal);border-radius:8px;box-shadow:0 10px 24px rgba(23,50,77,.1);color:var(--color-ink);font-weight:800;max-width:240px;padding:.75rem;position:absolute}.floating-label.water{left:0;top:54px}.floating-label.sugar{border-left-color:var(--color-coral);bottom:42px;right:0}.section{padding:5rem 0}.section.alt{background:var(--color-mint)}.section-head{margin-bottom:2rem;max-width:800px}.section-head p{color:var(--color-ink-soft);font-size:1.08rem;margin:1rem 0 0}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel{background:var(--color-paper);border:1px solid var(--color-line);border-radius:8px;box-shadow:0 8px 24px rgba(23,50,77,.06);padding:1.25rem}.card h3,.panel h2,.panel h3{margin:0}.card p,.panel p{color:var(--color-ink-soft)}.status,.tag{background:var(--color-teal-soft);border-radius:6px;color:var(--color-ink);display:inline-flex;font-size:.78rem;font-weight:850;margin-bottom:.75rem;padding:.25rem .45rem}.status-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}.status.sometimes{background:#fff4c2}.calculator-panel,.form-panel{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}.form-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label,.panel>label{color:var(--color-ink-soft);display:grid;font-weight:750;grid-gap:.4rem;gap:.4rem}.full{grid-column:1/-1}.hidden{left:-9999px;position:absolute}input,select,textarea{background:var(--color-paper);border:2px solid var(--color-line);border-radius:8px;color:var(--color-ink);min-height:48px;padding:.65rem .75rem;width:100%}textarea{min-height:140px;resize:vertical}.checkbox{align-items:start;display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:auto 1fr}.checkbox input{min-height:20px;width:20px}.field-error,.form-message.error{color:#9b1c1c}.form-message{background:var(--color-teal-soft);border-radius:8px;color:var(--color-ink);font-weight:750;padding:.85rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-button{background:var(--color-mint);border:1px solid var(--color-line);border-radius:8px;color:var(--color-ink);font-weight:800;min-height:40px;padding:.5rem .75rem}.filter-button.active,.filter-button:hover{background:var(--color-teal-soft);border-color:var(--color-teal)}.result-card{background:var(--color-ink);color:var(--color-paper)}.result-card p{color:rgba(255,255,255,.84)}.result-number{color:var(--color-yellow);display:block;font-size:3rem;font-weight:850;line-height:1;margin:.75rem 0}.spoons{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0}.spoon{background:var(--color-paper);border-radius:6px;display:inline-block;height:20px;width:20px}.help{border-left:4px solid var(--color-yellow);padding-left:.75rem}.accordion{display:grid;grid-gap:.75rem;gap:.75rem}.accordion details{background:var(--color-paper);border:1px solid var(--color-line);border-radius:8px;padding:1rem}.accordion summary{cursor:pointer;font-weight:850}.article{margin:0 auto;max-width:840px;padding:5rem 1.25rem}.article h1{font-size:3rem;line-height:1.08;margin:0}.article>p{color:var(--color-ink-soft);font-size:1.08rem}.article .panel{margin-top:2rem}.footer-grid{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:1.1fr repeat(4,1fr)}.footer-grid h2,.footer-grid h3{color:var(--color-paper);margin-top:0}.footer-grid ul{display:grid;grid-gap:.45rem;gap:.45rem;list-style:none;margin:0;padding:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin:2rem 0 0;padding-top:1rem}.cookie-banner{background:var(--color-paper);border:1px solid var(--color-line);border-radius:8px;bottom:1rem;box-shadow:var(--shadow-panel);max-width:430px;padding:1rem;position:fixed;right:1rem;z-index:60}.cookie-banner h2{font-size:1.25rem}@media (max-width:1060px){.header-inner{grid-template-columns:auto 1fr auto}.menu-button{border:2px solid var(--color-line);border-radius:8px;color:var(--color-ink);display:inline-flex;font-weight:800;min-height:40px;padding:.45rem .7rem}.menu-button,.nav{background:var(--color-paper)}.nav{border:1px solid var(--color-line);border-radius:8px;box-shadow:var(--shadow-panel);display:none;left:1rem;padding:.5rem;position:absolute;right:1rem;top:76px}.nav.open{display:grid}.header-actions .button{display:none}.calculator-panel,.form-panel,.hero-grid{grid-template-columns:1fr}.footer-grid,.grid,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.article-hero h1,.hero h1,.page-hero h1{font-size:2.25rem}h2{font-size:1.75rem}.article h1{font-size:2.25rem}.section{padding:3.25rem 0}.footer-grid,.form-grid,.grid,.grid.three,.grid.two,.metric-row{grid-template-columns:1fr}.phone-scene{min-height:420px}.floating-label{position:static;margin-top:.75rem}.cookie-banner{bottom:0;left:0;max-width:none;right:0}}