:root { --yellow:#ffd400; --ink:#11110f; --cream:#fffdf5; --muted:#68675f; }

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.nav { height:92px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; }
.brand { width:142px; height:42px; border-radius:9px; background:#0b0b0b; padding:11px 14px; display:flex; align-items:center; }
.brand img { width:100%; height:auto; display:block; }
.navLinks { display:flex; align-items:center; gap:34px; font-size:14px; font-weight:700; }
.navCta,.button { border-radius:999px; padding:14px 21px; }.navCta { background:var(--yellow); }
.hero { min-height:calc(100vh - 92px); display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:42px; padding-block:40px 80px; }
.eyebrow { font-size:12px; letter-spacing:.18em; text-transform:uppercase; font-weight:800; margin:0 0 18px; }.eyebrow::before { content:""; display:inline-block; width:30px; height:4px; border-radius:9px; background:var(--yellow); margin:0 10px 2px 0; }
h1 { font-size:clamp(58px, 6vw, 88px); line-height:.94; letter-spacing:-.06em; margin:0; max-width:710px; }h1 em { font-style:normal; position:relative; z-index:0; }h1 em::after { content:""; position:absolute; z-index:-1; left:-3px; right:-5px; bottom:5px; height:22px; background:var(--yellow); transform:rotate(-1deg); }
.heroText { color:var(--muted); font-size:18px; line-height:1.65; max-width:500px; margin:28px 0; }.heroActions { display:flex; gap:25px; align-items:center; font-weight:800; }.button.dark { background:var(--ink); color:white; padding:17px 23px; }.button span { color:var(--yellow); margin-left:10px; }.textLink { border-bottom:2px solid var(--ink); padding-bottom:5px; }
.heroVisual { position:relative; min-height:590px; display:grid; place-items:center; }.sunburst { position:absolute; width:480px; height:480px; border-radius:50%; background:var(--yellow); box-shadow:40px 30px 0 #f5efe0; }.phone { position:relative; z-index:2; width:278px; height:548px; border:9px solid #111; border-radius:42px; background:white; padding:27px 18px; transform:rotate(5deg); box-shadow:0 30px 70px #5d520a38; overflow:hidden; }.phoneTop { display:flex; justify-content:space-between; font-size:10px; }.hello { margin:32px 0 3px; font-size:11px; color:#666; }.phone h2 { font-size:23px; letter-spacing:-.04em; margin:0 0 17px; }.search { font-size:10px; padding:12px; border-radius:12px; background:#f4f3ef; color:#888; }.chips { display:flex; gap:6px; margin:15px 0; overflow:hidden; }.chips span { white-space:nowrap; background:#fff7cf; padding:8px; border-radius:9px; font-size:9px; }.foodCard { border-radius:18px; border:1px solid #eee; padding:10px; font-size:11px; box-shadow:0 9px 20px #0000000c; }.foodPhoto { height:180px; border-radius:13px; background:#f6cf55; display:grid; place-items:center; font-size:80px; margin-bottom:10px; }.foodCard small { display:block; color:#777; margin-top:5px; }.foodCard strong { float:right; margin-top:-29px; }
.floatingCard { position:absolute; z-index:3; background:white; border:1px solid #eee6d3; border-radius:16px; box-shadow:0 18px 45px #2f2a141e; display:flex; }.floatingCard small { display:block; color:#777; font-size:10px; margin-top:3px; }.orderCard { left:5px; bottom:90px; align-items:center; gap:11px; padding:14px; font-size:12px; }.orderCard span { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:var(--yellow); font-weight:900; }.timeCard { right:0; top:100px; padding:15px 18px; flex-direction:column; text-align:center; transform:rotate(5deg); }.timeCard b { font-size:25px; }
@media (max-width:850px){ .navLinks a:not(.navCta){display:none}.hero{grid-template-columns:1fr;text-align:center}.heroCopy{padding-top:35px}.heroText{margin-inline:auto}.heroActions{justify-content:center}.heroVisual{min-height:560px}.eyebrow::before{display:none} }
@media (max-width:520px){.shell{width:min(100% - 28px,1180px)}.nav{height:76px}.brand{width:125px}.hero{padding-top:10px}.hero h1{font-size:50px}.heroActions{flex-direction:column}.heroVisual{min-height:500px;transform:scale(.86);margin:-25px -30px}.sunburst{width:400px;height:400px}.phone{height:510px}.orderCard{left:-10px}.timeCard{right:-10px}}
.menuButton{display:none}.section{padding-block:120px}.marquee{background:var(--yellow);overflow:hidden;padding:18px 0;white-space:nowrap;font-size:13px;font-weight:900;letter-spacing:.14em}.marquee div{width:max-content;animation:move 18s linear infinite}.marquee i{font-style:normal;margin:0 30px}@keyframes move{to{transform:translateX(-25%)}}
.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:56px}.sectionHead h2,.featureCopy h2,.download h2,.faq h2{font-size:clamp(45px,5vw,70px);line-height:1;letter-spacing:-.055em;margin:0}.sectionHead>p{max-width:390px;color:var(--muted);line-height:1.7}.stepGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stepGrid article{position:relative;border:1px solid #e5dfd0;border-radius:24px;padding:30px;min-height:330px;background:#fff}.stepGrid article>span{float:right;color:#a9a59a;font-size:12px;font-weight:800}.stepIcon{width:70px;height:70px;background:#f2efe5;border-radius:20px;display:grid;place-items:center;font-size:28px;margin:38px 0 48px;transform:rotate(-4deg)}.stepGrid h3{font-size:22px;margin:0 0 12px}.stepGrid p{color:var(--muted);line-height:1.6;margin:0}.stepGrid .featuredStep{background:var(--yellow);border-color:var(--yellow);transform:translateY(-14px);box-shadow:0 20px 50px #a78d0026}.featuredStep .stepIcon{background:#111;color:white}.featuredStep p{color:#39360f}
.features{background:#111;color:white;padding:120px 0;overflow:hidden}.featureGrid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.featureVisual{height:590px;position:relative;display:grid;place-items:center}.featureVisual:before{content:"";position:absolute;width:470px;height:470px;border-radius:50%;background:var(--yellow)}.plate{position:relative;width:360px;height:360px;border-radius:50%;background:#fff;box-shadow:0 25px 60px #0006;display:grid;place-items:center;border:25px solid #f0eee5;transform:rotate(-6deg)}.plate span{font-size:150px}.ratingBadge{position:absolute;bottom:35px;right:5px;color:#111;background:#fff;border-radius:18px;padding:17px 20px;box-shadow:0 15px 40px #0005}.ratingBadge b{font-size:28px;margin-right:10px}.ratingBadge span{color:#e9b900}.ratingBadge small{display:block;color:#777;margin-top:5px}.eyebrow.light{color:#eee}.featureCopy h2 em,.download h2 em,.faq h2 em{font-style:normal;color:var(--yellow)}.featureCopy>p{color:#aaa;line-height:1.75;font-size:17px;max-width:520px}.featureCopy ul{list-style:none;padding:10px 0 0;margin:0}.featureCopy li{border-top:1px solid #343434;padding:21px 0;display:grid;grid-template-columns:180px 1fr}.featureCopy li span{color:#999;font-size:14px;line-height:1.5}
.testimonial{text-align:center}.quoteMark{width:55px;height:55px;border-radius:50%;background:var(--yellow);font-family:Georgia;font-size:50px;line-height:75px;margin:auto}.testimonial blockquote{font-family:Georgia,serif;font-size:clamp(34px,4.2vw,62px);line-height:1.2;max-width:930px;margin:35px auto;letter-spacing:-.03em}.quoteMeta{display:flex;justify-content:center;align-items:center;gap:15px;text-transform:uppercase;font-size:10px;letter-spacing:.13em;font-weight:800;color:#7b786e}.quoteMeta i{width:5px;height:5px;border-radius:50%;background:var(--yellow)}
.download{background:var(--yellow);border-radius:36px;min-height:560px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;margin-bottom:120px;padding:75px 80px;align-items:center}.download h2 em{color:#111;text-decoration:underline;text-decoration-thickness:7px;text-underline-offset:5px}.downloadCopy>p:last-of-type{font-size:17px;line-height:1.6}.storeRow{display:flex;gap:10px;margin-top:32px}.storeRow a{background:#111;color:#fff;border-radius:11px;padding:10px 17px;display:flex;align-items:center;gap:10px;min-width:155px}.storeRow a>span{font-size:25px}.storeRow small,.storeRow b{display:block}.storeRow small{font-size:8px}.storeRow b{font-size:16px}.downloadArt{height:420px;position:relative;display:grid;place-items:center}.downloadArt:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:#fff4a7}.miniPhone{position:relative;background:#111;color:white;border:8px solid #222;border-radius:38px;width:230px;height:450px;padding:42px 22px;display:flex;flex-direction:column;transform:rotate(8deg);box-shadow:0 30px 50px #8a75004d}.miniPhone img{width:130px}.miniPhone span{font-size:28px;font-weight:800;letter-spacing:-.04em;margin:auto 0}.miniPhone b{background:var(--yellow);color:#111;padding:14px;border-radius:20px;text-align:center;font-size:12px}
.faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.faqList{border-top:1px solid #d8d2c5}.faqItem{border-bottom:1px solid #d8d2c5}.faqItem button{width:100%;border:0;background:none;padding:26px 0;display:flex;justify-content:space-between;text-align:left;font-size:18px;font-weight:800;cursor:pointer}.faqItem button b{font-size:24px}.faqItem p{color:var(--muted);line-height:1.65;max-height:0;overflow:hidden;margin:0;transition:.35s}.faqItem.active p{max-height:120px;margin:-8px 45px 24px 0}
footer{background:#111;color:white;padding:80px 0 25px}.footerTop{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:50px;align-items:start}.footerBrand{width:180px}.footerBrand img{width:180px}.footerTop>p{font-size:34px;font-weight:800;line-height:1.1;margin:0;color:var(--yellow)}.footerLinks{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footerLinks div{display:flex;flex-direction:column;gap:13px}.footerLinks b{text-transform:uppercase;color:#777;font-size:10px;letter-spacing:.15em;margin-bottom:8px}.footerLinks a{font-size:14px}.footerBottom{border-top:1px solid #303030;margin-top:65px;padding-top:22px;display:flex;justify-content:space-between;color:#777;font-size:11px}
.legalPage{min-height:100vh}.legalHero{background:var(--yellow);padding:75px 0}.legalHero .brand{margin-bottom:75px}.legalHero h1{max-width:900px}.legalHero p{font-weight:700;margin-top:25px}.legalContent{max-width:850px;padding-block:80px}.legalContent h2{font-size:27px;margin:50px 0 14px;letter-spacing:-.03em}.legalContent h2:first-child{margin-top:0}.legalContent p,.legalContent li{color:#55534d;line-height:1.8}.legalBack{display:inline-block;margin-top:45px;font-weight:800;border-bottom:2px solid #111}
@media (max-width:850px){.menuButton{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:10px;z-index:8}.menuButton span{display:block;width:26px;height:2px;background:#111}.navLinks{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:25px;border-radius:18px;box-shadow:0 15px 40px #0002;flex-direction:column}.navLinks.open{display:flex}.section{padding-block:80px}.sectionHead{display:block;text-align:center}.sectionHead>p{margin-inline:auto}.stepGrid{grid-template-columns:1fr}.stepGrid .featuredStep{transform:none}.featureGrid,.download,.faq{grid-template-columns:1fr}.features{padding:80px 0}.featureCopy{text-align:center}.featureCopy li{text-align:left}.download{padding:55px;text-align:center}.storeRow{justify-content:center}.footerTop{grid-template-columns:1fr 1fr}.footerLinks{grid-column:1/-1}.footerTop>p{text-align:right}}
@media (max-width:520px){.sectionHead h2,.featureCopy h2,.download h2,.faq h2{font-size:43px}.featureVisual{height:450px}.featureVisual:before{width:350px;height:350px}.plate{width:285px;height:285px}.plate span{font-size:120px}.featureCopy li{grid-template-columns:1fr;gap:7px}.download{border-radius:0;width:100%;padding:60px 22px;margin-bottom:70px}.storeRow{flex-direction:column;align-items:center}.faq{gap:45px}.footerTop{grid-template-columns:1fr}.footerTop>p{text-align:left}.footerBottom{flex-direction:column;gap:10px}.legalHero{padding:40px 0}.legalHero .brand{margin-bottom:55px}.legalContent{padding-block:55px}}
.legalContent p a{text-decoration:underline;font-weight:700;color:#111}

/* Food photography enhancements */
.heroFoodImage{position:absolute;width:455px;height:455px;object-fit:cover;border-radius:50%;z-index:1;box-shadow:0 28px 70px #4a3b0028;border:10px solid #fff9df;transform:translate(-28px,12px)}
.phone{width:238px;height:470px;position:absolute;right:-18px;bottom:28px;transform:rotate(7deg);z-index:3}
.phone .foodPhoto{height:125px}
.orderCard{left:-8px;bottom:65px}.timeCard{right:-25px;top:72px}
.plate{overflow:hidden;border:14px solid #f0eee5;width:390px;height:470px;border-radius:195px;transform:rotate(-4deg)}
.plate img{width:100%;height:100%;object-fit:cover;display:block}
.featureVisual:after{content:"Fresh picks";position:absolute;left:8px;top:58px;background:#fff;color:#111;padding:13px 18px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.04em;transform:rotate(-7deg);box-shadow:0 10px 30px #0004}
.ratingBadge{z-index:3}
@media (max-width:850px){.heroFoodImage{width:430px;height:430px}.phone{right:calc(50% - 270px)}.featureVisual{max-width:560px;width:100%;margin:auto}}
@media (max-width:520px){.heroFoodImage{width:390px;height:390px;transform:none}.phone{right:-20px;bottom:0}.plate{width:300px;height:380px}.featureVisual:after{left:0;top:40px}}

/* Refined feature-image composition */
.featureVisual:before{width:410px;height:500px;border-radius:34px;transform:translate(20px,18px) rotate(3deg)}
.plate{width:410px;height:500px;border:12px solid #f7f4e8;border-radius:34px;transform:rotate(-2deg);box-shadow:0 30px 70px #0008}
.featureVisual:after{left:24px;top:36px;z-index:4}
.ratingBadge{right:8px;bottom:24px;min-width:205px;padding:16px 20px;border-radius:16px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;overflow:visible}
.ratingBadge b{margin:0;font-size:28px;line-height:1}.ratingBadge span{white-space:nowrap;font-size:13px;letter-spacing:1px}.ratingBadge small{grid-column:1/-1;white-space:nowrap;margin-top:8px;font-size:12px}
@media (max-width:520px){.featureVisual{height:455px}.featureVisual:before{width:300px;height:375px;transform:translate(12px,12px) rotate(3deg)}.plate{width:300px;height:375px;border-radius:26px}.featureVisual:after{left:8px;top:28px}.ratingBadge{right:0;bottom:18px;min-width:190px}}