.brandIntro{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 42%,#0b58b8,#05265e 48%,#021638);color:#fff;animation:introExit .75s cubic-bezier(.7,0,.2,1) 1.9s forwards;overflow:hidden}.brandIntro:before,.brandIntro:after{content:"";position:absolute;border:1px solid #ffffff15;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);animation:ripple 2s ease-out infinite}.brandIntro:before{width:280px;height:280px}.brandIntro:after{width:430px;height:430px;animation-delay:.4s}.introHalo{position:absolute;width:280px;height:280px;border-radius:50%;background:#06bfe326;filter:blur(35px);left:50%;top:43%;transform:translate(-50%,-50%);animation:haloBreath 1.5s ease-in-out infinite}.introLogo{position:relative;width:150px;height:110px;margin:auto;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 20px 30px #00102f88);animation:logoLand .9s cubic-bezier(.16,1,.3,1) both}.introWave{font:bold 8rem/1 var(--font-en);display:block;background:linear-gradient(145deg,#50e7ff,#0789ff 50%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;transform:rotate(-8deg)}.introSpeed{position:absolute;left:-2px;top:43px;color:var(--orange);font:bold 3.2rem/1 var(--font-en);animation:speedIn .65s ease .35s both}.introSun{position:absolute;width:29px;height:29px;border-radius:50%;background:linear-gradient(#ffd331,#ff6b00);right:23px;top:12px;box-shadow:0 0 30px #ff9100aa;animation:sunPop .55s cubic-bezier(.2,1.7,.4,1) .52s both}.introWord{position:relative;font:800 1.75rem/1.1 var(--font-en);letter-spacing:-.045em;animation:wordRise .65s ease .65s both}.introWord i{font-style:normal;color:var(--orange)}.introWord small{font:800 .78rem/1.4 var(--font-ar);display:block;letter-spacing:0;margin-top:8px}.introLine{position:relative;width:180px;height:3px;background:#ffffff18;border-radius:5px;margin:20px auto 0;overflow:hidden;animation:wordRise .5s ease .75s both}.introLine span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--cyan),#fff,var(--orange));transform-origin:left;animation:loadLine 1s cubic-bezier(.65,0,.35,1) .75s both}.pageCurtain{position:fixed;inset:0;z-index:9998;background:var(--deep);transform:translateY(-100%);pointer-events:none;animation:curtainSwipe .75s cubic-bezier(.76,0,.24,1) 1.85s}
.deliveryRoute{position:absolute;z-index:1;width:92%;height:300px;inset-inline-start:4%;bottom:70px;transform:rotate(-8deg);pointer-events:none}.routeDash{position:absolute;inset-inline:0;top:50%;height:120px;border-top:3px dashed #0985d955;border-radius:50%;transform:rotate(4deg)}.movingRider{position:absolute;z-index:4;font-size:2.55rem;top:96px;inset-inline-start:0;filter:drop-shadow(0 10px 9px #04265e3c);animation:riderMove 8s cubic-bezier(.45,.05,.55,.95) infinite}.movingRider i,.movingRider i:before,.movingRider i:after{position:absolute;content:"";height:3px;border-radius:4px;background:linear-gradient(90deg,transparent,var(--orange));right:85%;top:24px;width:42px;animation:speedLines .7s ease-in-out infinite}.movingRider i:before{top:-9px;right:5px;width:28px}.movingRider i:after{top:9px;right:-5px;width:22px}.routePin{position:absolute;inset-inline-end:2%;top:80px;width:32px;height:32px;border:8px solid #fff;border-radius:50%;color:var(--orange);background:var(--orange);box-shadow:0 8px 25px #ff760066;font-size:0;animation:pinGlow 1.8s ease-in-out infinite}.routePin:after{content:"";position:absolute;width:12px;height:12px;background:var(--orange);transform:rotate(45deg);bottom:-9px;left:2px}
.reveal.visible .head>*{animation:contentRise .65s cubic-bezier(.2,.8,.2,1) both}.reveal.visible .head>*:nth-child(2){animation-delay:.08s}.reveal.visible .head>*:nth-child(3){animation-delay:.16s}.reveal.visible .catgrid>*,.reveal.visible .steps>*,.reveal.visible .whygrid>*,.reveal.visible .storegrid>*{animation:cardEntrance .58s cubic-bezier(.2,.8,.2,1) both}.reveal.visible .catgrid>*:nth-child(4n+2),.reveal.visible .whygrid>*:nth-child(2){animation-delay:.06s}.reveal.visible .catgrid>*:nth-child(4n+3),.reveal.visible .whygrid>*:nth-child(3){animation-delay:.12s}.reveal.visible .catgrid>*:nth-child(4n+4){animation-delay:.18s}.heroText>*{animation:heroEntrance .7s cubic-bezier(.2,.8,.2,1) both}.heroText>*:nth-child(1){animation-delay:2.25s}.heroText>*:nth-child(2){animation-delay:2.34s}.heroText>*:nth-child(3){animation-delay:2.43s}.heroText>*:nth-child(4){animation-delay:2.52s}.heroText>*:nth-child(5){animation-delay:2.6s}
@keyframes logoLand{0%{opacity:0;transform:translateY(-70px) scale(.65) rotate(-12deg)}70%{transform:translateY(7px) scale(1.06) rotate(2deg)}100%{opacity:1;transform:none}}@keyframes speedIn{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:none}}@keyframes sunPop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes wordRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes loadLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ripple{0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}45%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}@keyframes haloBreath{50%{transform:translate(-50%,-50%) scale(1.15);opacity:.7}}@keyframes introExit{0%{clip-path:inset(0 0 0 0);opacity:1}99%{clip-path:inset(0 0 100% 0);opacity:1}100%{visibility:hidden;clip-path:inset(0 0 100% 0)}}@keyframes curtainSwipe{0%{transform:translateY(0)}100%{transform:translateY(100%)}}@keyframes riderMove{0%{inset-inline-start:0;transform:translateY(20px) rotate(-4deg);opacity:0}8%{opacity:1}48%{transform:translateY(-12px) rotate(2deg)}92%{opacity:1}100%{inset-inline-start:88%;transform:translateY(-30px) rotate(-3deg);opacity:0}}@keyframes speedLines{50%{transform:scaleX(.55);opacity:.35}}@keyframes pinGlow{50%{box-shadow:0 8px 25px #ff760077,0 0 0 13px #ff760014}}@keyframes contentRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes cardEntrance{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@keyframes heroEntrance{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:700px){.brandIntro:after{width:330px;height:330px}.deliveryRoute{height:240px;bottom:40px}.movingRider{font-size:2rem;top:80px}.routePin{top:67px}.heroText>*{animation-delay:2.15s!important}}@media(prefers-reduced-motion:reduce){.brandIntro{animation:introExit .01s .2s forwards}.brandIntro:before,.brandIntro:after,.introHalo,.introLogo,.introSpeed,.introSun,.introWord,.introLine,.introLine span,.pageCurtain,.movingRider,.movingRider i,.routePin,.heroText>*,.reveal.visible .head>*,.reveal.visible .catgrid>*,.reveal.visible .steps>*,.reveal.visible .whygrid>*,.reveal.visible .storegrid>*{animation:none!important}.deliveryRoute{display:none}}
.scrollProgress{position:fixed;z-index:100;top:0;inset-inline-start:0;width:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--orange));box-shadow:0 0 12px #08bce8;transition:width .08s linear}