:root{--orange:#fa681e;--ink:#222621;--muted:#70736b;--cream:#f6f5f0;--line:#dfdfd7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans','Tajawal',sans-serif}h1,h2,h3,.brand{font-family:'Manrope','Tajawal',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #efefeb}.brand{display:flex;align-items:center;font-size:29px;font-weight:800;letter-spacing:-1.5px}.brand>span:last-child{color:var(--orange)}.brand-icon{width:35px;height:42px;overflow:hidden;position:relative;margin-inline-end:9px;display:inline-block}.brand-icon img{position:absolute;width:94px;max-width:none;left:-29px;top:-17px}nav{display:flex;gap:29px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{color:var(--orange)}.nav-end{display:flex;gap:24px;align-items:center}#lang{background:none;border:0;font-weight:600;font-size:14px}#lang span{padding-inline-start:5px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;padding:18px 25px;font-size:14px;font-weight:700;border-radius:7px;transition:background .2s,transform .2s}.button:hover{background:#df5110;transform:translateY(-2px)}.button.small{font-size:12px;padding:14px 18px}#menu{display:none}.hero{padding:50px 3% 56px 6%;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;max-width:1600px;margin:auto}.hero-copy{padding:30px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;display:flex;align-items:center;gap:8px;text-transform:uppercase}.eyebrow i{width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font-size:clamp(52px,5.4vw,84px);line-height:1.1;letter-spacing:-4px;font-weight:700;margin:29px 0 25px}em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:440px;font-size:16px;line-height:1.8;color:var(--muted)}.actions{display:flex;align-items:center;gap:28px;margin-top:30px}.text-link{font-size:13px;font-weight:600}.launch{display:flex;gap:12px;align-items:center;margin-top:42px}.mini-pin{width:35px;height:40px;display:grid;place-items:center;background:#fff0e6;color:var(--orange);border-radius:10px;font-weight:800}.launch strong{display:block;font-size:12px}.launch small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.hero-image{height:590px;position:relative;border-radius:12px;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:61% center}.image-tag{position:absolute;top:22px;left:22px;background:#ffffffdc;border-radius:30px;padding:10px 14px;font-size:9px;letter-spacing:1.5px;font-weight:800}.parking-note{position:absolute;bottom:40px;left:24px;right:24px;padding:18px;background:#fffef6ed;border-radius:10px;display:flex;align-items:center;gap:12px}.parking-note b{display:block;font-size:13px}.parking-note small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.status-icon{background:#e7eddf;color:#61784e;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.concept{position:absolute;bottom:13px;right:20px;color:#fff;text-shadow:0 1px 5px #000;font-size:9px}.intro-strip{border-block:1px solid var(--line);margin:0 6%;display:flex;align-items:center;justify-content:space-between;padding:25px 0}.intro-strip>span{font-size:10px;letter-spacing:1.5px;font-weight:800}.intro-strip p{font-size:15px;color:var(--muted)}.intro-strip a{font-size:30px;color:var(--orange)}.section{padding:100px 8%;max-width:1600px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}h2{font-size:clamp(35px,3.5vw,52px);font-weight:600;letter-spacing:-2px;line-height:1.18;margin:23px 0}.section-top>p{width:330px;line-height:1.8;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.step-art{height:165px;border-radius:9px;background:var(--cream);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:24px}.step-art svg{width:85%;height:100%}.steps article>span{font-size:10px;color:var(--orange);font-weight:800}.steps h3{font-size:19px;letter-spacing:-.5px;margin:12px 0}.steps p{font-size:13px;line-height:1.8;color:var(--muted)}.car-art{position:relative}.bay{border:2px solid #d7d8cf;border-top:0;width:135px;height:100px;color:#c8cac0;font-size:55px;position:relative;text-align:center}.car{position:absolute;right:8px;top:5px;height:85px;width:43px;background:var(--orange);border-radius:12px;color:#353b35;border:5px solid var(--orange);font-size:34px;box-shadow:4px 5px 0 #e4e1d8}.check{position:absolute;right:25%;top:28px;background:#fff;color:#5e7b55;border-radius:50%;padding:4px 8px}.receipt{background:white;padding:15px;width:122px;transform:rotate(-8deg);box-shadow:0 8px 20px #00000008;font-size:12px;font-weight:800}.receipt b{float:right;color:var(--orange)}.receipt i{display:block;width:80%;height:3px;background:#e9e9e2;margin-top:13px}.receipt small{font-size:6px;display:block;margin-top:12px;letter-spacing:1px;color:#888}.coin{background:var(--orange);color:white;width:40px;height:40px;display:grid;place-items:center;border:4px solid #ffb78e;border-radius:50%;margin-left:-10px;z-index:1}.app-section{background:#f3f3ec;display:grid;grid-template-columns:1fr 1fr;padding:90px 10%;gap:60px;overflow:hidden}.app-copy{align-self:center}.app-copy>p{max-width:380px;color:var(--muted);font-size:14px;line-height:1.8}.app-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}.app-tabs button{border:1px solid #d8dad0;background:transparent;padding:10px 13px;border-radius:30px;font-size:11px}.app-tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}.feature-line{display:flex;gap:13px;align-items:baseline;margin:12px 0 20px}.feature-line>span{color:var(--orange)}.feature-line p{font-size:12px;color:var(--muted);line-height:1.7;max-width:350px;min-height:40px}.app-disclaimer{display:block;font-size:9px;line-height:1.6;max-width:330px;color:var(--muted);margin-top:17px}.phone-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:550px}.orbit{position:absolute;border:1px solid #dbded1;border-radius:50%;width:470px;height:470px}.orbit2{width:350px;height:350px}.float-label{position:absolute;top:25px;right:-25px;font-size:9px;transform:rotate(7deg);color:#727867}.phone{width:253px;height:510px;background:#fff;border:7px solid #242a24;border-radius:39px;position:relative;box-shadow:15px 25px 45px #20291f26;z-index:2;overflow:hidden;transform:rotate(5deg);flex-shrink:0}.phone-top{font-size:8px;padding:13px 17px 8px;display:flex;justify-content:space-between}.phone:before{content:'';position:absolute;top:6px;left:87px;width:65px;height:16px;background:#242a24;border-radius:20px}.phone-head{display:flex;justify-content:space-between;padding:15px 15px 9px;font-size:18px}.phone-head b{letter-spacing:-1px}.phone-head b span{color:var(--orange)}#phone-content{height:333px;overflow:hidden}.phone-title{padding:8px 16px 13px;font-size:19px;line-height:1.3;font-weight:700}.phone-title small{display:block;font-size:9px;font-weight:400;color:#777;margin-top:6px}.map{height:193px;background:#edece3;position:relative;overflow:hidden}.map:before,.map:after{content:'';position:absolute;background:#fafaf7;transform:rotate(-28deg);width:280px;height:20px;top:80px;left:-20px;box-shadow:0 75px #fafaf7,0 -68px #fafaf7}.map:after{transform:rotate(63deg);top:80px}.map-label{position:absolute;top:14px;left:14px;font-size:7px;color:#8d9486;letter-spacing:1px}.map-pin{position:absolute;z-index:2;background:var(--orange);color:white;font-size:12px;padding:6px 8px;border-radius:9px 9px 9px 0;box-shadow:0 3px 8px #0002}.pin1{left:100px;top:67px}.pin2{left:40px;top:122px;background:#333c32}.pin3{right:15px;top:28px;background:#333c32}.map-dot{position:absolute;left:140px;top:143px;width:13px;height:13px;border:3px solid white;background:#547deb;border-radius:50%;z-index:3;box-shadow:0 0 0 8px #547deb20}.map-card{position:absolute;z-index:5;bottom:10px;left:10px;right:10px;background:white;padding:10px;border-radius:10px;font-size:9px;display:flex;align-items:center;justify-content:space-between}.map-card small{display:block;color:#888;font-size:7px;margin-top:4px}.map-card>span{color:var(--orange);font-size:20px}.phone-cta{display:block;background:var(--orange);color:white;text-align:center;margin:12px 13px;border-radius:7px;padding:11px;font-size:10px}.phone-nav{display:flex;justify-content:space-around;border-top:1px solid #eee;padding:12px 5px;font-size:15px;text-align:center}.phone-nav span:first-child{color:var(--orange)}.phone-nav small{display:block;font-size:6px;margin-top:3px}.home-bar{position:absolute;bottom:5px;height:3px;width:80px;background:#333;border-radius:4px;left:78px}.floating-card{position:absolute;bottom:40px;left:-10px;z-index:3;display:flex;gap:10px;background:white;padding:16px 20px;border-radius:9px;box-shadow:0 8px 30px #2935220d;transform:rotate(-4deg)}.floating-card>span{color:var(--orange);font-size:22px}.floating-card b{display:block;font-size:11px}.floating-card small{font-size:8px;color:#777;display:block;margin-top:5px}.session-panel{margin:10px 14px;padding:20px 12px;text-align:center;background:var(--cream);border-radius:12px;font-size:11px}.session-panel strong{font-size:34px;display:block;margin:15px 0}.session-panel small{font-size:9px;color:#777;display:block}.session-panel .ring{margin:15px auto;border:5px solid var(--orange);border-radius:50%;width:118px;height:118px;display:grid;place-content:center}.session-panel .ring strong{font-size:26px;margin:5px}.payment-list{font-size:10px;margin:20px}.payment-list p{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:12px 0}.operator-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.dashboard{background:#252d27;border-radius:12px;color:white;padding:28px;transform:perspective(800px) rotateY(4deg);box-shadow:15px 20px 0 #f2f3ed}.dash-top{display:flex;justify-content:space-between;align-items:center;font-size:16px}.dash-top b span{display:block;font-size:8px;font-weight:400;letter-spacing:2px;color:#a2aca1;margin-top:4px}.demo-pill{font-size:7px;border:1px solid #556250;padding:5px 7px;border-radius:20px;color:#cad4bd}.dash-metrics{display:flex;gap:14px;margin-top:30px}.dash-metrics>div{flex:1;background:#323d33;padding:15px;border-radius:5px;font-size:9px;color:#b2bcaf}.dash-metrics b{display:block;font-size:17px;color:#fff;margin-top:9px}.bars{display:flex;align-items:end;gap:10px;height:155px;margin-top:22px;border-bottom:1px solid #53604e;padding:0 8px}.bars i{flex:1;background:#899a76;border-radius:3px 3px 0 0}.bars i:nth-child(3n){background:var(--orange)}.dash-caption{font-size:9px;color:#a0ab9a;margin-top:16px}.operator-features article{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:22px 0}.operator-features article>span{font-size:10px;color:var(--orange);padding-top:5px}.operator-features h3{font-size:17px;margin:0 0 9px}.operator-features p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.vision{background:var(--cream);padding:80px 10%;display:grid;grid-template-columns:1fr 1fr;gap:100px}.vision>div>p{font-size:14px;color:var(--muted);line-height:1.9;max-width:420px}.vision-stat{align-self:center;border-inline-start:1px solid #d6d9cf;padding-inline-start:60px}.vision-stat>strong{font-size:76px;font-family:Manrope,sans-serif;letter-spacing:-4px;font-weight:500;display:block}.vision-stat>strong>span{font-size:30px;color:var(--orange);vertical-align:top;padding-left:15px}.vision-stat>b{font-size:13px}.vision-stat>p{font-size:11px!important;max-width:270px!important}.location-line{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:12px;display:flex;gap:10px}.faq{max-width:1050px;padding-block:85px}.faq h2{font-size:38px;margin-bottom:35px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--orange);font-size:20px}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.9;color:var(--muted);max-width:700px}.contact{margin:0 3% 40px;background:var(--ink);color:#fff;text-align:center;padding:70px 20px 80px;border-radius:12px}.contact .eyebrow{justify-content:center;color:#c3c8bb}.contact h2{font-size:64px;line-height:1.1;margin:25px 0}.contact p{color:#bfc5b8;font-size:14px;line-height:1.8}.email-link{display:inline-flex;gap:45px;align-items:center;font-size:25px;margin-top:20px;border-bottom:1px solid #78816e;padding-bottom:13px;direction:ltr}.email-link span{color:var(--orange)}footer{padding:20px 6% 45px;display:flex;align-items:center;gap:20px}footer>.brand{font-size:25px}footer>span{font-size:11px;color:var(--muted)}footer>div{margin-inline-start:auto;display:flex;gap:25px;font-size:10px;color:var(--muted)}[dir=rtl] body{font-family:Tajawal,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:Tajawal,sans-serif;letter-spacing:0}[dir=rtl] .eyebrow{letter-spacing:0;font-size:12px}[dir=rtl] h1{line-height:1.25}[dir=rtl] .brand{direction:ltr}[dir=rtl] .hero{padding:50px 6% 56px 3%}[dir=rtl] .brand-icon{margin-right:9px;margin-left:0}[dir=rtl] .phone{font-family:'DM Sans',sans-serif}[dir=rtl] .hero-copy>p,[dir=rtl] .section-top>p,[dir=rtl] .steps p,[dir=rtl] .app-copy>p{font-size:16px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ff9c5b;outline-offset:5px}
@media(min-width:1500px){.hero-image{height:650px}}@media(max-width:1100px){nav{gap:17px;font-size:11px}.nav-end{gap:12px}.hero-image{height:520px}h1{font-size:60px}.hero{gap:20px}.app-section{padding:70px 7%;gap:30px}.operator-grid{gap:40px}.vision{gap:50px}.vision-stat{padding-inline-start:35px}.vision-stat>strong{font-size:65px}.float-label{right:0}}@media(max-width:800px){header{height:76px;padding:0 5%}.brand{font-size:25px}.nav-end>.small{display:none}#menu{display:block;border:0;background:none;font-size:20px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:25px;flex-direction:column;box-shadow:0 15px 20px #0001;font-size:15px}nav.open{display:flex}.hero,[dir=rtl] .hero{grid-template-columns:1fr;padding:28px 5% 35px}.hero-copy{padding:10px 2% 20px}h1{font-size:62px;letter-spacing:-3px;margin:24px 0}.hero-copy>p{font-size:15px}.hero-image{height:430px}.launch{margin-top:28px}.intro-strip{margin:0 7%;padding:20px 0;gap:20px}.intro-strip>span{font-size:8px;max-width:120px;line-height:1.8}.intro-strip p{font-size:11px;max-width:180px}.section{padding:65px 7%}.section-top{display:block;margin-bottom:30px}.section-top>p{width:auto;max-width:430px}h2{font-size:39px}.steps{gap:18px}.steps h3{font-size:15px}.steps p{font-size:11px}.step-art{height:130px}.bay{transform:scale(.8)}.check{right:10%}.app-section{grid-template-columns:1fr;padding:65px 8%;gap:20px}.phone-stage{max-width:450px;width:100%;margin:auto}.app-copy>p{max-width:100%}.float-label{right:10px}.floating-card{left:0}.operator-grid{grid-template-columns:1fr;gap:30px}.dashboard{max-width:520px}.vision{grid-template-columns:1fr;padding:65px 8%;gap:30px}.vision-stat{border-inline-start:0;border-top:1px solid #d6d9cf;padding:30px 0 0}.vision-stat>strong{font-size:74px}.vision-stat>p{max-width:100%!important}.contact h2{font-size:48px}.contact{padding:55px 22px}.email-link{font-size:21px;gap:30px}footer{flex-wrap:wrap}footer>div{margin:15px 0 0;width:100%;justify-content:space-between}.faq h2{font-size:34px}}@media(max-width:500px){h1{font-size:54px}.eyebrow{font-size:8px;letter-spacing:1px}.actions{gap:20px}.text-link{font-size:11px}.button{font-size:12px;padding:16px 20px}.hero-image{height:365px}.parking-note{left:15px;right:15px;padding:15px}.parking-note b{font-size:11px}.steps{grid-template-columns:1fr}.step-art{height:175px}.steps h3{font-size:20px}.steps p{font-size:14px}.steps article{margin-bottom:12px}.step-art svg{max-width:300px}.bay{transform:scale(1)}.check{right:30%}.phone-stage{min-height:550px}.orbit1{width:390px;height:390px}.orbit2{width:290px;height:290px}.floating-card{bottom:20px;padding:13px 15px}.float-label{font-size:8px;top:15px}.dash-metrics b{font-size:14px}.dashboard{padding:22px}.contact h2{font-size:44px}.contact p{font-size:12px}.email-link{font-size:19px}.vision-stat>strong{font-size:65px}}
