/* Reference proportions, bounded desktop composition and a structured footer. */
:root{--ink:#12151a;--muted:#5d6b80;--primary:#11774f;--line:#e6ebf2}
body{overflow-wrap:break-word;background:#fff}
.shell{width:calc(100% - 80px);max-width:1280px}
.header-inner{height:72px;gap:24px}.brand-word{font-size:39px}.brand-word small{letter-spacing:5px;color:#11774f}.desktop-nav{gap:21px}.desktop-nav a{font-size:12px}.header-actions{gap:12px}.header-actions>.button{min-height:38px;font-size:12px}
.hero{max-width:1600px;margin-inline:auto;isolation:isolate;overflow:hidden;border-bottom:2px solid #11774f}
.hero-scene{inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:-2}
.hero:after{content:'';position:absolute;inset:0;height:auto;background:linear-gradient(90deg,transparent 50%,#ffffff55 62%,#fffffff2 76%,#fff 95%);z-index:-1;pointer-events:none}
.hero-inner{min-height:clamp(350px,32vw,465px);position:relative;align-items:center;justify-content:flex-start}
.hero-copy{width:43%;max-width:540px;padding-block:35px;text-align:start;background:none}
.hero h1{font-size:clamp(42px,4.2vw,64px);line-height:1.2;letter-spacing:-1px}.hero h1 span{color:#11774f;margin-top:5px}.hero-copy>p{font-size:15px;line-height:1.95;max-width:420px;margin-top:18px;color:#414a59}.hero-actions{margin-top:24px}.hero-actions .button{min-height:44px;padding-inline:22px;font-size:13px}
.hero-features{margin-top:27px;gap:9px}.hero-features b{font-size:11px;white-space:normal}.hero-features small{font-size:10px;white-space:normal;line-height:1.7;color:#5d6b80}.hero-features .icon{color:#11774f;width:24px;height:24px;margin-bottom:8px}
.band{padding-block:32px}.section-row{gap:28px;align-items:center}.section-intro{flex:0 0 25%;max-width:300px}.section-intro h2{font-size:27px;line-height:1.5;letter-spacing:-.5px}.section-intro>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#5d6b80;margin-top:12px}.section-intro>.button{margin-top:18px;font-size:12px}
.service-grid{gap:15px;grid-template-columns:repeat(4,minmax(0,1fr))}.service-card{padding:17px 12px 15px;min-height:166px;border:1px solid #e4eaf2;border-radius:6px;box-shadow:0 3px 12px #202e4503;transition:border-color .18s,transform .18s}.service-card:hover{transform:translateY(-3px);border-color:#11774f}.service-card>img{width:100%;height:78px;object-fit:contain;margin-bottom:14px}.service-card h3{font-size:14px}.service-card p{font-size:12px;line-height:1.6;color:#5d6b80;max-width:140px;margin:5px auto 0}.service-symbol{top:88px;inset-inline-start:11px;width:25px;height:25px;border-radius:4px;background:#e5f5ec;color:#11774f}
.how{background:#f4f8f6;border-block:1px solid #eef1f6}.steps{gap:18px}.steps>li{padding:16px 9px;min-height:154px}.step-visual{height:65px;margin-bottom:9px}.steps h3{font-size:13px}.steps p{font-size:11px;line-height:1.6}.step-number{border-radius:4px}
.applications{background:linear-gradient(115deg,#fff,#f3f5f7);border-bottom:1px solid #e8edf4}.apps-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr) minmax(0,1.05fr);gap:22px;min-height:305px;padding-block:0;direction:ltr}.app-copy{padding-block:26px}.app-copy h2{font-size:28px}.app-copy h3{font-size:18px;line-height:1.6}.check-list{margin-block:14px;gap:5px}.check-list li{font-size:13px;color:#5d6b80}.check-list .icon{color:#11774f;width:15px;height:15px}.app-copy>.button{font-size:12px;min-height:40px;padding-inline:14px}.phones-stage{height:305px;position:relative;padding-block:8px 16px;align-self:center;min-width:0}.reference-phones{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 9px #1c283f0b)}.phones-stage figcaption{bottom:4px;color:#5d6b80;font-size:9px}.driver-portrait{height:305px;align-self:stretch;margin:0;overflow:hidden}.driver-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.lower-page{background:#f4f8f6;padding-block:22px 30px}.coverage-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px}.coverage-card{min-height:247px;grid-template-columns:1.2fr 1fr;padding:22px}.coverage-copy h2{font-size:27px}.coverage-copy>p{font-size:13px;line-height:1.8}.coverage-empty{font-size:12px;line-height:1.9;color:#5d6b80}.coverage-copy>.button{margin-top:15px;font-size:11px;min-height:36px}.sudan-map>svg{height:200px;max-width:100%}.coverage-side{grid-template-rows:107px 1fr;gap:14px}.country-stats{padding:16px 10px}.country-stats b{font-size:24px}.country-stats span{font-size:11px;color:#5d6b80}.country-stats .icon{color:#11774f}.nile-banner{min-height:126px;border-radius:6px;isolation:isolate}.nile-banner>img{object-position:left 38%}.nile-banner:after{background:linear-gradient(90deg,transparent,#202832d9)}.nile-banner>div{max-width:57%;padding:19px 20px}.nile-banner h3{font-size:23px;line-height:1.4}.nile-banner p{font-size:12px;line-height:1.7}
.bottom-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) minmax(0,1.3fr);gap:16px;margin-top:16px}.white-card{border:1px solid #e8edf4;border-radius:7px;box-shadow:0 2px 10px #1d304403}.bottom-grid h2{font-size:21px;line-height:1.5}.join-card,.faq-card,.safety-card{padding:22px}.join-card p{font-size:12px;line-height:1.8;color:#5d6b80}.join-card .button{margin-top:15px;font-size:11px}.join-card>img{opacity:.15;width:230px}.faq-card summary{font-size:12px;min-height:35px}.faq-card details>p{font-size:12px;line-height:1.9}.safety-grid{gap:12px;margin-top:22px}.safety-grid h3{font-size:12px;line-height:1.6}.safety-grid .icon{width:48px;height:48px;padding:11px;color:#11774f;border-radius:6px;border:1px solid #e5f5ec;box-shadow:0 4px 10px #11774f09}
.downloads{padding-block:25px;gap:24px}.downloads>h2{font-size:22px;max-width:240px;line-height:1.5}.download-grid{gap:28px}.download-card>b{font-size:13px}.store-pending{font-size:12px;line-height:1.9;color:#5d6b80}.contact>summary{padding:20px 23px}.contact summary b{font-size:20px}.contact summary small{font-size:12px;color:#5d6b80}.contact-content{padding:5px 23px 24px}
.footer-professional{background:#fff;border-top:1px solid #e5eaf1;color:#222936}.footer-callout{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:30px;border-bottom:1px solid #edf0f5}.footer-callout .eyebrow{font-size:11px;margin-bottom:7px}.footer-callout h2{font-size:28px;letter-spacing:-.5px}.footer-callout>.button{min-height:42px;padding-inline:23px;font-size:13px}.footer-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1.25fr);gap:40px;padding-block:36px;align-items:start;direction:ltr}.footer-grid>*{min-width:0}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.footer-brand .brand{align-self:flex-start}.footer-brand p{font-size:12px;line-height:1.95;color:#5d6b80;max-width:275px}.footer-grid h2{font-size:14px;line-height:1.5;margin-bottom:17px;font-weight:700}.footer-grid nav>a{font-size:12px;line-height:2.2;color:#5d6b80}.footer-grid nav>a:hover{color:#11774f}.footer-download .store-links{margin-top:11px;gap:8px}.footer-download .store-button{padding:7px 10px;min-height:40px;border-radius:4px}.footer-download .store-button b{font-size:14px}.footer-download .store-button small{font-size:9px}.footer-download .store-button svg{width:19px;height:23px}.footer-download .store-pending{font-size:12px;line-height:1.9;max-width:245px}.footer-app-links{display:flex;gap:16px;margin-top:15px;font-size:11px;color:#11774f}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:20px;font-size:11px;border-top:1px solid #edf0f5;color:#5d6b80}.footer-bottom>a{display:flex;align-items:center;gap:8px;color:#5d6b80}.footer-bottom .icon{width:15px;height:15px}.footer-location{display:flex;align-items:center;gap:7px}
html[dir=ltr] .hero:after{background:linear-gradient(90deg,transparent 50%,#ffffff55 62%,#fffffff2 76%,#fff 95%)}html[dir=ltr] .hero-scene{transform:none}html[dir=ltr] .hero-inner{justify-content:flex-end}html[dir=ltr] .hero-copy{padding-inline:0;background:none}html[dir=ltr] .hero h1{font-size:clamp(38px,3.7vw,56px)}html[dir=ltr] .hero-inner{min-height:clamp(350px,32vw,465px)}html[dir=ltr] .apps-inner>.app-copy,html[dir=ltr] .footer-grid>*{direction:ltr}
@media(min-width:1600px){.hero .shell{max-width:1280px}.hero-copy{width:43%}}
@media(max-width:1200px) and (min-width:921px){.desktop-nav{gap:12px}.desktop-nav a{font-size:10px}.header-inner{gap:16px;height:62px}.header-actions>.button{font-size:10px;padding-inline:12px}.section-row{gap:22px}.section-intro h2{font-size:25px}.service-grid{gap:12px}.service-card{padding-inline:9px}.service-card h3{font-size:12px}.service-card p{font-size:11px}.apps-inner{gap:15px;min-height:270px}.app-copy h2{font-size:25px}.app-copy h3{font-size:16px}.check-list li{font-size:11px}.app-copy>.button{font-size:10px;padding-inline:8px}.phones-stage,.driver-portrait{height:270px}.bottom-grid h2{font-size:18px}.footer-grid{gap:25px}.footer-grid h2{font-size:13px}}
@media(max-width:920px){.shell{width:calc(100% - 48px)}.header-inner{height:64px}.desktop-nav{display:none}.hero-copy{width:47%;padding-block:26px}.hero-inner{min-height:365px}.hero h1{font-size:43px}.hero-copy>p{font-size:13px}.hero:after{background:linear-gradient(90deg,transparent 15%,#ffffff44 35%,#fffffff2 63%,#fff 90%)}.hero-actions .button{font-size:11px;padding-inline:13px;min-height:39px}.hero-features{gap:3px;margin-top:22px}.hero-features b{font-size:10px}.hero-features small{font-size:9px}.hero-features .icon{width:20px;height:20px}.band{padding-block:28px}.section-row{flex-direction:column;gap:23px}.section-intro{max-width:560px;text-align:center;flex-basis:auto}.section-intro h2{font-size:28px}.section-intro>p:not(.eyebrow){font-size:13px;max-width:480px;margin:10px auto 0}.section-intro>.button{margin-top:14px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:12px}.service-card{min-height:157px;padding:13px 8px}.service-card>img{height:64px;margin-bottom:15px}.service-card h3{font-size:12px}.service-card p{font-size:11px}.service-symbol{top:70px;width:22px;height:22px;inset-inline-start:8px}.steps{width:100%;gap:14px;margin-top:0}.steps>li{min-height:150px;padding:16px 7px}.steps h3{font-size:12px}.steps p{font-size:11px}.apps-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:20px;min-height:300px;padding-block:0}.driver-portrait{display:none}.phones-stage{height:300px}.app-copy h2{font-size:24px}.app-copy h3{font-size:15px}.check-list li{font-size:11px}.app-copy>.button{font-size:10px;padding-inline:8px}.coverage-grid{gap:14px}.coverage-card{padding:18px;min-height:248px;grid-template-columns:1.2fr .9fr}.coverage-copy h2{font-size:24px}.coverage-copy>p,.coverage-empty{font-size:11px}.coverage-copy>.button{font-size:9px;padding-inline:8px}.sudan-map>svg{height:170px}.country-stats b{font-size:20px}.country-stats span{font-size:10px}.nile-banner h3{font-size:20px}.nile-banner p{font-size:11px}.bottom-grid{grid-template-columns:1fr 1fr;gap:14px}.safety-card{grid-column:1/-1}.safety-grid{margin-top:17px}.downloads{display:block}.downloads>h2{max-width:none;font-size:24px;margin-bottom:18px}.download-grid{grid-template-columns:1fr 1fr;gap:18px}.download-card{padding:15px;background:#fff;border:1px solid #e6ebf3;border-radius:6px;display:block}.download-card>b{display:block;margin-bottom:9px}.contact summary small{display:block;margin:6px 0 0;line-height:1.8}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:28px}.footer-download{grid-column:1/-1;border-top:1px solid #edf0f5;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-download h2{margin:0}.footer-download .store-links{margin:0}.footer-app-links{margin:0}.footer-callout h2{font-size:26px}html[dir=ltr] .hero h1{font-size:37px}html[dir=ltr] .hero-inner{min-height:390px}}
@media(max-width:600px){.shell{width:calc(100% - 36px)}.header-inner{height:62px;gap:12px}.brand-word{font-size:33px}.hero{border-bottom-width:2px}.hero-inner,html[dir=ltr] .hero-inner{min-height:625px;align-items:flex-start}.hero-copy,html[dir=ltr] .hero-copy{width:100%;max-width:none;text-align:center;padding:28px 0 0;background:none}.hero h1,html[dir=ltr] .hero h1{font-size:41px;line-height:1.18}.hero h1 span{margin-top:3px}.hero-copy>p{max-width:380px;font-size:13px;line-height:1.9;margin:13px auto 0}.hero-actions{margin-top:17px}.hero-actions .store-links{justify-content:center;gap:9px}.hero-actions .button{font-size:12px;min-height:40px;padding-inline:15px}.hero-features{margin:20px auto 0;max-width:380px}.hero-features b{font-size:10px}.hero-features small{font-size:9px}.hero-scene,html[dir=ltr] .hero-scene{top:auto;bottom:0;height:285px;object-fit:cover;object-position:left center;transform:none}.hero:after,html[dir=ltr] .hero:after{inset:auto 0 215px;height:90px;background:linear-gradient(#fff,#fff0)}.band{padding-block:28px}.section-intro h2{font-size:27px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.service-card{min-height:170px;padding:15px 12px}.service-card>img{height:77px}.service-card h3{font-size:14px}.service-card p{font-size:12px}.service-symbol{top:86px;inset-inline-start:12px;width:25px;height:25px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.steps>li{min-height:162px;padding:18px 11px}.steps>li:last-child{grid-column:1/-1;max-width:calc(50% - 7px);width:100%;justify-self:center}.steps h3{font-size:14px}.steps p{font-size:12px}.step-visual{height:65px}.apps-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding-block:22px}.rider-copy{grid-column:1;grid-row:1}.driver-copy{grid-column:1;grid-row:2}.phones-stage{grid-column:2;grid-row:1/3;height:350px;align-self:center}.app-copy{padding-block:10px}.app-copy h2{font-size:24px}.app-copy h3{font-size:15px}.check-list{margin-block:12px;gap:5px}.check-list li{font-size:11px}.app-copy>.button{font-size:10px;min-height:36px;padding-inline:8px}.lower-page{padding-top:17px}.coverage-grid{grid-template-columns:1fr;gap:14px}.coverage-card{min-height:235px;padding:20px;grid-template-columns:1.2fr 1fr}.coverage-copy h2{font-size:26px}.coverage-copy>p,.coverage-empty{font-size:12px}.coverage-copy>.button{font-size:10px;min-height:36px}.sudan-map>svg{height:185px}.coverage-side{grid-template-rows:100px 135px}.country-stats b{font-size:24px}.country-stats span{font-size:11px}.nile-banner h3{font-size:23px}.nile-banner p{font-size:12px}.bottom-grid{grid-template-columns:1fr;gap:14px}.safety-card{grid-column:auto}.bottom-grid h2{font-size:23px}.join-card,.faq-card,.safety-card{padding:23px}.join-card{min-height:175px}.join-card p{font-size:13px;max-width:240px}.join-card .button{font-size:12px}.faq-card summary{font-size:14px;min-height:43px}.faq-card details>p{font-size:13px}.safety-grid{gap:10px}.safety-grid h3{font-size:11px}.downloads{padding-block:24px}.download-grid{grid-template-columns:1fr;gap:12px}.download-card{padding:18px}.download-card>b{font-size:17px}.store-pending{font-size:13px}.contact>summary{padding:18px}.contact summary b{font-size:21px}.contact summary small{font-size:12px}.footer-callout{padding-block:25px;align-items:flex-start;gap:15px}.footer-callout h2{font-size:24px;line-height:1.5;max-width:210px}.footer-callout>.button{font-size:11px;padding-inline:13px;min-height:39px;margin-top:18px;white-space:nowrap}.footer-callout .eyebrow{font-size:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 24px;padding-block:28px}.footer-brand{grid-column:1/-1;gap:15px;align-items:flex-end}.footer-brand .brand{align-self:flex-end}.footer-brand p{font-size:13px;max-width:none}.footer-grid h2{font-size:15px;margin-bottom:12px}.footer-grid nav>a{font-size:13px;line-height:2.15}.footer-download{display:block;padding-top:22px}.footer-download h2{margin-bottom:12px}.footer-download .store-pending{font-size:12px;max-width:none}.footer-app-links{margin-top:13px;font-size:12px}.footer-bottom{flex-wrap:wrap;gap:14px;font-size:10px;padding-block:19px}.footer-bottom>span:first-child{flex-basis:100%}.footer-location{margin-inline-end:auto}.footer-bottom>a{font-size:11px}html[dir=ltr] .app-copy h2{font-size:21px}html[dir=ltr] .check-list li{font-size:10px}}
@media(max-width:360px){.hero h1{font-size:37px}.hero-actions .button{font-size:11px;padding-inline:12px}.hero-features small{font-size:8px}.apps-inner{gap:12px}.app-copy h2{font-size:22px}.check-list li{font-size:10px}.phones-stage{height:325px}.app-copy>.button{font-size:9px}.footer-callout h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.service-card{transition:none}.service-card:hover{transform:none}}

.footer-professional .footer-grid h2{font-size:15px}.footer-professional .footer-grid nav>a{font-size:13px}.footer-professional .footer-brand p,.footer-professional .footer-download .store-pending{font-size:13px}.footer-professional .footer-bottom{font-size:12px}

@media(max-width:600px){.hero-scene,html[dir=ltr] .hero-scene{object-position:13% center;height:245px}.hero-inner,html[dir=ltr] .hero-inner{min-height:590px}.hero:after,html[dir=ltr] .hero:after{bottom:205px;height:65px}html[dir=ltr] .hero-inner{justify-content:flex-start}}
@media(max-width:360px){.hero-scene,html[dir=ltr] .hero-scene{height:220px;object-position:13% center}.hero-inner,html[dir=ltr] .hero-inner{min-height:600px}.hero:after,html[dir=ltr] .hero:after{bottom:185px}}

/* Supplied Wasel identity, preserved without cropping. */
.brand .supplied-brand{width:128px;height:70px;object-fit:contain;display:block}.footer .brand .supplied-brand{width:154px;height:84px}@media(max-width:600px){.header .brand .supplied-brand{width:96px;height:58px}}

/* Wasel application identity: AppColors.primary, shared type and compact geometry. */
:root{--primary:#11774f;--primary-ink:#11774f;--ink:#19191f;--muted:#565d6d;--canvas:#f7faf8;--line:#dce8e0;--radius:6px}
.button{background:var(--primary);border-color:var(--primary);color:#fff;border-radius:6px}
.button:hover{background:#0d5f3f;border-color:#0d5f3f;color:#fff}
.button-outline{background:#fff;color:#11774f;border-color:#bed6c8}.button-outline:hover{background:#e5f5ec;color:#0d5f3f;border-color:#11774f}
.button-dark{background:#19191f;border-color:#19191f;color:#fff}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#11774f}
.hero{border-color:#dce8e0;background:#f7faf8}.hero h1 span,.hero-features .icon,.check-list .icon{color:#11774f}
.service-symbol{background:#e5f5ec;color:#11774f}.step-number{color:#fff;background:#11774f}
.service-card:hover{border-color:#90c4a5}.service-card,.steps>li,.white-card,.download-card{border-color:#dce8e0;border-radius:6px}
.hero-scene{object-position:left center}.hero:after{background:linear-gradient(90deg,transparent 42%,#f7faf850 54%,#fff 76%)}
.driver-portrait{background:#e5f5ec;border-radius:6px}.driver-portrait img{object-fit:contain;object-position:center;height:100%}
.phones-stage{background:transparent}.footer-professional{--primary:#8cddb0}.footer-professional .button{background:#11774f;border-color:#11774f;color:#fff}
.contact-form input,.contact-form textarea{background:#f7faf8;border-color:#dce8e0;color:#19191f}
@media(max-width:600px){.hero-scene,html[dir=ltr] .hero-scene{object-position:18% center}.hero:after,html[dir=ltr] .hero:after{background:linear-gradient(0deg,transparent,#fff)}.driver-portrait img{object-fit:contain}}

.footer-professional{background:#10291e;color:#f7faf8}.footer-professional .footer-grid h2{color:#fff}.footer-professional .footer-grid nav>a:hover{color:#8cddb0}.footer-professional a:focus-visible{outline-color:#8cddb0}