:root{color-scheme:dark;--bg:#020617;--fg:#f1f5f9;--muted:#99abc0;--line:rgba(148,163,184,.15);--blue:#60a5fa;--emerald:#34d399;--display:'Bricolage Grotesque',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,sans-serif;font-size:16px;line-height:1.65;isolation:isolate}html[lang=ar] body{font-family:Almarai,sans-serif}html[lang=ar]{--display:'Almarai',sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.3}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button{color:inherit}button,input,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #60a5fa;outline-offset:5px}input:focus,textarea:focus{outline:2px solid #60a5fa}svg.lucide{width:20px;height:20px;flex-shrink:0;stroke-width:1.65}img{max-width:100%}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 64px));margin-inline:auto}.ambient{position:fixed;inset:0;z-index:-10;background:#050b1d url('space.webp') center/cover no-repeat;pointer-events:none}.ambient iframe{position:fixed;top:0;left:0;width:100%;height:100vh;border:0;z-index:-10;opacity:.63}.ambient-shade{position:fixed;inset:0;z-index:-9;background:linear-gradient(180deg,rgba(2,6,23,.72),rgba(2,6,23,.82) 45%,rgba(2,6,23,.95));pointer-events:none}.nav-shell{position:fixed;top:22px;left:50%;transform:translateX(-50%);width:calc(100% - 2rem);max-width:1320px;z-index:50}.glass-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 15px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:rgba(15,23,42,.55);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 40px #0002}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:184px;height:auto}.desktop-links{display:flex;align-items:center;gap:26px;font-size:14px;color:#b5c0d2}.desktop-links a:hover{color:white}.nav-actions{display:flex;align-items:center;gap:15px}.language-btn,.text-btn{background:none;border:0;padding:8px;font-size:14px}.language-btn{font-family:Inter,Almarai,sans-serif;border-inline-end:1px solid var(--line);padding-inline-end:16px}.login-link{font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:12px 25px;border-radius:10px;border:1px solid transparent;font-size:15px;font-weight:600;line-height:1.6;transition:background .2s,transform .2s,border-color .2s;white-space:normal;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#2563eb,#3b82f6);color:#fff;border-color:#60a5fa77;box-shadow:0 0 30px #2563eb28,inset 0 1px 0 #ffffff22}.btn-primary:hover{background:#3b82f6}.btn-secondary{background:#ffffff08;border-color:#ffffff24;color:#e2e8f0}.btn-secondary:hover{background:#ffffff12;border-color:#ffffff44}.btn-small{min-height:39px;padding:8px 17px;font-size:14px}.menu-toggle{display:none;border:0;background:none;padding:8px}.mobile-menu{background:rgba(3,9,24,.98);border:1px solid var(--line);border-radius:16px;padding:88px 24px 24px;position:absolute;top:0;left:0;right:0;z-index:-1;backdrop-filter:blur(24px)}.mobile-menu a{display:block;padding:12px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:black;padding:12px}.skip-link:focus{top:10px}.hero{padding-top:180px}.hero-grid{display:grid;grid-template-columns:3fr 2fr;gap:80px;align-items:center}.pill{display:inline-flex;align-items:center;gap:9px;font-size:13px;padding:7px 13px;border:1px solid #60a5fa33;border-radius:99px;background:#3b82f60c;color:#b7d3fc;margin-bottom:28px}.pill svg{width:16px;height:16px}.hero h1,.hero-gradient{font-family:var(--display);font-weight:400;font-size:clamp(38px,3.4vw,55px);line-height:1.35;letter-spacing:-1.7px}.hero-gradient{background:linear-gradient(110deg,#60a5fa,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:4px}.hero-lead{font-size:17px;color:#b2c0d2;line-height:1.95;max-width:610px;margin-top:24px}.hero-ctas{display:flex;gap:14px;margin-top:34px}.hero-notes{display:flex;align-items:center;gap:7px;margin-top:24px;font-size:12px;color:#96a5ba;flex-wrap:wrap}.hero-notes svg{width:14px;height:14px;color:#34d399;margin-inline-start:10px}.hero-notes svg:first-child{margin-inline-start:0}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;transform:rotate(-2deg)}[dir=rtl] .hero-stats{transform:rotate(2deg)}.color-blue{--accent:#60a5fa;--rgb:59,130,246}.color-emerald{--accent:#34d399;--rgb:16,185,129}.color-purple{--accent:#c084fc;--rgb:168,85,247}.color-orange{--accent:#fbbf24;--rgb:245,158,11}.color-rose{--accent:#fb7185;--rgb:244,63,94}.color-indigo{--accent:#a5b4fc;--rgb:99,102,241}.stat-card{padding:23px;border:1px solid rgba(var(--rgb),.2);border-radius:18px;background:linear-gradient(140deg,rgba(var(--rgb),.12),rgba(15,23,42,.3));backdrop-filter:blur(24px);min-height:190px;transition:border-color .25s,transform .25s}.stat-card:hover{border-color:rgba(var(--rgb),.4);transform:translateY(-4px)}.icon-chip{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(var(--rgb),.15);color:var(--accent)}.stat-value{font-family:'Bricolage Grotesque',sans-serif;font-weight:500;display:block;color:var(--accent);font-size:34px;line-height:1.3;margin-top:12px}.stat-card h2{font-size:15px;font-weight:600;margin-top:7px}.stat-card p{font-size:12px;color:var(--muted);margin-top:5px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:72px;padding:24px 0;border-top:1px solid var(--line);font-size:13px;color:#98a8bc}.hero-bottom>div{display:flex;align-items:center;gap:12px}.hero-bottom svg{width:19px;margin-inline-start:22px}.section{padding-top:100px}.section-heading{text-align:center;max-width:750px;margin:0 auto 44px}.eyebrow{color:#60a5fa;font-size:13px;letter-spacing:.05em;margin-bottom:16px;font-weight:700}.section-heading h2{font-size:clamp(29px,3vw,42px);font-weight:400;letter-spacing:-1px}.section-lead{margin-top:16px;font-size:16px;line-height:1.85;color:var(--muted)}.dashboard{border:1px solid #3b82f63d;border-radius:22px;overflow:hidden;box-shadow:0 30px 100px #0004;background:linear-gradient(145deg,#14295165,#02040b);backdrop-filter:blur(24px)}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 25px;border-bottom:1px solid var(--line)}.dashboard-brand{display:flex;align-items:center;gap:10px;font-size:15px}.dashboard-brand svg{color:#60a5fa}.demo-badge{font-size:12px;padding:5px 10px;color:#93c5fd;background:#60a5fa1a;border:1px solid #60a5fa22;border-radius:6px}.dashboard-body{display:grid;grid-template-columns:270px 1fr;min-height:350px}.vehicle-list{padding:23px;border-inline-end:1px solid var(--line);background:#02061766}.mini-heading{display:flex;justify-content:space-between;font-size:13px;margin-bottom:20px}.mini-heading>span{color:#7b8eaa}.vehicle-row{display:flex;align-items:center;gap:10px;width:100%;background:none;border:1px solid transparent;padding:13px 8px;border-radius:10px;text-align:start;margin-bottom:7px}.vehicle-row.active{border-color:#3b82f64d;background:#3b82f619}.vehicle-icon{display:flex;padding:8px;background:#ffffff09;border-radius:8px;color:#8ba4c8}.vehicle-row strong{display:block;font-size:12px;font-weight:500}.vehicle-row small{display:block;font-size:11px;color:#94a3b8;margin-top:3px}.vehicle-number{margin-inline-start:auto;font-size:11px;color:#8090a9}.trip-mini{margin-top:20px;padding:16px;border:1px solid #ffffff0b;border-radius:12px;color:#9cabbe;font-size:12px}.trip-mini>svg{display:inline-block;vertical-align:middle;width:16px;margin-inline-end:6px}.trip-mini strong{display:block;font:600 24px Inter;margin-top:14px;color:#e2e8f0}.trip-mini small{font-size:11px}.trip-line{height:3px;background:linear-gradient(90deg,#60a5fa,#34d399);border-radius:8px;margin:14px 0}.map-preview{position:relative;min-height:360px;overflow:hidden;direction:ltr}.map-geometry{position:absolute;inset:0;width:100%;height:100%}.map-label{position:absolute;z-index:2;top:18px;left:18px;display:flex;gap:7px;align-items:center;background:#020617aa;border:1px solid #ffffff18;padding:7px 10px;border-radius:8px;font-size:12px;color:#adc0da;backdrop-filter:blur(12px)}.map-label svg{width:14px}.map-location{display:flex;align-items:center;justify-content:center;position:absolute;width:38px;height:38px;background:#2563eb;border:2px solid #93c5fd;border-radius:12px;box-shadow:0 0 0 7px #2563eb22,0 0 35px #2563eb66}.map-location-one{left:57%;top:29%;transform:rotate(-12deg)}.map-location-two{left:23%;top:72%;background:#334155;border-color:#94a3b8;box-shadow:none}.map-tooltip{position:absolute;top:47%;left:42%;display:flex;align-items:center;gap:9px;background:#0f172fe6;backdrop-filter:blur(10px);border:1px solid #3b82f644;border-radius:10px;padding:12px 15px;font-size:12px;box-shadow:0 15px 35px #0005}.map-tooltip strong{font-weight:500}.map-tooltip>span:last-child{color:#60a5fa;font-family:Inter,sans-serif}.live-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d39988}.map-compass{position:absolute;bottom:20px;right:20px;border:1px solid #ffffff24;padding:8px 13px;border-radius:50%;font-size:12px}.demo-route{stroke-dasharray:900;animation:route-in 4s ease both}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 24px;background:#02061755;border-top:1px solid var(--line)}.metric{display:flex;align-items:center;gap:14px;border:1px solid rgba(var(--rgb),.2);background:rgba(var(--rgb),.04);padding:14px 20px;border-radius:12px}.metric>svg{color:var(--accent);width:21px;height:21px}.metric small{display:block;font-size:12px;color:var(--muted)}.metric strong{display:block;font:500 20px Inter;margin-top:5px;direction:ltr}.table-wrap{overflow-x:auto;padding:0 24px 15px;background:#02061755}table{width:100%;border-collapse:collapse;font-size:12px;min-width:570px}th{text-align:start;color:#7e93b0;font-weight:400;padding:14px;border-bottom:1px solid #60a5fa33}td{padding:13px 14px;border-bottom:1px solid #60a5fa12;color:#b5c5da}tr:last-child td{border-bottom:0}tbody tr:hover{background:#1e3a8a33}.status{padding:3px 8px;border-radius:5px;font-size:11px}.moving{color:#6ee7b7;background:#10b98116}.parked{color:#fbbf24;background:#f59e0b16}.glass{background:rgba(15,23,42,.4);backdrop-filter:blur(24px);border:1px solid var(--line);border-radius:18px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{padding:30px;position:relative;overflow:hidden;min-height:220px}.step-2,.step-3{grid-column:span 2}.step-number{font:500 13px Inter;color:#93c5fd;border:1px solid #60a5fa30;background:#3b82f611;border-radius:7px;display:inline-flex;padding:4px 9px;margin-bottom:20px}.step-icon{position:absolute;inset-inline-end:28px;top:30px;color:#485c7c;width:24px!important;height:24px!important}.step-card h3{font-size:21px;font-weight:500;margin-bottom:12px}.step-card p{font-size:14px;color:var(--muted);line-height:1.85;max-width:600px}.step-mini-grid{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.step-mini-grid>div{display:flex;gap:10px;align-items:center;background:#ffffff04;border:1px solid #ffffff0d;border-radius:10px;padding:13px 20px;font-size:12px;color:#b6c7dd}.step-mini-grid svg{color:#60a5fa;width:18px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:28px;border-color:rgba(var(--rgb),.2);background:linear-gradient(140deg,rgba(var(--rgb),.08),rgba(15,23,42,.35));transition:border-color .25s}.feature-card:hover{border-color:rgba(var(--rgb),.4)}.feature-card h3{font-size:19px;font-weight:500;margin-top:21px}.feature-card p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:12px}.feature-orbit{position:relative;padding:28px 0 4px}.feature-orbit>div:first-child{position:absolute;width:120px;height:40px;border-radius:100%;background:#3b82f63b;filter:blur(24px);left:calc(50% - 60px);top:36px}.location-widget{position:relative;margin:auto;display:flex;gap:10px;align-items:center;justify-content:center;padding:15px 12px;border:1px solid #60a5fa33;border-radius:12px;background:#0b172abb;width:90%;font-size:12px}.location-widget svg{color:#60a5fa}.tiny-chart{display:flex;gap:6px;align-items:flex-end;height:75px;margin-top:25px;direction:ltr}.tiny-chart span{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#34d39988,#10b98109);border-top:1px solid #34d39977}.language-stack{display:flex;flex-direction:column;gap:10px;margin-top:22px;font-size:12px}.language-stack span{display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid #ffffff10;border-radius:8px}.language-stack b{width:8px;height:8px;border-radius:50%}.blue-dot{background:#60a5fa}.purple-dot{background:#a78bfa}.language-stack i{height:3px;flex:1;max-width:90px;background:#ffffff18;border-radius:10px;margin-inline-start:auto}.billing-switch{display:flex;width:fit-content;margin:0 auto 38px;border:1px solid #ffffff1a;padding:5px;border-radius:12px;background:#0f172a99}.billing-switch button{padding:10px 20px;border:0;border-radius:8px;background:transparent;color:#8d9fb9;font-size:13px;transition:.2s}.billing-switch button.selected{background:#ffffff10;color:#e2e8f0;box-shadow:0 2px 5px #0002}.fleet-calculator{display:flex;align-items:center;justify-content:center;gap:18px;margin:-15px auto 35px;flex-wrap:wrap;font-size:14px}.fleet-calculator input{width:88px}.fleet-calculator output{color:#6ee7b7;font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pricing-card{padding:30px;position:relative;border-color:rgba(var(--rgb),.2);background:linear-gradient(160deg,rgba(var(--rgb),.045),#02061777);display:flex;flex-direction:column}.pricing-card.recommended{border-color:#34d39955;background:linear-gradient(155deg,#10b98112,#020617aa);box-shadow:0 0 60px #10b98108}.recommended-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#064e3b;border:1px solid #34d39944;color:#a7f3d0;border-radius:7px;padding:4px 15px;font-size:12px;white-space:nowrap}.pricing-card h3{font-size:24px;font-weight:500}.plan-desc{font-size:13px;color:var(--muted);margin-top:10px;min-height:42px}.vehicle-range{display:flex;align-items:center;gap:8px;font-size:13px;color:#b9c8dd;margin-top:22px}.vehicle-range svg{color:var(--accent);width:18px}.vehicle-range b{font:500 14px Inter}.price{display:flex;gap:9px;align-items:center;margin-top:23px;line-height:1;font:500 56px 'Bricolage Grotesque',sans-serif;direction:ltr;justify-content:flex-start}[dir=rtl] .price{justify-content:flex-end}.riyal{width:32px;height:36px;object-fit:contain;filter:brightness(0) invert(1);display:inline-block}.price-unit{font-size:12px;color:#879bb5;margin-top:10px}.enterprise-price{font:500 35px var(--display);margin-top:30px;line-height:1.45}.plan-features{list-style:none;margin:28px 0;padding:23px 0 0;border-top:1px solid #ffffff12;flex:1}.plan-features li{display:flex;align-items:center;gap:10px;font-size:13px;color:#b7c6da;margin-bottom:16px}.plan-features svg{color:var(--accent);width:16px;height:16px}.pricing-card .btn{width:100%}.recommended .btn-primary{background:#10b981;color:#012d21;border-color:#6ee7b744;box-shadow:0 0 25px #10b98111}.recommended .btn-primary:hover{background:#34d399}.pricing-note{text-align:center;font-size:12px;color:#8193ab;max-width:850px;margin:23px auto 0;line-height:1.9}.faq-section{max-width:930px}.faq-list details{border-bottom:1px solid var(--line);padding:0 4px}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;cursor:pointer;list-style:none;font-size:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:#6f89ad;width:18px}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:var(--muted);line-height:1.95;padding:0 0 25px;max-width:790px}.final-cta{padding:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(ellipse at 10% 100%,#1d4ed825,transparent 60%),#0f172a55;border-color:#60a5fa26}.final-cta h2{font-size:30px;font-weight:400}.final-cta p{color:var(--muted);font-size:15px;margin-top:13px}.cta-buttons{display:flex;gap:12px;flex-shrink:0}footer{padding-top:75px}.footer-main{display:flex;align-items:center;gap:30px;padding-bottom:35px}.footer-main p{font-size:13px;color:#71859f}.footer-main>a:last-child{margin-inline-start:auto;font:13px Inter;color:#9cafc8}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid var(--line);font-size:12px;color:#6e839f}.footer-bottom>div{display:flex;gap:16px}.text-btn{color:#90a4bf}.text-btn:hover{color:#e2e8f0}.form-dialog{position:fixed;border:1px solid #334155;background:#0b1222;color:#f1f5f9;border-radius:22px;padding:34px;width:min(620px,calc(100% - 28px));max-height:90dvh;overflow:auto;margin:auto;box-shadow:0 30px 100px #0008}.form-dialog::backdrop{background:#020617cc;backdrop-filter:blur(8px)}.dialog-close{position:absolute;inset-inline-end:16px;top:16px;background:#ffffff07;border:1px solid #ffffff13;border-radius:8px;display:flex;align-items:center;justify-content:center;width:33px;height:33px}.dialog-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#3b82f61a;color:#60a5fa;border-radius:13px;margin-bottom:20px}.form-dialog h2{font-size:26px;margin-bottom:10px}.form-dialog>p{font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}form label{display:block;font-size:13px;color:#becce0}input,textarea{display:block;width:100%;margin-top:7px;padding:10px 12px;color:#f1f5f9;background:#02061799;border:1px solid #334155;border-radius:8px;font-size:15px}input[type=email],input[type=tel]{direction:ltr;text-align:start}textarea{resize:vertical}#messageLabel{margin-top:16px}.honeypot{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}.consent{display:flex;align-items:flex-start;gap:10px;margin-top:18px;line-height:1.8;font-size:12px;color:#91a4bf}.consent input{margin-top:5px;flex-shrink:0;width:15px;height:15px;accent-color:#3b82f6}.form-actions{margin-top:20px;display:flex;flex-direction:column;gap:8px}.form-actions .text-btn{font-size:12px}#formStatus{font-size:13px;line-height:1.7;margin-top:13px;color:#93c5fd}#formStatus.error{color:#fda4af}#formStatus.success{color:#6ee7b7}.order-summary{padding:17px;background:#3b82f608;border:1px solid #3b82f633;border-radius:10px;margin-top:18px;font-size:13px;color:#b9cbe1}.order-summary p{display:flex;justify-content:space-between;margin:7px 0;gap:12px}.order-summary .riyal{width:13px;height:15px;vertical-align:middle;margin-inline:4px}.order-summary small{display:block;font-size:11px;color:#8299b9;line-height:1.8}.policy-dialog{max-width:700px}.policy-dialog h2{padding-inline-end:30px}.policy-dialog p{color:#a0b2ca;font-size:14px;line-height:1.95;margin-top:15px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;padding:14px 24px;background:#14233e;color:#dbeafe;border:1px solid #60a5fa44;border-radius:12px;z-index:100;font-size:14px}.noscript{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:12px;background:#1e293b;z-index:100;font-size:14px}.fade-slide{animation:fade-slide .8s both;animation-delay:var(--delay,.1s)}@keyframes fade-slide{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes route-in{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}@media(min-width:640px){.nav-shell{width:calc(100% - 3rem)}}@media(min-width:1024px){.nav-shell{width:calc(100% - 4rem)}}@media(max-width:1100px){.desktop-links{gap:17px;font-size:13px}.nav-actions{gap:10px}.login-link{display:none}.hero-grid{gap:35px}.hero h1,.hero-gradient{font-size:40px}.hero-bottom{font-size:12px}.pricing-card{padding:25px}.final-cta{padding:35px}.cta-buttons{flex-direction:column}.hero-stats{gap:12px}.stat-card{padding:18px}}
@media(max-width:850px){.desktop-links{display:none}.menu-toggle{display:flex}.hero{padding-top:150px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{max-width:680px;margin:auto;text-align:center}.hero-lead{max-width:100%}.hero-ctas,.hero-notes{justify-content:center}.hero-stats{max-width:560px;width:100%;margin:auto;transform:none!important}.stat-card{padding:24px}.hero-bottom{flex-direction:column;margin-top:45px}.hero-bottom svg:first-child{margin-inline-start:0}.section{padding-top:80px}.dashboard-body{grid-template-columns:230px 1fr}.vehicle-list{padding:15px}.map-tooltip{left:18%;font-size:11px}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{gap:16px}.pricing-card{padding:20px}.pricing-card h3{font-size:22px}.plan-features li{font-size:12px}.price{font-size:48px}.enterprise-price{font-size:28px}.final-cta{flex-direction:column;text-align:center}.cta-buttons{flex-direction:row}.footer-main{flex-wrap:wrap;gap:16px}}
@media(max-width:640px){html{scroll-padding-top:90px}.container{width:calc(100% - 36px)}.nav-shell{top:14px}.glass-nav{padding:8px 10px;gap:8px;border-radius:13px}.brand img{width:145px}.nav-actions{gap:3px}.nav-actions>.btn-small{display:none}.language-btn{padding:7px 10px;font-size:13px}.hero{padding-top:132px}.pill{font-size:11px;margin-bottom:22px;padding:7px 10px}.hero h1,.hero-gradient{font-size:34px;letter-spacing:-.9px;line-height:1.45}.hero-lead{font-size:15px;margin-top:18px}.hero-ctas{gap:10px;margin-top:26px}.hero-ctas .btn{padding:11px 20px;font-size:14px}.hero-notes{font-size:10px;gap:3px}.hero-notes svg{width:12px;margin-inline-start:6px}.hero-grid{gap:35px}.hero-stats{gap:12px}.stat-card{min-height:180px;padding:18px}.stat-card h2{font-size:14px}.stat-card p{font-size:11px}.stat-value{font-size:30px}.hero-bottom>div{flex-wrap:wrap;justify-content:center;gap:8px}.hero-bottom svg{margin-inline-start:10px;width:16px}.hero-bottom{gap:15px;padding:20px 0}.section{padding-top:64px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:28px;line-height:1.45}.section-lead{font-size:14px;margin-top:13px}.eyebrow{font-size:11px;margin-bottom:10px}.dashboard-top{padding:14px;flex-wrap:wrap;gap:8px}.dashboard-brand{font-size:13px}.demo-badge{font-size:10px}.dashboard-body{grid-template-columns:1fr}.vehicle-list{border-inline-end:0;border-bottom:1px solid var(--line);padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mini-heading,.trip-mini{display:none}.vehicle-row{padding:8px 4px;flex-direction:column;gap:5px;text-align:center;margin:0}.vehicle-row strong{font-size:10px}.vehicle-row small{font-size:9px}.vehicle-icon{padding:6px}.vehicle-number{display:none}.map-preview{min-height:275px}.map-tooltip{left:30%;top:49%;gap:5px;padding:9px;font-size:10px}.map-label{font-size:10px}.map-location{width:32px;height:32px}.map-location-one{top:28%;left:59%}.map-location-two{top:75%;left:20%}.dashboard-metrics{gap:8px;padding:12px}.metric{padding:10px 6px;gap:7px;flex-direction:column;text-align:center}.metric strong{font-size:15px}.metric small{font-size:9px}.metric svg{width:18px;height:18px}.table-wrap{padding:0 12px 8px}.steps-grid{grid-template-columns:1fr;gap:14px}.step-2,.step-3{grid-column:auto}.step-card{padding:24px;min-height:190px}.step-card h3{font-size:20px}.step-mini-grid{gap:8px}.step-mini-grid>div{font-size:11px;padding:10px 12px}.features-grid{gap:13px}.feature-card{padding:20px}.feature-card h3{font-size:17px;line-height:1.5}.feature-card p{font-size:12px;line-height:1.9}.feature-card .icon-chip{width:34px;height:34px}.location-widget{font-size:10px;width:100%;padding:10px 3px;gap:5px}.location-widget svg{width:15px}.language-stack{font-size:10px}.language-stack span{padding:5px 7px}.tiny-chart{gap:3px;height:60px}.pricing-grid{grid-template-columns:1fr;gap:27px;max-width:430px;margin:auto}.pricing-card{padding:28px}.plan-desc{min-height:0}.pricing-card h3{font-size:25px}.plan-features li{font-size:14px}.price{font-size:56px}.enterprise-price{font-size:34px}.billing-switch{margin-bottom:30px}.billing-switch button{padding:9px 14px;font-size:12px}.faq-list summary{font-size:14px;line-height:1.8;padding:21px 0}.faq-list details p{font-size:13px}.final-cta{padding:30px 20px}.final-cta h2{font-size:25px}.final-cta p{font-size:13px}.cta-buttons{width:100%;flex-direction:column;gap:10px}.footer-main{justify-content:center;text-align:center;flex-direction:column}.footer-main>a:last-child{margin:0}.footer-bottom{flex-direction:column;gap:6px;font-size:11px}.form-dialog{padding:27px 20px;max-height:94dvh}.form-dialog h2{font-size:22px}.form-grid{gap:12px}.form-grid label{font-size:12px}.form-grid input{font-size:14px;padding:9px 10px}.form-dialog>p{font-size:13px}.form-dialog .consent{font-size:11px}}
@media(max-width:370px){.hero h1,.hero-gradient{font-size:30px}.features-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.hero-ctas{flex-direction:column}.hero-notes{font-size:9px}.hero-bottom>div{font-size:10px}.brand img{width:133px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fade-slide,.demo-route{animation:none}.ambient iframe{display:none}*,*::before,*::after{transition:none!important}}
/* v2: explicit form specificity overrides Tailwind forms' attribute selectors. */
.form-dialog input:not([type=checkbox]):not([type=hidden]),.form-dialog select,.form-dialog textarea{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;min-height:47px;margin-top:8px;padding:12px 14px;border:1px solid #33445e;border-radius:13px;background:#101c30;color:#f1f5f9;font-family:inherit;font-size:14px;line-height:1.5;box-shadow:inset 0 1px 0 #ffffff04;transition:border-color .2s,box-shadow .2s;background-image:none}
.form-dialog input:not([type=checkbox]):focus,.form-dialog select:focus,.form-dialog textarea:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #3b82f621;background:#122139}
.form-dialog select{padding-inline-end:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
[dir=rtl] .form-dialog select{background-position:left 12px center}.form-dialog select option{background:#101c30;color:#f1f5f9}.form-dialog input[type=number]{-moz-appearance:textfield}.form-dialog input::-webkit-inner-spin-button{opacity:.6}.form-dialog input:-webkit-autofill{-webkit-text-fill-color:#f1f5f9;box-shadow:0 0 0 1000px #101c30 inset}.form-dialog .consent input[type=checkbox]{width:17px;height:17px;border-radius:5px;background-color:#101c30;border:1px solid #526582;accent-color:#3b82f6;flex:none}.form-dialog .consent input[type=checkbox]:checked{background-color:#2563eb}.form-dialog{scrollbar-width:thin;scrollbar-color:#41516c #0b1222;border-radius:24px}.billing-field{grid-column:1 / -1}.support-email{display:block;text-align:center;margin-top:8px;color:#93c5fd}.footer-email{font-family:inherit!important}.feature-check{font-family:Inter,sans-serif;color:var(--accent);font-size:17px;flex:none;width:18px}.feature-check.excluded,.order-summary .excluded-note{color:#fbbf24}.order-summary .included-note{color:#6ee7b7}.language-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;direction:ltr}.language-chips span{padding:5px 10px;border:1px solid #a5b4fc26;background:#6366f10b;color:#b7c5e4;font:12px/1.6 Inter,Almarai,sans-serif;border-radius:7px}.product-scroll{overflow-x:auto;background:#f7f8fa;direction:ltr;scrollbar-width:thin;scrollbar-color:#64748b #e2e8f0}.product-scene{position:relative;width:100%;aspect-ratio:682 / 299;direction:ltr}.product-scene>img{display:block;width:100%;height:100%;object-fit:contain}.product-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.product-route{fill:none;stroke:#0b145a;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 1px 1px #fff8)}.route-b{stroke:#008c86;stroke-width:2.1}.route-flow{fill:none;stroke:#8198ff;stroke-width:1.3;stroke-dasharray:3 15;animation:flow-track 3s linear infinite}.flow-b{stroke:#5eead4;animation-duration:4s}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 24px;color:#a8bdd6;font-size:13px}.preview-controls>div{display:flex;align-items:center;gap:9px}.preview-controls button{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:12px}.preview-controls svg{width:15px}.motion-paused .route-flow{animation-play-state:paused}@keyframes flow-track{to{stroke-dashoffset:-72}}
.qr-dialog{text-align:center;max-width:540px}.qr-dialog .dialog-icon{margin-inline:auto}.qr-dialog .qr-code{width:244px;max-width:100%;aspect-ratio:1;margin:20px auto;background:white;padding:0;border-radius:16px;overflow:hidden;border:8px solid white}.qr-code svg{display:block;width:100%;height:100%}.qr-amount{font:600 30px Inter,Almarai,sans-serif;color:#f1f5f9;margin:12px 0}.qr-amount .riyal{width:24px;height:28px;vertical-align:middle}.qr-dialog #qrReference{font:12px Inter;color:#8ca0bc;margin-bottom:20px}.qr-dialog #qrStatus{margin:18px 0 6px;color:#93c5fd}.qr-dialog small{display:block;font-size:11px;line-height:1.8;color:#8da2be;margin-top:15px}.qr-dialog .text-btn{display:block}.qr-dialog #openCheckout{width:100%}
@media(max-width:640px){.product-scene{min-width:620px}.product-scroll{max-height:none}.preview-controls{padding:12px;font-size:11px;align-items:flex-start}.preview-controls>div{max-width:62%;line-height:1.7}.preview-controls button{font-size:10px}.form-grid{grid-template-columns:1fr}.form-dialog input:not([type=checkbox]):not([type=hidden]),.form-dialog select,.form-dialog textarea{font-size:16px;min-height:48px}.language-chips{gap:5px}.language-chips span{font-size:10px;padding:4px 6px}}
@media(prefers-reduced-motion:reduce){.route-flow{animation:none}}
@font-face{font-family:Almarai;src:url('fonts/Almarai-Regular.ttf') format('truetype');font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:Almarai;src:url('fonts/Almarai-Bold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}