.hero{background:var(--canvas);position:relative;overflow:hidden}.hero__copy{z-index:2;text-align:center;justify-items:center;max-width:1080px;padding-top:56px;display:grid;position:relative}.hero__copy>*{animation:hero-rise .9s var(--ease-out) both}.hero__copy>:nth-child(2){animation-delay:80ms}.hero__copy>:nth-child(3){animation-delay:.16s}.hero__copy>:nth-child(4){animation-delay:.24s}.hero__copy>:nth-child(5){animation-delay:.32s}@keyframes hero-rise{0%{opacity:0;transform:translateY(18px)}}.hero h1{letter-spacing:-.025em;text-wrap:balance;margin:20px 0 16px;font-size:60px;font-weight:800;line-height:68px}:lang(ar) .hero h1{letter-spacing:0;font-size:54px;line-height:1.45}.hero__lead{max-width:640px;color:var(--text-2);margin-bottom:28px;font-size:19px;line-height:30px}:lang(ar) .hero__lead{font-size:18px;line-height:1.75}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero__promises{color:var(--text-2);flex-wrap:wrap;justify-content:center;gap:8px 24px;margin:20px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.hero__promises li{align-items:center;gap:6px;display:inline-flex}.hero__promises svg{color:var(--success)}.scene{--p:0;height:380px;margin-top:-12px;position:relative}.scene .world{direction:ltr;position:absolute;inset:0}[dir=rtl] .scene .world{transform:scaleX(-1)}.scene .sky{background:linear-gradient(#faf9f7 0%,#fff4ee 70%,#ffeee4 100%);position:absolute;inset:0}.scene .sun{width:120px;height:120px;transform:translateY(calc(var(--p) * 40px));background:radial-gradient(circle,#ffd9c6 0 58%,#ffd9c659 59% 70%,#0000 71%);border-radius:50%;position:absolute;top:0;right:17%}.scene .layer{position:absolute;left:0;right:0;overflow:hidden}.scene .strip{width:2880px;animation:scene-slide var(--speed) linear infinite;display:flex}.scene .strip svg{flex:none;max-width:none;display:block}@keyframes scene-slide{to{transform:translate(-1440px)}}.scene .far{--speed:140s;height:200px;transform:translateY(calc(var(--p) * 30px));top:52px}.scene .near{--speed:90s;height:220px;transform:translateY(calc(var(--p) * 60px));top:112px}.scene .city{--speed:55s;height:240px;transform:translateY(calc(var(--p) * 90px));top:60px}.scene .road{height:80px;top:300px}.scene .road .strip{--speed:9s}.scene .dashes{background:repeating-linear-gradient(90deg,#fff 0 40px,#0000 40px 96px) 0 0/96px 4px;height:4px;animation:.6s linear infinite scene-dash;position:absolute;top:40px;left:0;right:0}@keyframes scene-dash{to{background-position:-96px 0}}.scene .rider{inset-inline-start:calc(36% - 140px);--travel:420px;width:280px;transform:translateX(calc(var(--p) * var(--travel)));position:absolute;top:140px}[dir=rtl] .scene .rider{--travel:-420px}[dir=rtl] .scene .vespa-flip{transform:scaleX(-1)}.scene .ride-in{animation:scene-ride-in 2.2s var(--ease-out) both}[dir=rtl] .scene .ride-in{animation-name:scene-ride-in-rtl}@keyframes scene-ride-in{0%{transform:translate(-900px)}}@keyframes scene-ride-in-rtl{0%{transform:translate(900px)}}.scene .vespa{width:100%;height:auto;animation:.42s ease-in-out infinite alternate scene-bump;display:block;overflow:visible}@keyframes scene-bump{to{transform:translateY(-1.6px)rotate(-.3deg)}}.scene #wheel-rear,.scene #wheel-front{transform-box:fill-box;transform-origin:50%;animation:.55s linear infinite scene-spin}@keyframes scene-spin{to{transform:rotate(360deg)}}.scene #box-bell{transform-box:fill-box;transform-origin:50% 10%;animation:3.2s ease-in-out infinite scene-ring}@keyframes scene-ring{0%,62%,to{rotate:0deg}66%{rotate:14deg}70%{rotate:-12deg}74%{rotate:9deg}78%{rotate:-6deg}82%{rotate:0deg}}.scene #box-waves path{opacity:0;transform-box:fill-box;transform-origin:50%;animation:3.2s ease-out infinite scene-wave}@keyframes scene-wave{0%,62%{opacity:0;scale:.7}70%{opacity:1;scale:1}86%,to{opacity:0;scale:1.25}}.scene .puff{transform-box:fill-box;transform-origin:50%;opacity:0;animation:1.4s ease-out infinite scene-puff}.scene .puff:nth-child(2){animation-delay:.45s}.scene .puff:nth-child(3){animation-delay:.9s}@keyframes scene-puff{0%{opacity:.9;transform:translate(0)scale(.6)}to{opacity:0;transform:translate(-46px,-10px)scale(1.8)}}.scene .sticker{background:var(--surface);width:112px;height:112px;transform:translateY(calc(var(--p) * var(--depth)));opacity:calc(1 - var(--p) * .9);animation:scene-pop .9s var(--ease-out) both;animation-delay:var(--d);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 2px 6px #1414120f,0 18px 40px -8px #d33d0f2e}.scene .bob{animation:scene-bob var(--t) ease-in-out infinite alternate;place-items:center;display:grid}.scene .item{width:84px;height:84px}@keyframes scene-pop{0%{opacity:0;scale:.5}}@keyframes scene-bob{0%{transform:translateY(-7px)rotate(-3deg)}to{transform:translateY(7px)rotate(3deg)}}.scene .s1{inset-inline-start:12%;--depth:-110px;--t:3.6s;--d:.7s;top:64px}.scene .s2{inset-inline-start:56%;--depth:-140px;--t:4.2s;--d:.9s;top:34px}.scene .s3{inset-inline-start:80%;--depth:-80px;--t:3.2s;--d:1.1s;top:110px}.scene.is-paused *,.scene.is-paused :before,.scene.is-paused :after{animation-play-state:paused}@media (width<=1100px){.hero h1{font-size:48px;line-height:56px}:lang(ar) .hero h1{font-size:44px}.scene .s3{inset-inline-start:78%}}@media (width<=640px){.hero__copy{text-align:start;justify-items:start;padding-top:32px}.hero h1,:lang(ar) .hero h1{margin:16px 0 12px;font-size:34px;line-height:1.5}:lang(en) .hero h1{line-height:42px}.hero h1 br{display:none}.hero__lead,:lang(ar) .hero__lead{margin-bottom:24px;font-size:17px;line-height:1.7}.hero__actions{justify-content:flex-start;width:100%}.hero__actions>.btn,.hero__actions .badges{width:100%}.hero__actions .badge{flex:1}.hero__promises{flex-direction:column;justify-content:flex-start;gap:6px}.scene{height:300px;margin-top:8px}.scene .far{top:20px}.scene .near{top:70px}.scene .city{top:4px}.scene .road{height:56px;top:244px}.scene .dashes{top:26px}.scene .rider{inset-inline-start:calc(50% - 100px);--travel:120px;width:200px;top:106px}[dir=rtl] .scene .rider{--travel:-120px}.scene .sticker{width:76px;height:76px}.scene .item{width:56px;height:56px}.scene .s1{inset-inline-start:5%;--depth:-60px;top:30px}.scene .s2{inset-inline-start:41%;--depth:-80px;top:0}.scene .s3{inset-inline-start:75%;--depth:-44px;top:46px}.scene .sun{width:76px;height:76px;top:30px;right:30%}}@media (prefers-reduced-motion:reduce){.hero__copy>*,.scene *,.scene :before,.scene :after{animation:none!important}.scene .rider,.scene .layer,.scene .sun,.scene .sticker{opacity:1;transform:none}[dir=rtl] .scene .vespa-flip{transform:scaleX(-1)}}.ways[data-astro-cid-wcolddp2]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:56px;display:grid}.way[data-astro-cid-wcolddp2]{align-content:start;justify-items:start;gap:10px;padding:40px 40px 44px;display:grid;position:relative;overflow:hidden}.ways--screens[data-astro-cid-wcolddp2] .way[data-astro-cid-wcolddp2]{grid-template-rows:auto auto auto 1fr;padding-bottom:0}.way[data-astro-cid-wcolddp2] .bubble[data-astro-cid-wcolddp2]{margin-bottom:14px}.way[data-astro-cid-wcolddp2] .h3[data-astro-cid-wcolddp2]{font-size:24px;line-height:32px}[data-astro-cid-wcolddp2]:lang(ar) .way[data-astro-cid-wcolddp2] .h3[data-astro-cid-wcolddp2]{font-size:22px}.way[data-astro-cid-wcolddp2] .body[data-astro-cid-wcolddp2]{max-width:440px}.market[data-astro-cid-wcolddp2]{border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand-on-soft);align-items:center;gap:12px;margin-top:10px;padding:12px 16px;font-size:14px;line-height:1.4;display:flex}.market[data-astro-cid-wcolddp2] b[data-astro-cid-wcolddp2]{color:var(--text);font-weight:700;display:block}.market__icon[data-astro-cid-wcolddp2]{color:var(--brand);display:grid}.way[data-astro-cid-wcolddp2] .way__phone{transition:transform .6s var(--ease-out);place-self:end center;margin-top:32px;margin-bottom:-180px}.way[data-astro-cid-wcolddp2]:hover .way__phone{transform:translateY(-8px)}.where[data-astro-cid-wcolddp2]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.areas[data-astro-cid-wcolddp2]{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.areas[data-astro-cid-wcolddp2] li[data-astro-cid-wcolddp2]{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:0 20px 0 16px;font-size:15px;font-weight:700;display:inline-flex}.areas[data-astro-cid-wcolddp2] svg[data-astro-cid-wcolddp2]{color:var(--brand)}.partners[data-astro-cid-wcolddp2]{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:56px 0 0;padding:0;list-style:none;display:grid}.partner[data-astro-cid-wcolddp2]{grid-template-rows:auto auto 1fr auto;justify-items:start;gap:8px;padding:32px 28px 20px;display:grid}.partner[data-astro-cid-wcolddp2] .bubble[data-astro-cid-wcolddp2]{margin-bottom:14px}.partner--merchant[data-astro-cid-wcolddp2] .bubble[data-astro-cid-wcolddp2]{background:var(--merchant-soft);color:var(--merchant)}.partner--driver[data-astro-cid-wcolddp2] .bubble[data-astro-cid-wcolddp2]{background:var(--driver-soft);color:var(--driver)}.partner--amber[data-astro-cid-wcolddp2] .bubble[data-astro-cid-wcolddp2]{background:var(--amber-soft);color:var(--amber)}.partner[data-astro-cid-wcolddp2] .more[data-astro-cid-wcolddp2]{margin-top:8px}@media (width<=1000px){.ways[data-astro-cid-wcolddp2],.where[data-astro-cid-wcolddp2]{grid-template-columns:1fr}.where[data-astro-cid-wcolddp2]{gap:32px}.partners[data-astro-cid-wcolddp2]{grid-template-columns:1fr}}@media (width<=600px){.ways[data-astro-cid-wcolddp2],.partners[data-astro-cid-wcolddp2]{gap:16px;margin-top:32px}.way[data-astro-cid-wcolddp2]{padding:28px 24px 32px}.ways--screens[data-astro-cid-wcolddp2] .way[data-astro-cid-wcolddp2]{padding-bottom:0}.way[data-astro-cid-wcolddp2] .way__phone{margin-bottom:-150px}.partner[data-astro-cid-wcolddp2]{padding:24px 24px 12px}}
