:root{--blue:#087cf4;--cyan:#16bde8;--navy:#073765;--ink:#082f5d;--muted:#6b83a0;--ice:#f1f9ff;--line:#d6ecfa;--green:#0eaa70;--shadow:0 18px 45px rgba(7,55,101,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:"Tajawal",sans-serif;color:var(--ink);background:#fff;line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.shell{width:min(1200px,calc(100% - 40px));margin:auto}.topbar{height:82px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(214,236,250,.9)}.nav{height:100%;display:flex;align-items:center;gap:30px}.brand{margin-left:auto}.brand img{width:184px;height:68px;object-fit:contain}.navlinks{display:flex;gap:25px;font-weight:700;font-size:15px}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;right:0;bottom:-8px;width:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.3s}.navlinks a:hover:after{width:100%}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 25px;border-radius:14px;font-weight:800;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 12px 28px rgba(8,124,244,.27)}.btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.menu{display:none;width:44px;border:0;background:none}.menu i{display:block;height:3px;background:var(--navy);margin:7px;border-radius:3px;transition:.25s}.hero{height:min(700px,calc(100vh - 82px));min-height:590px;position:relative;isolation:isolate;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:-3;background:url('hero-v4.webp') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,0) 24%,rgba(4,62,119,.25) 53%,rgba(4,58,110,.95) 84%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(0deg,#fff,transparent);z-index:-1}.hero-grid{height:100%;display:flex;align-items:center}.hero-copy{width:52%;color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid rgba(255,255,255,.5);border-radius:99px;background:rgba(255,255,255,.12);font-weight:700}.eyebrow i{width:9px;height:9px;border-radius:50%;background:#63e5ff;box-shadow:0 0 0 7px rgba(99,229,255,.15)}.hero h1{font-size:clamp(46px,5vw,72px);line-height:1.08;margin:22px 0 15px;font-weight:900;letter-spacing:-1.5px}.hero h1 em{font-style:normal;color:#8beeff}.hero p{font-size:20px;max-width:620px;margin:0 0 28px}.hero-actions{display:flex;gap:12px}.route{position:absolute;fill:none;stroke:#65eaff;stroke-width:4;stroke-linecap:round;stroke-dasharray:9 12;filter:drop-shadow(0 4px 8px rgba(8,124,244,.4))}.route path{animation:dash 12s linear infinite}.route circle{fill:#fff;stroke:#0caeed;stroke-width:5}.route-hero{width:44%;left:3%;bottom:9%}@keyframes dash{to{stroke-dashoffset:-300}}.trust-strip{position:relative;margin-top:-42px;z-index:3}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:18px}.trust-row article{display:flex;align-items:center;justify-content:center;gap:13px;border-left:1px solid var(--line);padding:6px 14px}.trust-row article:last-child{border-left:0}.trust-row .ico{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e5f6ff;color:var(--blue);font-size:24px;font-weight:900}.trust-row b,.trust-row small{display:block}.trust-row small{font-size:12px;color:var(--muted)}.section{padding:95px 0}.section-head{text-align:center;margin-bottom:42px}.section-head>span,.kicker,.driver-copy>span,.download-copy>span{color:var(--blue);font-weight:800}.section-head h2,.experience h2,.driver h2,.download-section h2{font-size:clamp(34px,4vw,50px);line-height:1.12;margin:7px 0 10px;font-weight:900}.section-head p{color:var(--muted);margin:0;font-size:18px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(7,55,101,.08);transition:transform .35s,box-shadow .35s}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}.card-photo{height:230px;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.service-card:hover img{transform:scale(1.05)}.card-body{position:relative;padding:24px}.service-icon{position:absolute;top:-28px;right:22px;width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#fff,#e7f7ff);box-shadow:0 8px 20px rgba(8,124,244,.17);font-size:24px;color:var(--blue);font-weight:900}.card-body h3{font-size:23px;margin:12px 0 5px}.card-body p{margin:0;color:var(--muted);font-size:14px}.how{background:var(--ice);position:relative;padding-top:130px}.wave-top{position:absolute;top:-1px;left:0;width:100%;height:90px;fill:#fff}.steps{max-width:940px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.steps article{text-align:center;position:relative;z-index:2;padding:0 25px}.steps article>b{position:absolute;top:-8px;right:calc(50% - 48px);width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center}.step-ico{width:105px;height:105px;border-radius:50%;margin:auto;display:grid;place-items:center;background:#fff;border:8px solid #d9f2ff;box-shadow:0 12px 25px rgba(8,124,244,.15);font-size:41px;color:var(--blue)}.steps h3{font-size:21px;margin:14px 0 3px}.steps p{font-size:14px;color:var(--muted);margin:0}.step-route{position:absolute;top:4px;right:8%;width:84%;height:100px;fill:none;stroke:#149be7;stroke-width:3;stroke-dasharray:7 10}.step-route path{animation:dash 10s linear infinite}.experience{background:linear-gradient(135deg,#fff 30%,#eaf8ff)}.experience-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px}.experience-copy p{color:var(--muted);font-size:18px;max-width:480px}.mini-features{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.mini-features span{padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:13px}.phone-stage{height:510px;position:relative;direction:ltr}.phone{position:absolute;width:225px;height:455px;border:8px solid #09233b;border-radius:37px;background:#fff;overflow:hidden;box-shadow:0 25px 45px rgba(5,45,83,.2)}.phone:before{content:"";position:absolute;z-index:2;top:7px;left:50%;transform:translateX(-50%);width:65px;height:15px;background:#09233b;border-radius:20px}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.p1{left:2%;top:30px;transform:rotate(-7deg)}.p2{left:34%;top:0;z-index:2}.p3{left:66%;top:40px;transform:rotate(7deg)}.safety{padding-top:70px}.safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.safety-grid article{text-align:center;padding:30px 20px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px rgba(7,55,101,.06)}.safety-grid i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e2fbf2;color:var(--green);font-size:27px;font-style:normal}.safety-grid h3{margin:12px 0 4px}.safety-grid p{margin:0;color:var(--muted);font-size:13px}.download-section{padding:25px 0 95px}.download-panel{min-height:360px;border-radius:32px;padding:55px 70px;display:grid;grid-template-columns:1fr .9fr;align-items:center;color:#fff;background:linear-gradient(135deg,#075fc8,#10bde9);overflow:hidden;position:relative}.download-panel:after{content:"";position:absolute;width:360px;height:360px;border:2px solid rgba(255,255,255,.16);border-radius:50%;left:-80px;bottom:-180px}.download-copy>span{color:#bdf6ff}.download-copy p{font-size:18px}.stores{display:flex;gap:10px;flex-wrap:wrap}.stores a{display:block;border-radius:9px;overflow:hidden;transition:transform .25s}.stores a:hover{transform:translateY(-3px)}.stores img{height:48px;width:auto}.store-pairs b{display:block;margin-bottom:8px}.download-art{height:280px;position:relative;direction:ltr}.phone.big{width:155px;height:315px;left:42%;top:-15px;transform:rotate(-8deg);z-index:2;border-color:#fff}.orbit{position:absolute;width:290px;height:290px;border:2px dashed rgba(255,255,255,.55);border-radius:50%;left:24%;top:0;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.driver{padding:20px 0 95px}.driver-card{display:grid;grid-template-columns:1.15fr .85fr;min-height:420px;border-radius:30px;overflow:hidden;background:#f1faff;border:1px solid var(--line)}.driver-image{background:url('driver-v4.webp') 35% center/cover no-repeat}.driver-copy{padding:55px}.driver-copy p{color:var(--muted);font-size:18px}.driver-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0}.driver-copy li:before{content:"✓";color:var(--green);margin-left:8px;font-weight:900}.driver-stores{margin-top:25px}.faq{background:#fbfdff}.faq-list{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 20px}.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary i{font-style:normal;color:var(--blue);font-size:22px}.faq details[open] summary i{transform:rotate(45deg)}.faq details p{color:var(--muted);margin:0;padding:0 0 18px;font-size:14px}.footer{background:var(--navy);color:#c8ddef;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:45px}.footer h3{color:#fff;margin-top:0}.footer a{display:block;margin:8px 0;font-size:14px}.footer-brand img{width:220px;height:90px;object-fit:contain;filter:brightness(0) invert(1)}.footer-brand p{margin:0}.footer .stores img{height:36px}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:18px;text-align:center;font-size:13px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.navlinks{position:fixed;top:82px;right:0;left:0;background:#fff;padding:22px;display:none;flex-direction:column;box-shadow:0 18px 30px rgba(7,55,101,.15)}.navlinks.open{display:flex}.menu{display:block;order:4}.service-grid{grid-template-columns:repeat(2,1fr)}.experience-grid{grid-template-columns:1fr}.experience-copy{text-align:center}.experience-copy p{margin-inline:auto}.mini-features{justify-content:center}.phone-stage{max-width:700px;width:100%;margin:auto}.driver-card{grid-template-columns:1fr}.driver-image{height:380px;background-position:center 25%}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.trust-row{grid-template-columns:1fr 1fr}.trust-row article:nth-child(2){border-left:0}.safety-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){html{scroll-padding-top:70px}.shell{width:min(100% - 24px,520px)}.topbar{height:70px}.brand img{width:130px;height:56px}.navlinks{top:70px}.nav-cta{font-size:12px;min-height:40px;padding:8px 12px}.menu{padding:0}.hero{height:690px;min-height:0}.hero-media{background-position:38% center}.hero-overlay{background:linear-gradient(0deg,rgba(4,54,103,.98) 2%,rgba(4,70,130,.5) 53%,rgba(255,255,255,0) 88%)}.hero-grid{align-items:flex-end;padding-bottom:70px}.hero-copy{width:100%;text-align:center}.eyebrow{font-size:12px}.hero h1{font-size:39px;margin-top:15px}.hero p{font-size:15px;margin-inline:auto}.hero-actions{justify-content:center}.hero-actions .btn{font-size:13px;padding:11px 14px;min-height:45px}.route-hero{width:85%;bottom:2%;opacity:.7}.trust-strip{margin-top:-28px}.trust-row{padding:10px;border-radius:18px}.trust-row article{padding:7px 5px;gap:7px}.trust-row .ico{width:38px;height:38px;font-size:18px}.trust-row b{font-size:12px}.trust-row small{font-size:9px}.section{padding:65px 0}.section-head{margin-bottom:25px}.section-head h2,.experience h2,.driver h2,.download-section h2{font-size:31px}.section-head p{font-size:14px}.service-grid{gap:10px}.service-card{border-radius:16px}.card-photo{height:140px}.card-body{padding:17px 13px}.service-icon{width:42px;height:42px;top:-21px;right:12px;font-size:18px;border-radius:12px}.card-body h3{font-size:18px;margin-top:10px}.card-body p{font-size:11px;min-height:52px}.how{padding-top:100px}.steps{gap:5px}.steps article{padding:0 3px}.step-ico{width:72px;height:72px;border-width:5px;font-size:28px}.steps article>b{right:calc(50% - 34px);width:23px;height:23px;font-size:11px}.steps h3{font-size:15px}.steps p{font-size:10px}.step-route{top:-4px}.experience-grid{gap:30px}.experience-copy p{font-size:14px}.phone-stage{height:330px}.phone{width:137px;height:285px;border-width:5px;border-radius:24px}.p1{left:2%}.p2{left:31%}.p3{left:60%}.phone:before{height:9px;width:42px}.safety-grid{gap:9px}.safety-grid article{padding:20px 8px}.safety-grid i{width:48px;height:48px}.safety-grid h3{font-size:14px}.safety-grid p{font-size:10px}.download-section{padding-bottom:65px}.download-panel{grid-template-columns:1fr;padding:38px 22px;text-align:center}.download-copy p{font-size:14px}.stores{justify-content:center}.stores img{height:39px}.download-art{height:240px;margin-top:20px}.phone.big{left:50%;transform:translateX(-50%) rotate(-5deg);height:255px;width:128px}.orbit{left:50%;transform:translateX(-50%);width:230px;height:230px;animation:none}.driver{padding-bottom:65px}.driver-card{border-radius:22px}.driver-image{height:285px;background-position:35% center}.driver-copy{padding:30px 20px;text-align:center}.driver-copy p{font-size:14px}.driver-copy ul{text-align:right;font-size:13px}.faq-list{grid-template-columns:1fr}.faq summary{font-size:14px}.footer{padding-top:40px}.footer-grid{grid-template-columns:1fr 1fr;text-align:center;gap:25px}.footer-brand{grid-column:1/-1}.footer-brand img{margin:auto}.footer-grid>div:last-child{grid-column:1/-1}.footer .stores{justify-content:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* v5 exact reference composition: fixed 1200px artboard, scaled by mobile browsers. */
html,body{min-width:1200px}
.topbar{height:76px}
.brand img{width:172px;height:62px}
.hero{height:540px;min-height:540px}
.hero-copy{width:50%}
.hero h1{font-size:58px}
.hero p{font-size:18px}
.trust-strip{margin-top:-35px}
.section{padding:62px 0}
.section-head{margin-bottom:28px}
.section-head h2,.experience h2,.driver h2,.download-section h2{font-size:40px}
.section-head p{font-size:16px}
.card-photo{height:195px}
.card-body{padding:20px}
.how{padding-top:105px}
.experience-grid{gap:42px}
.phone-stage{height:430px}
.phone{width:195px;height:390px}
.download-section{padding:18px 0 62px}
.download-panel{min-height:310px;padding:42px 60px}
.download-art{height:245px}
.phone.big{height:280px;width:140px}
.driver{padding:12px 0 62px}
.driver-card{min-height:360px}
.driver-copy{padding:42px}
.faq{padding-top:55px;padding-bottom:55px}

/* v6 — compact 1200px composition matched to the approved full-page reference. */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico svg,.service-icon svg,.step-ico svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shell{width:1160px}
.topbar{height:58px;position:relative}
.nav{gap:24px}
.brand img{width:150px;height:50px}
.navlinks{gap:22px;font-size:14px}
.nav-cta{min-height:38px;padding:7px 18px;border-radius:10px;font-size:14px}
.hero{height:390px;min-height:390px}
.hero-media{background-position:center 52%}
.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,0) 18%,rgba(5,67,125,.12) 48%,rgba(4,55,104,.93) 86%)}
.hero:after{height:38px}
.hero-copy{width:49%}
.eyebrow{padding:6px 13px;font-size:13px}
.hero h1{font-size:48px;line-height:1.05;margin:14px 0 10px}
.hero p{font-size:16px;margin-bottom:18px}
.hero-actions .btn{min-height:42px;padding:8px 19px;border-radius:11px;font-size:14px}
.route-hero{width:43%;height:105px;bottom:1%}
.trust-strip{margin-top:-28px}
.trust-row{min-height:76px;padding:10px 16px;border-radius:18px}
.trust-row article{padding:3px 12px}
.trust-row .ico{width:42px;height:42px}
.trust-row b{font-size:14px}.trust-row small{font-size:10px}
.section{padding:50px 0}
.section-head{margin-bottom:23px}
.section-head>span,.kicker,.driver-copy>span,.download-copy>span{font-size:14px}
.section-head h2,.experience h2,.driver h2,.download-section h2{font-size:34px;margin:3px 0 5px}
.section-head p{font-size:15px}
.service-grid{gap:15px}
.service-card{border-radius:18px;box-shadow:0 8px 24px rgba(7,55,101,.07)}
.card-photo{height:165px}
.card-body{padding:17px 18px 16px;min-height:116px}
.service-icon{width:46px;height:46px;top:-23px;border-radius:13px;font-size:0}
.card-body h3{font-size:20px;margin:8px 0 3px}.card-body p{font-size:12px}
.how{padding-top:83px;padding-bottom:50px}.wave-top{height:56px}
.steps{max-width:960px}
.step-ico{width:82px;height:82px;border-width:6px}
.steps article>b{right:calc(50% - 39px);width:23px;height:23px;font-size:11px}
.steps h3{font-size:18px;margin:10px 0 2px}.steps p{font-size:11px}
.step-route{top:-8px;height:90px}
.experience{padding:42px 0}
.experience-grid{grid-template-columns:.95fr 1.05fr;gap:35px}
.experience-copy p{font-size:15px;margin:8px 0}
.mini-features{margin:16px 0}.mini-features span{padding:7px 11px;font-size:11px}
.phone-stage{height:315px}
.phone{width:155px;height:305px;border-width:6px;border-radius:28px}
.p1{left:5%;top:22px}.p2{left:35%;top:0}.p3{left:65%;top:24px}
.phone:before{width:48px;height:10px}
.safety{padding:45px 0}
.safety-grid{gap:14px}.safety-grid article{padding:21px 15px;border-radius:16px}
.safety-grid i{width:48px;height:48px;font-size:21px}.safety-grid h3{font-size:17px;margin:8px 0 2px}.safety-grid p{font-size:11px}
.download-section{padding:15px 0 48px}
.download-panel{min-height:255px;padding:30px 52px;border-radius:24px}
.download-copy p{font-size:15px;margin:7px 0 15px}.stores img{height:40px}
.download-art{height:205px}.phone.big{height:225px;width:112px;top:-10px}.orbit{width:215px;height:215px;left:31%;top:-5px}
.driver{padding:8px 0 48px}.driver-card{min-height:300px;border-radius:24px}
.driver-copy{padding:31px 38px}.driver-copy p{font-size:15px;margin:7px 0}.driver-copy ul{font-size:13px;margin:10px 0}.driver-stores{margin-top:16px}
.faq{padding:42px 0}.faq-list{max-width:1000px;gap:10px}.faq details{border-radius:12px}.faq summary{padding:13px 0;font-size:13px}.faq details p{font-size:12px;padding-bottom:13px}
.footer{padding:35px 0 14px}.footer-grid{gap:35px}.footer-brand img{width:190px;height:68px}.footer h3{font-size:16px}.footer a,.footer-brand p{font-size:12px}.copyright{margin-top:24px;padding-top:12px;font-size:11px}

