@font-face{font-family:FoodSymbols;src:url('/food/assets/material-symbols-food-v1.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:var(--ph-surface);color:var(--ph-text);font-family:var(--ph-font-sans);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--ph-brand-600);outline-offset:4px}img{max-width:100%}h1,h2,h3,p{margin:0}.container{width:min(100% - var(--ph-s-16),1280px);margin-inline:auto}.material-symbols{font-family:FoodSymbols;font-style:normal;font-weight:400;font-size:24px;line-height:1;font-variation-settings:'FILL' 0,'wght' 450,'GRAD' 0,'opsz' 24;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:var(--ph-s-3);left:var(--ph-s-3);padding:var(--ph-s-3);background:var(--ph-surface);border-radius:var(--ph-r-md);z-index:20;transform:translateY(-200%)}.skip-link:focus{transform:none}
.site-header{background:var(--ph-surface);border-bottom:1px solid var(--ph-border)}.header-inner{min-height:calc(var(--ph-s-16) + var(--ph-s-6));display:flex;align-items:center;justify-content:space-between;gap:var(--ph-s-4)}.brand{display:flex;align-items:center;gap:var(--ph-s-2)}.brand>img{width:48px;height:48px;object-fit:contain}.brand>span{font-size:var(--ph-t-xl);font-weight:700;letter-spacing:-.04em}.brand-food{color:var(--ph-brand-600);margin-left:var(--ph-s-1)}.brand small{display:block;font-size:var(--ph-t-xs);font-weight:400;color:var(--ph-muted);letter-spacing:0;margin-top:var(--ph-s-1)}.header-inner nav{display:flex;align-items:center;gap:var(--ph-s-8);font-size:var(--ph-t-base);font-weight:500}.partner-link,.explore-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--ph-s-2);min-height:44px}.partner-link:hover,.explore-link:hover{color:var(--ph-brand-700)}.partner-link>.material-symbols{font-size:var(--ph-t-lg)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ph-s-3);min-height:var(--ph-s-12);padding:var(--ph-s-3) var(--ph-s-6);border-radius:var(--ph-r-lg);border:1px solid transparent;font-size:var(--ph-t-base);font-weight:700;cursor:pointer;white-space:nowrap;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.button-primary{color:var(--ph-surface);background:var(--ph-brand-600)}.button-primary:hover{background:var(--ph-brand-700);box-shadow:var(--ph-sh-1)}.button-outline{border-color:var(--ph-border-2);background:var(--ph-surface)}.button-outline:hover{background:var(--ph-surface-2)}.button-light{background:var(--ph-surface);color:var(--ph-text)}.button-light:hover{background:var(--ph-surface-2);transform:translateY(-1px)}
.hero{position:relative;isolation:isolate;min-height:640px;display:grid;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero-content{text-align:center;padding-block:var(--ph-s-16);max-width:900px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:var(--ph-s-2);font-size:var(--ph-t-sm);font-weight:500;letter-spacing:.02em}.hero .eyebrow{margin-bottom:var(--ph-s-5);color:var(--ph-brand-800)}.hero .eyebrow .material-symbols{font-size:var(--ph-t-lg)}h1{font-size:clamp(var(--ph-t-3xl),5vw,calc(var(--ph-t-4xl) * 1.8));font-weight:700;line-height:1.06;letter-spacing:-.045em}h1>span{color:var(--ph-brand-700)}.hero-description{margin-top:var(--ph-s-5);font-size:var(--ph-t-lg);line-height:1.6;color:var(--ph-text-2)}.search{margin:var(--ph-s-8) auto 0;display:flex;align-items:center;gap:var(--ph-s-3);max-width:680px;padding:var(--ph-s-2);padding-left:var(--ph-s-5);border:1px solid var(--ph-border-2);border-radius:var(--ph-r-xl);background:var(--ph-surface);box-shadow:var(--ph-sh-2)}.search:focus-within{border-color:var(--ph-brand-600);box-shadow:var(--ph-sh-focus)}.search-icon{color:var(--ph-muted)}.search input{min-width:0;flex:1;border:0;background:transparent;outline:none;color:var(--ph-text);font-size:16px;min-height:48px}.search input::placeholder{color:var(--ph-muted)}.search .button{min-height:52px}.suggestions{margin-top:var(--ph-s-5);display:flex;align-items:center;justify-content:center;gap:var(--ph-s-2);flex-wrap:wrap;font-size:var(--ph-t-sm)}.suggestions>span{color:var(--ph-text-2);margin-right:var(--ph-s-1)}.suggestions>a{display:inline-flex;align-items:center;min-height:40px;padding:var(--ph-s-2) var(--ph-s-3);border:1px solid color-mix(in srgb,var(--ph-border-2) 75%,transparent);border-radius:var(--ph-r-full);background:color-mix(in srgb,var(--ph-surface) 70%,transparent);transition:background .18s ease,border-color .18s ease}.suggestions>a:hover{background:var(--ph-surface);border-color:var(--ph-brand-600);color:var(--ph-brand-700)}.explore-link{margin-top:var(--ph-s-5);font-size:var(--ph-t-sm);font-weight:500}.explore-link .material-symbols{font-size:var(--ph-t-lg)}.image-credit{position:absolute;right:var(--ph-s-4);bottom:var(--ph-s-3);padding:var(--ph-s-1) var(--ph-s-2);border-radius:var(--ph-r-full);background:color-mix(in srgb,var(--ph-surface) 90%,transparent);font-size:var(--ph-t-xs);color:var(--ph-text-2)}
.how{padding-block:var(--ph-s-16)}.section-heading{text-align:center}.section-heading .eyebrow{color:var(--ph-brand-700);font-size:var(--ph-t-xs);letter-spacing:.14em;font-weight:700}.section-heading h2{font-size:clamp(var(--ph-t-xl),2.5vw,var(--ph-t-3xl));line-height:1.2;letter-spacing:-.035em;margin-top:var(--ph-s-3)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ph-s-10);list-style:none;padding:0;margin:var(--ph-s-10) 0 0}.steps li{display:flex;align-items:flex-start;gap:var(--ph-s-4)}.step-number{flex-shrink:0;display:grid;place-items:center;width:var(--ph-s-10);height:var(--ph-s-10);background:var(--ph-brand-50);color:var(--ph-brand-700);border-radius:var(--ph-r-lg);font-size:var(--ph-t-sm);font-weight:700}.steps h3{font-size:var(--ph-t-base);font-weight:700;line-height:1.5}.steps p{margin-top:var(--ph-s-2);font-size:var(--ph-t-sm);color:var(--ph-muted);line-height:1.7}
.partner-section{padding-bottom:var(--ph-s-16)}.partner-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;gap:var(--ph-s-16);padding:var(--ph-s-12);background:var(--ph-text);border-radius:var(--ph-r-2xl);color:var(--ph-surface)}.partner-panel::after{content:'';position:absolute;width:420px;height:420px;right:-120px;top:-230px;background:radial-gradient(circle,color-mix(in srgb,var(--ph-brand-600) 25%,transparent),transparent 70%);pointer-events:none}.partner-copy .eyebrow{justify-content:flex-start;color:var(--ph-brand-300);font-size:var(--ph-t-xs);font-weight:700;letter-spacing:.13em}.partner-copy h2{font-size:clamp(var(--ph-t-2xl),3.4vw,calc(var(--ph-t-4xl) * 1.3));font-weight:700;line-height:1.08;letter-spacing:-.04em;margin-top:var(--ph-s-5)}.partner-copy>p:not(.eyebrow){font-size:var(--ph-t-base);line-height:1.7;margin-top:var(--ph-s-5);color:color-mix(in srgb,var(--ph-surface) 76%,transparent);max-width:420px}.partner-actions{display:flex;align-items:center;gap:var(--ph-s-6);flex-wrap:wrap;margin-top:var(--ph-s-8)}.learn-link{font-size:var(--ph-t-sm);text-decoration:underline;text-underline-offset:var(--ph-s-1);min-height:44px;display:inline-flex;align-items:center;color:color-mix(in srgb,var(--ph-surface) 85%,transparent)}.partner-features{align-self:center;display:grid;gap:var(--ph-s-8)}.partner-features>div{display:flex;gap:var(--ph-s-4);align-items:flex-start}.partner-features>div>.material-symbols{flex-shrink:0;display:grid;place-items:center;width:var(--ph-s-12);height:var(--ph-s-12);border-radius:var(--ph-r-lg);background:color-mix(in srgb,var(--ph-surface) 8%,transparent);color:var(--ph-brand-300)}.partner-features strong{display:block;font-size:var(--ph-t-base);font-weight:500;line-height:1.5}.partner-features small{display:block;margin-top:var(--ph-s-2);font-size:var(--ph-t-sm);line-height:1.6;color:color-mix(in srgb,var(--ph-surface) 65%,transparent)}
.site-footer{padding-bottom:var(--ph-s-8);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ph-s-4) var(--ph-s-6);font-size:var(--ph-t-sm)}.footer-brand{font-size:var(--ph-t-lg);font-weight:700;letter-spacing:-.035em}.footer-brand>span{color:var(--ph-brand-600);margin-left:var(--ph-s-1)}.site-footer>p{color:var(--ph-muted);flex:1}.site-footer nav{display:flex;gap:var(--ph-s-5);flex-wrap:wrap}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ph-text-2)}.site-footer nav a:hover{text-decoration:underline}.site-footer>small{width:100%;border-top:1px solid var(--ph-border);padding-top:var(--ph-s-5);color:var(--ph-muted);font-size:var(--ph-t-xs)}
@media(min-width:1700px){.hero-art{object-fit:cover;object-position:center 48%}.hero{min-height:740px}}
@media(max-width:1023px){.container{width:calc(100% - var(--ph-s-12))}.hero{min-height:620px}.hero-art{opacity:.65}.hero-content{max-width:780px}.steps{gap:var(--ph-s-6)}.steps li{flex-direction:column}.partner-panel{gap:var(--ph-s-8);padding:var(--ph-s-8)}.header-inner nav{gap:var(--ph-s-5)}.site-footer>p{min-width:60%}}
@media(max-width:639px){.container{width:calc(100% - var(--ph-s-10))}.header-inner{min-height:80px;gap:var(--ph-s-2)}.brand{gap:0}.brand>img{width:40px;height:40px}.brand>span{font-size:var(--ph-t-lg)}.brand small{display:none}.header-inner nav{gap:var(--ph-s-3);font-size:var(--ph-t-sm)}.partner-link>.material-symbols{display:none}.login-link{min-height:44px;padding:var(--ph-s-2) var(--ph-s-3);gap:var(--ph-s-1);font-size:var(--ph-t-sm)}.login-link>.material-symbols{font-size:20px}.hero{min-height:670px;align-items:start}.hero-content{padding-top:var(--ph-s-10);padding-bottom:200px}.hero-art{inset:auto 0 0;height:210px;opacity:1;object-fit:cover;mask-image:linear-gradient(to bottom,transparent,black 40%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 40%)}.hero .eyebrow{font-size:var(--ph-t-xs);margin-bottom:var(--ph-s-4)}h1{font-size:clamp(var(--ph-t-2xl),8.3vw,var(--ph-t-3xl));letter-spacing:-.04em;line-height:1.08}.hero-description{font-size:16px;line-height:1.6;margin-top:var(--ph-s-4)}.desktop-break{display:none}.search{margin-top:var(--ph-s-6);padding:var(--ph-s-2);gap:var(--ph-s-2);border-radius:var(--ph-r-lg)}.search-icon{display:none}.search input{padding-left:var(--ph-s-2);min-height:44px;font-size:16px}.search .button{padding-inline:var(--ph-s-3);gap:var(--ph-s-1);min-height:44px;font-size:var(--ph-t-sm)}.search .button>.material-symbols{display:none}.suggestions{gap:var(--ph-s-2);margin-top:var(--ph-s-4)}.suggestions>span{display:none}.suggestions>a{font-size:var(--ph-t-xs);min-height:40px;padding:var(--ph-s-2) var(--ph-s-3)}.explore-link{margin-top:var(--ph-s-4)}.how{padding-block:var(--ph-s-10)}.section-heading{text-align:left}.section-heading .eyebrow{justify-content:flex-start}.steps{grid-template-columns:1fr;gap:var(--ph-s-6);margin-top:var(--ph-s-6)}.steps li{flex-direction:row}.partner-section{padding-bottom:var(--ph-s-10)}.partner-panel{grid-template-columns:1fr;padding:var(--ph-s-6);gap:var(--ph-s-8)}.partner-copy h2{font-size:var(--ph-t-2xl)}.partner-copy>p:not(.eyebrow){font-size:var(--ph-t-sm)}.partner-actions{margin-top:var(--ph-s-6);gap:var(--ph-s-4)}.partner-features{gap:var(--ph-s-5);padding-top:var(--ph-s-6);border-top:1px solid color-mix(in srgb,var(--ph-surface) 15%,transparent)}.partner-features strong{font-size:var(--ph-t-sm)}.partner-features small{margin-top:var(--ph-s-1)}.site-footer{align-items:flex-start;gap:var(--ph-s-2) var(--ph-s-4)}.site-footer>p{min-width:100%;font-size:var(--ph-t-xs);line-height:1.7}.site-footer nav{gap:var(--ph-s-4);margin-block:var(--ph-s-2)}.site-footer>small{line-height:1.7}.image-credit{font-size:var(--ph-t-xs);right:var(--ph-s-2);bottom:var(--ph-s-2)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.suggestions>a{transition:none}.button-light:hover{transform:none}}
