:root{--ink: #0b100a;--ink-2: #141c12;--green: #2fbf1a;--green-2: #8ef05f;--lime: #d4ff3a;--paper: #f4f6ef;--muted: #5b6658;--line: #e1e7da;--r: 22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto}a{color:inherit}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}.hl{color:var(--green)}.muted{color:var(--muted);font-size:17px;line-height:1.6}.muted a{color:var(--green);font-weight:700}h1,h2{font-family:Archivo Black,sans-serif;font-weight:400;letter-spacing:-.02em}h2{font-size:clamp(32px,5vw,56px);line-height:1.02;margin:0 0 40px}h3{font-size:20px;margin:0 0 8px}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12.5px;font-weight:800;color:var(--green);margin:0 0 14px}.nav{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--ink) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:Archivo Black,sans-serif;font-size:20px}.brand span{color:var(--green-2)}.brand img{border-radius:9px}.nav-links{display:flex;gap:28px}.nav-links a{color:#c9d3c5;text-decoration:none;font-weight:600;font-size:15px}.nav-links a:hover{color:#fff}.btn-nav{background:var(--green);color:var(--ink);text-decoration:none;font-weight:800;font-size:14px;padding:10px 18px;border-radius:999px;white-space:nowrap;transition:transform .2s,background .2s}.btn-nav:hover{background:var(--lime);transform:translateY(-1px)}.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 70% 40%,#000 30%,transparent 75%)}.hero-glow{position:absolute;width:760px;height:760px;right:-180px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(47,191,26,.38),transparent 62%);filter:blur(10px);animation:breathe 7s ease-in-out infinite}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(56px,8vw,110px)}.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:#2fbf1a24;border:1px solid rgba(47,191,26,.4);color:var(--green-2);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;animation:rise .7s both}.badge i{width:8px;height:8px;border-radius:50%;background:var(--green-2);box-shadow:0 0 #8ef05fb3;animation:ping 1.8s infinite}h1{font-size:clamp(44px,7.4vw,92px);line-height:.96;margin:22px 0 0;animation:rise .8s .08s both}h1 .hl{background:linear-gradient(90deg,var(--green-2),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(17px,1.7vw,20px);line-height:1.6;color:#c4cec0;max-width:33em;margin:24px 0 32px;animation:rise .8s .16s both}.hero .stores{animation:rise .8s .24s both}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;animation:rise .8s .32s both}.qr{display:flex;align-items:center;gap:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:8px 14px 8px 8px;font-size:13px;font-weight:700;color:#dfe7db}.qr svg{border-radius:8px;display:block}.pills{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.pills li{font-size:13px;font-weight:700;color:#dfe7db;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14)}.pills li:before{content:"✓ ";color:var(--green-2)}.stores{display:flex;flex-wrap:wrap;gap:12px}.store-btn{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--ink);text-decoration:none;padding:11px 20px;border-radius:16px;min-width:196px;box-shadow:0 10px 30px #00000040;transition:transform .2s,box-shadow .2s}.store-btn:first-child{background:var(--green)}.store-btn:hover{transform:translateY(-3px);box-shadow:0 16px 40px #2fbf1a59}.store-btn:not(:first-child) svg[fill="#fff"]{fill:var(--ink)}.store-btn span{display:flex;flex-direction:column;line-height:1.1}.store-btn small{font-size:10.5px;font-weight:700;opacity:.75;letter-spacing:.04em}.store-btn b{font-size:20px;font-weight:800}.phone-stage{position:relative;justify-self:center;padding:30px 40px;animation:rise 1s .2s both}.phone{position:relative;width:290px;height:590px;border-radius:48px;background:#1b2318;padding:11px;box-shadow:0 0 0 2px #2c3829,0 40px 90px #0000008c,0 0 120px #2fbf1a40;transform:rotate(-3deg);animation:bob 6s ease-in-out infinite}.notch{position:absolute;top:20px;left:50%;transform:translate(-50%);width:90px;height:26px;border-radius:99px;background:#000;z-index:3}.screen{position:relative;height:100%;border-radius:38px;overflow:hidden;background:#f6faf2;color:var(--ink);display:flex;flex-direction:column}.app-top{display:flex;justify-content:space-between;align-items:center;padding:56px 16px 10px}.status{display:inline-flex;align-items:center;gap:7px;background:#e3f7dc;color:#1c7a10;font-size:11px;font-weight:800;padding:6px 11px;border-radius:99px}.status i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:ping 1.6s infinite}.gps{font-size:10px;font-weight:800;color:#6c7868;border:1px solid #d5ddd0;padding:5px 9px;border-radius:99px}.map{position:relative;flex:1;background:#edf3e8;overflow:hidden}.map svg{width:100%;height:100%;display:block}.route{stroke-dasharray:520;stroke-dashoffset:520;animation:draw 1.6s .3s ease-out forwards}.me{position:absolute;left:19.2%;top:83%;width:16px;height:16px;margin:-8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #2fbf1a40}.order{position:absolute;left:12px;right:12px;bottom:66px;background:#fff;border-radius:20px;padding:14px;box-shadow:0 14px 40px #0000002e;animation:slideUp .55s cubic-bezier(.2,.9,.3,1.2) both}.order-h{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:#6c7868;text-transform:uppercase;letter-spacing:.05em}.km{color:var(--green)}.order-r{display:flex;align-items:center;gap:8px;font-size:17px;margin:8px 0 12px}.arrow{color:var(--green);font-weight:900}.order-btn{text-align:center;background:var(--ink);color:#fff;font-weight:800;font-size:14px;padding:11px;border-radius:13px;transition:background .3s}.order.ok .order-btn{background:var(--green);color:var(--ink)}.tabs{display:flex;justify-content:space-around;padding:12px 6px 16px;font-size:10.5px;font-weight:700;color:#8b9687;background:#fff;border-top:1px solid #e7ede3}.tabs .on{color:var(--green)}.float-card{position:absolute;z-index:4;background:#fff;color:var(--ink);border-radius:16px;padding:11px 15px;font-size:13px;box-shadow:0 18px 40px #00000059;display:flex;align-items:center;gap:8px;white-space:nowrap}.fc-1{left:-14px;top:120px;flex-direction:column;align-items:flex-start;gap:2px;animation:float 5s ease-in-out infinite}.fc-1 b{font-size:18px;color:var(--green)}.fc-1 span{color:var(--muted);font-weight:600}.fc-2{right:-6px;bottom:120px;font-weight:800;animation:float 5s 1.4s ease-in-out infinite}.dot{width:9px;height:9px;border-radius:50%;background:var(--green);animation:ping 1.6s infinite}.marquee{background:var(--green);color:var(--ink);overflow:hidden;padding:16px 0;transform:rotate(-1.2deg);margin:-14px -20px 0;position:relative;z-index:2}.marquee-track{display:flex;width:max-content;animation:scroll 38s linear infinite}.marquee span{font-family:Archivo Black,sans-serif;font-size:clamp(20px,2.6vw,30px);display:inline-flex;align-items:center;gap:26px;padding-right:26px;white-space:nowrap}.marquee i{font-style:normal;font-size:.6em}.section{padding:clamp(72px,10vw,128px) 0}.dark{background:var(--ink);color:#fff}.dark .step p{color:#a9b5a4}.soft{background:#eaf0e3}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:transform .3s,box-shadow .3s}.tile:hover{transform:translateY(-4px);box-shadow:0 20px 44px #0b100a14}.tile p{margin:0;color:var(--muted);line-height:1.6;font-size:15.5px}.tile-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--paper);font-size:26px;margin-bottom:20px}.tile-big{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;gap:28px;background:linear-gradient(135deg,#fff 40%,#e6f8de)}.tile-big h3{font-size:clamp(24px,2.6vw,32px)}.tile-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.tile-dark p{color:#a9b5a4}.tile-dark .tile-ico{background:var(--ink-2)}.tile-green{grid-column:span 2;background:var(--green);border-color:var(--green)}.tile-green p{color:#12380b}.tile-green .tile-ico{background:#ffffff59}.tile-wave .tile-ico{background:#e1f1ff}.toggle{flex:none;position:relative;width:190px;height:76px;border-radius:99px;border:0;background:#d9dfd5;cursor:pointer;transition:background .35s;font:inherit}.toggle.on{background:var(--green)}.knob{position:absolute;top:8px;left:8px;width:60px;height:60px;border-radius:50%;background:#fff;box-shadow:0 6px 16px #0003;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.toggle.on .knob{transform:translate(114px)}.lbl{position:absolute;top:50%;transform:translateY(-50%);font-weight:800;font-size:16px;right:22px;color:#5b6658}.toggle.on .lbl{right:auto;left:22px;color:var(--ink)}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}.step{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:28px 24px;background:linear-gradient(180deg,var(--ink-2),var(--ink))}.step-n{display:block;font-family:Archivo Black,sans-serif;font-size:52px;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--green);margin-bottom:26px}.step p{margin:0;line-height:1.6}.step:not(:last-child):after{content:"→";position:absolute;right:-14px;top:40px;color:var(--green);font-weight:900;font-size:20px;z-index:1}.req{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.req h2{margin-bottom:16px}.checks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks li{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;font-weight:700;font-size:16px}.checks span{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--ink);font-weight:900}.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}.faq-wrap h2{margin-bottom:16px}.faq{display:flex;flex-direction:column;gap:10px}.faq details{background:#fff;border-radius:18px;border:1px solid var(--line);padding:0 22px}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-weight:800;font-size:17px}.faq summary::-webkit-details-marker{display:none}.faq summary span{flex:none;width:30px;height:30px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:20px;transition:transform .3s,background .3s}.faq details[open] summary span{transform:rotate(45deg);background:var(--green)}.faq details p{margin:0 0 20px;color:var(--muted);line-height:1.65}.final{position:relative;background:var(--ink);color:#fff;text-align:center;padding:clamp(80px,11vw,140px) 0 150px;overflow:hidden}.final:before{content:"";position:absolute;left:50%;top:0;width:900px;height:600px;transform:translate(-50%);background:radial-gradient(ellipse at top,rgba(47,191,26,.32),transparent 65%)}.final-in{position:relative}.final h2{font-size:clamp(44px,8vw,104px);margin-bottom:18px}.final p{color:#c4cec0;font-size:19px;margin:0 0 34px}.final .stores{justify-content:center}.final .help{font-size:15px;margin:28px 0 0}.final .help a{color:var(--green-2);font-weight:800}.road{position:absolute;left:0;right:0;bottom:0;height:96px;background:#161e14;border-top:3px solid #222c1f}.road-lines{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:repeating-linear-gradient(90deg,#4b5a46 0 40px,transparent 40px 80px);animation:lines .6s linear infinite}.scooter{position:absolute;bottom:30px;left:-140px;animation:ride 9s linear infinite}.footer{background:var(--ink);color:#8b9687;font-size:14px;border-top:1px solid rgba(255,255,255,.08)}.footer-in{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:26px;padding-bottom:30px}.footer a{color:#c9d3c5;text-decoration:none}.sticky-cta{display:none}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes ping{0%{box-shadow:0 0 #2fbf1a99}80%,to{box-shadow:0 0 0 10px #2fbf1a00}}@keyframes breathe{50%{transform:scale(1.08);opacity:.8}}@keyframes bob{50%{transform:rotate(-3deg) translateY(-12px)}}@keyframes float{50%{transform:translateY(-14px)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}}@keyframes scroll{to{transform:translate(-50%)}}@keyframes lines{to{background-position:-80px 0}}@keyframes ride{to{transform:translate(calc(100vw + 280px))}}@media (max-width: 960px){.hero-grid,.req,.faq-wrap{grid-template-columns:1fr}.nav-links{display:none}.bento,.steps{grid-template-columns:1fr 1fr}.step:not(:last-child):after{display:none}}@media (max-width: 640px){.desktop-only{display:none!important}.btn-nav{display:none}.bento{grid-template-columns:1fr}.tile-big,.tile-green{grid-column:auto}.tile-big{flex-direction:column;align-items:flex-start}.steps,.checks{grid-template-columns:1fr}.store-btn{flex:1 1 100%;justify-content:center}.phone{width:250px;height:510px}.phone-stage{padding:20px 24px}.fc-1{left:-6px}.fc-2{right:-2px}.sticky-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:40}.sticky-cta a{display:block;text-align:center;background:var(--green);color:var(--ink);font-weight:800;text-decoration:none;padding:16px;border-radius:16px;box-shadow:0 12px 30px #00000059}.footer-in{padding-bottom:92px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.route{stroke-dashoffset:0}}