:root{--surface:#F8FCF8;--subtle:#F0F8F1;--muted:#DDEFE0;--elevated:#fff;--ink:#14251A;--secondary:#5E7563;--line:#CFE1D2;--action:#216A43;--hover:#174F31;--on-action:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--radius:16px;--body:1rem;--caption:.75rem;--label:.875rem;--title:2rem}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;color:var(--ink);background:var(--surface);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:var(--body);line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--action);outline-offset:4px}.site-header,main,footer{max-width:1200px;margin:auto}.site-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8)}.wordmark{display:inline-flex;align-items:center;gap:var(--space-3);font-weight:650;min-height:44px}.mark{font-size:1.5rem;color:var(--action)}nav{display:flex;gap:var(--space-8);align-items:center;font-size:var(--label)}nav a{min-height:44px;display:inline-flex;align-items:center}.nav-try{color:var(--action);gap:var(--space-3)}.skip{position:absolute;top:-100px;left:16px;background:var(--elevated);padding:16px;z-index:10}.skip:focus{top:8px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-8) var(--space-20)}.eyebrow{color:var(--action);font-size:var(--label);font-weight:600;letter-spacing:.04em;margin:0 0 var(--space-4)}h1{font-size:clamp(2rem,3.7vw,3rem);font-weight:650;line-height:1.3;letter-spacing:-.04em;margin:0 0 var(--space-6)}h2{font-size:var(--title);font-weight:600;line-height:1.4;letter-spacing:-.025em;margin:0}h3{font-size:1.125rem;line-height:1.4;font-weight:650;margin:var(--space-6) 0 var(--space-3)}p{margin:0 0 var(--space-4)}.lead{max-width:28em;color:var(--secondary);margin-bottom:var(--space-8)}.button{min-height:48px;padding:var(--space-3) var(--space-6);display:inline-flex;gap:var(--space-8);justify-content:space-between;align-items:center;border:1px solid var(--action);border-radius:10px;background:var(--action);color:var(--on-action);font-weight:600}.button:hover{background:var(--hover);text-decoration:none}.caption{color:var(--secondary);font-size:var(--caption)}.hero-copy>.caption{margin-top:var(--space-4)}.cabinet-board{background:var(--subtle);border:1px solid var(--line);border-radius:24px;padding:var(--space-6);transform:rotate(-2deg)}.board-top{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin:var(--space-2) var(--space-2) var(--space-6)}.board-date{font-size:var(--caption);font-weight:400;color:var(--secondary)}.cabinet{background:var(--elevated);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4)}.zone-title{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between;font-size:var(--label);font-weight:650}.zone-title small{font-size:var(--caption);color:var(--secondary);font-weight:400}.foods{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding:var(--space-6) var(--space-3)}.food{display:block;width:100%;aspect-ratio:1;border-radius:999px;background-image:url('assets/food-photos.png');background-size:300% 300%;background-position:var(--pos);border:4px solid var(--subtle)}.photo-0{--pos:0% 0%}.photo-1{--pos:50% 0%}.photo-2{--pos:100% 0%}.photo-3{--pos:0% 50%}.photo-4{--pos:50% 50%}.photo-5{--pos:100% 50%}.photo-6{--pos:0% 100%}.photo-7{--pos:50% 100%}.photo-8{--pos:100% 100%}.cabinet-foot{border-top:1px solid var(--line);padding-top:var(--space-3);font-size:var(--caption);color:var(--secondary);display:flex;justify-content:space-between}.cabinet-bottom{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-3)}.small{grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-4) 0 var(--space-1)}.board-note{font-size:var(--caption);color:var(--secondary);display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) 0 0}.note-line{height:1px;width:var(--space-8);background:var(--line)}.how{padding:var(--space-16) var(--space-8);border-top:1px solid var(--line)}.section-heading{margin-bottom:var(--space-12)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.steps article{padding-right:var(--space-4)}.step-number{font-size:var(--label);color:var(--action);font-weight:600}.steps p{color:var(--secondary)}.capture-strip{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-6)}.capture-strip .food{width:64px}.capture-strip>span{display:grid;place-items:center;width:44px;height:44px;color:var(--action);border:1px dashed var(--line);border-radius:999px}.amounts{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-8)}.amounts span{font-size:var(--caption);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:10px}.amounts span:nth-child(2){background:var(--muted);border-color:var(--action);color:var(--action)}.reminder-sample{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-6);background:var(--subtle);border-radius:10px}.reminder-sample>span{font-size:1.5rem;color:var(--action)}.reminder-sample strong{display:block;font-size:var(--label);font-weight:600}.reminder-sample small{font-size:var(--caption);color:var(--secondary)}.data-section{margin:var(--space-12) var(--space-8);padding:var(--space-12);background:var(--subtle);border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}.data-copy p{color:var(--secondary)}.text-link{display:inline-flex;min-height:44px;align-items:center;gap:var(--space-6);color:var(--action);font-size:var(--label);font-weight:600}.availability{padding:var(--space-16) var(--space-8) var(--space-20);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-16);align-items:center}.availability p:not(.eyebrow){margin-top:var(--space-4);color:var(--secondary);max-width:34em}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.download-options button{display:flex;flex-direction:column;text-align:left;gap:var(--space-1);border:1px solid var(--line);border-radius:10px;padding:var(--space-4);background:var(--subtle);color:var(--secondary);font:inherit}.download-options button span{font-size:var(--caption)}.download-options .button{grid-column:1/-1}.secondary{background:transparent;color:var(--action)}.secondary:hover{color:var(--on-action)}footer{padding:var(--space-12) var(--space-8) var(--space-6);border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:var(--space-8)}.footer-top p{color:var(--secondary);font-size:var(--label);margin-top:var(--space-2)}.footer-links{display:flex;gap:var(--space-6);font-size:var(--label);align-items:start;flex-wrap:wrap}.footer-links a{min-height:44px;display:flex;align-items:center}.operator{font-size:var(--caption);color:var(--secondary);margin-top:var(--space-8)}.operator p{margin-bottom:var(--space-1)}.footer-bottom{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;font-size:var(--caption);color:var(--secondary);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line)}.legal-main{max-width:800px;margin:auto;padding:var(--space-12) var(--space-6) var(--space-20)}.legal-main h1{font-size:var(--title);margin-top:var(--space-6)}.legal-main h2{font-size:1.125rem;margin:var(--space-8) 0 var(--space-4)}.legal-main p{overflow-wrap:anywhere}.legal-main .table-line{font-size:var(--label);background:var(--subtle);padding:var(--space-3);margin:0;border-bottom:1px solid var(--line)}.legal-main .legal-meta{color:var(--secondary);font-size:var(--label)}@media(max-width:800px){.site-header{padding:var(--space-4);gap:var(--space-3)}nav{gap:var(--space-4)}nav>a:first-child{display:none}.hero{padding:var(--space-12) var(--space-6);gap:var(--space-8)}.hero-copy h1{font-size:2rem}.cabinet-board{padding:var(--space-4);transform:none}.foods{gap:var(--space-2);padding:var(--space-4) 0}.small{padding-bottom:0}.cabinet{padding:var(--space-3)}.cabinet-bottom{gap:var(--space-2)}.zone-title{flex-wrap:wrap}.board-top{margin:0 0 var(--space-4)}.steps{gap:var(--space-6)}.data-section{gap:var(--space-8);padding:var(--space-8);margin:var(--space-8) var(--space-6)}.availability{gap:var(--space-8);padding:var(--space-12) var(--space-6)}}@media(max-width:599px){.site-header .wordmark{font-size:var(--label)}nav>a:not(.nav-try){display:none}.hero{grid-template-columns:1fr;padding:var(--space-12) var(--space-4);gap:var(--space-8)}h1{font-size:2rem}.lead{margin-bottom:var(--space-6)}.hero-copy>.caption{max-width:26em}.cabinet-board{max-width:430px;width:100%;justify-self:center;padding:var(--space-6)}.foods{padding:var(--space-6) var(--space-3);gap:var(--space-4)}.small{padding:var(--space-4) 0 0;gap:var(--space-2)}.how{padding:var(--space-12) var(--space-4)}h2{font-size:1.5rem}.steps{grid-template-columns:1fr;gap:var(--space-8)}.steps article{padding:0 0 var(--space-8);border-bottom:1px solid var(--line)}h3{margin-top:var(--space-4)}.data-section{grid-template-columns:1fr;padding:var(--space-6);margin:var(--space-4);gap:var(--space-6)}.availability{grid-template-columns:1fr;padding:var(--space-12) var(--space-4);gap:var(--space-6)}footer{padding:var(--space-8) var(--space-4)}.footer-top{flex-direction:column;gap:var(--space-3)}.footer-links{gap:var(--space-6)}.operator{margin-top:var(--space-6)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
h1,h2{ text-wrap:balance }
.lead,.availability p{ text-wrap:pretty }
.legal-table-wrap{width:100%;overflow-x:auto;margin-block:var(--space-4)}
.legal-table{width:100%;border-collapse:collapse;font-size:var(--label);text-align:left}
.legal-table th,.legal-table td{padding:var(--space-3);border:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.legal-table th{background:var(--subtle);font-weight:600}
@media(max-width:800px){
 .hero{grid-template-columns:1fr}
 .hero-copy{max-width:36em}
 .cabinet-board{max-width:480px;width:100%;justify-self:center}
 .steps{grid-template-columns:1fr;gap:var(--space-8)}
 .steps article{padding:0 0 var(--space-6);border-bottom:1px solid var(--line)}
 .data-section,.availability{grid-template-columns:1fr;gap:var(--space-6)}
}