/* v6.1 readability pass: larger type without changing the reference composition. */
.navlinks{font-size:16px}.nav-cta{font-size:15px}
.eyebrow{font-size:15px}.hero h1{font-size:52px}.hero p{font-size:18px}
.hero-actions .btn{font-size:15px}
.trust-row b{font-size:16px}.trust-row small{font-size:12px}
.section-head>span,.kicker,.driver-copy>span,.download-copy>span{font-size:16px}
.section-head h2,.experience h2,.driver h2,.download-section h2{font-size:37px}
.section-head p{font-size:17px}
.card-body h3{font-size:23px}.card-body p{font-size:14px;line-height:1.55}
.steps h3{font-size:20px}.steps p{font-size:13px;line-height:1.55}
.experience-copy p{font-size:17px}.mini-features span{font-size:13px}
.safety-grid h3{font-size:19px}.safety-grid p{font-size:13px;line-height:1.5}
.download-copy p{font-size:17px}.driver-copy p{font-size:17px}.driver-copy ul{font-size:15px}
.faq summary{font-size:15px}.faq details p{font-size:14px}
.footer h3{font-size:18px}.footer a,.footer-brand p{font-size:14px}.copyright{font-size:13px}

/* v6.2 whole-canvas enlargement for clearer mobile rendering. */
html,body{min-width:1050px}
.shell{width:1010px}
.hero{height:415px;min-height:415px}
.trust-row{min-height:82px}
.card-photo{height:174px}.card-body{min-height:124px}
.how{padding-top:88px;padding-bottom:55px}
.phone-stage{height:330px}
.phone{width:164px;height:320px}
.download-panel{min-height:270px}
.driver-card{min-height:315px}

