/* Arabic / RTL overrides — load after style.css */
@font-face{font-family:'Cairo';src:url('fonts/cairo-arabic.woff2') format('woff2');font-weight:200 1000;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
body,.btn,button{font-family:'Cairo','Cera Pro',system-ui,sans-serif;line-height:1.8}
.links a,.pill,.cd span,.section-label,.tbd,.f-links a{letter-spacing:0;text-transform:none}
.links a{font-size:.95rem}
.section-label{font-size:.9rem}
.pill{font-size:.9rem}
.cd span{font-size:.85rem}
.hero h1{letter-spacing:0;line-height:1.25}
h2{line-height:1.35}
@media(min-width:861px){.hero::before{background:linear-gradient(270deg,rgba(7,21,60,.9) 0%,rgba(13,43,107,.7) 45%,rgba(13,43,107,.25) 100%),linear-gradient(180deg,rgba(7,21,37,.5),transparent 22%,transparent 68%,rgba(7,21,37,.75))}
.hero::after{-webkit-mask-image:linear-gradient(270deg,#000 0%,transparent 55%);mask-image:linear-gradient(270deg,#000 0%,transparent 55%)}}
.links .cta{margin-left:0;margin-right:8px}
.btn .arr{transform:scaleX(-1)}
.ctas .btn:hover .arr{transform:scaleX(-1) translateX(5px)}
.soon{letter-spacing:0;text-transform:none;font-size:1.15rem}
.links a[lang=en]{font-family:'Cera Pro',sans-serif}
@media(max-width:860px){.links .cta{margin:8px 0 0}}
.links .lang{margin-left:0;margin-right:10px}.links .lang a{letter-spacing:.08em;font-size:.72rem}
@media(max-width:860px){.links .lang{align-self:flex-end;margin:10px 14px 0}}