body { background:#F5F4EC; }
.public-header { align-items:center; display:flex; height:82px; justify-content:space-between; margin:auto; max-width:1440px; padding:0 5.3vw; }
.public-header nav { display:flex; gap:28px; }.public-header nav a,.public-actions a { color:#6e7971;font-size:12px;font-weight:700;text-decoration:none; }
.public-menu-toggle { background:transparent;border:1px solid #dfe3d8;border-radius:999px;color:#183d2c;display:none;font-size:11px;font-weight:700;padding:9px 12px; }
.public-actions { align-items:center;display:flex;gap:9px; }.public-actions .sign-in { color:#15221c;padding:9px 10px; }.public-actions .create-account { background:#153F2F;border-radius:999px;color:white;padding:11px 17px; }
.public-hero { align-items:center; background:#153F2F;color:white;display:grid;grid-template-columns:1fr 1fr;margin:10px 5.3vw 0;min-height:520px;padding:55px 7%;border-radius:28px;overflow:hidden; }
.public-hero-copy { max-width:560px; }.public-hero-copy h1 { font:700 clamp(52px,5vw,76px)/0.92 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:16px 0 24px; }.public-hero-copy h1 em { color:#d7e86a;font-style:normal; }.public-hero-copy > p:not(.eyebrow) { color:#cbd5ce;font-size:17px;line-height:1.65;max-width:480px; }
.hero-buttons { display:flex;gap:12px;margin-top:30px; }.hero-buttons a { border-radius:999px;font-size:13px;font-weight:700;padding:15px 22px;text-decoration:none; }.lime-button { background:#D8EB68;color:#153F2F!important; }.outline-button { border:1px solid #91a095;color:white!important; }
.hero-food-scene { align-items:center;display:flex;height:390px;justify-content:center;position:relative; }.scene-badge { background:#f27b61;border-radius:50%;color:white;font-size:11px;height:92px;left:4%;padding-top:29px;position:absolute;text-align:center;transform:rotate(-10deg);width:92px;z-index:3; }.sun-disc { background:#f4cf67;border-radius:50%;height:310px;position:absolute;width:310px; }.bowl-shadow { background:rgba(0,0,0,.18);border-radius:50%;bottom:18px;height:25px;position:absolute;width:280px; }.public-bowl { background:#fffefa;border:18px solid #fffefa;border-radius:50%;height:235px;position:relative;width:235px;z-index:2;box-shadow:0 22px 40px rgba(0,0,0,.2); }.public-bowl span { border-radius:50%;height:78px;position:absolute;width:78px; }.public-bowl span:nth-child(1){background:#d7e86a;left:10px;top:10px}.public-bowl span:nth-child(2){background:#f27b61;right:10px;top:10px}.public-bowl span:nth-child(3){background:#f4cf67;bottom:9px;left:10px}.public-bowl span:nth-child(4){background:#b8ddec;bottom:9px;right:10px}.public-bowl span:nth-child(5){background:#183d2c;height:70px;left:65px;top:65px;width:70px}
.public-featured,.how-section { margin:auto;max-width:1440px;padding:85px 5.3vw; }.public-section-heading { align-items:end;display:flex;justify-content:space-between;margin-bottom:28px; }.public-section-heading h2,.why-section h2 { font:700 40px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:8px 0 0; }.public-section-heading a { color:#183d2c;font-size:12px;font-weight:700;text-decoration:none; }
.public-meal-grid { display:grid;gap:16px;grid-template-columns:repeat(4,1fr); }.public-meal-card { background:#fffefa;border:1px solid #dfe3d8;border-radius:18px;overflow:hidden;transition:.2s; }.public-meal-card:hover { box-shadow:0 18px 40px rgba(21,34,28,.1);transform:translateY(-5px); }.public-meal-art { align-items:flex-end;background:#b8ddec;display:flex;height:160px;padding:12px; }.public-meal-art.yellow{background:#f8d574}.public-meal-art.pink{background:#f1b2a0}.public-meal-art.green{background:#cbdc9c}.public-meal-art span { background:white;border-radius:999px;font-size:10px;padding:7px 10px; }.public-meal-body { padding:18px; }.public-meal-body p { color:#6e7971;font-size:12px;line-height:1.45; }.public-meal-body h3 { font:700 19px 'Space Grotesk',sans-serif;margin:5px 0 8px; }.public-meal-body div { align-items:center;display:flex;justify-content:space-between;margin:13px 0; }.public-meal-body div strong { color:#183d2c;font-size:18px; }.public-meal-body div span { color:#6e7971;font-size:11px; }.public-meal-body a { color:#f27b61;font-size:12px;font-weight:700;text-decoration:none; }
.public-meal-art{overflow:hidden;padding:0;position:relative}.public-meal-art img{height:100%;object-fit:cover;width:100%}.public-meal-art span{bottom:12px;left:12px;position:absolute;z-index:1}.public-bowl{background:#fffefa;border:0!important;border-radius:50%!important;height:235px!important;overflow:hidden!important;width:235px!important}.public-bowl img{height:100%;object-fit:cover;width:100%}.public-meal-body { padding:18px; }.public-meal-body p { color:#6e7971;font-size:12px;line-height:1.45; }.public-meal-body h3 { font:700 19px 'Space Grotesk',sans-serif;margin:5px 0 8px; }.public-meal-body div { align-items:center;display:flex;justify-content:space-between;margin:13px 0; }.public-meal-body div strong { color:#183d2c;font-size:18px; }.public-meal-body div span { color:#6e7971;font-size:11px; }.public-meal-body a { color:#f27b61;font-size:12px;font-weight:700;text-decoration:none; }
.features-section { margin:auto;max-width:1440px;padding:85px 5.3vw 35px; }.features-grid { display:grid;gap:16px;grid-template-columns:repeat(3,1fr); }.features-grid article { background:#fffefa;border:1px solid #dfe3d8;border-radius:18px;padding:28px; }.feature-icon { background:#d7e86a;border-radius:50%;display:inline-flex;font-size:12px;font-weight:700;height:38px;justify-content:center;align-items:center;width:38px; }.features-grid h3 { font:700 20px 'Space Grotesk',sans-serif;margin:20px 0 8px; }.features-grid p { color:#6e7971;font-size:13px;line-height:1.55;margin:0; }
.how-section { padding-top:35px; }.how-grid { display:grid;gap:16px;grid-template-columns:repeat(3,1fr); }.how-grid article { background:#fffefa;border:1px solid #dfe3d8;border-radius:18px;padding:28px; }.how-grid span { background:#d7e86a;border-radius:50%;display:inline-flex;font-size:12px;font-weight:700;height:38px;justify-content:center;align-items:center;width:38px; }.how-grid h3 { font:700 20px 'Space Grotesk',sans-serif;margin:20px 0 8px; }.how-grid p { color:#6e7971;font-size:13px;line-height:1.55;margin:0; }
.why-section { align-items:center;background:#15221c;color:white;display:grid;grid-template-columns:.7fr 1.3fr;margin:0;padding:70px 10.6%; }.why-section h2 { color:white;margin-top:8px; }.why-grid { display:grid;gap:10px;grid-template-columns:repeat(2,1fr); }.why-grid span { border:1px solid #405047;border-radius:999px;color:#dce3de;font-size:12px;padding:14px 18px; }.why-grid span:last-child { grid-column:1/-1; }
.public-footer { background:#f1eee5;display:grid;font-size:12px;gap:40px;grid-template-columns:2fr repeat(3,1fr);padding:55px 10.6%; }.public-footer div { display:flex;flex-direction:column;gap:10px; }.public-footer p { color:#6e7971;margin-top:0; }.public-footer strong { margin-bottom:5px; }.public-footer a,.public-footer span { color:#6e7971;text-decoration:none; }
@media(max-width:900px){.public-header nav{display:none}.public-hero{grid-template-columns:1fr;padding:45px 35px}.hero-food-scene{height:340px}.public-meal-grid{grid-template-columns:repeat(2,1fr)}.why-section{grid-template-columns:1fr;gap:30px}.public-footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.public-header{position:relative}.public-menu-toggle{display:block;margin-left:auto;margin-right:10px}.public-actions{margin-left:0}.public-header nav{background:#fffefa;border:1px solid #dfe3d8;border-radius:16px;box-shadow:0 16px 35px rgba(21,34,28,.12);display:none;flex-direction:column;gap:0;left:5.3vw;position:absolute;right:5.3vw;top:72px;z-index:30}.public-header nav.open{display:flex}.public-header nav a{border-bottom:1px solid #edf0e8;padding:13px 16px}.public-header nav a:last-child{border-bottom:0}}
@media(max-width:600px){.public-header{padding:12px 20px}.public-actions .sign-in{display:none}.public-actions .create-account{font-size:11px;padding:10px 12px}.public-hero{margin:10px 20px;min-height:520px;padding:38px 24px}.public-hero-copy h1{font-size:48px}.public-hero-copy>p:not(.eyebrow){font-size:15px}.hero-food-scene{height:300px}.sun-disc{height:260px;width:260px}.public-bowl{height:210px;width:210px}.public-meal-grid,.how-grid,.features-grid{grid-template-columns:1fr}.public-featured,.how-section,.features-section{padding:60px 20px}.public-section-heading h2,.why-section h2{font-size:34px}.why-grid{grid-template-columns:1fr}.why-grid span:last-child{grid-column:auto}.public-footer{padding:45px 20px}}
