@font-face{font-family:Manrope;src:url(/fonts/Manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}

:root{
  --ink:#1F1A17; --ink-2:#2B2521; --canvas:#FBF6EF; --surface:#fff; --line:#EDE4DA; --muted:#7A6F66;
  --hug:#FF6F61; --go:#1FD67A; --go-soft:#DDF9EA; --go-text:#087F42; --map:#F3EEE7;
  --pad:clamp(20px,5vw,72px); --max:1180px; --bar:68px;
  --ease:cubic-bezier(.2,.8,.2,1); --settle:cubic-bezier(.3,1.5,.5,1);
  interpolate-size:allow-keywords;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ink)}
.page{font-family:Manrope,system-ui,sans-serif;font-weight:500;color:var(--ink);background:var(--canvas);
  font-size:17px;line-height:1.55;overflow-x:clip}
h1,h2,h3,p{margin:0}
h1,h2{font-weight:800;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}
h2{font-size:clamp(34px,5.2vw,64px)}
h3{font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.25}
a{color:inherit}
:focus-visible{outline:3px solid var(--go);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
.lede{font-size:clamp(18px,1.9vw,21px);max-width:34em;color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
.leave{color:var(--hug)} .arrive{color:var(--go)}

/* ---------- bar: fixed, with the page's scroll progress as a car on a road ---------- */
.bar{position:fixed;inset:0 0 auto 0;z-index:10;color:var(--canvas);transition:background .3s}
.bar.solid{background:rgba(31,26,23,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.bar .wrap{display:flex;align-items:center;gap:26px;height:var(--bar)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.02em;text-decoration:none;margin-right:auto}
.brand svg{width:38px;height:38px}
.bar a.link{text-decoration:none;font-size:15px;font-weight:600;opacity:.75}
.bar a.link:hover{opacity:1}
.bar a.lang{opacity:1;font-weight:800;padding:6px 10px;border-radius:99px;box-shadow:inset 0 0 0 1.5px rgba(251,246,239,.3)}
.get{font-size:14px;font-weight:800;padding:10px 18px;border-radius:99px;background:var(--go);color:var(--ink);text-decoration:none;white-space:nowrap;
  transition:transform .2s var(--settle)}
.get:hover{transform:scale(1.05)}
.track{position:absolute;inset:auto 0 0 0;height:2px;background:rgba(251,246,239,.12);opacity:0;transition:opacity .3s}
.bar.solid .track{opacity:1}
.track i{position:absolute;inset:0;background:var(--go);transform-origin:0 50%;transform:scaleX(var(--s,0))}
.track svg{position:absolute;top:-7px;left:0;width:30px;height:15px;color:var(--go);transform:translateX(calc(var(--s,0)*(100vw - 30px)))}

/* ---------- hero ---------- */
.hero{background:var(--ink);color:var(--canvas);padding-top:var(--bar)}
.hero h1{font-size:clamp(38px,11.2vw,128px);margin-top:clamp(40px,7vw,92px);letter-spacing:-.05em;line-height:.94}
.hero h1 span{display:block;white-space:nowrap}
.hero .lede{color:rgba(251,246,239,.72);margin-top:clamp(22px,3vw,36px)}
.stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,36px)}
/* store badges: the stores' own black badge, drawn here until the official artwork is dropped in */
.store{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 18px 0 13px;border-radius:10px;background:#000;color:#fff;
  border:1px solid #A6A6A6;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Roboto,Arial,sans-serif;
  transition:transform .25s var(--settle),border-color .2s}
.store svg{width:28px;height:28px;flex:none}
.store span{display:grid;line-height:1.05;white-space:nowrap}
.store small{font-size:11px;font-weight:500;letter-spacing:.01em}
.store b{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-top:2px}
.store.play svg{width:26px;height:26px}
.store.play small{font-size:10px;letter-spacing:.04em}
.store.play b{font-weight:500;font-size:21px}
.store:hover{transform:translateY(-3px);border-color:#fff}
.street{display:block;width:100%;height:clamp(210px,26vw,300px);margin-top:clamp(36px,5vw,64px)}
.street text{font-family:Manrope,sans-serif;font-weight:800;font-size:15px;text-anchor:middle}
.pilot{background:var(--ink-2);color:rgba(251,246,239,.8);font-size:15px;font-weight:600;padding:16px 0}
.pilot .wrap{display:flex;gap:10px;align-items:center}
.pilot i{width:9px;height:9px;border-radius:50%;background:var(--go);flex:none}

/* page load: the two lines rise, then the rest follows */
.js .hero h1 span{clip-path:inset(0 0 100% 0);transform:translateY(45%);animation:rise 1s var(--ease) .1s forwards}
.js .hero h1 span+span{animation-delay:.24s}
.js .hero .lede,.js .hero .stores{opacity:0;animation:fade .8s ease .65s forwards}
.js .hero .stores{animation-delay:.8s}
@keyframes rise{to{clip-path:inset(-10% -5% -25% -5%);transform:none}}
@keyframes fade{to{opacity:1}}
@keyframes gone{to{opacity:0}}

/* the handoff: 14 s loop. Coral leaves, green takes the bay. */
.act{animation:act 14s linear infinite}
/* leave and arrive keyframes are generated by build.mjs from real steering paths */
.c-leave{animation:leave 14s linear infinite}
.c-arrive{animation:arrive 14s linear infinite}
.t1{animation:t1 14s infinite}.t2{animation:t2 14s infinite}.t3{animation:t3 14s infinite}
@keyframes act{0%,100%{opacity:0}4%,95%{opacity:1}}
@keyframes t1{0%,3%{opacity:0}6%,29%{opacity:1}32%,100%{opacity:0}}
@keyframes t2{0%,31%{opacity:0}34%,62%{opacity:1}65%,100%{opacity:0}}
@keyframes t3{0%,67%{opacity:0}70%,100%{opacity:1}}

/* ---------- scroll reveals. Final state is the default; .js hides until .in ---------- */
[data-r]{transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0)*110ms)}
.js [data-r]:not(.in){opacity:0;transform:translateY(36px)}

/* ---------- sections ---------- */
section{padding-block:clamp(72px,10vw,140px);scroll-margin-top:var(--bar)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,44px);margin-top:clamp(40px,6vw,72px);
  list-style:none;padding:0;counter-reset:s}