/* v6.3 one more controlled scale increase. */
html,body{min-width:950px}
.shell{width:910px}
.hero{height:430px;min-height:430px}
.trust-row{min-height:86px}
.card-photo{height:180px}.card-body{min-height:132px}
.how{padding-top:92px;padding-bottom:58px}
.phone-stage{height:345px}
.phone{width:170px;height:335px}
.download-panel{min-height:280px}
.driver-card{min-height:325px}

/* v6.4 three-step enlargement: cards, images, controls, SVG and typography. */
html,body{min-width:825px}
.shell{width:785px}
.topbar{height:64px}.nav{gap:12px}.brand img{width:132px;height:52px}
.navlinks{gap:13px;font-size:15px}.nav-cta{padding:7px 13px;font-size:14px}
.hero{height:460px;min-height:460px}.hero-copy{width:52%}
.hero h1{font-size:54px}.hero p{font-size:19px}.hero-actions .btn{min-height:46px;padding:9px 17px;font-size:16px}
.trust-row{min-height:94px;padding:12px}.trust-row .ico{width:48px;height:48px}
.section{padding:58px 0}.section-head{margin-bottom:28px}
.service-grid{gap:10px}.service-card{border-radius:20px}.card-photo{height:195px}.card-body{min-height:148px;padding:20px 15px}
.service-icon{width:50px;height:50px}.card-body h3{font-size:24px}.card-body p{font-size:15px}
.how{padding-top:100px;padding-bottom:65px}.wave-top{height:64px}
.step-ico{width:92px;height:92px}.steps h3{font-size:22px}.steps p{font-size:14px}
.experience{padding:52px 0}.experience-grid{gap:24px}.phone-stage{height:375px}.phone{width:184px;height:365px}
.safety{padding:54px 0}.safety-grid{gap:10px}.safety-grid article{padding:25px 10px;min-height:150px}
.safety-grid i{width:54px;height:54px}.safety-grid h3{font-size:20px}.safety-grid p{font-size:14px}
.download-section{padding:18px 0 58px}.download-panel{min-height:310px;padding:35px 42px}
.download-art{height:235px}.phone.big{width:128px;height:255px}.orbit{width:240px;height:240px}
.driver{padding:12px 0 58px}.driver-card{min-height:355px}.driver-copy{padding:35px 30px}
.faq{padding:50px 0}.faq details{min-height:58px}.faq summary{font-size:16px}
.footer{padding:42px 0 17px}.footer-grid{gap:25px}

