/* Oxar: retain the incumbent palette, lettering and Arabic content. */
:root{--experience-ease:cubic-bezier(.16,1,.3,1)}
[dir=ltr] body{direction:ltr}
[dir=ltr] .side-nav{border-left:0;border-right:1px solid #272b31}
.side-nav .nav-profile-top{margin:0 0 4px;padding:14px 10px;min-height:68px;flex-shrink:0;border-top:0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;border-radius:8px}
.side-nav .nav-profile-top:hover,.side-nav .nav-profile-top.is-current{background:#ff5a1f12}
.side-nav .nav-profile-top .info span{color:#b5bec9}
/* Loading never covers the document or captures interaction. */
html body .oxar-loading{position:fixed;z-index:30000;overflow:hidden;inset:0 0 auto;display:block;height:2px;transform:none;visibility:hidden;background:#ff5a1f1a;opacity:0;transition:opacity .1s,visibility .1s;pointer-events:none}
html[data-navigation=pending] body .oxar-loading{opacity:1;visibility:visible}
html body .oxar-loading::after{content:"";display:block;width:30%;height:100%;background:#ff5a1f;transform:translateX(-110%)}
html[data-navigation=pending] body .oxar-loading::after{animation:oxar-loading .9s ease-in-out infinite}
::selection{background:#ff5a1f;color:#070809}
html{scrollbar-color:#ff5a1f #0e1013;caret-color:#ff5a1f}
:is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #ff8b4d;outline-offset:5px}
/* The search wrapper already provides the keyboard focus indicator. */
.command-search input:focus-visible{outline:none;outline-offset:0}
h1,h2,h3{text-wrap:balance}
.oxar-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes oxar-loading{to{transform:translateX(390%)}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:oxar-out .13s ease-out both}
::view-transition-new(root){animation:oxar-in .25s var(--experience-ease) both}
@keyframes oxar-out{to{opacity:0}}
@keyframes oxar-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.topbar{gap:clamp(14px,2.4vw,38px);height:84px;background:#090b0df2!important;backdrop-filter:none!important}
.topbar nav{gap:clamp(20px,2.8vw,42px);font-size:12px;margin-inline:0 auto}
.topbar nav a{min-height:44px;display:flex;align-items:center}
.topbar nav a[aria-current]{color:#ff8b4d}
.topbar nav a[aria-current]::after{width:100%;transform:scaleX(1)}
.topbar .logo{letter-spacing:0}
.account-trigger span{display:block;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.account-trigger{min-width:44px;min-height:44px;border-radius:6px;gap:8px}
.topbar .lang{min-height:44px;min-width:44px;border-radius:6px}
.nav-toggle{display:none}
.menu-backdrop{display:none}
.account-menu[open] .account-dropdown{opacity:1;visibility:visible;transform:none}
.topbar .account-menu:not([open]) .account-dropdown{opacity:0;visibility:hidden;transform:translateY(-8px)}
.account-menu>summary{list-style:none;cursor:pointer}
.account-menu>summary::-webkit-details-marker{display:none}
.account-dropdown{border-radius:12px;padding:8px;box-shadow:0 16px 44px #0008}
.account-dropdown a{border-radius:6px;min-height:44px}
.oxar-home .hero{min-height:780px;min-height:max(760px,calc(100svh - 84px));padding-bottom:150px;background:#070809}
.oxar-home .hero-photo{inset:0 auto 0 0;width:78%;object-position:38% center;filter:saturate(.88);animation:none;will-change:auto}
.oxar-home .hero-film{animation:none;background:linear-gradient(270deg,#070809 12%,#070809f5 28%,#0708097a 56%,#07080908 78%),linear-gradient(0deg,#070809 1%,transparent 38%,#07080920);background-size:auto}
[dir=ltr] .oxar-home .hero-photo{left:auto;right:0}
[dir=ltr] .oxar-home .hero-film{background:linear-gradient(90deg,#070809 12%,#070809f5 28%,#0708097a 56%,#07080908 78%),linear-gradient(0deg,#070809,transparent 38%)}
.oxar-home .hero-noise,.oxar-home .city-film-grain{display:none}
.oxar-home .motion-progress{background:#ff5a1f;box-shadow:none;visibility:hidden}
.oxar-home .motion-progress.oxar-motion-managed{visibility:visible}
.oxar-home .bento-art img{transition:filter .2s ease-out}
.oxar-home .hero-main{position:relative;width:min(640px,51%);margin-inline-start:clamp(24px,7vw,112px);padding-top:clamp(76px,10vh,140px)}
.oxar-home .hero h1{font-family:Cairo,sans-serif;font-size:clamp(72px,7.4vw,106px);line-height:1.2;letter-spacing:-.04em;margin-top:18px}
.oxar-home .hero h1 strong{display:inline-block}
.oxar-home .hero .kicker{position:absolute;inset-inline-start:0;inset-inline-end:auto;top:calc(100% + 25px);bottom:auto;margin:0;font:500 10px Oswald,sans-serif;letter-spacing:3px;color:#b8afa3;writing-mode:horizontal-tb}
.oxar-home .live-pill{border:0;background:transparent;padding:0;color:#ccc6be;font-size:11px;letter-spacing:0}
.oxar-home .live-pill b{box-shadow:none;animation:none}
.oxar-home .lead{border:0;padding:0;max-width:440px;font-size:15px;line-height:2.1;margin-top:25px;color:#bdb9b3}
.oxar-home .hero-buttons{gap:12px;margin-top:30px}
.oxar-home :is(.primary,.ghost){min-height:54px;padding-inline:26px;font-size:12px;border-radius:7px}
.oxar-home .hero-status{inset-inline:clamp(24px,7vw,112px);margin:0;bottom:25px;min-height:94px;border-inline:0;border-bottom:0;background:transparent;backdrop-filter:none;grid-template-columns:.7fr 1fr 1fr}
.oxar-home .hero-status>div,.oxar-home .hero-status>button{padding:18px 24px}
.oxar-home .hero-status>div:first-child{padding-inline-start:0;display:block}
.oxar-home .hero-status small{font-size:10px;color:#b0aaa2}
.oxar-home .hero-status>div:first-child b{font-size:32px}
.oxar-home .hero-status>button{border:0;justify-content:end;min-width:0}
.oxar-home .hero-status button span b{font-size:12px}
.oxar-home .down{bottom:143px;left:43%;font-family:Cairo,sans-serif;font-size:10px;letter-spacing:0;color:#c9c3bb}
.oxar-home .ticker{background:#101214;color:#9e9b96;border-color:#ffffff12}
.oxar-home .ticker div{font-size:16px;padding-block:18px;gap:40px;animation-duration:45s}
.oxar-home .ticker i{color:#ff5a1f}
.oxar-home .ticker:not(.oxar-in-view) div{animation-play-state:paused}
.oxar-home .person-mark::after,.oxar-home .down i{animation:none}
.oxar-home .section{padding-block:clamp(82px,10vw,144px)}
.oxar-home :is(.section-head h2,.path h2,.faq h2,.city-film h2,.team-title h2,.final-cta h2){font-family:Cairo,sans-serif;line-height:1.35;letter-spacing:-.03em;font-size:clamp(38px,4.8vw,68px)}
.oxar-home .section-head{grid-template-columns:.6fr 1.4fr;gap:28px;align-items:center}
.oxar-home .world::before{content:none}
.oxar-home .world .bento{grid-template-rows:560px 260px;gap:16px}
.oxar-home .world .bento-main{border-radius:14px;border:0}
.oxar-home .world .bento-copy{padding:42px;width:min(620px,72%)}
.oxar-home .world .bento-copy h3{font-family:Cairo,sans-serif;font-size:clamp(26px,3vw,40px);line-height:1.5}
.oxar-home .world .bento-copy p{font-size:13px;line-height:2}
.oxar-home .world .tile{border-radius:12px;padding:30px;border:0}
.oxar-home .bento h3{font-family:Cairo,sans-serif;font-size:23px;line-height:1.6}
.oxar-home .bento p{font-size:13px;line-height:2}
.oxar-home .world .orange{background:#ff5a1f!important}
.oxar-home .world .dark{background:#141719!important}
.oxar-home .world .wide{background:#101214}
.oxar-home .world .tile>i{margin-bottom:34px}
.oxar-home .city-film{margin:24px clamp(20px,3vw,48px) 90px;border-radius:16px;min-height:650px}
.oxar-home .city-film-image{animation:none;will-change:auto}
.oxar-home .city-film-content{margin-inline-start:clamp(28px,7vw,110px);width:min(560px,80%)}
.oxar-home .film-copy{font-size:14px;max-width:400px}
.oxar-home .manifesto{min-height:430px;background:#0a0c0e;border:0}
.oxar-home .manifesto-line{display:none}
.oxar-home .manifesto-copy{background:transparent;padding:30px 10px}
.oxar-home .manifesto p{font:700 clamp(30px,3.7vw,52px)/1.8 Cairo,sans-serif;max-width:1000px}
.oxar-home .steps li>div{border:0;padding-inline:28px}
.oxar-home .steps li>b{font-size:48px}
.oxar-home .steps h3{font-family:Cairo,sans-serif;font-size:24px}
.oxar-home .steps p{font-size:14px;line-height:2}
.oxar-home .steps li{transition:background .2s}
.oxar-home .steps li:hover{background:#ffffff03}
.oxar-home .faq-intro{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding-inline:0}
.oxar-home .faq-intro::before{display:none}
.oxar-home .faq-list details{border-inline:0;border-top:0;background:transparent;border-radius:0}
.oxar-home .faq-list details[open]{box-shadow:none;background:#ffffff03}
.oxar-home .faq-list .faq-answer p{font-size:13px}
.oxar-home .final-cta{min-height:500px}
.oxar-home .final-cta .cta-bg{animation:none}
.oxar-home .final-cta h2{font-size:clamp(46px,6vw,86px)}
.oxar-home footer p{font-size:11px;color:#aaa49c}
.oxar-home .hero-side{display:none}
@media(max-width:1000px){
 .topbar{gap:12px;padding-inline:22px}
 .topbar .logo{margin-inline-end:auto}
 .nav-toggle{display:grid;place-items:center;flex-shrink:0;min-width:44px;min-height:44px;background:#151719;color:#f2eee8;border:1px solid #ffffff26;border-radius:6px;cursor:pointer}
 .nav-toggle svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none}
 .topbar nav.oxar-nav{display:flex;position:fixed;top:84px;inset-inline:16px;flex-direction:column;gap:3px;margin:0;padding:18px;background:#101315;border:1px solid #ffffff24;border-radius:12px;box-shadow:0 22px 50px #0009;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .25s var(--experience-ease),visibility .2s}
 .topbar nav.oxar-nav a{padding:12px 16px;font-size:15px;border-radius:6px;min-height:48px}
 .topbar nav.oxar-nav a:hover{background:#ffffff08}
 .topbar nav.oxar-nav a::after{display:none}
 .topbar.is-menu-open nav.oxar-nav{opacity:1;visibility:visible;transform:none}
 .menu-backdrop.is-visible{display:block;position:fixed;inset:84px 0 0;z-index:9998;background:#0009;border:0}
 .oxar-home .hero-main{width:60%;margin-inline-start:32px}
 .oxar-home .hero h1{font-size:clamp(68px,10vw,94px)}
 .oxar-home .hero .kicker{display:none}
 .oxar-home .hero-status{inset-inline:32px}
 .oxar-home .world .bento{grid-template-rows:500px 250px 210px}
 .oxar-home .hero-status>div,.oxar-home .hero-status>button{padding-inline:12px}
}
@media(max-width:650px){
 .topbar{height:76px;gap:8px;padding-inline:16px}
 .topbar .logo{font-size:21px;gap:6px}
 .topbar .logo img{width:34px;height:34px}
 .topbar .top-actions{margin:0}
 .account-menu{margin:0}
 .topbar .account-trigger{max-width:90px;padding-inline:10px;font-size:10px}
 .topbar .account-trigger span{display:block;max-width:66px}
 .topbar .account-trigger i{display:none}
 .topbar .lang{width:38px;min-width:38px}
 .topbar nav.oxar-nav{top:76px}
 .menu-backdrop.is-visible{top:76px}
 .oxar-home .hero{min-height:820px;padding-bottom:155px}
 .oxar-home .hero-photo{width:100%;object-position:43% center;opacity:.82}
 .oxar-home .hero-film{background:linear-gradient(180deg,#07080940,#07080925 22%,#070809e8 65%,#070809 94%),linear-gradient(270deg,#07080977,transparent)}
 .oxar-home .hero-main{width:auto;margin-inline:24px;padding-top:76px}
 .oxar-home .hero h1{font-size:clamp(68px,19vw,92px);margin-top:20px;line-height:1.3}
 .oxar-home .lead{font-size:14px;line-height:2;max-width:360px;margin-top:20px}
 .oxar-home .hero-buttons{margin-top:24px;gap:8px}
 .oxar-home :is(.primary,.ghost){font-size:11px;padding-inline:18px;min-height:52px}
 .oxar-home .hero-status{inset-inline:24px;bottom:16px;grid-template-columns:.65fr 1fr;min-height:106px}
 .oxar-home .hero-status>div:first-child{display:block;padding:12px 0}
 .oxar-home .hero-status .status-meter{display:none}
 .oxar-home .hero-status>button{padding:12px 0;padding-inline-start:14px}
 .oxar-home .hero-status button span b{font-size:10px}
 .oxar-home .hero-status button span small{font-size:9px;overflow-wrap:anywhere}
 .oxar-home .hero-status>div:first-child span{font-size:9px}
 .oxar-home .section{padding-inline:24px}
 .oxar-home .section-head{display:flex;flex-direction:column;align-items:start;gap:0;margin-bottom:32px}
 .oxar-home .section-head h2{margin-top:20px}
 .oxar-home .world .bento-main{height:520px;flex-shrink:0}
 .oxar-home .world .bento-copy{padding:24px;width:100%}
 .oxar-home .world .bento-copy h3{font-size:27px}
 .oxar-home .world .tile{min-height:235px}
 .oxar-home .city-film{margin:0 16px 60px;min-height:580px;border-radius:12px}
 .oxar-home .city-film-content{margin-inline:24px;width:calc(100% - 48px)}
 .oxar-home .city-film h2{font-size:42px}
 .oxar-home .steps p{font-size:13px}
 .oxar-home .steps li>div{padding-inline:18px}
 .oxar-home .faq-list summary strong{font-size:14px}
 .oxar-home .faq-list .faq-answer p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 .oxar-loading::after{animation:none!important;transform:none;width:100%}
 .oxar-loading{transform:none!important;transition:none!important}
 .oxar-home .ticker div{animation:none}
 .oxar-nav{transition:none!important}
}
@media(max-width:360px){.topbar{padding-inline:12px;gap:6px}.topbar .logo{font-size:18px;gap:4px}.topbar .logo img{width:30px;height:30px}.topbar .account-trigger{max-width:64px;padding-inline:7px}.topbar .lang{min-width:34px;width:34px}.nav-toggle{min-width:40px}}
