@font-face{font-family:Tajawal;src:url('/fonts/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('/fonts/Tajawal-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Tajawal;src:url('/fonts/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ride-cyan:#38C8E0;--ride-blue:#38B0D0;--ride-navy:#182030;--ride-ink:#202b3b;--ride-muted:#647084;--ride-surface:#f4f8fa;--ride-white:#fff;--ride-line:#e3ebef;font-family:Tajawal,Arial,sans-serif;color:var(--ride-ink);background:var(--ride-white);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;min-width:320px;font-family:Tajawal,Arial,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible{outline:3px solid var(--ride-blue);outline-offset:3px}
.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(6vw,24px)}
.site-header{border-bottom:1px solid var(--ride-line)}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:700;color:var(--ride-navy)}
.brand img{display:block;width:auto;height:44px;max-width:185px;object-fit:contain}
.header-actions,.footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.header-actions a{padding:7px 12px;border-radius:99px;color:var(--ride-muted)}
.header-actions a[aria-current=page]{background:#e9f9fc;color:var(--ride-navy);font-weight:700}
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:48px;min-height:470px;padding:72px max(10vw,28px);color:#fff;background:var(--ride-navy)}
.hero:before,.hero:after{position:absolute;content:"";border:1px solid rgba(56,200,224,.2);border-radius:50%;width:400px;height:400px;inset-inline-end:-120px;top:-210px}
.hero:after{width:540px;height:540px;inset-inline-end:-190px;top:-270px}
.hero-copy{position:relative;z-index:1;max-width:650px}
.eyebrow{margin:0 0 10px;color:#147f97;font-size:.92rem;font-weight:700;letter-spacing:.02em}
.hero .eyebrow{color:var(--ride-cyan)}
.hero h1{max-width:680px;margin:0;font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.13;color:#fff}
.hero-description{max-width:560px;margin:22px 0 28px;color:#d2e1e9;font-size:1.2rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;border:1px solid transparent;border-radius:9px;font-weight:700;transition:transform .15s ease,background-color .15s ease}
.button:hover{transform:translateY(-1px)}
.button-primary{background:var(--ride-cyan);color:var(--ride-navy)}
.button-outline{border-color:rgba(255,255,255,.65);color:#fff}
.button-outline-dark{border-color:var(--ride-navy);color:var(--ride-navy)}
.hero-mark{position:relative;width:min(100%,320px);height:250px;margin-inline:auto;border-radius:32px;background:linear-gradient(145deg,#203147,#16283a);box-shadow:0 22px 60px rgba(0,0,0,.22)}
.route-line{position:absolute;inset-inline-start:50%;top:48px;height:150px;border-inline-start:3px dashed rgba(56,200,224,.75)}
.route-point{position:absolute;inset-inline-start:calc(50% - 11px);width:24px;height:24px;border:6px solid var(--ride-cyan);border-radius:50%;background:var(--ride-navy)}
.route-point-start{top:35px}.route-point-end{bottom:38px}
.route-car{position:absolute;top:calc(50% - 19px);inset-inline-start:calc(50% - 19px);display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--ride-cyan);color:var(--ride-navy);font-size:1.3rem}
.section-wrap{width:min(1120px,88vw);margin-inline:auto}
.fit{padding-block:76px 70px;text-align:center}
.fit h2,.section-heading h2,.service-copy h2,.trust h2,.contact h2,.downloads h2{margin:0 0 14px;color:var(--ride-navy);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.25}
.section-lead{max-width:760px;margin:0 auto;color:var(--ride-muted);font-size:1.12rem}
.pill-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.pill-row span{padding:9px 16px;border:1px solid var(--ride-line);border-radius:99px;background:var(--ride-surface);color:var(--ride-navy);font-weight:700}
.workflows{padding-block:28px 88px}
.section-heading{text-align:center;margin-bottom:34px}
.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.workflow-card{padding:30px;border:1px solid var(--ride-line);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(24,32,48,.045)}
.step-number{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e9f9fc;color:#147f97;font-weight:700}
.workflow-card h3,.capability-grid h3{margin:16px 0 8px;color:var(--ride-navy);font-size:1.35rem}
.workflow-card p,.capability-grid p{margin:0;color:var(--ride-muted)}
.workflow-card ul,.check-list{display:grid;gap:12px;margin:20px 0 0;padding-inline-start:1.3em;color:var(--ride-ink)}
.workflow-card li::marker,.check-list li::marker{color:var(--ride-blue)}
.downloads{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:80px;padding:30px 34px;border:1px solid var(--ride-line);border-radius:18px;background:var(--ride-surface)}
.downloads .eyebrow{margin-bottom:4px}.downloads h2{margin-bottom:4px}.downloads p:last-child{margin:0;color:var(--ride-muted)}
.download-actions{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}
.section-band{padding-block:68px;background:var(--ride-surface)}
.operator .section-heading{margin-bottom:30px}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.capability-grid article{padding:24px;border:1px solid var(--ride-line);border-radius:15px;background:#fff}
.capability-grid h3{margin-top:0}
.service-setup{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:80px}
.service-copy p:last-child{max-width:570px;margin:0;color:var(--ride-muted);font-size:1.08rem}
.check-list{margin:0;padding:24px 28px;border-radius:16px;background:#e9f9fc;list-style:circle}
.trust{background:var(--ride-navy);color:#d2e1e9}
.trust-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.trust .eyebrow{color:var(--ride-cyan)}
.trust h2{margin:0;color:#fff}
.trust-inner>p{margin:0;font-size:1.1rem}
.faq{padding-block:80px}
.faq-list{max-width:850px;margin-inline:auto;border-top:1px solid var(--ride-line)}
.faq-list details{padding:19px 4px;border-bottom:1px solid var(--ride-line)}
.faq-list summary{position:relative;padding-inline-end:30px;color:var(--ride-navy);font-weight:700;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{position:absolute;inset-inline-end:4px;content:"+";font-size:1.35rem;line-height:1}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{margin:12px 0 0;color:var(--ride-muted)}
.contact{background:#edfafd}
.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.contact h2{margin-bottom:8px}
.contact-inner>div:first-child p:last-child{margin:0;color:var(--ride-muted)}
.contact-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:14px;color:#127f98;font-weight:700}
.contact-actions p{margin:0;color:var(--ride-muted);font-weight:400}
.site-footer{min-height:78px;background:var(--ride-navy);color:#d2e1e9;font-size:.95rem}
.footer-links{gap:16px}.footer-links a{color:#a8eafa}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;gap:30px;min-height:auto;padding-block:58px}
  .hero-mark{width:min(100%,300px);height:205px}.route-line{height:120px}
  .workflow-grid,.capability-grid,.service-setup,.trust-inner{grid-template-columns:1fr}
  .service-setup,.fit{padding-block:58px}.workflows,.faq{padding-block:24px 60px}
  .downloads,.contact-inner{align-items:flex-start;flex-direction:column}
  .downloads{margin-bottom:58px;padding:25px}.contact-actions{justify-content:flex-start}
  .trust-inner{gap:16px}.section-band{padding-block:54px}
  .site-header,.site-footer{padding-inline:6vw}.brand{font-size:1rem}.brand img{height:38px}
}
@media(max-width:420px){
  .header-actions,.footer-links{gap:8px}.header-actions a{padding:6px 8px}
  .site-header,.site-footer{align-items:flex-start;flex-direction:column}
  .hero{padding-inline:6vw}.hero h1{font-size:2.45rem}.workflow-card{padding:23px}
  .download-actions{width:100%;flex-direction:column}.download-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}