.steps li{counter-increment:s}
.steps h3{margin-top:22px}
.steps h3::before{content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;
  border-radius:50%;background:var(--ink);color:var(--canvas);font-size:14px;vertical-align:2px}
.steps p{color:var(--muted);margin-top:8px;font-size:16px}

/* phones: the app's own screens, sized by the phone's width (cqw). 1 dp of the app is about .26cqw */
.phone{container-type:inline-size;max-width:300px}
.screen{position:relative;aspect-ratio:9/18.6;border-radius:13cqw;border:2.6cqw solid var(--ink);background:var(--map);
  overflow:hidden;font-size:4.1cqw;line-height:1.3;box-shadow:0 8cqw 16cqw -8cqw rgba(31,26,23,.35)}
.screen>svg{position:absolute;inset:0;width:100%;height:100%}
.ic{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.top{position:absolute;left:5cqw;right:5cqw;top:8cqw}
.pill{display:inline-flex;align-items:center;gap:1.4cqw;background:#fff;border-radius:99px;padding:2.2cqw 3.6cqw;font-weight:700;font-size:3.6cqw;
  box-shadow:0 2cqw 6cqw rgba(31,26,23,.1)}
.search{display:flex;gap:2.4cqw;color:var(--muted);font-weight:600;font-size:4.1cqw;padding:3.6cqw 4.4cqw}
.search .ic{color:var(--ink)}
.filters{display:flex;gap:2cqw;margin-top:2.4cqw}
.head{display:flex;align-items:center;gap:2.4cqw}
.head .pill{font-size:4.1cqw;font-weight:800;padding:2.9cqw 4.6cqw}
.round{display:grid;place-items:center;width:11cqw;height:11cqw;border-radius:50%;background:#fff;box-shadow:0 2cqw 6cqw rgba(31,26,23,.1);font-size:4.6cqw}
.radius{position:absolute;width:68cqw;height:68cqw;margin:-34cqw;border-radius:50%;background:rgba(31,26,23,.04);border:.4cqw solid rgba(31,26,23,.2)}
.pin{position:absolute;transform:translate(-50%,-100%);transform-origin:50% 130%;background:#fff;color:var(--ink);font-weight:800;border-radius:5.2cqw;
  padding:1.5cqw 2.7cqw;font-size:4.4cqw;white-space:nowrap;box-shadow:inset 0 0 0 .3cqw var(--line);filter:drop-shadow(0 2cqw 3cqw rgba(31,26,23,.16));
  transition:transform .55s var(--settle);transition-delay:calc(.5s + var(--n,0)*.16s)}
.pin::after{content:"";position:absolute;left:50%;top:calc(100% - .2cqw);margin-left:-1.6cqw;border:1.6cqw solid transparent;border-top:2.1cqw solid #fff;border-bottom:0}
.pin.sel{background:var(--ink);color:#fff;box-shadow:0 0 0 .55cqw #fff;transform:translate(-50%,-100%) scale(1.15);z-index:1}
.pin.sel::after{border-top-color:var(--ink)}
.me{position:absolute;width:5.4cqw;height:5.4cqw;margin:-2.7cqw;border-radius:50%;background:#2F6BFF;border:.8cqw solid #fff;box-shadow:0 0 0 3.6cqw rgba(47,107,255,.18)}
.sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:7.4cqw 7.4cqw 0 0;padding:7.4cqw 5.3cqw 6cqw;
  box-shadow:0 -2cqw 8cqw rgba(31,26,23,.08);transition:transform .8s var(--ease) .3s}
.sheet::before{content:"";position:absolute;top:2.6cqw;left:50%;width:9.5cqw;height:1.1cqw;margin-left:-4.75cqw;border-radius:9px;background:var(--line)}
.sheet small{display:block;color:var(--muted);font-size:3.5cqw;font-weight:600}
.big{font-size:10.5cqw;font-weight:800;letter-spacing:-.03em;line-height:1}
.title{font-size:5.6cqw;font-weight:800;letter-spacing:-.02em}
.chip{display:inline-block;background:var(--go-soft);color:var(--go-text);font-weight:700;font-size:3.1cqw;padding:1.2cqw 2.6cqw;border-radius:99px;white-space:nowrap}

/* map: results list and the floating tab bar */
.list{padding-inline:0;padding-bottom:21cqw}
.list .title{padding:0 5.3cqw 2cqw}
.locate{position:absolute;right:5cqw;top:-14.5cqw}
.row{display:flex;align-items:center;gap:3cqw;padding:2.6cqw 5.3cqw 2.6cqw 4.2cqw;border-left:1.1cqw solid transparent}
.row.sel{background:#F5F0E9;border-left-color:var(--ink)}
.row>b{font-size:6.2cqw;font-weight:800;letter-spacing:-.02em;min-width:17cqw}
.row>span:not(.chip){flex:1;font-weight:600;font-size:3.7cqw}
.row .ic{color:var(--muted)}
.nav{position:absolute;left:50%;bottom:4cqw;transform:translateX(-50%);display:flex;align-items:center;gap:5.4cqw;background:#fff;border-radius:99px;
  padding:1.6cqw 6cqw 1.6cqw 1.6cqw;box-shadow:0 0 0 .3cqw var(--line),0 2cqw 6cqw rgba(31,26,23,.1);color:var(--muted);font-size:4.8cqw}
.nav span{display:flex;align-items:center;gap:2cqw;background:#F5F0E9;color:var(--ink);border-radius:99px;padding:2.3cqw 4.4cqw 2.3cqw 3cqw;font-size:3.7cqw;font-weight:800}
.nav b{display:grid;place-items:center;width:5.6cqw;height:5.6cqw;border-radius:1.6cqw;background:var(--ink);color:#fff;font-size:3.7cqw;font-weight:800}

/* spot sheet */
.spot{display:flex;align-items:center;gap:4.2cqw}
.walk{text-align:center;flex:none}
.walk small{font-size:3.1cqw;margin-top:1.4cqw}
.ring{position:relative;display:grid;place-items:center;width:16.8cqw;height:16.8cqw;margin:auto;font-size:6.3cqw;font-weight:800}
.ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke:var(--line);stroke-width:5}
.ring .arc{stroke:var(--ink);stroke-linecap:round;stroke-dasharray:185.4;stroke-dashoffset:148;transition:stroke-dashoffset 1s var(--ease) .9s}
.when{display:flex;align-items:baseline;gap:2cqw;font-weight:700;margin:.6cqw 0 1.2cqw}
.type{display:flex!important;align-items:center;gap:1.8cqw}
.type i{width:2.4cqw;height:2.4cqw;border-radius:50%;background:var(--go)}
.driver{display:flex;align-items:center;gap:3cqw;background:#F5F0E9;border-radius:6cqw;padding:3.4cqw 4cqw;margin-top:4.6cqw}
.driver div{flex:1}
.rel{display:block;height:1.6cqw;border-radius:9px;background:var(--line);margin-top:1.6cqw;overflow:hidden}
.rel::before{content:"";display:block;height:100%;width:88%;border-radius:9px;background:var(--go);transition:width 1s var(--ease) 1s}
.note{margin-top:3.4cqw}
.btn{position:relative;display:flex;align-items:center;justify-content:center;height:13.4cqw;background:var(--hug);color:var(--ink);font-weight:800;border-radius:99px;margin-top:4.2cqw;font-size:4.4cqw}
.btn em{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1.6cqw;font-style:normal;opacity:0}
.btn.alt{background:var(--line);margin-top:2.4cqw}

/* live exchange */
.road{position:relative;height:1.6cqw;border-radius:9px;background:var(--line);margin:2.4cqw 0 5.4cqw}
.road::before{content:"";position:absolute;inset:0 auto 0 0;width:70%;background:var(--go);border-radius:9px;transition:width 1.8s var(--ease) .7s}
.road svg{position:absolute;left:62%;top:-2.2cqw;width:12cqw;height:6cqw;color:var(--ink);transition:left 1.8s var(--ease) .7s}
.road+.chip{margin-bottom:1.4cqw}
.veh{display:grid;grid-template-columns:auto 1fr;gap:0 3cqw;align-items:center;background:var(--canvas);border-radius:6cqw;padding:3.8cqw 4.2cqw;margin-top:3.6cqw;font-weight:800}
.veh::before{content:"";grid-row:span 2;width:4.4cqw;height:4.4cqw;border-radius:50%;background:#2F6BFF}
.veh small{grid-column:2}

/* what happens inside each phone once it scrolls into view */
.js .steps li:not(.in) .pin{transform:translate(-50%,-100%) scale(0)}
.js .steps li:not(.in) .sheet{transform:translateY(105%)}
.js .steps li:not(.in) .road::before,.js .steps li:not(.in) .rel::before{width:0}
.js .steps li:not(.in) .road svg{left:0}
.js .steps li:not(.in) .arc{stroke-dashoffset:185.4}
.js .steps li.in .book{animation:book .5s var(--settle) 2.2s forwards}
.js .steps li.in .book b{animation:gone .25s 2.2s forwards}
.js .steps li.in .book em{animation:fade .25s 2.35s forwards}
@keyframes book{40%{transform:scale(.94)}100%{background:var(--go);transform:none}}

/* give band: an ink car drives out across the band as you scroll */
.give{position:relative;background:var(--hug);color:var(--ink);padding-block:clamp(56px,8vw,104px) 0;overflow:hidden}
.give .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,80px);align-items:end}
.give p{font-size:clamp(18px,1.9vw,21px);max-width:30em}
.lane{position:relative;height:84px;margin-top:clamp(40px,6vw,72px);background:rgba(31,26,23,.1)}
.lane::before{content:"";position:absolute;inset:50% 0 auto 0;height:3px;margin-top:-1.5px;
  background:repeating-linear-gradient(90deg,rgba(31,26,23,.35) 0 28px,transparent 28px 56px)}
.lane svg{position:absolute;left:0;top:17px;width:100px;height:50px;color:var(--ink);
  transform:translateX(calc(var(--p,.4)*(100vw + 100px) - 100px))}

/* planner */
.plan{background:var(--surface)}
.plan .lede{margin-top:22px}
.routes{margin-top:clamp(36px,5vw,60px);border-top:2px solid var(--ink)}
.route{display:grid;grid-template-columns:11em 1fr 5.5em;gap:8px clamp(16px,3vw,40px);align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.route h3 span{display:inline-block;margin-top:6px;font-size:13px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--go-soft);color:var(--go-text);letter-spacing:0}
.legs{display:flex;gap:5px;align-items:center}
.leg{height:34px;border-radius:10px;display:flex;align-items:center;padding:0 11px;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;min-width:0;
  transform-origin:0 50%;transition:transform .7s var(--ease),opacity .3s;transition-delay:calc(.25s + var(--i,0)*110ms + var(--n,0)*130ms)}
.leg:nth-child(2){--n:1}.leg:nth-child(3){--n:2}.leg:nth-child(4){--n:3}.leg:nth-child(5){--n:4}
.js .route:not(.in) .leg{transform:scaleX(0);opacity:0}
.leg.car{background:var(--ink);color:#fff}
.leg.tr{background:var(--go);color:var(--ink)}
.leg.walk{background:repeating-linear-gradient(90deg,var(--muted) 0 5px,transparent 5px 10px) center/100% 3px no-repeat;color:transparent;padding:0}
.leg.p{flex:none;width:34px;justify-content:center;padding:0;background:var(--hug);color:var(--ink);font-weight:800}
.route .t{font-size:30px;font-weight:800;letter-spacing:-.03em;text-align:right;white-space:nowrap}
.note{margin-top:16px;font-size:14px;color:var(--muted)}

/* trust */
.trust dl{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);margin:clamp(36px,5vw,64px) 0 0}
.trust dt{position:relative;font-weight:800;font-size:20px;padding-top:18px}
.trust dt::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--ink);transform-origin:0 50%;
  transition:transform 1s var(--ease);transition-delay:calc(.2s + var(--i,0)*110ms)}
.js .trust dl>div:not(.in) dt::before{transform:scaleX(0)}
.trust dd{margin:8px 0 0;color:var(--muted);font-size:16px}

/* questions */
.faq{background:var(--surface)}
.faq .wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(28px,6vw,96px);align-items:start}
.faq details{border-top:1px solid var(--line)}
.faq details:first-child{border-top:2px solid var(--ink)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-weight:800;font-size:20px;letter-spacing:-.01em;
  cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;
  background:linear-gradient(var(--ink) 0 0) center/100% 2.5px no-repeat,linear-gradient(var(--ink) 0 0) center/2.5px 100% no-repeat;
  transition:transform .35s var(--settle)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding:0 40px 22px 0;max-width:36em}
.faq details::details-content{block-size:0;overflow:clip;transition:block-size .35s var(--ease),content-visibility .35s allow-discrete}
.faq details[open]::details-content{block-size:auto}

/* end: the two halves of the mark link up */
.end{background:var(--ink);color:var(--canvas);text-align:center;padding-block:clamp(80px,11vw,150px) 0}
.end svg.mark{width:clamp(150px,22vw,250px);height:auto;overflow:visible}
.end .mark g{transition:transform 1.1s var(--settle) .15s,opacity .5s .15s}
.js .end .mark:not(.in) .l{transform:translateX(-90px);opacity:0}
.js .end .mark:not(.in) .g{transform:translateX(90px);opacity:0}
.end h2{font-size:clamp(36px,6.6vw,88px);margin-top:36px;letter-spacing:-.045em}
.end h2 span{display:block}
.end .stores{justify-content:center;margin-top:40px;text-align:left}
.end .cities{margin-top:22px;color:rgba(251,246,239,.6);font-size:15px;font-weight:600}

footer{background:var(--ink);color:rgba(251,246,239,.6);font-size:14px;font-weight:600}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;padding-block:24px;border-top:1px solid rgba(251,246,239,.12)}
.end + footer{padding-top:clamp(64px,9vw,110px)}
footer span{margin-right:auto}
footer a{text-decoration:none}
footer a:hover{color:var(--canvas)}

/* ---------- legal pages ---------- */
.legal{padding:calc(var(--bar) + clamp(40px,7vw,88px)) 0 clamp(72px,10vw,120px)}
.legal article{max-width:44em}
.legal h1{font-size:clamp(38px,6vw,72px);letter-spacing:-.045em}
.legal h1 + p{margin-top:18px;font-weight:700;color:var(--go-text);background:var(--go-soft);display:inline-block;padding:8px 16px;border-radius:14px;font-size:15px}
.legal h2{font-size:24px;letter-spacing:-.02em;line-height:1.2;margin:48px 0 12px}
.legal p,.legal ul{margin:0 0 12px}
.legal ul{padding-left:1.2em}
.legal li{margin-bottom:8px}
.legal li::marker{color:var(--hug)}
.legal a{font-weight:700}

@media (max-width:820px){
  .bar a.link:not(.lang){display:none}
  .bar .wrap{gap:14px}
  .give .wrap,.faq .wrap{grid-template-columns:1fr}
  .trust dl{grid-template-columns:1fr}
  .route{grid-template-columns:1fr auto}
  .route .legs{grid-column:1/-1;grid-row:2}
}
@media (max-width:640px){
  .steps{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;
    margin-inline:calc(var(--pad)*-1);padding:0 var(--pad) 28px;scrollbar-width:none}
  .steps li{scroll-snap-align:center}
  .leg{font-size:12px;padding:0 8px}
  .faq summary{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .act,.c-leave,.c-arrive,.t1,.t2,.t3{animation:none}
  .act{opacity:1}.c-leave,.t1,.t2{display:none}
  .c-arrive{transform:translate(1240px,225px) rotate(180deg)}
  *{transition:none!important}
}
@keyframes leave{0%{transform:translate(1240.0px,225.0px) rotate(0.0deg)}30%{transform:translate(1240.0px,225.0px) rotate(0.0deg)}30.5%{transform:translate(1240.0px,224.9px) rotate(0.0deg)}31%{transform:translate(1240.0px,224.5px) rotate(0.0deg)}31.5%{transform:translate(1240.0px,223.7px) rotate(0.0deg)}32%{transform:translate(1240.0px,222.4px) rotate(0.0deg)}32.5%{transform:translate(1240.0px,220.6px) rotate(0.0deg)}33%{transform:translate(1240.0px,218.2px) rotate(0.0deg)}33.5%{transform:translate(1240.0px,215.1px) rotate(0.0deg)}34%{transform:translate(1240.0px,211.4px) rotate(0.0deg)}34.5%{transform:translate(1240.0px,206.9px) rotate(0.0deg)}35%{transform:translate(1240.0px,201.7px) rotate(0.0deg)}35.5%{transform:translate(1240.0px,195.8px) rotate(0.0deg)}36%{transform:translate(1240.0px,189.0px) rotate(0.0deg)}36.5%{transform:translate(1240.0px,181.3px) rotate(0.0deg)}37%{transform:translate(1240.0px,172.8px) rotate(0.0deg)}37.5%{transform:translate(1240.0px,163.4px) rotate(0.0deg)}38%{transform:translate(1241.9px,153.2px) rotate(3.6deg)}38.5%{transform:translate(1246.6px,142.4px) rotate(10.3deg)}39%{transform:translate(1253.0px,131.4px) rotate(17.7deg)}39.5%{transform:translate(1261.5px,120.6px) rotate(25.7deg)}40%{transform:translate(1272.2px,110.4px) rotate(34.3deg)}40.5%{transform:translate(1285.3px,101.3px) rotate(43.5deg)}41%{transform:translate(1300.7px,94.1px) rotate(53.3deg)}41.5%{transform:translate(1318.1px,89.4px) rotate(63.8deg)}42%{transform:translate(1337.3px,88.0px) rotate(74.9deg)}42.5%{transform:translate(1357.5px,90.6px) rotate(86.7deg)}43%{transform:translate(1378.3px,92.0px) rotate(90.0deg)}43.5%{transform:translate(1400.1px,92.0px) rotate(90.0deg)}44%{transform:translate(1423.2px,92.0px) rotate(90.0deg)}44.5%{transform:translate(1447.4px,92.0px) rotate(90.0deg)}45%{transform:translate(1472.7px,92.0px) rotate(90.0deg)}45.5%{transform:translate(1499.4px,92.0px) rotate(90.0deg)}46%{transform:translate(1527.2px,92.0px) rotate(90.0deg)}46.5%{transform:translate(1556.3px,92.0px) rotate(90.0deg)}47%{transform:translate(1586.6px,92.0px) rotate(90.0deg)}47.5%{transform:translate(1618.2px,92.0px) rotate(90.0deg)}48%{transform:translate(1651.1px,92.0px) rotate(90.0deg)}48.5%{transform:translate(1685.4px,92.0px) rotate(90.0deg)}49%{transform:translate(1720.9px,92.0px) rotate(90.0deg)}49.5%{transform:translate(1757.8px,92.0px) rotate(90.0deg)}50%{transform:translate(1796.0px,92.0px) rotate(90.0deg)}50.5%{transform:translate(1835.5px,92.0px) rotate(90.0deg)}51%{transform:translate(1876.5px,92.0px) rotate(90.0deg)}51.5%{transform:translate(1918.8px,92.0px) rotate(90.0deg)}52%{transform:translate(1962.6px,92.0px) rotate(90.0deg)}52.5%{transform:translate(2007.7px,92.0px) rotate(90.0deg)}53%{transform:translate(2054.3px,92.0px) rotate(90.0deg)}53.5%{transform:translate(2102.3px,92.0px) rotate(90.0deg)}54%{transform:translate(2151.8px,92.0px) rotate(90.0deg)}54.5%{transform:translate(2202.7px,92.0px) rotate(90.0deg)}55%{transform:translate(2255.1px,92.0px) rotate(90.0deg)}55.5%{transform:translate(2309.0px,92.0px) rotate(90.0deg)}56%{transform:translate(2364.4px,92.0px) rotate(90.0deg)}56.5%{transform:translate(2421.3px,92.0px) rotate(90.0deg)}57%{transform:translate(2479.8px,92.0px) rotate(90.0deg)}57.5%{transform:translate(2539.7px,92.0px) rotate(90.0deg)}58%{transform:translate(2601.3px,92.0px) rotate(90.0deg)}58.5%{transform:translate(2664.3px,92.0px) rotate(90.0deg)}59%{transform:translate(2729.0px,92.0px) rotate(90.0deg)}59.5%{transform:translate(2795.2px,92.0px) rotate(90.0deg)}60%{transform:translate(2863.0px,92.0px) rotate(90.0deg)}100%{transform:translate(2863.0px,92.0px) rotate(90.0deg)}}
@keyframes arrive{0%{transform:translate(-32.0px,92.0px) rotate(90.0deg)}5%{transform:translate(-32.0px,92.0px) rotate(90.0deg)}5.5%{transform:translate(24.6px,92.0px) rotate(90.0deg)}6%{transform:translate(79.5px,92.0px) rotate(90.0deg)}6.5%{transform:translate(132.5px,92.0px) rotate(90.0deg)}7%{transform:translate(183.7px,92.0px) rotate(90.0deg)}7.5%{transform:translate(233.2px,92.0px) rotate(90.0deg)}8%{transform:translate(280.9px,92.0px) rotate(90.0deg)}8.5%{transform:translate(326.9px,92.0px) rotate(90.0deg)}9%{transform:translate(371.2px,92.0px) rotate(90.0deg)}9.5%{transform:translate(413.8px,92.0px) rotate(90.0deg)}10%{transform:translate(454.8px,92.0px) rotate(90.0deg)}10.5%{transform:translate(494.1px,92.0px) rotate(90.0deg)}11%{transform:translate(531.7px,92.0px) rotate(90.0deg)}11.5%{transform:translate(567.8px,92.0px) rotate(90.0deg)}12%{transform:translate(602.2px,92.0px) rotate(90.0deg)}12.5%{transform:translate(635.1px,92.0px) rotate(90.0deg)}13%{transform:translate(666.4px,92.0px) rotate(90.0deg)}13.5%{transform:translate(696.2px,92.0px) rotate(90.0deg)}14%{transform:translate(724.5px,92.0px) rotate(90.0deg)}14.5%{transform:translate(751.3px,92.0px) rotate(90.0deg)}15%{transform:translate(776.7px,92.0px) rotate(90.0deg)}15.5%{transform:translate(800.6px,92.0px) rotate(90.0deg)}16%{transform:translate(823.1px,92.0px) rotate(90.0deg)}16.5%{transform:translate(844.2px,92.0px) rotate(90.0deg)}17%{transform:translate(864.0px,92.0px) rotate(90.0deg)}17.5%{transform:translate(882.4px,92.0px) rotate(90.0deg)}18%{transform:translate(899.5px,92.0px) rotate(90.0deg)}18.5%{transform:translate(915.3px,92.0px) rotate(90.0deg)}19%{transform:translate(929.9px,92.0px) rotate(90.0deg)}19.5%{transform:translate(943.3px,92.0px) rotate(90.0deg)}20%{transform:translate(955.4px,92.0px) rotate(90.0deg)}20.5%{transform:translate(966.5px,92.0px) rotate(90.0deg)}21%{transform:translate(976.3px,92.0px) rotate(90.0deg)}21.5%{transform:translate(985.1px,92.0px) rotate(90.0deg)}22%{transform:translate(992.9px,92.0px) rotate(90.0deg)}22.5%{transform:translate(999.6px,92.0px) rotate(90.0deg)}23%{transform:translate(1005.4px,92.0px) rotate(90.0deg)}23.5%{transform:translate(1010.2px,92.0px) rotate(90.0deg)}24%{transform:translate(1014.2px,92.0px) rotate(90.0deg)}24.5%{transform:translate(1017.3px,92.0px) rotate(90.0deg)}25%{transform:translate(1019.7px,92.0px) rotate(90.0deg)}25.5%{transform:translate(1021.3px,92.0px) rotate(90.0deg)}26%{transform:translate(1022.4px,92.0px) rotate(90.0deg)}26.5%{transform:translate(1022.9px,92.0px) rotate(90.0deg)}27%{transform:translate(1023.0px,92.0px) rotate(90.0deg)}45%{transform:translate(1023.0px,92.0px) rotate(90.0deg)}45.5%{transform:translate(1023.6px,92.0px) rotate(90.0deg)}46%{transform:translate(1025.2px,92.0px) rotate(90.0deg)}46.5%{transform:translate(1028.0px,92.0px) rotate(90.0deg)}47%{transform:translate(1031.7px,92.0px) rotate(90.0deg)}47.5%{transform:translate(1036.3px,92.0px) rotate(90.0deg)}48%{transform:translate(1041.8px,92.0px) rotate(90.0deg)}48.5%{transform:translate(1048.1px,92.0px) rotate(90.0deg)}49%{transform:translate(1055.2px,92.0px) rotate(90.0deg)}49.5%{transform:translate(1062.9px,92.0px) rotate(90.0deg)}50%{transform:translate(1071.3px,92.0px) rotate(90.0deg)}50.5%{transform:translate(1080.3px,92.0px) rotate(90.0deg)}51%{transform:translate(1089.8px,92.0px) rotate(90.0deg)}51.5%{transform:translate(1099.8px,92.0px) rotate(90.0deg)}52%{transform:translate(1110.1px,92.0px) rotate(90.0deg)}52.5%{transform:translate(1120.8px,92.0px) rotate(90.0deg)}53%{transform:translate(1131.8px,92.0px) rotate(90.0deg)}53.5%{transform:translate(1143.1px,92.0px) rotate(90.0deg)}54%{transform:translate(1154.5px,92.0px) rotate(90.0deg)}54.5%{transform:translate(1166.0px,92.0px) rotate(90.0deg)}55%{transform:translate(1177.6px,93.5px) rotate(92.8deg)}55.5%{transform:translate(1188.7px,98.1px) rotate(99.8deg)}56%{transform:translate(1199.2px,104.1px) rotate(106.7deg)}56.5%{transform:translate(1208.7px,111.2px) rotate(113.6deg)}57%{transform:translate(1217.2px,119.2px) rotate(120.4deg)}57.5%{transform:translate(1224.6px,128.0px) rotate(127.0deg)}58%{transform:translate(1230.7px,137.3px) rotate(133.5deg)}58.5%{transform:translate(1235.6px,147.0px) rotate(139.7deg)}59%{transform:translate(1239.3px,156.7px) rotate(145.7deg)}59.5%{transform:translate(1241.8px,166.2px) rotate(151.5deg)}60%{transform:translate(1243.4px,175.5px) rotate(156.9deg)}60.5%{transform:translate(1244.0px,184.2px) rotate(162.0deg)}61%{transform:translate(1243.9px,192.3px) rotate(166.6deg)}61.5%{transform:translate(1243.2px,199.6px) rotate(170.9deg)}62%{transform:translate(1242.2px,206.1px) rotate(174.7deg)}62.5%{transform:translate(1240.9px,211.7px) rotate(178.0deg)}63%{transform:translate(1240.0px,216.3px) rotate(180.0deg)}63.5%{transform:translate(1240.0px,220.0px) rotate(180.0deg)}64%{transform:translate(1240.0px,222.8px) rotate(180.0deg)}64.5%{transform:translate(1240.0px,224.4px) rotate(180.0deg)}65%{transform:translate(1240.0px,225.0px) rotate(180.0deg)}100%{transform:translate(1240.0px,225.0px) rotate(180.0deg)}}