:root{--ink:#17372c;--ink-2:#29493e;--muted:#718079;--cream:#f7f5ef;--paper:#fff;--lime:#d7ee55;--orange:#f0a437;--line:#e5e7df;--shadow:0 18px 60px rgba(28,55,44,.12);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}.topbar{height:82px;display:flex;align-items:center;padding:0 max(4vw,32px);gap:42px;border-bottom:1px solid rgba(23,55,44,.1);background:rgba(247,245,239,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 23px Manrope,sans-serif;letter-spacing:-1px}.brand-mark{width:34px;height:34px;background:var(--ink);border-radius:50% 50% 47% 53%;display:grid;place-items:center;transform:rotate(-5deg)}.brand-mark span{width:13px;height:17px;border:3px solid var(--lime);border-top:0;border-radius:2px 2px 8px 8px;position:relative}.brand-mark span:after{content:"";position:absolute;width:5px;height:5px;border:2px solid var(--lime);border-left:0;border-bottom:0;transform:rotate(-45deg);top:-4px;left:1px}.location-pill{border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.location-pill>svg:first-child{width:20px;fill:var(--orange)}.location-pill span{display:flex;flex-direction:column}.location-pill small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}.location-pill strong{font-size:13px}.location-pill .chevron{width:14px;fill:none;stroke:var(--ink);stroke-width:2}nav{display:flex;align-items:center;gap:24px;margin-left:auto}.nav-link{border:0;background:none;font-weight:600;font-size:13px;cursor:pointer}.cart-button{display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border:0;border-radius:30px;padding:11px 15px;cursor:pointer;font-weight:600}.cart-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}.cart-button b{display:grid;place-items:center;background:var(--lime);color:var(--ink);width:22px;height:22px;border-radius:50%;font-size:11px}.hero{max-width:1450px;margin:auto;min-height:590px;padding:70px max(5vw,60px) 56px;display:grid;grid-template-columns:1fr .93fr;gap:70px;align-items:center}.hero-copy{max-width:630px}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#66776f}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:21px}.eyebrow span{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #f4dfbd}.hero h1{font:800 clamp(48px,5.7vw,82px)/.98 Manrope,sans-serif;letter-spacing:-4.5px;margin:0 0 24px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-copy>p{font-size:18px;line-height:1.6;color:#60736b;max-width:555px}.search-box{height:64px;background:#fff;border:1px solid #dfe2db;border-radius:13px;display:flex;align-items:center;padding:0 18px;margin:32px 0 24px;box-shadow:0 7px 24px rgba(35,57,47,.06)}.search-box:focus-within{border-color:#95ad36;box-shadow:0 0 0 3px rgba(215,238,85,.3)}.search-box svg{width:21px;fill:none;stroke:#7b8b84;stroke-width:1.8}.search-box input{flex:1;border:0;outline:0;font-size:14px;padding:0 14px;background:transparent}.search-box kbd{border:1px solid #e3e5df;color:#87918d;background:#f8f8f5;border-radius:6px;font-size:11px;padding:5px 7px}.trust-row{display:flex;align-items:center;gap:18px;color:#718079;font-size:11px}.trust-row b{color:var(--ink)}.trust-row i{width:3px;height:3px;background:#9fa9a4;border-radius:50%}.hero-art{height:470px;position:relative;overflow:hidden;border-radius:46% 46% 26px 26px;background:#d9ecf2}.sun{position:absolute;width:66px;height:66px;border-radius:50%;background:#ffd26c;right:75px;top:53px}.mountain{position:absolute;bottom:106px;width:500px;height:270px;clip-path:polygon(0 100%,28% 25%,43% 60%,61% 4%,100% 100%)}.mountain-back{right:-65px;background:#84b3a1;opacity:.8}.mountain-front{left:-100px;bottom:91px;background:#4e8976;clip-path:polygon(0 100%,46% 17%,62% 52%,76% 18%,100% 100%)}.mountain:after{content:"";position:absolute;inset:0;background:#eef4e8;clip-path:polygon(24% 30%,28% 25%,35% 41%,31% 39%,28% 48%)}.road{position:absolute;bottom:-55px;left:-5%;width:110%;height:180px;background:#e4bd87;transform:rotate(-4deg);border-top:15px solid #8bba6f}.cloud,.cloud:after,.cloud:before{position:absolute;background:rgba(255,255,255,.65);border-radius:30px}.cloud{width:70px;height:15px}.cloud:before,.cloud:after{content:"";bottom:0}.cloud:before{width:28px;height:28px;left:12px}.cloud:after{width:24px;height:22px;right:10px}.c1{left:55px;top:90px}.c2{right:20px;top:165px;transform:scale(.7)}.rider-card{position:absolute;z-index:8;right:22px;top:20px;background:rgba(255,255,255,.93);padding:12px 14px;border-radius:13px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 26px rgba(31,63,52,.13)}.live-dot{width:9px;height:9px;background:#50ac5c;border-radius:50%;box-shadow:0 0 0 4px #d8efdc}.rider-card div{display:flex;flex-direction:column}.rider-card small{color:#849089;font-size:9px;text-transform:uppercase;letter-spacing:1px}.rider-card strong{font-size:11px}.rider-card>b{font-size:11px;background:#edf5c5;padding:5px 7px;border-radius:8px}.bike{position:absolute;z-index:5;bottom:68px;left:28%;width:250px;height:190px;animation:float 3s ease-in-out infinite}.wheel{position:absolute;bottom:0;width:66px;height:66px;border:7px solid #17372c;border-radius:50%;box-shadow:inset 0 0 0 3px #d9ecf2}.w1{left:17px}.w2{right:10px}.bike-frame{position:absolute;left:48px;bottom:28px;width:130px;height:67px;border:10px solid #e89b34;border-left-color:transparent;transform:skew(-20deg);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.seat{position:absolute;left:97px;bottom:99px;width:40px;height:9px;background:#17372c;border-radius:5px;transform:rotate(-5deg)}.rider-body{position:absolute;left:108px;bottom:100px;width:55px;height:65px;background:#d7ee55;border-radius:28px 25px 8px 8px;transform:rotate(18deg)}.rider-head{position:absolute;left:137px;bottom:153px;width:35px;height:35px;border-radius:50%;background:#b9784d;border:7px solid #17372c;border-bottom-color:transparent}.delivery-box{position:absolute;left:50px;bottom:90px;width:64px;height:59px;background:#17372c;color:#d7ee55;border-radius:9px;display:grid;place-items:center;font:800 30px Manrope}.service-strip{background:var(--ink);display:grid;grid-template-columns:repeat(5,1fr);padding:20px max(5vw,60px);gap:2px}.service{border:0;border-right:1px solid rgba(255,255,255,.11);background:transparent;color:#fff;display:flex;align-items:center;gap:13px;text-align:left;padding:11px 17px;cursor:pointer;border-radius:12px}.service:last-child{border-right:0}.service:hover,.service.active{background:rgba(255,255,255,.08)}.service .icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;color:var(--ink);font-size:19px}.icon.green{background:var(--lime)}.icon.orange{background:#ffc46b}.icon.red{background:#ff8676}.icon.blue{background:#9bc8ff}.icon.purple{background:#c7a4ff}.service span:last-child{display:flex;flex-direction:column}.service b{font-size:13px}.service small{font-size:9px;color:#9eafa8;margin-top:3px}.stores-section{padding:74px max(5vw,60px) 90px;max-width:1450px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:31px}.section-heading h2,.how-copy h2,.drawer h2,.modal h2{font:800 34px Manrope,sans-serif;letter-spacing:-1.8px;margin:8px 0 0}.text-button{border:0;background:none;font-weight:700;font-size:12px;cursor:pointer}.text-button span{color:var(--orange);font-size:18px;margin-left:7px}.stores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.store-card{background:#fff;border:1px solid #e6e7e1;border-radius:18px;overflow:hidden;cursor:pointer;transition:.22s ease;position:relative}.store-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.store-visual{height:158px;background:var(--accent);position:relative;display:grid;place-items:center;overflow:hidden}.store-visual:before,.store-visual:after{content:"";position:absolute;border:2px solid rgba(23,55,44,.12);border-radius:50%;width:180px;height:180px}.store-visual:before{left:-100px;top:-100px}.store-visual:after{right:-110px;bottom:-110px}.store-emoji{font-size:65px;filter:drop-shadow(0 10px 10px rgba(23,55,44,.12));transform:rotate(-5deg)}.fee-badge{position:absolute;right:11px;top:11px;background:rgba(255,255,255,.94);padding:6px 9px;border-radius:8px;font-size:9px;font-weight:700}.store-info{padding:17px}.store-meta{display:flex;justify-content:space-between;align-items:start}.store-info h3{font:700 16px Manrope;margin:0 0 6px}.rating{font-size:11px;font-weight:700}.rating:before{content:"★";color:#e9a12f;margin-right:3px}.store-info p{font-size:11px;color:#7a8781;margin:0 0 15px}.store-details{border-top:1px solid #ecece7;padding-top:12px;display:flex;justify-content:space-between;color:#66776f;font-size:10px}.loading-card{height:250px;border-radius:18px;background:linear-gradient(100deg,#e8e8e1 20%,#f5f5f0 40%,#e8e8e1 60%);background-size:200% 100%;animation:loading 1.5s infinite}.how-section{background:#e7ebdc;margin:0 max(2.3vw,20px) 30px;border-radius:28px;padding:70px max(4vw,50px);display:grid;grid-template-columns:.8fr 1.4fr;gap:90px}.how-copy h2{font-size:41px;line-height:1.12}.how-copy p{color:#6e7c76;font-size:14px;line-height:1.6;max-width:320px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{position:relative}.steps article>span{position:absolute;right:0;top:0;color:#9ca69d;font-size:10px;font-weight:800}.step-icon{width:52px;height:52px;border:1px solid #b7c0b7;border-radius:50%;display:grid;place-items:center;font-size:21px;margin-bottom:26px}.steps h3{font:700 15px Manrope}.steps p{font-size:11px;line-height:1.6;color:#728078}footer{padding:26px max(5vw,60px);display:flex;align-items:center;gap:35px;color:#74817b;font-size:11px}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:27px;height:27px}.footer-brand .brand-mark span{transform:scale(.75)}footer p{margin-left:auto}.overlay{position:fixed;inset:0;background:rgba(10,28,21,.58);backdrop-filter:blur(4px);z-index:70}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);background:#fbfaf6;z-index:80;transform:translateX(105%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.12)}.drawer.open{transform:none}.drawer>header{padding:28px 27px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.close-button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}.drawer-content{padding:22px 27px;overflow:auto;flex:1}.empty-cart{text-align:center;padding:80px 20px}.empty-cart span{font-size:50px}.empty-cart h3{font:700 20px Manrope}.empty-cart p{color:var(--muted);font-size:13px}.cart-store{font-size:11px;color:var(--muted);margin-bottom:17px}.cart-item{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.cart-item-emoji{height:48px;background:#edf0e5;border-radius:11px;display:grid;place-items:center;font-size:23px}.cart-item h4{font-size:13px;margin:0 0 4px}.cart-item small{color:var(--muted)}.qty-control{display:flex;align-items:center;gap:8px;background:#f0f1eb;border-radius:20px;padding:4px}.qty-control button{border:0;background:#fff;border-radius:50%;width:24px;height:24px;cursor:pointer}.cart-summary{margin-top:20px;padding-top:5px}.summary-line{display:flex;justify-content:space-between;font-size:12px;margin:10px 0;color:var(--muted)}.summary-line.total{font:700 17px Manrope;color:var(--ink);border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.primary-button{width:100%;border:0;background:var(--ink);color:#fff;padding:16px;border-radius:12px;font-weight:700;cursor:pointer;margin-top:15px}.primary-button:hover{background:#234b3d}.modal{position:fixed;z-index:90;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 30px));max-height:90vh;overflow:auto;background:#fbfaf6;border-radius:23px;box-shadow:var(--shadow);padding:33px}.modal-close{position:absolute;right:20px;top:20px;z-index:3}.store-modal-head{margin:-33px -33px 24px;padding:44px 35px 28px;background:var(--accent);min-height:180px;display:flex;align-items:end;position:relative;overflow:hidden}.store-modal-head:after{content:attr(data-emoji);font-size:100px;position:absolute;right:70px;bottom:8px;transform:rotate(8deg);filter:drop-shadow(0 12px 10px rgba(0,0,0,.1))}.store-modal-head h2{font-size:31px}.store-modal-head p{margin:5px 0;color:#52675e}.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.menu-item{border:1px solid var(--line);border-radius:13px;padding:13px;display:grid;grid-template-columns:47px 1fr auto;align-items:center;gap:12px;background:#fff}.menu-emoji{font-size:26px;background:#f2f2ec;border-radius:10px;height:46px;display:grid;place-items:center}.menu-item h4{margin:0 0 5px;font-size:13px}.menu-item p{margin:0;color:var(--muted);font-size:10px}.add-button{border:0;background:var(--lime);width:31px;height:31px;border-radius:50%;font-size:18px;cursor:pointer}.checkout-modal{width:min(630px,calc(100% - 30px));padding:34px 42px}.checkout-head p{color:var(--muted);font-size:12px;margin-bottom:24px}.checkout-modal label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;margin-bottom:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-modal input,.checkout-modal select,.checkout-modal textarea{border:1px solid #dce0d8;border-radius:9px;padding:12px;background:#fff;outline:none;font-size:12px}.checkout-modal input:focus,.checkout-modal select:focus,.checkout-modal textarea:focus{border-color:#94aa36;box-shadow:0 0 0 3px rgba(215,238,85,.25)}.checkout-modal textarea{resize:vertical;min-height:64px}fieldset{border:0;padding:0;margin:8px 0}legend{font-size:11px;font-weight:700;margin-bottom:10px}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.payment-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px!important;display:grid!important;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px!important;margin:0!important;cursor:pointer}.payment-card.selected{border-color:#7c9530;background:#fbfde9}.payment-card input{position:absolute;opacity:0}.payment-card>span:nth-of-type(2){display:flex;flex-direction:column}.payment-card small{font-weight:400;color:var(--muted);font-size:9px}.payment-card i{display:none}.payment-card.selected i{display:block;color:#5c7b21}.pay-icon{width:31px;height:31px;background:#ecefe7;border-radius:8px;display:grid;place-items:center;font-size:15px}.pay-icon.jazz{background:#fff1d9;color:#e78418}.pay-icon.easy{background:#e2f4e8;color:#16854c}.pay-icon.card{background:#e5edff;color:#315baf}.place-order{margin-top:18px}.form-note{text-align:center;color:var(--muted);font-size:9px}.success-modal{text-align:center;width:min(440px,calc(100% - 30px));padding:46px}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:29px;margin:0 auto 21px}.success-modal p{color:var(--muted);font-size:13px;line-height:1.6}.success-modal .eta{display:flex;flex-direction:column;background:#eef1e6;padding:15px;border-radius:12px;margin:22px 0 8px}.eta small{color:var(--muted);font-size:10px}.eta strong{margin-top:4px}.toast{position:fixed;bottom:25px;left:50%;z-index:110;transform:translate(-50%,100px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;font-size:12px;opacity:0;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}@keyframes loading{to{background-position:-200% 0}}@keyframes float{50%{transform:translateY(-7px)}}@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{max-width:720px}.hero-art{display:none}.service-strip{grid-template-columns:repeat(5,160px);overflow:auto;padding-left:25px;padding-right:25px}.stores-grid{grid-template-columns:repeat(2,1fr)}.how-section{grid-template-columns:1fr;gap:45px}.nav-link{display:none}}@media(max-width:650px){.topbar{height:70px;padding:0 16px;gap:12px}.brand{font-size:19px}.brand-mark{width:30px;height:30px}.location-pill>svg,.location-pill .chevron,.location-pill small{display:none}.location-pill strong{font-size:11px}.cart-button span{display:none}.cart-button{padding:9px}.hero{padding:48px 20px 43px;min-height:auto}.hero h1{font-size:48px;letter-spacing:-3px}.hero-copy>p{font-size:15px}.search-box{height:57px;margin-top:26px}.trust-row{gap:9px;font-size:9px}.service-strip{padding:14px 14px;grid-template-columns:repeat(5,148px)}.stores-section{padding:54px 20px 65px}.stores-grid{grid-template-columns:1fr}.section-heading h2{font-size:29px}.how-section{padding:50px 25px;margin:0 10px 20px}.steps{grid-template-columns:1fr}.steps article{padding-left:70px}.step-icon{position:absolute;left:0;top:0}.steps article>span{left:42px;right:auto}.steps h3{margin-top:0}.how-copy h2{font-size:34px}.menu-list,.payment-options,.form-grid{grid-template-columns:1fr}.modal{padding:25px}.store-modal-head{margin:-25px -25px 22px;padding:34px 24px 25px}.store-modal-head:after{font-size:70px;right:40px}.checkout-modal{padding:28px 24px}footer{flex-wrap:wrap;padding:25px 20px}footer p{margin-left:0}.drawer{width:100%}}