:root{color:#17332b;background:#f6fbf8;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;scroll-padding-top:92px;scroll-behavior:smooth}body{min-width:320px;margin:0;background:linear-gradient(180deg,#f6fbf800 0,#f6fbf8 540px),#f6fbf8}button,input,select{font:inherit}a{color:inherit}.app-shell{min-height:100vh}.site-nav{position:fixed;top:16px;left:50%;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1180px,100% - 40px);border:1px solid rgba(255,255,255,.38);border-radius:8px;background:#ffffffe0;box-shadow:0 18px 44px #04160f29;padding:8px;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-nav__brand{display:inline-flex;align-items:center;min-height:42px;border-radius:8px;color:#17332b;font-size:1rem;font-weight:950;padding:0 14px;text-decoration:none}.site-nav__links{display:flex;align-items:center;gap:4px}.site-nav__links a{display:inline-flex;align-items:center;min-height:42px;border-radius:8px;color:#356256;font-size:.9rem;font-weight:850;padding:0 14px;text-decoration:none}.site-nav__links a:hover,.site-nav__links a:focus-visible,.site-nav__brand:hover,.site-nav__brand:focus-visible{background:#e6f5f2;outline:none}.site-nav__toggle{display:none}.hero{position:relative;isolation:isolate;display:grid;min-height:clamp(340px,48vh,480px);padding:44px 0 34px;overflow:hidden;background:#17332b}.hero:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#081712e0,#081712b3 38%,#08171214 72%);content:"";pointer-events:none}.hero__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__overlay{position:absolute;inset:auto 0 0;z-index:1;height:120px;background:linear-gradient(180deg,#f6fbf800,#f6fbf8);pointer-events:none}.hero__content{position:relative;z-index:2;display:grid;align-content:center;justify-items:center;width:min(1180px,100% - 40px);margin:0 auto;color:#fff;text-align:center}.eyebrow{margin:0 0 12px;color:#ef7b45;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(2.9rem,7vw,5rem);line-height:.94;letter-spacing:0}.controls{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;width:min(100%,680px);margin:26px auto 0}.field{position:relative;display:grid;gap:8px;text-align:left}.field span{color:#ffffffc7;font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.field select,.field input{width:100%;min-height:54px;border:1px solid rgba(255,255,255,.24);border-radius:8px;outline:none;background:#fffffff0;color:#17332b;color-scheme:light;font-weight:800;line-height:1.2;padding:0 44px 0 16px;box-shadow:0 18px 44px #04160f2e}.field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fffffff0;background-image:linear-gradient(45deg,transparent 50%,#356256 50%),linear-gradient(135deg,#356256 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-repeat:no-repeat;background-size:7px 7px,7px 7px;cursor:pointer;text-overflow:ellipsis}.field select::-ms-expand{display:none}.field input{padding-right:16px}.field select:focus,.field input:focus{border-color:#ef7b45;box-shadow:0 0 0 4px #ef7b4540}.field--compact span{color:#5e7069}.field--compact input{border-color:#d6e3dc;background:#fff;box-shadow:none}main{width:min(1180px,100% - 40px);margin:38px auto 0}.support-grid{margin-top:52px}.meal-browser{display:grid;justify-items:center;margin-top:0}.section-heading{display:grid;gap:10px;width:min(100%,780px);max-width:760px;margin:0 auto;text-align:center}.section-heading h2,.support-grid h2{margin:0;color:#17332b;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:0}.section-heading p:not(.eyebrow),.support-grid p:not(.eyebrow),.water-result small{margin:0;color:#5e7069;line-height:1.65}.option-accordion{display:grid;gap:14px;width:min(100%,920px);margin-top:28px}.meal-option,.info-panel,.water-panel,.ebook-panel{border:1px solid #dde9e2;border-radius:8px;background:#fff;box-shadow:0 18px 50px #21372c14}.meal-option{display:grid;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.meal-option__title{margin:0}.meal-option__trigger{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:16px;width:100%;min-height:72px;border:0;background:#fff;color:#17332b;cursor:pointer;padding:18px clamp(18px,3vw,26px);scroll-margin-top:92px;text-align:left;transition:background .2s ease}.meal-option__trigger:hover{background:#f9fcfa}.meal-option__trigger:after{justify-self:center;width:10px;height:10px;border-right:2px solid #356256;border-bottom:2px solid #356256;content:"";transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}.meal-option__trigger[aria-expanded=true]:after{transform:rotate(225deg) translateY(-2px)}.meal-option__trigger:focus-visible{outline:4px solid rgba(239,123,69,.25);outline-offset:-4px}.meal-option__trigger>span{display:grid;gap:4px;min-width:0;color:#17332b;font-size:1.2rem;font-weight:950;line-height:1.2}.meal-option__trigger small{color:#6d7c76;font-size:.76rem;font-weight:850;text-transform:uppercase}.meal-option__trigger strong{border-radius:999px;background:#fbe7dc;color:#a5481f;font-size:.78rem;font-weight:800;padding:7px 10px;white-space:nowrap}.meal-option__panel{display:grid;grid-template-rows:0fr;gap:18px;border-top:1px solid transparent;opacity:0;transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1),opacity .22s ease,border-color .22s ease}.meal-option__panel--open{grid-template-rows:1fr;border-top-color:#edf4f0;opacity:1}.meal-option__panel-inner{display:grid;gap:18px;min-height:0;overflow:hidden;padding:0 clamp(18px,3vw,26px);transform:translateY(-6px);transition:padding .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1)}.meal-option__panel--open .meal-option__panel-inner{padding:18px clamp(18px,3vw,26px) clamp(18px,3vw,26px);transform:translateY(0)}.food-groups{display:grid;gap:16px}.food-group{display:grid;gap:10px}.food-group h4,.notes h4{margin:0;color:#356256;font-size:.82rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.food-group__choices{display:grid;gap:2px;padding:0;margin:0;list-style:none}.food-group__choice{display:grid;align-items:center;gap:12px;min-height:44px}.food-group__choice--primary{grid-template-columns:minmax(0,1fr) auto;border:1px solid #e7efe9;border-left:4px solid #ef7b45;border-radius:8px;background:#f9fcfa;padding:10px 12px}.food-group__choice--alternative{grid-template-columns:auto minmax(0,1fr) auto;border-bottom:1px solid #edf4f0;padding:8px 4px}.food-group__choice--alternative:last-child{border-bottom:0}.food-group__choice-separator{color:#ef7b45;font-size:.72rem;font-weight:950;text-transform:uppercase}.food-group__choice-name{min-width:0;overflow-wrap:anywhere;color:#263b34;font-weight:550}.food-group__choice--primary .food-group__choice-name{font-weight:700}.food-group__choice-portion{justify-self:end;color:#5d6f69;font-size:.9rem;font-weight:800;text-align:right}.notes{display:grid;gap:8px;border-left:4px solid #e9b44c;background:#fff9eb;padding:14px 16px}.notes p{margin:0;color:#594b2e;line-height:1.55}.support-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:20px;padding-bottom:64px}.info-panel,.water-panel,.ebook-panel{display:grid;gap:16px;align-content:start;padding:clamp(20px,3vw,28px)}.info-panel{grid-row:span 2}.water-result{display:grid;gap:6px;border-radius:8px;background:#e6f5f2;padding:16px}.water-result span{color:#356256;font-weight:800}.water-result strong{color:#17332b;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:fit-content;border-radius:8px;background:#ef7b45;color:#fff;font-weight:900;padding:0 18px;text-decoration:none;transition:background .2s ease,transform .2s ease}.button-link:hover,.button-link:focus-visible{background:#d95f2e;transform:translateY(-1px)}@media (max-width: 880px){.site-nav{width:min(100% - 28px,720px)}.site-nav__toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;min-height:42px;border:0;border-radius:8px;background:#17332b;color:#fff;cursor:pointer;font-weight:900;padding:0}.site-nav__toggle span:not(.site-nav__toggle-label){position:absolute;left:12px;width:18px;height:2px;border-radius:999px;background:currentColor;transition:top .2s ease,opacity .2s ease,transform .2s ease}.site-nav__toggle-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-nav__toggle span:nth-of-type(2){top:14px}.site-nav__toggle span:nth-of-type(3){top:20px}.site-nav__toggle span:nth-of-type(4){top:26px}.site-nav--open .site-nav__toggle span:nth-of-type(2){top:20px;transform:rotate(45deg)}.site-nav--open .site-nav__toggle span:nth-of-type(3){opacity:0}.site-nav--open .site-nav__toggle span:nth-of-type(4){top:20px;transform:rotate(-45deg)}.site-nav__links{position:absolute;top:calc(100% + 8px);right:0;left:0;display:none;border:1px solid #dde9e2;border-radius:8px;background:#fff;box-shadow:0 18px 44px #04160f29;padding:8px}.site-nav--open .site-nav__links{display:grid}.site-nav__links a{min-height:48px}.hero{min-height:420px;padding:104px 20px 30px}.hero:before{background:linear-gradient(180deg,#081712d6,#081712a3 58%,#0817121f)}.hero__image{object-position:64% center}.hero__content{width:100%;justify-items:stretch;text-align:left}.hero h1{max-width:10ch}.controls{margin-right:0;margin-left:0}.section-heading{width:100%;margin:0;text-align:left}.option-accordion{width:100%}.controls,.support-grid{grid-template-columns:1fr}main{width:min(100% - 28px,720px)}.info-panel{grid-row:auto}}@media (max-width: 560px){.hero{min-height:390px}.hero h1{font-size:clamp(2.45rem,13vw,3.35rem)}.food-group__choice--primary{grid-template-columns:1fr;gap:4px}.food-group__choice--alternative{grid-template-columns:auto minmax(0,1fr);gap:4px 10px}.food-group__choice-portion{justify-self:start;text-align:left}.food-group__choice--alternative .food-group__choice-portion{grid-column:2}.meal-option__trigger{grid-template-columns:minmax(0,1fr) 24px;gap:12px}.meal-option__trigger strong{grid-column:1;grid-row:2;width:fit-content}.meal-option__trigger:after{grid-column:2;grid-row:1/span 2}}