/* v7 — redesigned customer and driver cards with real clickable content */
.download-section{padding:26px 0 66px}
.download-panel.download-card-v7{display:flex;justify-content:flex-end;min-height:390px;padding:46px 48px;border:1px solid rgba(132,222,255,.7);border-radius:32px;background-image:linear-gradient(90deg,rgba(3,36,80,.02) 0%,rgba(2,82,171,.1) 43%,rgba(1,47,105,.91) 72%,rgba(2,35,78,.97) 100%),url('user-download-v7.webp');background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 24px 60px rgba(7,74,137,.18)}
.download-panel.download-card-v7:after{content:"";inset:18px;position:absolute;width:auto;height:auto;border:1px solid rgba(255,255,255,.24);border-radius:24px;pointer-events:none}
.download-card-v7 .download-copy{width:51%;position:relative;z-index:2;text-align:right;color:#fff}
.card-kicker{display:inline-flex!important;align-items:center;padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#d7f8ff!important;font-size:17px!important}
.download-card-v7 h2,.driver-card-v7 h2{font-size:42px!important;line-height:1.14;margin:13px 0 8px!important}
.download-card-v7 p,.driver-card-v7 p{font-size:18px!important;line-height:1.65;margin:0 0 18px;max-width:480px}
.card-points{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}
.card-points b{padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);font-size:13px}
.download-card-v7 .stores,.driver-card-v7 .stores{justify-content:flex-start}
.download-card-v7 .stores img,.driver-card-v7 .stores img{height:52px}
.driver{padding:12px 0 72px}
.driver-card.driver-card-v7{display:flex;justify-content:flex-end;min-height:410px;padding:44px 48px;border-radius:32px;background-image:linear-gradient(90deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.12) 43%,rgba(242,252,255,.94) 64%,rgba(238,250,255,.99) 100%),url('driver-opportunity-v7.webp');background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 24px 60px rgba(7,74,137,.13)}
.driver-card-v7 .driver-copy{width:51%;padding:0;text-align:right;position:relative;z-index:2}
.driver-card-v7 .driver-kicker{background:#dff8e9;border-color:#b9ecd0;color:#078d58!important}
.driver-card-v7 p{color:#58738e}
.driver-card-v7 .driver-points b{color:#08754e;background:rgba(255,255,255,.78);border-color:#c8ead9}
.driver-card-v7 .driver-stores{margin-top:10px}
@media(max-width:900px){.download-panel.download-card-v7,.driver-card.driver-card-v7{min-height:390px;padding:38px;background-position:center}.download-card-v7 .download-copy,.driver-card-v7 .driver-copy{width:54%}.download-card-v7 h2,.driver-card-v7 h2{font-size:38px!important}}

/* v7.1: lock RTL copy to the intentionally empty right side of both images */
.download-panel.download-card-v7,.driver-card.driver-card-v7{display:block;position:relative;direction:rtl}
.download-card-v7 .download-copy,.driver-card-v7 .driver-copy{position:absolute;right:48px;left:auto;top:50%;transform:translateY(-50%);width:46%;margin:0;text-align:right}
.download-card-v7 .stores,.driver-card-v7 .stores{justify-content:flex-start;direction:rtl}
@media(max-width:900px){.download-card-v7 .download-copy,.driver-card-v7 .driver-copy{right:38px;left:auto;width:47%}}

/* v8: production language switcher, backed by language_master/language_label. */
.nav-tools{display:flex;align-items:center;gap:10px;order:2}.language-picker{position:relative}.language-button{height:42px;min-width:126px;padding:0 13px;border:1px solid #cfe8fa;border-radius:13px;background:#fff;color:#073b68;display:flex;align-items:center;justify-content:center;gap:7px;font:700 14px Tajawal,sans-serif;cursor:pointer;box-shadow:0 7px 20px rgba(12,73,121,.08)}.language-button i{font-style:normal;color:#0c8ff0}.language-menu{display:none;position:absolute;top:calc(100% + 9px);inset-inline-start:0;width:190px;max-height:390px;overflow:auto;padding:8px;border:1px solid #d4e9f8;border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(4,49,88,.2);z-index:100}.language-picker.open .language-menu{display:grid}.language-menu a{padding:9px 12px;border-radius:10px;color:#244d70;text-decoration:none;font-weight:600;text-align:start}.language-menu a:hover,.language-menu a.active{background:#eaf7ff;color:#087cf4}.nav-cta{order:2}.menu{order:3}
html[dir=ltr] body{direction:ltr}
html[dir=ltr] .hero-grid{justify-content:flex-end}
html[dir=ltr] .hero-copy,html[dir=ltr] .section-head,html[dir=ltr] .experience-copy,html[dir=ltr] .download-card-v7 .download-copy,html[dir=ltr] .driver-card-v7 .driver-copy,html[dir=ltr] .footer{text-align:left}
html[dir=ltr] .hero-copy,html[dir=ltr] .download-card-v7 .download-copy,html[dir=ltr] .driver-card-v7 .driver-copy{direction:ltr}
/* The artwork intentionally leaves its readable copy area on the right in every language. */
html[dir=ltr] .download-card-v7 .download-copy,html[dir=ltr] .driver-card-v7 .driver-copy{right:48px;left:auto}
html[dir=ltr] .download-card-v7 .stores,html[dir=ltr] .driver-card-v7 .stores{direction:ltr;justify-content:flex-start}
@media(max-width:900px){.nav-tools{gap:7px}.language-button{min-width:118px;padding:0 10px}.language-menu{inset-inline-start:auto;inset-inline-end:0}html[dir=ltr] .download-card-v7 .download-copy,html[dir=ltr] .driver-card-v7 .driver-copy{right:38px;left:auto}}

/* v8.1: clearer header brand card and consistent logical placement. */
.topbar{height:72px}
.brand{display:flex;align-items:center;justify-content:center;flex:0 0 190px;min-width:190px;height:68px;line-height:0;margin:0}
.brand img{display:block;width:190px;height:64px;max-width:none;object-fit:contain;object-position:center;background:transparent}
html[dir=rtl] .brand{margin-left:auto;margin-right:0}
html[dir=ltr] .brand{margin-left:0;margin-right:auto}
@media(max-width:900px){.topbar{height:72px}.brand{flex-basis:184px;min-width:184px}.brand img{width:184px;height:62px}}

/* v10: large, card-like role labels inside each app panel. */
.download-card-v7 .card-kicker,.driver-card-v7 .card-kicker{min-width:220px;min-height:58px;display:inline-flex!important;align-items:center;justify-content:center;gap:11px;padding:11px 24px;border-radius:18px;font-size:23px!important;font-weight:900;line-height:1.2;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.download-card-v7 .user-kicker{color:#064e96!important;background:#fff;border:2px solid #77d9ff}
.download-card-v7 .user-kicker:before{content:"●";font-size:18px;color:#078cf0}
.driver-card-v7 .driver-kicker{color:#fff!important;background:linear-gradient(135deg,#07935e,#11b875);border:2px solid #7be0ad}
.driver-card-v7 .driver-kicker:before{content:"◉";font-size:20px;color:#dffff0}
@media(max-width:600px){.download-card-v7 .card-kicker,.driver-card-v7 .card-kicker{min-width:190px;min-height:52px;padding:9px 18px;font-size:20px!important;border-radius:16px}}