.wfSec{--wfD:22s}.wfStageBox{position:relative;height:540px}.wfStage{position:absolute;left:50%;top:0;width:614px;height:540px;transform:translateX(-50%);transform-origin:top center}@media (max-width:700px){.wfStageBox{height:400px}.wfStage{transform:translateX(-50%) scale(.72)}}@media (max-width:460px){.wfStageBox{height:300px}.wfStage{transform:translateX(-50%) scale(.54)}}.wfRole{position:absolute;top:0;width:232px;display:flex;justify-content:center}.wfRole span{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:999px;background:var(--primary-08);color:var(--primary);font:600 12.5px/1 var(--font-sans)}.wfRole.is-driver span{background:var(--accent-12)}.wfRole.is-customer{left:0}.wfRole.is-driver{right:0}.wfPhone{position:absolute;top:40px;width:232px;height:476px;border-radius:36px;border:7px solid #0d1322;background:var(--bg);box-shadow:0 24px 60px rgba(16,35,74,.28),0 4px 14px rgba(16,35,74,.18);overflow:hidden}.wfPhone.is-customer{left:0}.wfPhone.is-driver{right:0}.wfNotch{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:78px;height:18px;border-radius:10px;background:#0D1322;z-index:6}.wfHead{position:relative;z-index:5;background:var(--primary);color:#fff;padding:9px 12px 10px;display:flex;flex-direction:column;gap:7px}.wfStatus{display:flex;justify-content:space-between;align-items:center;font:600 8.5px/1 var(--num);letter-spacing:.02em;opacity:.85;padding:0 2px}.wfStatus .wfSig{display:inline-flex;gap:2px;align-items:flex-end}.wfStatus .wfSig i{width:2.5px;background:#fff;border-radius:1px;display:block}.wfBrandRow{display:flex;align-items:center;justify-content:space-between}.wfBrandRow img{display:block}.wfScreen{position:absolute;inset:0;padding-top:0}.wfLayer{position:absolute;inset:64px 0 0 0;opacity:0}.wfLayer.is-default{opacity:1}.wfVeil{position:absolute;inset:0;background:var(--bg);opacity:0;z-index:8;pointer-events:none}[data-play="1"] .wfVeil{animation:wfVeil var(--wfD) linear infinite}@keyframes wfVeil{0%,96%{opacity:0}97.5%,98.5%{opacity:1}to{opacity:0}}.wfMap{position:absolute;inset:0;background:#E9EDF2}.wfMap svg{width:100%;height:100%;display:block}.wfSheet{position:absolute;left:0;right:0;bottom:0;min-height:178px;background:var(--surface);border-radius:20px 20px 0 0;box-shadow:var(--sh-sheet);padding:12px 14px 14px}.wfGrab{width:34px;height:4px;border-radius:2px;background:var(--border);margin:0 auto 10px}.wfSheetTitle{font:700 13px/1.2 var(--font-sans);color:var(--primary);margin-bottom:9px}.wfRow{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--border);border-radius:10px;background:var(--bg);margin-bottom:7px}.wfRow .wfRowLbl{font:600 10px/1 var(--font-sans);color:var(--muted)}.wfBar{height:7px;border-radius:4px;background:var(--primary-12)}.wfChip{display:inline-flex;gap:5px;height:24px;padding:0 10px;border-radius:999px;background:var(--primary-08);color:var(--primary);font:600 10.5px/1 var(--font-sans)}.wfChip,.wfCta{align-items:center}.wfCta{margin-top:9px;height:38px;border-radius:11px;background:var(--accent);color:var(--on-accent);display:flex;justify-content:center;gap:7px;font:700 12.5px/1 var(--font-sans);box-shadow:var(--sh-cta)}[data-play="1"] .wfCReq{animation:wfCReq var(--wfD) linear infinite}[data-play="1"] .wfCWait{animation:wfCWait var(--wfD) linear infinite}[data-play="1"] .wfCOffers{animation:wfCOffers var(--wfD) linear infinite}[data-play="1"] .wfCTrack{animation:wfCTrack var(--wfD) linear infinite}[data-play="1"] .wfCDone{animation:wfCDone var(--wfD) linear infinite}@keyframes wfCReq{0%,16%{opacity:1}18%,97.9%{opacity:0}98%,to{opacity:1}}@keyframes wfCWait{0%,16.5%{opacity:0;transform:translateY(8px)}18.5%,37.5%{opacity:1;transform:none}39.5%,to{opacity:0}}@keyframes wfCOffers{0%,38.5%{opacity:0;transform:translateY(10px)}40.5%,57.5%{opacity:1;transform:none}59.5%,to{opacity:0}}@keyframes wfCTrack{0%,58.5%{opacity:0}60.5%,87.5%{opacity:1}89.5%,to{opacity:0}}@keyframes wfCDone{0%,88%{opacity:0;transform:translateY(10px)}90%,96%{opacity:1;transform:none}98%,to{opacity:0}}[data-play="1"] .wfCReq .wfCta{animation:wfPress13 var(--wfD) linear infinite}@keyframes wfPress13{0%,12.8%{transform:none}13.4%{transform:scale(.95)}14%,to{transform:none}}.wfRadar{position:relative;width:74px;height:74px;margin:14px auto 6px}.wfRadar em{position:absolute;inset:0;border-radius:999px;border:2px solid var(--accent);opacity:0}[data-play="1"] .wfRadar em{animation:wfPing 2.2s var(--ease-out) infinite}[data-play="1"] .wfRadar em:nth-child(2){animation-delay:1.1s}@keyframes wfPing{0%{transform:scale(.34);opacity:.75}to{transform:scale(1);opacity:0}}.wfRadarCore{position:absolute;inset:50%;width:34px;height:34px;margin:-17px;border-radius:999px;background:var(--accent);color:var(--on-accent);justify-content:center;box-shadow:var(--sh-cta)}.wfOffer,.wfRadarCore{display:flex;align-items:center}.wfOffer{gap:9px;padding:9px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--sh-1);margin-bottom:8px}.wfOffer .wfAva{width:30px;height:30px;border-radius:9px;background:var(--primary-08);display:flex;align-items:center;justify-content:center;color:var(--primary);flex:none}.wfOffer .wfPrice{font:800 13px/1 var(--num);color:var(--primary);letter-spacing:.06em;white-space:nowrap}.wfOffer .wfEta{font:600 10px/1 var(--num);color:var(--muted);margin-top:3px}.wfOffer.is-best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--sh-2)}.wfAccept{height:28px;padding:0 12px;border-radius:9px;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;font:700 11px/1 var(--font-sans);flex:none}[data-play="1"] .wfOffer.o1{animation:wfOfferIn1 var(--wfD) linear infinite}[data-play="1"] .wfOffer.o2{animation:wfOfferIn2 var(--wfD) linear infinite}[data-play="1"] .wfOffer.o3{animation:wfOfferIn3 var(--wfD) linear infinite}@keyframes wfOfferIn1{0%,42%{opacity:0;transform:translateY(9px)}43.5%,to{opacity:1;transform:none}}@keyframes wfOfferIn2{0%,45%{opacity:0;transform:translateY(9px)}46.5%,to{opacity:1;transform:none}}@keyframes wfOfferIn3{0%,48%{opacity:0;transform:translateY(9px)}49.5%,to{opacity:1;transform:none}}[data-play="1"] .wfAccept{animation:wfPress53 var(--wfD) linear infinite}@keyframes wfPress53{0%,52.6%{transform:none}53.2%{transform:scale(.93)}53.8%,to{transform:none}}.wfRoute{stroke:var(--accent);stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(255,122,26,.35))}[data-play="1"] .wfRoute{stroke-dasharray:340;animation:wfRouteDraw var(--wfD) linear infinite}@keyframes wfRouteDraw{0%,59.5%{stroke-dashoffset:340}65%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.wfTruck{position:absolute;width:34px;height:34px;margin:-17px;border-radius:999px;background:var(--primary);border:2.5px solid #fff;color:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(16,35,74,.35);offset-path:path("M 30 240 C 80 186 118 214 150 150 C 168 116 172 104 178 86");offset-rotate:0deg;offset-distance:0}[data-play="1"] .wfTruck{animation:wfTruckRide var(--wfD) linear infinite}@keyframes wfTruckRide{0%,60%{offset-distance:0}86%,to{offset-distance:100%}}.wfEtaChip{position:absolute;top:10px;left:10px;height:26px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--primary);font:700 10.5px/1 var(--num);box-shadow:var(--sh-2)}.wfEtaChip b{position:relative;width:34px;height:11px;display:inline-block}.wfEtaChip b span{position:absolute;inset:0;opacity:0;text-align:left}.wfEtaChip b span:first-child{opacity:1}[data-play="1"] .wfEtaChip .n1{animation:wfEta1 var(--wfD) linear infinite}[data-play="1"] .wfEtaChip .n2{animation:wfEta2 var(--wfD) linear infinite}[data-play="1"] .wfEtaChip .n3{animation:wfEta3 var(--wfD) linear infinite}@keyframes wfEta1{0%,68%{opacity:1}68.5%,to{opacity:0}}@keyframes wfEta2{0%,68%{opacity:0}68.5%,77.5%{opacity:1}78%,to{opacity:0}}@keyframes wfEta3{0%,78%{opacity:0}78.5%,to{opacity:1}}.wfDoneCard{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-58%);background:var(--surface);border-radius:16px;box-shadow:var(--sh-3);padding:18px 14px;text-align:center}.wfDoneIco{width:44px;height:44px;border-radius:999px;background:var(--success-12);color:var(--success);display:flex;align-items:center;justify-content:center;margin:0 auto 9px}.wfDoneTitle{font:700 13px/1.25 var(--font-sans);color:var(--primary)}.wfDoneSub{font:500 10.5px/1.4 var(--font-sans);color:var(--muted);margin-top:4px}.wfStars{display:flex;justify-content:center;gap:5px;margin-top:10px}.wfStars i{position:relative;width:16px;height:16px;display:block;color:var(--border)}.wfStars i em{position:absolute;inset:0;color:var(--accent);opacity:0}[data-play="1"] .wfStars i:first-child em{animation:wfStar1 var(--wfD) linear infinite}[data-play="1"] .wfStars i:nth-child(2) em{animation:wfStar2 var(--wfD) linear infinite}[data-play="1"] .wfStars i:nth-child(3) em{animation:wfStar3 var(--wfD) linear infinite}[data-play="1"] .wfStars i:nth-child(4) em{animation:wfStar4 var(--wfD) linear infinite}[data-play="1"] .wfStars i:nth-child(5) em{animation:wfStar5 var(--wfD) linear infinite}@keyframes wfStar1{0%,91.0%{opacity:0;transform:scale(.4)}91.9%,to{opacity:1;transform:none}}@keyframes wfStar2{0%,92.0%{opacity:0;transform:scale(.4)}92.9%,to{opacity:1;transform:none}}@keyframes wfStar3{0%,93.0%{opacity:0;transform:scale(.4)}93.9%,to{opacity:1;transform:none}}@keyframes wfStar4{0%,94.0%{opacity:0;transform:scale(.4)}94.9%,to{opacity:1;transform:none}}@keyframes wfStar5{0%,95.0%{opacity:0;transform:scale(.4)}95.9%,to{opacity:1;transform:none}}.wfDList{padding:10px 12px 0}.wfDTitle{font:800 14px/1.2 var(--font-sans);color:var(--primary)}.wfDSub{font:500 9.5px/1.35 var(--font-sans);color:var(--muted);margin-top:2px}.wfChipsRow{display:flex;gap:6px;margin:9px 0 10px}.wfChipsRow .wfChip.is-on{background:var(--primary);color:#fff}.wfJob{position:relative;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--sh-1);padding:9px 10px;margin-bottom:8px}.wfJob .wfBadge{display:inline-flex;height:17px;align-items:center;padding:0 7px;border-radius:5px;background:var(--success-12);color:var(--success);font:700 8.5px/1 var(--font-sans);letter-spacing:.05em}.wfJobRow{display:flex;align-items:center;gap:7px;margin-top:6px}.wfDot{width:7px;height:7px;border-radius:999px;flex:none}.wfJobMeta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.wfJobPrice{font:800 12.5px/1 var(--num);color:var(--primary);letter-spacing:.06em}.wfBid{height:27px;padding:0 11px;border-radius:9px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;font:700 10.5px/1 var(--font-sans)}.wfJob.is-dim{opacity:.55}.wfJob.is-new{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--sh-2)}.wfJob.is-new .wfBadge{background:var(--accent-12);color:var(--accent)}.wfJob.is-new .wfBid{background:var(--accent);color:var(--on-accent)}.wfDIncoming{opacity:0}[data-play="1"] .wfDIncoming{animation:wfDIncoming var(--wfD) linear infinite}@keyframes wfDIncoming{0%,20.5%{opacity:0;transform:translateY(-10px)}22%,97.9%{opacity:1;transform:none}98%,to{opacity:0}}[data-play="1"] .wfDIncoming .wfBid{animation:wfPress26 var(--wfD) linear infinite}@keyframes wfPress26{0%,25.6%{transform:none}26.2%{transform:scale(.93)}26.8%,to{transform:none}}.wfDAccepted{display:flex;align-items:center;gap:8px;padding:9px 10px;margin-bottom:8px;border-radius:12px;background:var(--success-12);color:var(--success);font:700 11px/1.25 var(--font-sans);opacity:0}[data-play="1"] .wfDAccepted{animation:wfDAccepted var(--wfD) linear infinite}@keyframes wfDAccepted{0%,54%{opacity:0;transform:translateY(-8px)}55.5%,97.9%{opacity:1;transform:none}98%,to{opacity:0}}[data-play="1"] .wfDHome{animation:wfDHome var(--wfD) linear infinite}@keyframes wfDHome{0%,58%{opacity:1}60%,95.9%{opacity:0}98%,to{opacity:1}}[data-play="1"] .wfDNav{animation:wfDNav var(--wfD) linear infinite}@keyframes wfDNav{0%,58.5%{opacity:0}60.5%,95.5%{opacity:1}97.5%,to{opacity:0}}[data-play="1"] .wfDDone{animation:wfCDone var(--wfD) linear infinite}.wfDSheet{position:absolute;left:0;right:0;bottom:0;background:var(--surface);border-radius:20px 20px 0 0;box-shadow:var(--sh-sheet);padding:12px 14px 14px;opacity:0;transform:translateY(100%)}[data-play="1"] .wfDSheet{animation:wfDSheet var(--wfD) linear infinite}@keyframes wfDSheet{0%,26.5%{opacity:0;transform:translateY(100%)}28%,36%{opacity:1;transform:none}38%,to{opacity:0;transform:translateY(100%)}}.wfAmount{display:flex;align-items:center;gap:7px;height:40px;padding:0 12px;border:1.5px solid var(--accent);border-radius:11px;background:var(--bg);font:800 15px/1 var(--num);color:var(--primary)}.wfAmount .wfTyped{display:inline-flex;gap:4px;align-items:center}.wfAmount .wfTyped u{width:7px;height:7px;border-radius:999px;background:var(--primary);display:block;text-decoration:none;opacity:0}[data-play="1"] .wfTyped u:first-child{animation:wfDotIn1 var(--wfD) linear infinite}[data-play="1"] .wfTyped u:nth-child(2){animation:wfDotIn2 var(--wfD) linear infinite}[data-play="1"] .wfTyped u:nth-child(3){animation:wfDotIn3 var(--wfD) linear infinite}@keyframes wfDotIn1{0%,29%{opacity:0}29.5%,to{opacity:1}}@keyframes wfDotIn2{0%,30.5%{opacity:0}31%,to{opacity:1}}@keyframes wfDotIn3{0%,32%{opacity:0}32.5%,to{opacity:1}}.wfCaret{width:1.5px;height:16px;background:var(--accent)}[data-play="1"] .wfCaret{animation:wfCaret 1s steps(1) infinite}@keyframes wfCaret{0%,49%{opacity:1}50%,to{opacity:0}}[data-play="1"] .wfDSheet .wfCta{animation:wfPress34 var(--wfD) linear infinite}@keyframes wfPress34{0%,33.6%{transform:none}34.2%{transform:scale(.95)}34.8%,to{transform:none}}.wfNavTop{margin:10px 12px 0;border-radius:12px;background:var(--primary);color:#fff;padding:10px 12px;display:flex;align-items:center;gap:10px}.wfNavMap{position:absolute;inset:118px 0 0 0;background:#E9EDF2;overflow:hidden}.wfNavArrow{position:absolute;left:50%;bottom:84px;transform:translateX(-50%);color:var(--primary)}[data-play="1"] .wfNavArrow{animation:wfNudge 1.8s var(--ease-out) infinite}@keyframes wfNudge{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-7px)}}.wfNavBottom{left:10px;right:10px;bottom:10px;box-shadow:var(--sh-2);padding:10px 12px;display:flex;align-items:center;gap:9px}.wfFly,.wfNavBottom{position:absolute;border-radius:12px;background:var(--surface)}.wfFly{z-index:9;width:150px;box-shadow:var(--sh-3);border:1px solid var(--border);padding:9px 10px;opacity:0;pointer-events:none}.wfFlyJob{left:0;top:0}[data-play="1"] .wfFlyJob{animation:wfFlyJob var(--wfD) var(--ease-out) infinite}@keyframes wfFlyJob{0%,15.8%{opacity:0;transform:translate(46px,280px) scale(.9)}16.6%{opacity:1}18.2%{transform:translate(230px,160px) scale(1.04);opacity:1}20.4%{opacity:1;transform:translate(408px,180px) scale(.78)}21.4%,to{opacity:0;transform:translate(408px,180px) scale(.78)}}.wfFlyOffer{left:0;top:0;width:132px}[data-play="1"] .wfFlyOffer{animation:wfFlyOffer var(--wfD) var(--ease-out) infinite}@keyframes wfFlyOffer{0%,37.8%{opacity:0;transform:translate(408px,240px) scale(.9)}38.6%{opacity:1}40.2%{transform:translate(230px,170px) scale(1.04);opacity:1}42.4%{opacity:1;transform:translate(52px,262px) scale(.8)}43.4%,to{opacity:0;transform:translate(52px,262px) scale(.8)}}.wfLink{left:246px;right:246px;top:262px;height:0;border-top:2px dashed var(--primary-12)}.wfArrow,.wfLink{position:absolute}.wfArrow{top:236px;opacity:0;color:var(--accent)}.wfArrow.aR{left:288px}.wfArrow.aL{left:288px;transform:rotate(180deg)}[data-play="1"] .wfArrow.aR{animation:wfArrowR var(--wfD) linear infinite}[data-play="1"] .wfArrow.aL{animation:wfArrowL var(--wfD) linear infinite}@keyframes wfArrowR{0%,15.5%{opacity:0}16.5%,21%{opacity:1}22.5%,to{opacity:0}}@keyframes wfArrowL{0%,37.5%{opacity:0;transform:rotate(180deg)}38.5%,43%{opacity:1;transform:rotate(180deg)}44.5%,to{opacity:0;transform:rotate(180deg)}}.wfRail{max-width:920px;margin:40px auto 0}.wfRailTrack{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0;gap:0}.wfStep{padding:14px 10px 0;text-align:center;position:relative}.wfStep:before{content:"";position:absolute;top:0;left:8px;right:8px;height:3px;border-radius:2px;background:var(--border)}.wfStepTitle{font:700 14.5px/1.25 var(--font-sans);color:var(--primary)}.wfStepDesc{font:400 12.5px/1.45 var(--font-sans);color:var(--muted);margin-top:3px}[data-play="1"] .wfStep.k1{animation:wfStepA1 var(--wfD) linear infinite}[data-play="1"] .wfStep.k2{animation:wfStepA2 var(--wfD) linear infinite}[data-play="1"] .wfStep.k3{animation:wfStepA3 var(--wfD) linear infinite}[data-play="1"] .wfStep.k4{animation:wfStepA4 var(--wfD) linear infinite}[data-play="1"] .wfStep.k5{animation:wfStepA5 var(--wfD) linear infinite}@keyframes wfStepA1{0%,16%{opacity:1}18%,96%{opacity:.42}98%,to{opacity:1}}@keyframes wfStepA2{0%,16%{opacity:.42}18%,38%{opacity:1}40%,to{opacity:.42}}@keyframes wfStepA3{0%,38%{opacity:.42}40%,58%{opacity:1}60%,to{opacity:.42}}@keyframes wfStepA4{0%,58%{opacity:.42}60%,88%{opacity:1}90%,to{opacity:.42}}@keyframes wfStepA5{0%,88%{opacity:.42}90%,98%{opacity:1}to{opacity:.42}}.wfRailMark{position:absolute;top:0;left:0;width:20%;height:3px;border-radius:2px;background:var(--accent);box-shadow:0 1px 6px rgba(255,122,26,.5)}[data-play="1"] .wfRailMark{animation:wfRailMark var(--wfD) var(--ease-out) infinite}@keyframes wfRailMark{0%,16%{transform:translateX(0);opacity:1}18%{transform:translateX(100%)}38%{transform:translateX(100%)}40%{transform:translateX(200%)}58%{transform:translateX(200%)}60%{transform:translateX(300%)}88%{transform:translateX(300%)}90%,96.5%{transform:translateX(400%);opacity:1}98%{transform:translateX(400%);opacity:0}99%{transform:translateX(0);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:700px){.wfRailTrack{grid-template-columns:1fr;gap:2px}.wfRailMark{display:none}.wfStep{text-align:left;padding:8px 0 8px 14px}.wfStep:before{top:6px;bottom:6px;left:0;right:auto;width:3px;height:auto}.wfStepDesc{margin-top:2px}}@media (prefers-reduced-motion:reduce){.wfSec *,.wfSec :after,.wfSec :before{animation:none!important}}.mt-legacy{--primary:#16233A;--accent:#FF7A1A;--success:#1FAA59;--danger:#E5484D;--warning:#F5A623;--bg:#F7F8FA;--surface:#FFFFFF;--muted:#6B7280;--border:#E5E7EB;--primary-12:rgba(22,35,58,0.12);--primary-08:rgba(22,35,58,0.08);--accent-12:rgba(255,122,26,0.12);--accent-08:rgba(255,122,26,0.08);--success-12:rgba(31,170,89,0.12);--danger-12:rgba(229,72,77,0.12);--warning-12:rgba(245,166,35,0.14);--on-accent:#1A0E00;--on-primary:#FFFFFF;--on-danger:#FFFFFF;--font-sans:var(--font-jakarta-classic),"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--num:var(--font-jakarta-classic),"Plus Jakarta Sans","Inter",sans-serif;--fw-display:800;--r-button:12px;--r-card:16px;--r-sheet:24px;--r-input:12px;--sh-1:0 1px 2px rgba(16,35,74,0.06);--sh-2:0 2px 8px rgba(16,35,74,0.08);--sh-3:0 6px 20px rgba(16,35,74,0.10);--sh-sheet:0 -4px 24px rgba(16,35,74,0.12);--sh-cta:0 6px 16px rgba(255,122,26,0.30);--focus-ring:0 0 0 3px rgba(255,122,26,0.45);min-height:100vh;background:var(--bg);color:var(--primary);font-family:var(--font-sans)}