@font-face{font-family:"JM Sans";src:url(../fonts/jm-sans-latin.woff2) format("woff2");font-weight:100 700;font-stretch:85% 100%;font-style:normal;font-display:swap}
@font-face{font-family:"JM Sans Arabic";src:url(../fonts/jm-sans-arabic-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"JM Sans Arabic";src:url(../fonts/jm-sans-arabic-600.woff2) format("woff2");font-weight:600;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{background:#1A1D21}
body{margin:0;background:#1A1D21}
.site{--bg:#1A1D21;--bg-2:#121417;--text:#F5F6F7;--muted:#A1A9B1;--line:rgba(245,246,247,.10);--mark:#9AA4AD;--focus:#5B93F0;
  --pad:clamp(20px,5cqi,64px);
  container:site/inline-size;position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;color-scheme:dark;background:var(--bg);color:var(--text);font-family:"JM Sans Arabic","JM Sans",system-ui,sans-serif;font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}
.site a{color:inherit}
.site :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}
.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:var(--pad)}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:50;padding:10px 14px;border-radius:8px;background:var(--text);color:var(--bg-2)}
.skip:focus{top:12px}
.hdr{position:relative;color:var(--text)}
.hdr::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--line)}
.hdr-in{display:flex;align-items:center;gap:24px;min-height:64px}
.brand{display:inline-flex;align-items:center;gap:11px;min-height:26px;margin-inline-end:auto;text-decoration:none}
.brand-mark{display:block;flex:none;width:33.42px;height:18.15px}
.brand-rule{display:block;flex:none;width:1px;height:20px;background:currentColor;opacity:.3}
.brand-name{font-size:13.5px;font-weight:500;line-height:1;white-space:nowrap}
.lang{display:inline-flex;align-items:center;min-height:44px;padding-inline:6px;font-size:15px;font-weight:500;text-decoration:none}
.lang:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(56px,9cqi,120px)}
.h-hero{margin:0;font-size:clamp(34px,5cqi,68px);font-weight:600;line-height:1.3;letter-spacing:0;text-wrap:balance}
.sub{max-width:38ch;margin:18px 0 0;font-size:clamp(18px,1.6cqi,22px);line-height:1.8;color:var(--muted)}
.tag{margin:14px 0 0;font-size:14.5px;color:var(--muted)}
.soon{margin:clamp(40px,5cqi,64px) 0 0;padding-top:clamp(24px,3cqi,32px);max-width:38ch;border-top:1px solid var(--line);font-size:clamp(22px,2.2cqi,28px);font-weight:600;line-height:1.3;letter-spacing:0}
@media (max-width:520px){.hdr-in{gap:16px}}