.onboarding-main.motion-ready .onboarding-brand{opacity:0;transform:translateY(-10px) scale(.96);animation:gancangBrandIn .62s cubic-bezier(.22,1,.36,1) .04s forwards}.onboarding-main.motion-ready .onboarding-brand img[data-gancang-logo]{transform-origin:center;animation:gancangLogoPop .72s cubic-bezier(.34,1.56,.64,1) .08s both}.onboarding-main.motion-ready .eyebrow{opacity:0;transform:translateY(10px);animation:gancangFadeUp .48s cubic-bezier(.22,1,.36,1) .20s forwards}.gancang-motion-road{position:relative;display:block;height:46px;margin:10px 0 0;overflow:hidden;border-radius:18px;background:linear-gradient(90deg,rgba(32,216,239,.04),rgba(32,216,239,.12),rgba(23,27,70,.03));isolation:isolate}.gancang-motion-road::before{content:"";position:absolute;left:14px;right:14px;top:26px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(23,27,70,.08),rgba(32,216,239,.64),rgba(23,27,70,.16));transform:scaleX(0);transform-origin:left;animation:gancangRoadDraw .72s cubic-bezier(.22,1,.36,1) .30s forwards}.gancang-motion-road::after{content:"";position:absolute;left:18px;right:18px;top:25px;height:4px;background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.92) 22px 31px,transparent 31px 44px);opacity:.78}.gancang-courier{position:absolute;z-index:2;left:0;top:3px;width:60px;height:38px;opacity:0;filter:drop-shadow(0 7px 8px rgba(23,27,70,.14));animation:gancangCourierRide 1.45s cubic-bezier(.16,1,.3,1) .38s forwards}.gancang-courier .wheel{transform-box:fill-box;transform-origin:center;animation:gancangWheelSpin .42s linear .38s 4}.gancang-courier .bag{animation:gancangBagBob .48s ease-in-out .52s 3;transform-box:fill-box;transform-origin:center}.onboarding-main.motion-ready .motion-line{display:block;opacity:0;transform:translateY(24px);will-change:transform,opacity}.onboarding-main.motion-ready .motion-line:first-child{animation:gancangHeadlineIn .72s cubic-bezier(.16,1,.3,1) .52s forwards}.onboarding-main.motion-ready .motion-line:last-child{animation:gancangHeadlineIn .72s cubic-bezier(.16,1,.3,1) .66s forwards}.onboarding-main.motion-ready .motion-accent{position:relative;display:inline-block}.onboarding-main.motion-ready .motion-accent::after{content:"";display:block;position:absolute;left:0;right:0;bottom:-5px;height:7px;border-radius:999px;background:linear-gradient(90deg,#20D8EF,#8AEBF5);transform:scaleX(0);transform-origin:left;opacity:.78;animation:gancangAccentSweep .62s cubic-bezier(.22,1,.36,1) 1.15s forwards}.onboarding-main.motion-ready .onboarding-hero>p{opacity:0;transform:translateY(14px);animation:gancangFadeUp .58s cubic-bezier(.22,1,.36,1) .84s forwards}.onboarding-main.motion-ready .onboarding-points article{opacity:0;transform:translateY(22px) scale(.985);will-change:transform,opacity}.onboarding-main.motion-ready .onboarding-points article:nth-child(1){animation:gancangCardIn .58s cubic-bezier(.22,1,.36,1) .98s forwards}.onboarding-main.motion-ready .onboarding-points article:nth-child(2){animation:gancangCardIn .58s cubic-bezier(.22,1,.36,1) 1.08s forwards}.onboarding-main.motion-ready .onboarding-points article:nth-child(3){animation:gancangCardIn .58s cubic-bezier(.22,1,.36,1) 1.18s forwards}.onboarding-main.motion-ready .onboarding-points article>span{transform:scale(.84);animation:gancangNumberPop .50s cubic-bezier(.34,1.56,.64,1) 1.18s forwards}.onboarding-main.motion-ready .onboarding-points article:nth-child(2)>span{animation-delay:1.28s}.onboarding-main.motion-ready .onboarding-points article:nth-child(3)>span{animation-delay:1.38s}.onboarding-main.motion-ready .onboarding-actions{opacity:0;transform:translateY(18px);animation:gancangFadeUp .62s cubic-bezier(.22,1,.36,1) 1.30s forwards}.onboarding-main.motion-ready .onboarding-actions .btn.primary{position:relative;overflow:hidden}.onboarding-main.motion-ready .onboarding-actions .btn.primary::after{content:"";position:absolute;inset:0;transform:translateX(-145%) skewX(-18deg);width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);animation:gancangButtonSheen .78s ease 1.95s 1}@keyframes gancangBrandIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gancangLogoPop{0%{transform:scale(.72) rotate(-8deg)}72%{transform:scale(1.06) rotate(1.5deg)}100%{transform:scale(1) rotate(0)}}@keyframes gancangFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes gancangRoadDraw{to{transform:scaleX(1)}}@keyframes gancangCourierRide{0%{opacity:0;transform:translateX(-66px) translateY(2px) rotate(-2deg)}12%{opacity:1}82%{opacity:1;transform:translateX(calc(min(100vw,520px) - 126px)) translateY(-1px) rotate(1deg)}100%{opacity:1;transform:translateX(calc(min(100vw,520px) - 118px)) translateY(0) rotate(0)}}@keyframes gancangWheelSpin{to{transform:rotate(360deg)}}@keyframes gancangBagBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes gancangHeadlineIn{to{opacity:1;transform:translateY(0)}}@keyframes gancangAccentSweep{to{transform:scaleX(1)}}@keyframes gancangCardIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gancangNumberPop{to{transform:scale(1)}}@keyframes gancangButtonSheen{to{transform:translateX(340%) skewX(-18deg)}}@media (prefers-reduced-motion:reduce){.onboarding-main.motion-ready *,.onboarding-main.motion-ready *::before,.onboarding-main.motion-ready *::after{animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.onboarding-main.motion-ready .onboarding-brand,.onboarding-main.motion-ready .eyebrow,.onboarding-main.motion-ready .motion-line,.onboarding-main.motion-ready .onboarding-hero>p,.onboarding-main.motion-ready .onboarding-points article,.onboarding-main.motion-ready .onboarding-actions{opacity:1!important;transform:none!important}.gancang-courier{opacity:1!important;transform:translateX(calc(min(100vw,520px) - 118px))!important}.gancang-motion-road::before{transform:scaleX(1)!important}}

/* Keep first paint immediate while preserving the one-shot motorcycle motion. */
.onboarding-main.motion-ready :is(.onboarding-brand,.eyebrow,.motion-line,.onboarding-hero>p,.onboarding-points article,.onboarding-points article>span,.onboarding-actions){opacity:1;transform:none;animation:gancangFadeUp 200ms ease both;animation-delay:0ms;will-change:auto}.onboarding-main.motion-ready .onboarding-brand img[data-gancang-logo]{animation:none}.onboarding-main.motion-ready .onboarding-actions .btn.primary::after{display:none}.onboarding-main{width:min(100%,560px);gap:24px;padding-inline:var(--page-pad)}.onboarding-hero h1,.application-main h1{font-size:32px;line-height:1.15;letter-spacing:-.035em}.onboarding-hero{padding-top:16px}.onboarding-hero p{font-size:1rem}.onboarding-apply-links{flex-wrap:wrap}.onboarding-apply-links button,.back-link{min-height:44px}@media(prefers-reduced-motion:reduce){.onboarding-main.motion-ready *{animation:none!important;transform:none!important;opacity:1!important}.gancang-motion-road::before{transform:scaleX(1)!important}.gancang-courier{opacity:1!important;transform:translateX(calc(min(100vw,520px) - 118px))!important}}
