/* Self-hosted fonts (SIL Open Font License 1.1, see fonts/LICENSE-*.txt): Arabic + Latin subsets only. */
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/readex-pro-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/readex-pro-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/readex-pro-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/readex-pro-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/readex-pro-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/readex-pro-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/amiri-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/outfit-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:#0B1736;font-family:'Readex Pro',Tahoma,Arial,sans-serif}

/* Language: html[lang] is set by main.js before the page paints (Arabic without JavaScript). */
html[lang=ar] .en-only{display:none!important}
html[lang=en] .ar-only{display:none!important}

.page{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
.mark-bg{position:absolute;inset-inline-end:-120px;bottom:-140px;opacity:.07;pointer-events:none;animation:tkDrift 14s ease-in-out infinite}
.mark-bg svg{display:block;width:min(620px,90vw);height:auto}

.top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px clamp(16px,4vw,48px)}
.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.brand:focus-visible{outline:3px solid #2563EB;outline-offset:4px;border-radius:8px}
.brand-ar{display:flex;flex-direction:column;gap:2px;line-height:1}
.brand-ar-name{font-size:22px;font-weight:700}
.brand-latin{font-family:Outfit,sans-serif;font-size:12px;font-weight:700;text-align:end}
.brand-en{font-family:Outfit,sans-serif;font-size:22px;font-weight:700}
.k{color:#2563EB}
.lang-toggle{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #C9D3E6;background:#FFFFFF;color:#0B1736;font:600 15px 'Readex Pro',Tahoma,sans-serif;cursor:pointer}
.lang-toggle:hover{border-color:#0B1736}
.lang-toggle:focus-visible{outline:3px solid #2563EB;outline-offset:2px}

.main{position:relative;flex:1;display:flex;align-items:center;padding:24px clamp(16px,6vw,96px) 48px}
.hero{display:flex;flex-direction:column;gap:22px;max-width:900px;animation:tkUp .9s cubic-bezier(.2,.7,.2,1) both}
.eyebrow{font-size:clamp(16px,2vw,20px);font-weight:600;color:#0E7C77}
.title{--lh:1.35em;margin:0;font-size:clamp(36px,8vw,96px);line-height:1.35;font-weight:700}
.hero[lang=ar] .title{--lh:1.65em;font-family:Amiri,'Readex Pro',serif;line-height:1.5}
.hero[lang=en] .title{font-family:Outfit,'Readex Pro',sans-serif;letter-spacing:-.01em}
.title-line{display:block}

/* The three lines roll up one after another (the 4th repeats the 1st for a seamless loop). */
.reel-window{display:block;height:var(--lh);overflow:hidden}
.reel{display:flex;flex-direction:column;animation:tkReel 9s cubic-bezier(.7,0,.3,1) infinite}
.reel span{display:block;height:var(--lh);line-height:var(--lh);white-space:nowrap}
.c1{color:#2563EB}.c2{color:#0E7C77}.c3{color:#0B1736}

/* A small plane flies in the reading direction, drawing its trail behind it. */
.flight{position:relative;display:block;width:min(360px,72%);height:30px}
.trail{position:absolute;top:50%;inset-inline-start:0;width:0;height:3px;margin-top:-1.5px;border-radius:2px;background:#A9C4EE;animation:tkTrail 3.4s ease-in-out infinite}
.plane{position:absolute;top:50%;inset-inline-start:0;width:30px;height:30px;margin-top:-15px;color:#0B1736;animation:tkPlane 3.4s ease-in-out infinite}
.plane svg{display:block;width:100%;height:100%}
html[dir=rtl] .plane svg{transform:scaleX(-1)}

.lead{margin:0;max-width:620px;font-size:clamp(16px,2vw,20px);line-height:1.8;color:#4A5878}
.hero[lang=en] .lead{line-height:1.7}

.foot{position:relative;padding:16px clamp(16px,6vw,96px) 26px;font-size:14px;color:#4A5878}
.foot a{color:#4A5878}
.foot a:hover{color:#0B1736}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

@keyframes tkReel{0%,27%{transform:translateY(0)}33%,60%{transform:translateY(calc(var(--lh) * -1))}66%,93%{transform:translateY(calc(var(--lh) * -2))}100%{transform:translateY(calc(var(--lh) * -3))}}
@keyframes tkPlane{0%{inset-inline-start:0;opacity:0}8%{opacity:1}70%{inset-inline-start:calc(100% - 30px);opacity:1}90%,100%{inset-inline-start:calc(100% - 30px);opacity:0}}
@keyframes tkTrail{0%{width:0;opacity:1}70%{width:calc(100% - 34px);opacity:1}90%,100%{width:calc(100% - 34px);opacity:0}}
@keyframes tkDrift{0%,100%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(-18px,14px) rotate(-2deg)}}
@keyframes tkUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  .mark-bg,.hero,.reel,.trail,.plane{animation:none}
  .trail{width:calc(100% - 34px)}
  .plane{inset-inline-start:calc(100% - 30px)}
}