:root{--yellow:#ffc400;--ink:#111418;--muted:#62666c;--line:#dedfe1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#fff;color:var(--ink);font-family:'Tajawal',Arial,sans-serif;font-size:18px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #397bd9;outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}.wrap{max-width:1200px;margin:auto;padding-inline:40px}header{display:flex;align-items:center;justify-content:space-between;height:112px}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:900;line-height:1}.brand img{border-radius:13px}.brand small{display:block;font-size:11px;letter-spacing:2px;margin-top:9px}nav{display:flex;gap:32px;align-items:center;font-size:16px;font-weight:700}.nav-download{border:1px solid var(--line);padding:10px 22px;border-radius:100px}.nav-download span{margin-right:12px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding-block:58px 84px}.eyebrow{font-size:16px;font-weight:700;margin:0 0 20px}.eyebrow span{display:inline-block;width:9px;height:9px;background:var(--yellow);border-radius:50%;margin-left:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.1vw,70px);line-height:1.25;letter-spacing:-1.8px;margin-bottom:24px;font-weight:900}em{font-style:normal;position:relative;isolation:isolate;white-space:nowrap}em:after{content:'';height:.23em;background:var(--yellow);position:absolute;inset-inline:0;bottom:.05em;z-index:-1}.intro{font-size:21px;line-height:1.8;color:var(--muted);margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:60px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 23px;border-radius:12px;font-size:16px;font-weight:800;transition:transform .18s,background .18s}.button:hover{transform:translateY(-3px)}.primary{background:var(--yellow)}.play{background:#f4f4f4;line-height:1.2;direction:ltr}.play small{display:block;font-size:12px;font-weight:500;margin-top:5px;direction:rtl}.play>span:first-child{font-size:28px}.micro{font-size:14px;color:var(--muted);margin-top:17px}.hero-art{background:var(--ink);color:white;border-radius:28px;padding:28px 35px 22px;min-height:490px;transform:rotate(-3deg);position:relative;box-shadow:18px 22px 0 #f2f2f2}.art-top,.art-footer{display:flex;justify-content:space-between;align-items:center;font-size:14px}.art-top img{border-radius:15px;border:1px solid #35383b}.art-top span{color:#b8babd}.zero{font-family:Arial,sans-serif;font-size:170px;letter-spacing:-12px;line-height:1.15;font-weight:900;color:var(--yellow);text-align:center;margin-top:8px}.zero span{font-size:95px;letter-spacing:-5px}.hero-art h2{font-size:30px;text-align:center;margin:0 0 10px}.hero-art>p{text-align:center;color:#c7c9cc;font-size:18px;line-height:1.5}.art-footer{border-top:1px solid #36383b;padding-top:18px;margin-top:28px}.art-footer>span:last-child{font-size:25px;color:var(--yellow)}.ticker{background:var(--ink);color:#fff;padding-block:21px}.ticker .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;font-weight:700}.ticker b{color:var(--yellow)}.section{padding-block:105px}h2{font-size:46px;line-height:1.3;letter-spacing:-.6px;font-weight:900;margin-bottom:25px}.driver{display:grid;grid-template-columns:1fr 1fr;gap:50px 70px;align-items:center}.body-copy{color:var(--muted);font-size:19px;max-width:470px}.text-link{display:inline-block;font-size:17px;font-weight:800;border-bottom:2px solid var(--yellow);padding-bottom:4px}.text-link span{margin-right:16px}.comparison{border:1px solid var(--line);padding:34px;border-radius:20px}.tag{font-size:14px;background:#f4f4f4;padding:6px 12px;border-radius:100px}.comparison h3{font-size:25px;margin-top:22px}.comparison h3 b{font-family:Arial,sans-serif}.bar-label{display:flex;justify-content:space-between;gap:10px;font-size:15px;margin-bottom:10px}.bar-label strong{white-space:nowrap}.bar{height:13px;border-radius:10px;background:#f1f1f1;margin-bottom:25px;overflow:hidden}.bar i{display:block;height:100%;background:#8b8e94;border-radius:10px}.wassalni i{width:100%;background:var(--yellow)}.comparison-note{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.subscription{grid-column:1/-1;font-size:14px;color:var(--muted);margin:0;border-top:1px solid var(--line);padding-top:22px}.passenger{background:#f5f6f7}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.section-heading>p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:30px}.steps article{border-top:1px solid #cdd0d3;padding-top:25px}.step-number{font:800 34px Arial,sans-serif;color:#969ba1}.steps h3{font-size:24px;margin:20px 0 12px}.steps p,.roles p{color:var(--muted);margin:0;font-size:18px}.start{display:grid;grid-template-columns:1fr 1fr;gap:70px}.roles article{padding:24px 0;border-bottom:1px solid var(--line)}.roles article:first-child{padding-top:0}.role-label{font-size:24px;font-weight:800;display:block;margin-bottom:10px}.download-section{background:var(--yellow);padding-block:70px;text-align:center}.download-section h2{font-size:72px;line-height:1.05;margin-bottom:25px}.download-section h2 span{color:#756000}.download-section .actions{justify-content:center}.dark{background:var(--ink);color:white}.outlined{border:1px solid #7d680e}.download-section .micro{color:#5b4a00}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px;font-size:14px}footer p{margin:0;color:var(--muted)}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:5}.skip:focus{top:5px}@media(max-width:850px){.wrap{padding-inline:24px}.hero{gap:30px;grid-template-columns:1fr 1fr}h1{font-size:46px}.hero-art{padding:22px;min-height:440px}.zero{font-size:135px}.zero span{font-size:75px}.intro{font-size:18px}.driver,.start{gap:35px}h2{font-size:38px}.comparison{padding:24px}.button{padding:12px 16px}.hero-copy .actions{flex-direction:column}.section{padding-block:75px}}@media(max-width:600px){header{height:90px}nav>a:not(.nav-download){display:none}.nav-download{padding:8px 15px;font-size:14px}.brand{font-size:24px}.brand img{width:42px;height:42px}.hero{grid-template-columns:1fr;padding-block:30px 60px;gap:45px}h1{font-size:49px;letter-spacing:-1px}.intro{font-size:20px}.desktop{display:none}.hero-copy .actions{flex-direction:row}.button{flex:1;font-size:15px;white-space:nowrap}.hero-art{max-width:400px;width:calc(100% - 20px);margin:auto;min-height:450px}.zero{font-size:160px}.zero span{font-size:85px}.ticker .wrap{justify-content:center;flex-wrap:wrap;font-size:14px;gap:8px 16px}.ticker b:last-of-type{display:none}.ticker span:last-child{flex-basis:100%;text-align:center}.driver,.start{grid-template-columns:1fr;gap:32px}.section{padding-block:60px}h2{font-size:39px}.section-heading{display:block}.steps{grid-template-columns:1fr;gap:28px}.steps article{position:relative;padding-inline-start:60px}.step-number{position:absolute;inset-inline-start:0;top:28px;font-size:28px}.steps h3{margin-top:0}.download-section h2{font-size:62px}footer{flex-wrap:wrap}footer p{display:none}.micro{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}