@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--orange:#ff5a36;--ink:#20201f;--muted:#73716f;--cream:#fff9f2;--line:#eee5dc;--green:#1d7d59}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,92px);border-bottom:1px solid #f4eee8;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);z-index:10}.brand{font:800 1.35rem Manrope,sans-serif;letter-spacing:-1px;display:flex;gap:9px;align-items:center}.brand-mark{background:var(--orange);color:white;border-radius:12px;width:35px;height:35px;display:grid;place-items:center}.topbar nav{display:flex;gap:28px;color:#5e5a56;font-size:.92rem}.cart-pill{border:1px solid var(--line);border-radius:30px;background:white;padding:10px 16px;font-weight:700;cursor:pointer}.cart-pill span{background:var(--orange);color:white;padding:3px 7px;border-radius:20px;margin-left:5px}.hero{min-height:510px;padding:70px clamp(20px,8vw,120px);background:var(--cream);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;overflow:hidden}.eyebrow{font-size:.72rem;letter-spacing:2px;font-weight:800;color:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(3.2rem,6vw,5.4rem)/1.03 Manrope,sans-serif;letter-spacing:-4px;margin:16px 0}h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:460px;color:#68615b;line-height:1.7;font-size:1.08rem}.search-row{display:flex;gap:8px;background:white;padding:7px;border:1px solid #eee3d9;border-radius:15px;max-width:490px;box-shadow:0 12px 32px #5a34200c}.search-row input{border:0;outline:0;flex:1;min-width:0;padding:12px;font:inherit}.search-row button,.primary{background:var(--orange);color:white;border:0;border-radius:11px;padding:13px 18px;font-weight:800;cursor:pointer}.hero-note{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#746d66;font-size:.8rem}.hero-art{height:350px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:290px;height:290px;border-radius:50%;background:#ffe1b9;right:12%;top:0}.plate{width:300px;height:300px;background:#fff;border:14px solid #f5e9dd;box-shadow:0 24px 55px #6c3a2020;border-radius:50%;z-index:1;position:relative;transform:rotate(-12deg)}.food{position:absolute;border-radius:50%;box-shadow:inset -8px -8px 0 #00000012}.food-a{background:#e85c2e;width:115px;height:110px;left:37px;top:44px}.food-b{background:#f4bd4b;width:100px;height:100px;right:30px;top:57px}.food-c{background:#6d9b52;width:135px;height:112px;left:82px;bottom:30px}.leaf{position:absolute;width:85px;height:25px;border-radius:100% 0 100% 0;background:#397b4d;left:106px;top:132px;transform:rotate(-28deg)}.floating-tag{position:absolute;z-index:2;background:white;padding:13px 17px;border-radius:13px;box-shadow:0 12px 30px #55331c18;font-weight:700;font-size:.83rem}.tag-one{top:38px;left:0;transform:rotate(-5deg)}.tag-two{bottom:20px;right:0;transform:rotate(5deg)}.section{padding:72px clamp(20px,8vw,120px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section h2,.how h2{font:800 clamp(2rem,4vw,3rem)/1.1 Manrope,sans-serif;letter-spacing:-1.5px;margin:10px 0 28px}.muted{color:var(--muted);font-size:.85rem}.filters{display:flex;gap:9px;margin:0 0 25px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:24px;background:white;padding:9px 17px;cursor:pointer;color:#514d49}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.food-card{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:white;transition:transform .2s,box-shadow .2s}.food-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #3a24120d}.food-image{height:155px;display:grid;place-items:center;font-size:4.5rem;background:linear-gradient(135deg,#fff0db,#ffe1d0)}.food-card:nth-child(3n+2) .food-image{background:linear-gradient(135deg,#e8f1db,#d4e7c5)}.food-card:nth-child(3n) .food-image{background:linear-gradient(135deg,#fff0c7,#ffd7a6)}.food-info{padding:16px}.food-info .restaurant{font-size:.77rem;color:var(--muted);margin-bottom:8px}.food-info h3{font:700 1.02rem Manrope,sans-serif;margin-bottom:12px}.food-bottom{display:flex;align-items:center;justify-content:space-between;font-weight:800}.add-btn{background:#fff0e9;color:var(--orange);border:0;border-radius:10px;width:35px;height:35px;font-size:1.4rem;cursor:pointer}.how{background:#252321;color:white}.how .eyebrow{color:#ff9c7f}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{border-top:1px solid #ffffff30;padding-top:20px}.steps b{color:#ff9478;font-size:.85rem}.steps h3{font:700 1.3rem Manrope,sans-serif;margin:18px 0 9px}.steps p{color:#c9c3bd;line-height:1.6}footer{padding:28px clamp(20px,6vw,92px);display:flex;justify-content:space-between;gap:15px;align-items:center;color:var(--muted);font-size:.82rem}.modal-backdrop{position:fixed;inset:0;background:#1b1714a6;z-index:30;display:grid;place-items:center;padding:18px}.hidden{display:none!important}.modal{background:white;border-radius:22px;padding:28px;width:min(100%,500px);max-height:92vh;overflow:auto;position:relative}.modal h2{font:800 2rem Manrope,sans-serif;margin:8px 0 20px}.close{position:absolute;right:18px;top:14px;border:0;background:#f6f0ea;border-radius:50%;width:35px;height:35px;font-size:1.4rem;cursor:pointer}.cart-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-line small{display:block;color:var(--muted);margin-top:4px}.cart-total{display:flex;justify-content:space-between;padding:18px 0;font-size:1.05rem}.small-note{font-size:.8rem;color:var(--muted);line-height:1.5}.modal label{display:block;font-size:.85rem;font-weight:700;margin:13px 0}.modal input,.modal textarea{display:block;width:100%;margin-top:7px;border:1px solid #e5dbd2;border-radius:10px;padding:12px;font:inherit}.modal textarea{min-height:75px;resize:vertical}.full{width:100%}.notice{margin-top:14px;background:#eaf8f0;color:#176d4b;border-radius:10px;padding:12px;font-size:.88rem}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:48px}.hero-art{height:290px}.plate{width:240px;height:240px}.sun{width:230px;height:230px}.food-a{width:90px;height:88px}.food-b{width:80px;height:80px}.food-c{width:110px;height:90px}.leaf{left:84px;top:106px}.food-grid{grid-template-columns:repeat(2,1fr)}.food-image{height:130px}.steps{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.topbar nav{gap:13px}}@media(max-width:480px){.topbar{height:64px;padding:0 15px}.topbar nav{display:none}.brand{font-size:1.15rem}.hero{padding:42px 20px}.hero-art{height:250px}.plate{width:215px;height:215px}.sun{width:205px;height:205px}.food-grid{gap:10px}.food-info{padding:12px}.food-info h3{font-size:.9rem}.food-image{height:115px;font-size:3.7rem}.section{padding:50px 18px}footer{flex-wrap:wrap}.hero-note{gap:10px;font-size:.72rem}}