/* Reference-led composition: lifestyle photography, restrained blue surfaces. */
:root{--blue:#0061f5;--ink:#082759;--muted:#536784;--line:#dfe8f5}
body{background:#fff;color:var(--ink)}
.wrap{max-width:1180px}
.site-header{position:absolute;inset:18px 28px auto;z-index:10;background:#fffffff2;border:1px solid #e3eaf4;border-radius:20px;box-shadow:0 5px 22px #0b356010;backdrop-filter:blur(16px)}
.header-inner{width:calc(100% - 48px);height:72px;max-width:1300px}.brand img{width:36px;height:36px}.brand>span{font-size:30px}.brand-dot{display:none}
nav{font-weight:700;font-size:14px;gap:26px;color:var(--ink)}.language{border:1px solid #e1e9f4;border-radius:50px;padding:7px 13px;font-size:12px}.header-actions{gap:18px}.button{box-shadow:0 6px 15px #0061f51a}.button.small{padding:11px 20px}
.hero{width:100%;max-width:none;min-height:690px;border-radius:0;padding:150px max(50px,calc((100vw - 1180px)/2)) 95px;display:block;background:#eaf3ff;overflow:hidden}
.hero-background{object-position:left 43%;width:75%;height:100%;left:0;right:auto}
.hero:after{background:linear-gradient(90deg,transparent 15%,#f3f8ff00 31%,#f3f8ff80 48%,#f3f8fff5 64%,#f3f8ff 100%)}
.hero-copy{width:43%;margin-inline-end:auto}.eyebrow{font-size:12px;margin-bottom:18px}.hero h1{font-size:72px;line-height:1.2;margin-bottom:20px}.hero h1 em{color:var(--ink)}.hero-description{font-size:18px;line-height:1.8;color:#18375e;max-width:420px}
.hero-actions{align-items:flex-start;flex-direction:column;gap:13px;margin-top:25px}.hero-actions .button{min-width:235px;padding:14px 26px;justify-content:space-between}.hero-actions .text-link{border:0;color:var(--blue);font-size:14px;padding-inline:16px}.hero-note{display:none}
.hero-art{position:absolute;left:39%;top:150px;width:220px;height:485px;margin:0;z-index:2}.hero-phone{width:210px;top:0;left:50%;box-shadow:8px 12px 0 #ffffff45,0 22px 40px #0e29412b}
.visual-label,.cash-note,.floating-note,.visual-footnote{display:none}
.hero+ .wrap{position:relative;z-index:3}.service-strip{max-width:720px;margin:-33px auto 0;background:linear-gradient(110deg,#f6fbff,#dfedff);border:2px solid white;border-radius:60px;box-shadow:0 7px 25px #153b7210;padding:18px 32px;font-size:15px;gap:20px}.service-strip>span:first-child{display:none}.service-strip i{background:#73a6fa}.service-strip b:first-of-type{display:none}.service-strip i:first-of-type{display:none}.service-strip:before{content:'الإطلاق قريبًا';font-weight:700}[dir=ltr] .service-strip:before{content:'Launching soon'}
.section{padding-block:65px}h2{font-size:36px;line-height:1.3;letter-spacing:-.6px}.section-label{font-size:12px;margin-bottom:9px}.section-intro{margin-bottom:35px}.section-intro>p{font-size:15px}
#how .section-intro{text-align:center;display:block}#how .section-intro>p{margin:10px auto 0;max-width:none}#how .section-intro>p br{display:none}#how .section-label{display:none}
.steps{gap:40px}.steps article,.steps article:nth-child(2),.steps article:nth-child(3){background:transparent;border:0;border-radius:0;min-height:0;padding:15px 0;display:grid;grid-template-columns:68px 1fr;column-gap:20px;align-content:start}.step-symbol{grid-column:1;grid-row:1/4;background:#eaf3ff;width:68px;height:68px;border:0;border-radius:50%;margin:0}.step-symbol .icon{width:30px;height:30px}.step-number{position:static;grid-column:2;font:700 12px Tajawal;color:#6487b5;margin-bottom:4px}.steps h3{grid-column:2;font-size:21px;margin-bottom:9px}.steps p{grid-column:2;font-size:14px;line-height:1.7}.steps article:after{width:26px;top:49px;background:repeating-linear-gradient(90deg,#438bfa 0 3px,transparent 3px 7px)}
.partners-section{background:linear-gradient(180deg,#f9fbff,#f2f7ff);padding-block:55px}.partners-section .section-intro{align-items:center}.partners-section .section-label{display:none}.partner-layout{gap:45px;grid-template-columns:.9fr 1.1fr}.partner-content{background:white;border:1px solid #e2ebf7;box-shadow:0 8px 25px #183c6d07;border-radius:22px;padding:26px}.role-tabs{border:0;background:#e9f2ff;padding:4px;border-radius:13px;display:flex;margin-bottom:22px}.role-tabs button{flex:1;border-radius:10px;padding:10px 15px}.role-tabs button[aria-selected=true]{background:var(--blue);color:white;box-shadow:none}.partner-content h3{font-size:27px;margin-block:10px 14px}.partner-content p,.partner-content li{font-size:14px}.partner-content ul{margin-block:14px}.partner-content li{padding-block:5px}.role-kicker{font-size:11px}.partner-art{height:410px;border-radius:22px}.partner-photo{object-position:32% center}.partner-art-heading{font-size:13px}.partner-phone{width:165px;bottom:-35px;inset-inline-end:22px;transform:rotate(7deg)}.partner-art[data-role=driver] .partner-photo{object-position:45% center}.partner-art[data-role=driver] .partner-phone{inset-inline-start:auto;inset-inline-end:22px}.art-caption{font-size:8px}
.center-intro{margin-bottom:32px}.center-intro .section-label{display:none}.center-intro p{margin-top:10px;font-size:14px}.apps-showcase{display:grid;grid-template-columns:1fr 2fr;direction:ltr;gap:32px;align-items:center}.app-cards{direction:rtl;gap:14px}[dir=ltr] .app-cards{direction:ltr}.app-cards article{border-radius:18px;background:linear-gradient(160deg,#fff,#eff6ff);padding:22px 18px;text-align:center;box-shadow:0 5px 16px #17396508}.app-cards img{width:59px;height:59px;margin:0 auto 19px}.app-cards h3{font-size:21px}.app-cards p{font-size:13px;min-height:45px}.soon{background:#e0edff;color:#285992;margin-top:18px}.devices{height:330px;position:relative}.devices .phone{position:absolute;width:132px;border-width:4px;border-radius:24px;bottom:0;box-shadow:0 10px 25px #13325c25}.device-agency{left:4%;transform:rotate(-13deg);z-index:1}.device-driver{left:30%;bottom:20px!important;transform:rotate(-5deg);z-index:2}.device-user{left:56%;transform:rotate(8deg);z-index:3}
.faq-section{max-width:none;width:100%;padding:65px max(50px,calc((100vw - 1180px)/2));border:0;position:relative;isolation:isolate;grid-template-columns:1fr 1.15fr;background:#f4f8fd;gap:60px;min-height:430px}.faq-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4f8fd80,#f4f8fdef 47%,#f4f8fdf5),url('assets/reference-inspired/living-room.jpg') left 56%/cover;z-index:-1}.faq-section .section-label{display:none}.faq-section>div>p{font-size:15px}.faq-list{background:#ffffffed;padding:8px 25px;border-radius:20px;border:1px solid #e4ecf8;box-shadow:0 8px 25px #183c6d08}.faq-list summary{font-size:16px;padding-block:17px}.faq-list p{font-size:14px}.faq-list details:last-child{border:0}
.closing{width:100%;max-width:none;border-radius:0;background:linear-gradient(110deg,#06347d,#0066f5);padding:38px max(50px,calc((100vw - 1180px)/2));gap:30px}.closing h2{font-size:32px}.closing h2 br{display:none}.closing .section-label{display:none}.closing p{margin:0;font-size:14px}.closing>div:last-of-type{display:flex;align-items:center;gap:30px}.closing .button{white-space:nowrap}.closing .button.light{padding:13px 25px}footer{padding-block:30px 18px}.footer-top{padding-bottom:20px}.preview-note{font-size:10px;margin-top:18px}
[dir=ltr] .hero h1{font-size:58px;line-height:1.12}[dir=ltr] .hero-background{left:auto;right:0;transform:scaleX(-1)}[dir=ltr] .hero-art{left:auto;right:39%}[dir=ltr] .hero:after{background:linear-gradient(270deg,transparent 15%,#f3f8ff00 31%,#f3f8ff80 48%,#f3f8fff5 64%,#f3f8ff 100%)}
@media(max-width:1100px) and (min-width:761px){.hero{padding-inline:40px}.hero h1{font-size:60px}.hero-art{left:34%;width:190px}.hero-phone{width:185px}.hero-copy{width:44%}.hero-description{font-size:16px}.header-inner{gap:12px}nav{gap:16px;font-size:12px}.apps-showcase{grid-template-columns:1fr}.devices{display:none}.partner-layout{gap:25px}.faq-section,.closing{padding-inline:40px}.closing>div:last-of-type{gap:15px}.closing p{display:none}[dir=ltr] .hero-art{right:34%}[dir=ltr] .hero h1{font-size:49px}}
@media(max-width:760px){
 .site-header{inset:10px 12px auto;border-radius:15px}.header-inner{height:58px;width:calc(100% - 24px)}.brand img{width:28px;height:28px}.brand>span{font-size:25px}.language{padding:5px 9px;font-size:11px}.header-actions{gap:7px}nav{top:65px;left:0;right:0;border-radius:15px}.menu-toggle{width:34px}.hero{padding:285px 25px 45px;min-height:0;overflow:hidden}.hero-background{width:100%;height:340px;object-fit:cover;object-position:18% 20%;top:0;bottom:auto}.hero:after{background:linear-gradient(180deg,#f3f8ff00 150px,#f3f8ff55 230px,#f3f8ff 335px)}.hero-copy{width:100%;text-align:center;margin:0;max-width:500px;margin-inline:auto}.eyebrow{display:none}.hero h1{font-size:47px;line-height:1.17;margin-bottom:16px}.hero-description{font-size:15px;max-width:350px;line-height:1.8}.hero-actions{align-items:center;gap:9px;margin-top:21px}.hero-actions .button{min-width:245px;font-size:14px;padding:14px 23px}.hero-actions .text-link{font-size:13px}.hero-art{display:none}.hero+ .wrap{width:calc(100% - 40px)}.service-strip{margin:-16px auto 0;padding:15px 18px;gap:9px;border-radius:20px;justify-content:center;font-size:12px;max-width:430px}.service-strip:before{font-size:12px;width:100%;text-align:center}.service-strip b{font-size:11px}.service-strip i{width:3px;height:3px}
 .section{padding-block:45px}h2{font-size:28px}.section-intro{margin-bottom:24px}#how .section-intro>p{font-size:13px}.steps{gap:24px}.steps article,.steps article:nth-child(2),.steps article:nth-child(3){grid-template-columns:53px 1fr;gap:0 17px;padding:0}.step-symbol{width:53px;height:53px}.step-symbol .icon{width:25px;height:25px}.step-number{display:none}.steps h3{font-size:20px;margin-bottom:6px}.steps p{font-size:14px}.steps article:after{top:60px;inset-inline-start:26px;width:1px;height:calc(100% - 36px);background:repeating-linear-gradient(180deg,#438bfa 0 3px,transparent 3px 7px)}
 .partners-section{padding-block:40px}.partners-section .section-intro{text-align:center}.section-intro>p{font-size:14px;margin:12px auto 0}.partner-layout{grid-template-columns:1fr;gap:18px}.partner-content{padding:20px;order:2}.partner-art{order:1;height:285px;border-radius:18px}.partner-photo{object-position:35% center}.partner-phone{width:123px;bottom:-28px;inset-inline-end:16px;border-radius:23px}.partner-content h3{font-size:26px}.role-tabs{margin-bottom:18px}.role-tabs button{font-size:14px}.partner-content .text-link{font-size:13px}.partner-art-heading{padding:17px;font-size:12px}.art-caption{bottom:10px;font-size:7px}
 .center-intro{text-align:center}.center-intro h2{font-size:27px}.center-intro p{font-size:13px}.apps-showcase{grid-template-columns:1fr;gap:25px}.devices{height:285px;width:290px;margin:auto;grid-row:1}.devices .phone{width:118px}.app-cards{gap:12px}.app-cards article{display:grid;grid-template-columns:55px 1fr;text-align:start;padding:20px;column-gap:18px}.app-cards img{width:55px;height:55px;margin:0;grid-row:1/4}.app-cards h3{font-size:20px}.app-cards p{font-size:13px;min-height:0}.soon{margin-top:10px;font-size:10px}
 .faq-section{width:100%;padding:40px 20px;gap:24px;grid-template-columns:1fr}.faq-section:before{background:linear-gradient(180deg,#f4f8fdc9,#f4f8fdf5 65%),url('assets/reference-inspired/living-room.jpg') center/cover}.faq-section>div:first-child{text-align:center}.faq-section>div>p{font-size:14px;margin-top:10px}.faq-list{padding:5px 18px;border-radius:17px}.faq-list summary{font-size:15px}.faq-list p{font-size:13px}
 .closing{padding:32px 25px;text-align:center}.closing h2{font-size:29px}.closing>div:last-of-type{display:flex;flex-direction:column;gap:18px}.closing p{margin-top:13px;font-size:13px}.closing .button.light{font-size:14px}footer{padding-block:25px 18px}.footer-top{gap:12px}.footer-top>a:last-child{width:auto;margin-inline-start:auto}.footer-top p{display:none}.footer-top .brand>span{font-size:25px}.footer-bottom{font-size:10px}.preview-note{font-size:9px}
 [dir=ltr] .hero h1{font-size:39px;line-height:1.15}[dir=ltr] .hero-background{transform:none;right:auto;left:0}[dir=ltr] .hero:after{background:linear-gradient(180deg,#f3f8ff00 150px,#f3f8ff55 230px,#f3f8ff 335px)}[dir=ltr] .hero-actions{gap:9px}[dir=ltr] .hero-actions .button{font-size:14px}
}
@media(max-width:360px){.hero{padding-inline:20px}.hero h1{font-size:43px}.hero-description{font-size:14px}.devices{width:260px}.devices .phone{width:106px}.header-inner{width:calc(100% - 16px)}.language{border:0;padding-inline:3px}.brand>span{font-size:23px}.faq-list summary{font-size:14px}}