@font-face{font-family:Mier;src:url(/assets/freshmealplan/Mier-B-Bold.woff2) format("woff2");font-weight:700}
@font-face{font-family:Mier;src:url(/assets/freshmealplan/Mier-B-DemiBold.woff2) format("woff2");font-weight:500}
:root{--g:#1f5940;--g2:#519864;--o:#e06338;--cream:#fbfaf4;--line:#e2dfd7;--ink:#3a3a3a}
*{box-sizing:border-box}body{margin:0;font-family:Mier,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.5}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.draft{background:#fff3cd;color:#664d03;font-size:13px;text-align:center;padding:8px 12px}
.bar{background:var(--g);color:#fff;text-align:center;padding:10px;font-weight:700;font-size:15px}
h1,h2,h3{color:var(--g);line-height:1.15;margin:0 0 12px}
h1{font-size:clamp(32px,6vw,54px)}h2{font-size:clamp(26px,4vw,36px);text-align:center}
.hero{display:grid;gap:28px;padding:40px 0;align-items:center}
@media(min-width:800px){.hero{grid-template-columns:1.1fr 1fr}}
.hero img{width:100%;border-radius:16px;display:block;aspect-ratio:4/3;object-fit:cover}
.hl{color:var(--o)}
.btn{display:inline-block;background:var(--o);color:#fff;text-decoration:none;font-weight:700;padding:16px 30px;border-radius:999px;font-size:18px}
.btn:hover{filter:brightness(.93)}
.fine{font-size:13px;color:#6c757d;margin-top:10px}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.badges li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--g);font-weight:500}
section{padding:36px 0}
.grid{display:grid;gap:18px}@media(min-width:700px){.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.card .b{padding:16px}.card img{width:100%;height:180px;object-fit:cover;display:block}
.num{width:36px;height:36px;border-radius:50%;background:var(--g2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px}
.plan{text-align:center;padding:22px 16px}.plan .big{font-size:40px;color:var(--g);font-weight:700}
.plan s{color:#999}.plan .now{color:var(--o);font-weight:700;font-size:20px}
.ph{background:#fff3cd;padding:0 4px;border-radius:3px}
.quote{padding:20px}.quote p{margin:0 0 10px}.quote b{color:var(--g)}
.cta{background:var(--g);color:#fff;text-align:center;border-radius:20px;padding:44px 20px}
.cta h2{color:#fff}.cta .fine{color:#d6e6dc}
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}summary{font-weight:700;color:var(--g);cursor:pointer}
footer a{color:inherit}footer{text-align:center;font-size:13px;color:#6c757d;padding:30px 0 90px}
.sticky{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px;text-align:center;z-index:5}
.sticky .btn{padding:12px 24px;font-size:16px}
@media(min-width:800px){.sticky{display:none}}

.hero{padding:26px 0 18px}
.checks{list-style:none;padding:0;margin:0 0 18px}.checks li{padding-left:26px;position:relative;margin:6px 0;font-weight:500}
.checks li:before{content:"\2713";position:absolute;left:0;color:var(--g2);font-weight:700}
.steps{display:grid;gap:12px}@media(min-width:700px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.step .num{flex:none;margin:0}.step b{color:var(--g);display:block}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:700px){.gal{grid-template-columns:repeat(4,1fr)}}
.gal img{width:100%;height:170px;object-fit:cover;border-radius:12px;display:block}
.plans{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0}
.plans div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 18px;text-align:center;color:var(--g);font-weight:700}
.plans small{display:block;font-weight:500;color:var(--ink)}
section{padding:22px 0}h2{margin-bottom:14px}
 a:focus-visible, summary:focus-visible { outline: 3px solid #1f5940; outline-offset: 4px; } .sticky { padding-bottom: max(10px, env(safe-area-inset-bottom)); }

/* Match the original FRESH landing page branding and headline typography. */
@font-face{font-family:"Lilita One";src:url("/diet-landing/lilita-one.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
h1{font-family:"Lilita One",Mier,Helvetica,Arial,sans-serif;font-weight:400;font-synthesis:none;letter-spacing:0}
.brand-header{padding-top:20px}
.brand-header img{display:block;width:164px;max-width:45vw;height:auto}

.plans div{min-width:120px}
.plans .plan-original{display:block;margin-top:10px;color:#59616a;font-size:16px}
.plans .plan-discounted{display:block;color:#ef304c;font-size:24px;line-height:1.3;font-weight:700}