:root{--paper:#f6f5ef;--ink:#152e30;--muted:#536660;--line:#cbd1c5;--teal:#12645d;--mint:#87e6cc;--dark:#102e32;--gold:#edb85d;--coral:#e9816a;--max:1320px;font-family:Manrope,'IBM Plex Sans Arabic',system-ui,sans-serif;scroll-behavior:smooth}
html[lang=ar]{font-family:'IBM Plex Sans Arabic',Manrope,Tahoma,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,figure,blockquote{margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg.icon{display:inline-block;inline-size:20px;block-size:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wrap{width:min(calc(100% - 100px),var(--max));margin-inline:auto}.skip{position:fixed;inset-block-start:-80px;inset-inline-start:16px;z-index:99;background:var(--ink);color:white;padding:8px 18px;border-radius:6px}.skip:focus{inset-block-start:10px}.top{border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:4}.head,.brand,.actions,.wide-nav,.lang,.nav-cta,.chart-name,.eyeline,.learn,.stores,.store,.chart-head,.estimate,.play-button,.feature-tabs,.feature-tab,.install,.brand-lock,.foot,.foot nav{display:flex;align-items:center}.head{gap:36px;min-height:83px;justify-content:space-between}.brand{gap:11px}.brand img,.brand-lock img{border-radius:24%}.brand b{font-size:27px;font-weight:750;line-height:1}.wide-nav{gap:31px;color:var(--muted);font-weight:600;font-size:14px}.wide-nav a:hover,.lang:hover,.foot nav a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:5px}.actions{gap:20px}.lang{gap:7px;font-size:13px;font-weight:650}.lang .icon{width:16px;height:16px}.nav-cta{gap:10px;background:var(--ink);color:white;font-size:14px;font-weight:650;border-radius:6px;padding:9px 18px}.nav-cta .icon{width:16px}.nav-cta:hover,.store:hover{background:#245051}.menu{display:none}a:focus-visible,button:focus-visible,summary:focus-visible,audio:focus-visible{outline:3px solid #e18b23;outline-offset:4px}.hero{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(30px,5vw,87px);padding-block:clamp(44px,5vw,78px) clamp(54px,6vw,94px)}.hero-copy{padding-block:18px}.eyeline{gap:10px;font-size:13px;font-weight:650;letter-spacing:.01em;color:var(--teal)}.spectrum{display:flex;gap:3px;direction:ltr}.spectrum i{width:6px;height:6px;border-radius:50%;background:var(--coral)}.spectrum i:nth-child(2){background:#49a698}.spectrum i:nth-child(3){background:var(--gold)}.hero h1{font-weight:800;font-size:clamp(68px,6.45vw,103px);line-height:.99;letter-spacing:-.075em;margin-block:24px 22px}.hero h1 em{font-style:normal;color:var(--teal)}[lang=ar] .hero h1{font-size:clamp(75px,7.4vw,116px);letter-spacing:-.045em;line-height:1.13;margin-block:14px 17px}.lead{font-size:clamp(16px,1.22vw,20px);line-height:1.7;color:var(--muted);max-width:44ch}[lang=ar] .lead{font-size:clamp(17px,1.35vw,21px);max-width:36ch}.stores{gap:10px;flex-wrap:wrap}.hero .stores{margin-block:28px 16px}.store{direction:ltr;gap:9px;background:var(--ink);color:#fff;padding:9px 15px 10px;border-radius:7px;min-height:54px;line-height:1.12}.store svg{width:23px;height:25px;fill:currentColor}.store small,.store b{display:block}.store small{font-size:10px;opacity:.83}.store b{font-family:Manrope,Arial,sans-serif;font-size:16px;letter-spacing:-.035em;font-weight:700;margin-top:2px}.learn{color:var(--teal);gap:8px;font-size:14px;font-weight:600;min-height:44px;width:fit-content}.learn:hover{text-decoration:underline}.learn .icon{width:16px;height:16px}.map-card{background:var(--dark);color:white;border:1px solid #203d3e;border-radius:15px;overflow:hidden;box-shadow:0 18px 48px #173a341c,0 2px 5px #173a3417;min-width:0}.chart-head{background:#153438;justify-content:space-between;padding:11px 19px;gap:10px;border-bottom:1px solid #849e882d}.chart-name{gap:8px;font-size:15px}.chart-name .icon{color:var(--mint);width:17px;height:17px}.chart-source,.route-note{font-size:11px;color:#becfc9}.chart-source{letter-spacing:.03em}.chart{position:relative;background:#132e33}.chart svg.sheet{display:block;width:100%;height:auto}.grid-lines{fill:none;stroke:#b1d3ba;stroke-opacity:.11;stroke-width:.7;stroke-dasharray:3 6}.map-names{fill:#9bb8ae;font-size:15px;text-anchor:middle;paint-order:stroke;stroke:#163934;stroke-width:3}.journey polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-case{stroke:#0a302c;stroke-width:9}.route-ink{stroke:#96f7cf;stroke-width:4.5}.journey[data-active=false] .route-case{stroke-width:4;stroke:#203f3e}.journey[data-active=false] .route-ink{stroke:#909f8a;stroke-width:2.2;stroke-dasharray:4 5}.chart .point-halo{fill:var(--mint);fill-opacity:.15}.chart .point{fill:#132c2a;stroke:var(--mint);stroke-width:3}.chart .point-inner{fill:var(--mint)}.chart .end-circle{fill:var(--gold);stroke:#122c2e;stroke-width:3}.sheet rect{fill:#102a2c;stroke:#9bb3a24d}.point-name{fill:#ecf5eb;text-anchor:middle;font-size:17px;font-weight:600;direction:ltr}.north{fill:#d9e4d5}.north text,.scale text{text-anchor:middle;font:14px Manrope,sans-serif;fill:#c7d6ca}.scale path{fill:none;stroke:#ccd9c8;stroke-width:1.4}.map-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:13px 16px 2px;background:#17383a;border-top:1px solid #829e8c38}.route-switch,.device-figure figcaption{display:inline-flex;align-items:stretch;gap:3px;border-radius:6px}.route-switch{background:#0f292c;padding:3px}.route-switch button,.device-figure figcaption button{background:transparent;border:0;border-radius:4px;font:inherit;font-weight:600;font-size:12px;color:#c9d9d2;min-height:37px;padding:6px 10px;white-space:nowrap}.route-switch [aria-pressed=true]{color:#123936;background:#b4efd9}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;border:1px solid currentColor;margin-inline-end:5px}.route-switch [aria-pressed=true] .dot{background:currentColor}.estimate{gap:9px;color:#bccec6;font-size:12px}.estimate span+span{padding-inline-start:9px;border-inline-start:1px solid #75938a55}.estimate b{color:white;font-size:18px;font-weight:650}.route-note{background:#17383a;padding:5px 17px 12px;line-height:1.45;font-size:10px}
h2{letter-spacing:-.055em;line-height:1.1;font-size:clamp(38px,4.15vw,64px);font-weight:750}[lang=ar] h2{letter-spacing:-.037em;line-height:1.26}.rule{width:28px;height:2px;background:currentColor}.drive{background:#123437;color:#f3f5eb;overflow:hidden}.drive-layout{display:grid;grid-template-columns:1fr .93fr;gap:7%;align-items:center;padding-block:70px}.drive .eyeline,.download .eyeline{color:#9ed8ba}.drive h2,.features h2,.questions h2{margin-top:14px}.section-lead{margin-top:18px;color:#c3d4ca;max-width:47ch;font-size:18px}.voice{padding-block-start:23px;margin-block-start:28px;border-top:1px solid #abc8bb44;max-width:480px}.voice h3{font-size:13px;font-weight:600;color:#a7d3bf}.voice blockquote{font-size:clamp(19px,1.8vw,27px);line-height:1.45;margin-block:9px 18px}.play-button{gap:11px;color:#ecf2e7;background:transparent;border:0;padding:0;font-size:13px}.play-disk{width:43px;height:43px;background:#b2eacb;color:#103a32;border-radius:50%;display:grid;place-items:center}.play-disk .icon{width:16px;fill:currentColor;stroke-width:2}.wave{display:flex;align-items:center;gap:2px;height:32px;direction:ltr}.wave i{width:2px;background:#7cb39b;height:8px}.wave i:nth-child(3n){height:18px}.wave i:nth-child(4n){height:26px}.wave i:nth-child(5n){height:12px}.play-button[aria-pressed=true] .wave i{animation:pulse .8s ease-in-out infinite alternate}.wave i:nth-child(even){animation-delay:-.4s!important}@keyframes pulse{to{transform:scaleY(.35)}}.audio-error a{text-decoration:underline}.device-figure{position:relative;margin:0 auto;width:min(100%,520px)}.device-field{display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;min-height:405px;border-radius:11px;background:radial-gradient(ellipse at center,#35584e,#1c4140 70%);padding:23px 14px 0}.device-rings{position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(ellipse at 50% 78%,transparent 0 43px,#9cc3a21c 44px 45px,transparent 46px 65px)}.phone{width:clamp(164px,14vw,211px);background:#091d1f;overflow:hidden;border:5px solid #09282a;border-radius:24px;box-shadow:0 0 0 1px #98b3a766,0 12px 24px #091d1977;transform:translateY(9px)}.phone img{height:auto;width:100%}.device-figure figcaption{display:flex;justify-content:center;margin-top:12px;gap:10px}.device-figure figcaption button{border:1px solid #738e8066;color:#dfeae2;min-height:40px}.device-figure figcaption [aria-pressed=true]{background:#e6eee4;color:#183a34;border-color:#e6eee4}.features,.faq-layout{padding-block:76px}.feature-intro{display:flex;align-items:end;justify-content:space-between;gap:28px}.feature-intro>p,.feature-info p,.faq-items p{color:var(--muted)}.feature-intro>p{font-size:15px}.feature-tabs{margin-top:38px;border-bottom:1px solid var(--line);gap:9px;flex-wrap:wrap}.feature-tab{gap:7px;font-size:15px;font-weight:650;padding:10px 16px 12px;border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--muted)}.feature-tab[aria-selected=true]{border-color:var(--teal);color:var(--teal)}.feature-tab:hover{color:var(--teal)}.feature-panel{display:grid;grid-template-columns:.66fr 1fr 1fr;gap:5%;padding:35px 0 3px}.feature-name .icon{width:31px;height:31px;color:var(--teal)}.feature-name h3{font-size:25px}.feature-info h4{font-size:17px;line-height:1.4;margin-bottom:8px}.feature-info p{font-size:15px}.questions{background:#eceee5;border-block:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;align-items:start}.faq-items details{border-bottom:1px solid #bbc5b9}.faq-items details:first-child{border-top:1px solid #bbc5b9}.faq-items summary{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:12px 1px;cursor:pointer;gap:15px;font-weight:650;list-style:none}.faq-items summary::-webkit-details-marker,.menu summary::-webkit-details-marker{display:none}.faq-items summary span{width:15px;height:15px;position:relative;flex-shrink:0}.faq-items summary span:before,.faq-items summary span:after{content:'';position:absolute;inset:7px 0 auto;height:1.5px;background:var(--teal)}.faq-items summary span:after{transform:rotate(90deg)}.faq-items details[open] summary span:after{transform:none}.faq-items p{padding-block:0 18px;max-width:64ch;font-size:15px}.download{background:#e1e8d9}.install{gap:32px;justify-content:space-between;padding-block:48px}.brand-lock{gap:20px;max-width:660px}.brand-lock img{flex:none}.brand-lock h2{font-size:clamp(28px,3vw,44px)}.brand-lock p{margin-top:8px;color:#486159;font-size:14px}.foot{gap:20px;flex-wrap:wrap;padding-block:26px;color:var(--muted);font-size:13px}.foot nav{gap:17px;margin-inline-start:auto}.footer-name{font-weight:750;font-size:17px;color:var(--ink)}.foot small{flex-basis:100%;font-size:10px}.audio-error{margin-top:12px}[hidden]{display:none!important}
@media(min-width:1500px){.hero{gap:90px}}
@media(max-width:1050px){.wrap{width:min(calc(100% - 60px),var(--max))}.wide-nav{gap:18px}.hero{gap:25px}.hero h1{font-size:64px}[lang=ar] .hero h1{font-size:78px}.map-card figcaption{gap:8px;padding-inline:11px}.estimate b{font-size:16px}.route-switch button{font-size:11px;padding-inline:8px}.install{flex-wrap:wrap}}
@media(max-width:790px){.wrap{width:calc(100% - 40px)}.head{min-height:67px;gap:12px}.wide-nav{display:none}.menu{display:block;order:3}.menu summary{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:5px;cursor:pointer;list-style:none}.menu nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;padding:10px 20px 14px;background:var(--paper);border-block:1px solid var(--line);box-shadow:0 10px 14px #15332b16}.menu nav a{padding:12px 0;border-bottom:1px solid #dce1d7}.menu nav a:last-child{border:0}.actions{margin-inline-start:auto;gap:15px}.hero{grid-template-columns:1fr;gap:30px;padding-block:38px 45px}.hero-copy{padding:0;max-width:550px}.hero h1{font-size:clamp(57px,9.2vw,85px);margin-block:15px 12px}[lang=ar] .hero h1{font-size:clamp(64px,10.5vw,86px);margin-block:6px 8px}.hero .stores{margin-block:19px 8px}.map-card{width:100%;max-width:700px}.map-card figcaption{flex-wrap:nowrap}.drive-layout,.faq-layout{grid-template-columns:1fr;gap:32px}.drive-layout,.features,.faq-layout{padding-block:52px}.section-lead{font-size:16px}.drive-copy{max-width:540px}.voice{max-width:none}.device-figure{max-width:460px}.feature-intro{display:block}.feature-intro>p{margin-top:12px}.feature-tabs{margin-top:20px;gap:2px}.feature-tab{padding:10px 12px;font-size:14px}.feature-panel{gap:20px}.faq-items summary{min-height:55px}.device-field{min-height:360px}}
@media(max-width:510px){.wrap{width:calc(100% - 32px)}.brand{gap:8px}.brand img{width:35px;height:35px}.brand b{font-size:23px}.head{min-height:62px}.nav-cta{display:none}.lang{min-height:44px}.eyeline{font-size:12px}.hero{padding-top:27px;gap:20px}.hero h1{font-size:61px}[lang=ar] .hero h1{font-size:68px}.lead,[lang=ar] .lead{font-size:16px;line-height:1.65}.hero .stores{margin-top:17px}.store{min-height:48px;padding:8px 12px}.store b{font-size:15px}.store small{font-size:9px}.learn{font-size:12px;min-height:37px}.chart-head{padding:9px 12px}.chart-name{font-size:13px}.chart-source{font-size:10px}.route-switch button{padding-inline:7px;font-size:10px}.map-card figcaption{justify-content:space-between;flex-wrap:wrap;padding:9px 10px 2px}.route-note{padding:4px 11px 8px}.estimate{font-size:10px;gap:5px}.estimate b{font-size:15px}.estimate span+span{padding-inline-start:5px}.route-switch button{min-height:35px}.point-name{font-size:19px}.drive h2,.features h2,.faq-layout h2{font-size:38px}.feature-tabs{flex-wrap:wrap}.feature-tab{padding-inline:8px}.feature-tab .icon{width:17px}.feature-panel{grid-template-columns:1fr;gap:16px;padding-block:24px 0}.feature-name{display:flex;align-items:center;gap:7px}.feature-name h3{font-size:21px}.feature-name .icon{width:21px}.feature-info{border-inline-start:2px solid var(--line);padding-inline-start:14px}.feature-info h4{margin-bottom:3px}.install{padding-block:35px}.brand-lock{gap:12px;align-items:start}.brand-lock img{width:48px}.foot nav{margin:0}.foot{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
