.home-section{margin-top:128px;position:relative}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px;display:flex}.section-heading>div{max-width:720px}.section-kicker{color:var(--color-primary);letter-spacing:.15em;margin-bottom:13px;font-size:10px;font-weight:850;display:block}.section-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(36px,4.5vw,58px);font-weight:800;line-height:.99}.section-heading h2 span,.how-intro h2 span,.split-cta-content h2 span,.app-copy h2 span,.faq-section h2 span{color:var(--color-primary)}.section-heading>p{max-width:420px;color:var(--color-muted);margin:0;font-size:15px;line-height:1.7}.benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.benefit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:250px;padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.benefit-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff5a361f,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;bottom:-55px;right:-45px}.benefit-card:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-sm);transform:translateY(-4px)}.benefit-top{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.benefit-icon{width:42px;height:42px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:13px;place-items:center;font-size:18px;font-weight:800;display:grid}.benefit-number{color:var(--color-muted-light);letter-spacing:.1em;font-size:10px;font-weight:750}.benefit-card h3{margin:0;font-size:19px;line-height:1.2}.benefit-card p{max-width:270px;color:var(--color-muted);margin:10px 0 0;font-size:13px;line-height:1.65}.how-section{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:72px}.how-layout{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:start;gap:80px;display:grid}.how-intro{position:sticky;top:110px}.how-intro h2{letter-spacing:-.05em;max-width:480px;margin:0;font-size:clamp(36px,4vw,54px);font-weight:800;line-height:1}.how-intro>p{max-width:430px;color:var(--color-muted);margin:20px 0 26px;font-size:15px;line-height:1.7}.steps-list{position:relative}.step-item{grid-template-columns:50px minmax(0,1fr);gap:18px;padding-bottom:34px;display:grid;position:relative}.step-item:last-child{padding-bottom:0}.step-number{width:50px;height:50px;color:var(--color-primary);background:var(--white);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);border-radius:15px;place-items:center;font-size:11px;font-weight:800;display:grid}.step-content{padding-top:2px}.step-title-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.step-title-row h3{margin:0;font-size:20px}.step-title-row>span{color:var(--color-primary);font-size:18px}.step-content p{max-width:500px;color:var(--color-muted);margin:8px 0 0;font-size:13px;line-height:1.65}.step-line{background:repeating-linear-gradient(to bottom, var(--color-border), var(--color-border) 4px, transparent 4px, transparent 8px);width:1px;height:calc(100% - 34px);position:absolute;top:50%;left:24px}.restaurants-section{overflow:visible}.restaurants-heading{align-items:flex-end}.section-link{color:var(--color-primary);flex-shrink:0;align-items:center;gap:7px;font-size:13px;font-weight:750;transition:gap .16s;display:inline-flex}.section-link:hover{gap:10px}.split-cta{border-radius:var(--radius-2xl);grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);min-height:490px;display:grid;position:relative;overflow:hidden}.partner-cta{background:linear-gradient(135deg,#fff0ea 0%,#fff8ed 100%);border:1px solid #f4ded4}.rider-cta{border:1px solid var(--color-border);background:linear-gradient(135deg,#f7f4ef 0%,#fffdfa 100%);grid-template-columns:minmax(360px,.8fr) minmax(0,1fr)}.split-cta-content{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;padding:64px;display:flex;position:relative}.split-cta-content h2{letter-spacing:-.055em;max-width:600px;margin:0;font-size:clamp(38px,5vw,62px);font-weight:800;line-height:.98}.split-cta-content>p{max-width:500px;color:var(--color-muted);margin:20px 0 28px;font-size:15px;line-height:1.7}.split-cta-visual{min-height:100%;position:relative}.partner-visual{overflow:hidden}.visual-circle{border-radius:50%;position:absolute}.visual-circle-large{background:radial-gradient(circle at 35% 30%,#ffb84dcc,#ff5a364d 48%,#fff0 72%);width:390px;height:390px;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-card{box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #fffc;border-radius:17px;align-items:center;gap:11px;padding:14px;display:flex;position:absolute}.visual-card-main{top:31%;left:18%}.visual-card-small{bottom:27%;right:12%}.visual-card-icon{background:var(--color-primary-soft);border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.visual-card-small>span{width:34px;height:34px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:10px;place-items:center;font-size:18px;font-weight:800;display:grid}.visual-card div{flex-direction:column;display:flex}.visual-card small{color:var(--color-muted);font-size:9px}.visual-card strong{color:var(--color-text);margin-top:3px;font-size:12px}.rider-visual{background:radial-gradient(circle,#ffb84d3d,#0000 52%);min-height:490px;overflow:hidden}.rider-route{border:1px dashed #ff5a3640;border-radius:48% 52% 43% 57%;width:290px;height:290px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.route-dot{border-radius:50%;width:15px;height:15px;position:absolute;box-shadow:0 0 0 7px #ff5a3614}.route-start{background:var(--color-primary);top:20%;left:20%}.route-end{background:var(--color-accent);bottom:18%;right:16%}.route-line{background:repeating-linear-gradient(90deg, var(--color-primary), var(--color-primary) 6px, transparent 6px, transparent 12px);width:130px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(28deg)}.rider-floating-card{border:1px solid var(--color-border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-radius:16px;align-items:center;gap:11px;padding:14px;display:flex;position:absolute;top:35%;left:28%}.rider-icon{width:42px;height:42px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:12px;place-items:center;font-size:20px;display:grid}.rider-floating-card div{flex-direction:column;display:flex}.rider-floating-card small{color:var(--color-muted);font-size:9px}.rider-floating-card strong{margin-top:3px;font-size:12px}.app-section{padding:0}.app-section-inner{background:var(--color-text);border-radius:var(--radius-2xl);grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);align-items:center;gap:70px;padding:76px;display:grid;overflow:hidden}.app-copy{z-index:2;position:relative}.app-copy .section-kicker{color:var(--color-accent)}.app-copy h2{max-width:620px;color:var(--white);letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,62px);font-weight:800;line-height:.98}.app-copy>p{color:#ffffff8f;max-width:500px;margin:20px 0 30px;font-size:15px;line-height:1.7}.app-role-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:620px;display:grid}.app-role-list>div{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;padding:15px}.app-role-list span{color:var(--color-accent);font-size:9px;font-weight:800;display:block}.app-role-list strong{color:var(--white);margin-top:18px;font-size:13px;display:block}.app-role-list small{color:#fff6;margin-top:4px;font-size:9px;line-height:1.4;display:block}.app-download-panel{border-radius:var(--radius-xl);min-height:430px;color:var(--color-text);background:linear-gradient(145deg,#fff,#fff5ee);padding:28px;position:relative;overflow:hidden;box-shadow:0 25px 70px #0003}.app-panel-glow{background:radial-gradient(circle,#ffb84d99,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-80px}.app-panel-header{z-index:2;align-items:center;gap:10px;display:flex;position:relative}.app-panel-logo{width:38px;height:38px;color:var(--white);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));border-radius:11px;place-items:center;font-size:10px;font-weight:850;display:grid}.app-panel-header div{flex-direction:column;display:flex}.app-panel-header strong{font-size:14px}.app-panel-header small{color:var(--color-muted);margin-top:1px;font-size:9px}.app-panel-content{z-index:2;margin-top:70px;position:relative}.app-panel-content>span{color:var(--color-primary);letter-spacing:.14em;font-size:9px;font-weight:850}.app-panel-content h3{letter-spacing:-.045em;margin:10px 0 0;font-size:clamp(30px,4vw,44px);line-height:1}.app-download-links{z-index:3;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:28px;left:28px;right:28px}.app-download-links a{color:var(--color-text);border:1px solid var(--color-border);background:#ffffffb8;border-radius:12px;justify-content:space-between;align-items:center;padding:11px 13px;transition:transform .16s,background .16s;display:flex}.app-download-links a:hover{background:var(--white);transform:translate(3px)}.app-download-links a>span{flex-direction:column;display:flex}.app-download-links small{color:var(--color-muted);font-size:8px}.app-download-links strong{margin-top:2px;font-size:11px}.faq-list{border-top:1px solid var(--color-border);max-width:900px;margin-top:12px}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item summary{cursor:pointer;color:var(--color-text);justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:16px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{content:"";display:none}.faq-icon{width:30px;height:30px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:500;transition:transform .2s;display:grid}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-answer{max-width:700px;padding:0 50px 22px 0}.faq-answer p{color:var(--color-muted);margin:0;font-size:14px;line-height:1.7}.faq-bottom{align-items:center;gap:18px;margin-top:24px;display:flex}.faq-bottom p{color:var(--color-muted);margin:0;font-size:13px}@media (max-width:1100px){.home-section{margin-top:100px}.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-section{padding:52px}.how-layout{gap:48px}.split-cta-content{padding:52px}.app-section-inner{gap:48px;padding:56px}.app-role-list{grid-template-columns:1fr}}@media (max-width:900px){.section-heading{flex-direction:column;align-items:flex-start;gap:18px}.how-layout{grid-template-columns:1fr}.how-intro{position:static}.how-intro>p{max-width:600px}.split-cta,.rider-cta{grid-template-columns:1fr}.split-cta-content{min-height:420px}.split-cta-visual,.rider-visual{min-height:360px}.rider-cta .rider-visual{order:2}.rider-cta .split-cta-content{order:1}.app-section-inner{grid-template-columns:1fr}.app-download-panel{width:100%;max-width:620px}}@media (max-width:760px){.home-section{margin-top:78px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:36px}.benefits-grid{grid-template-columns:1fr}.benefit-card{min-height:auto}.benefit-top{margin-bottom:32px}.how-section{border-radius:var(--radius-xl);padding:34px 22px}.how-intro h2{font-size:36px}.step-item{grid-template-columns:42px minmax(0,1fr);gap:14px}.step-number{border-radius:12px;width:42px;height:42px}.step-line{top:42px;left:20px}.step-title-row h3{font-size:18px}.split-cta{border-radius:var(--radius-xl)}.split-cta-content{min-height:auto;padding:38px 24px}.split-cta-content h2{font-size:40px}.split-cta-visual,.rider-visual{min-height:330px}.visual-circle-large{width:280px;height:280px}.visual-card-main{left:12%}.visual-card-small{right:8%}.rider-route{width:230px;height:230px}.rider-floating-card{left:50%;transform:translate(-50%)}.app-section-inner{border-radius:var(--radius-xl);padding:34px 22px}.app-copy h2{font-size:40px}.app-download-panel{border-radius:var(--radius-lg);min-height:400px;padding:22px}.app-download-links{bottom:22px;left:22px;right:22px}.faq-bottom{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.home-section{margin-top:64px}.section-heading h2{font-size:32px}.section-heading>p{font-size:14px}.benefit-card{padding:20px}.how-section{padding:28px 18px}.how-intro h2{font-size:32px}.step-item{padding-bottom:28px}.step-content p{font-size:12px}.split-cta-content{padding:34px 20px}.split-cta-content h2{font-size:34px}.split-cta-visual,.rider-visual{min-height:290px}.visual-card-main{left:7%}.visual-card-small{right:5%}.rider-floating-card{width:max-content;max-width:220px}.app-section-inner{padding:28px 18px}.app-copy h2{font-size:34px}.app-role-list{gap:7px}.app-role-list>div{padding:12px}.app-panel-content{margin-top:54px}.app-panel-content h3{font-size:34px}.faq-item summary{padding:18px 0;font-size:14px}.faq-answer{padding-right:35px}}@media (max-width:380px){.home-section{margin-top:56px}.section-heading h2{font-size:30px}.split-cta-content h2,.app-copy h2{font-size:32px}.app-download-panel{padding:18px}.app-download-links{bottom:18px;left:18px;right:18px}}@media (prefers-reduced-motion:reduce){.benefit-card,.section-link,.visual-card,.app-download-links a{transition:none}}.food-card-image{aspect-ratio:16/10;display:block;position:relative;overflow:hidden}.food-card-cover{object-fit:cover}
