@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.a9cefdca.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:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-400-normal.653bfd52.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:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-500-normal.31cb9792.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:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-500-normal.c55b4b1b.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:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-600-normal.9e5c019d.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:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-600-normal.ee160f53.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:"Archivo";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-latin-400-normal.455de4a0.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:"Archivo";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/archivo-latin-500-normal.aae031ec.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:"Archivo";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/archivo-latin-600-normal.f42b865e.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}
body{margin:0}:root{color-scheme:light;--gold-on-light:#7A5A1F;--ink:#16130F;--cream:#F2ECE2;--paper:#F3F2F2;--paper2:#F8F4F4;--card:#F6F2F0;--gold:#C79C50;--bronze:#84632B;--line:#C9C4C0;--mute:#5f5a54}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{font-family:"IBM Plex Sans Arabic",sans-serif;background:var(--paper);color:var(--ink);line-height:1.85;-webkit-font-smoothing:antialiased}
.en{font-family:"Archivo","IBM Plex Sans Arabic",sans-serif;letter-spacing:.18em;text-transform:uppercase;direction:ltr;unicode-bidi:isolate}
.ltr{direction:ltr;unicode-bidi:isolate;font-family:"Archivo","IBM Plex Sans Arabic",sans-serif}
.wrap{max-width:1120px;margin:0 auto;padding:0 32px}
a{color:inherit}
nav{position:sticky;top:0;z-index:5;background:rgba(22,19,15,.94);backdrop-filter:blur(8px);color:var(--cream);border-bottom:1px solid #2e2a25}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:58px}
nav .brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:500}
nav ul{display:flex;gap:24px;list-style:none;font-size:14px}nav ul a{text-decoration:none;opacity:.75}nav ul a:hover{opacity:1;color:var(--gold)}
.hero{background:var(--ink);color:var(--cream);padding:36px 0 44px}
.top{display:flex;justify-content:space-between;font-size:12px;color:var(--gold);padding-bottom:16px;border-bottom:1px solid #3a352f}.top .en{font-size:11px;font-weight:600}
.hero-c{text-align:center;padding:56px 0 34px}
.mark{width:120px;height:120px;color:var(--cream)}
h1{font-size:clamp(36px,7.5vw,80px);font-weight:500;line-height:1.3;margin-top:20px}
.hero .name{font-size:clamp(17px,2.2vw,24px);font-weight:500;letter-spacing:.32em;margin-top:4px}
.hero .tag{color:var(--gold);font-size:11px;font-weight:600;margin-top:16px}
.hero .lead{font-size:clamp(18px,2.2vw,23px);max-width:760px;margin:34px auto 0;line-height:1.9}
.scale{position:relative;margin-top:30px;height:44px;direction:ltr}





.hfoot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;color:#a49d92}
.ha{width:50px;height:50px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:600 11px "Archivo",sans-serif;letter-spacing:.1em}
section{padding:80px 0;border-bottom:1px solid #dcd7d3}
section.alt{background:var(--paper2)}
.sh{display:flex;justify-content:space-between;font-size:12px;color:var(--bronze);padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:40px}.sh .en{font-size:10.5px;font-weight:600;letter-spacing:.2em}
h2{font-size:clamp(26px,3.4vw,36px);font-weight:500;line-height:1.5;margin-bottom:34px}
.about{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:start}
.about h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:22px}
.about p{color:#3a3530;font-size:15.5px;margin-bottom:16px}
.facts{border-top:2px solid var(--ink)}
.facts div{padding:12px 0;border-bottom:1px solid var(--line)}.facts dt{font-size:11px;color:var(--bronze)}.facts dd{font-size:14.5px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.svc{border:1px solid var(--line);padding:22px;background:var(--card)}
.svc .en{font-size:10px;color:var(--bronze);font-weight:600}.svc h3{font-size:20px;font-weight:500;margin:6px 0 10px}.svc p{font-size:14px;color:var(--mute)}
.pr{border-top:2px solid var(--ink);padding-top:12px}.pr .n{font:600 11px "Archivo",sans-serif;color:var(--gold)}.pr h3{font-size:17px;font-weight:600;margin:4px 0 6px}.pr p{font-size:13.5px;color:var(--mute)}
.name-g{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.name-g h2{font-size:clamp(26px,3.4vw,38px)}
.name-g .body{border-inline-start:2px solid var(--ink);padding-inline-start:18px;font-size:14.5px;color:#3a3530}
.diagram{width:100%;max-width:340px;display:block;margin:0 auto}
.legend{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:12.5px;border-top:1px solid var(--line);padding-top:12px;margin-top:10px}.legend b{color:var(--bronze);font-weight:600}.legend .x{grid-column:1/-1;color:var(--bronze)}
.em{text-align:center;border-top:1px solid var(--line);margin-top:56px;padding-top:30px}
.em .en{font-size:clamp(18px,2.4vw,24px);font-weight:500;letter-spacing:.3em}.em small{display:block;color:var(--bronze);font-size:12px;margin-top:4px}
.em-g{display:grid;grid-template-columns:1fr 1fr;gap:48px;text-align:start;margin-top:26px;font-size:14px;color:#3a3530}.em-g mark{background:none;color:var(--bronze)}
.arch-h{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:40px}.arch-h h2{margin:0}.arch-h p{font-size:14px;color:var(--mute)}
.parent{max-width:440px;margin:0 auto;border:1px solid var(--line);background:var(--card);padding:16px 20px;display:flex;align-items:center;gap:16px}
.parent svg{width:40px;height:40px;flex:none;color:var(--ink)}.parent .t{font-size:17px;font-weight:600;white-space:nowrap}.parent .l{font:600 10px "Archivo",sans-serif;color:var(--gold)}
.tree{height:34px;position:relative;margin:0 12.5%}.tree:before{content:"";position:absolute;top:0;left:50%;height:17px;border-left:1px solid var(--ink)}.tree:after{content:"";position:absolute;top:17px;left:0;right:0;height:17px;border:1px solid var(--ink);border-bottom:0}
.kids{position:relative}.kids .g4{gap:22px}
.kid{border:1px solid var(--line);background:var(--card);padding:16px;display:flex;flex-direction:column;gap:6px}
.kid .l{font:600 10px "Archivo",sans-serif;color:var(--gold)}.kid .nm{display:flex;align-items:center;gap:10px}.kid .nm b{font-size:19px;font-weight:600}.kid .nm .en{font-size:9.5px;color:var(--mute);font-weight:600;letter-spacing:.14em}
.kid p{font-size:13px;color:var(--mute);flex:1}
.ico{width:30px;height:30px;border-radius:7px;flex:none}.dot{width:10px;height:10px;border-radius:50%;background:#1BB98A;margin:0 10px}
.end{display:inline-block;border:1px solid var(--gold);color:var(--bronze);font-size:10.5px;padding:3px 10px;margin-top:6px;align-self:center}

.pf-h{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end;margin-bottom:34px}.pf-h h2{margin:0}.pf-h p{font-size:14px;color:var(--mute)}
.pcs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pc{border:1px solid var(--line);background:#fff;padding:22px;display:flex;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s}.pc:hover{border-color:var(--gold);transform:translateY(-2px)}
.pc .hd{display:flex;align-items:center;gap:12px}.pc .hd h3{font-size:24px;font-weight:600}.pc .hd .en{font-size:10px;font-weight:600;color:var(--mute)}.pc .hd .n{margin-inline-start:auto;font:600 11px "Archivo",sans-serif;color:var(--gold)}
.pc .ds{font-size:14px;margin:6px 0 14px}
.pc img.s{width:100%;height:auto;aspect-ratio:1264/800;object-fit:cover;border:1px solid #e3dfdc;display:block}
.pc .cap{font-size:11px;color:var(--bronze);margin:6px 0 14px;text-align:start}
.pc .pv{background:var(--card);padding:12px 14px;font-size:13.5px}.pc .pv b{display:block;font-size:11px;color:var(--bronze);font-weight:600}
.pc ul{list-style:none;margin:8px 0 14px;font-size:13px;color:#3a3530;flex:1}.pc li{padding:8px 0;border-bottom:1px solid #e3dfdc;display:flex;gap:10px}.pc li:before{content:"";width:8px;height:1px;background:var(--gold);margin-top:13px;flex:none}
.pc .end{align-self:center}
.claim{text-align:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:20px;margin-top:40px;font-size:clamp(17px,2vw,21px);font-weight:600}
footer{background:var(--ink);color:var(--cream);padding:64px 0 28px}
footer .em{border:0;margin:0;padding:0}footer .em .end{color:var(--gold);margin-top:16px}
.fg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;border-top:1px solid #3a352f;margin-top:40px;padding-top:28px;font-size:14px}
.fg b{display:block;color:var(--gold);font-size:11px;font-weight:600}.fg a{text-decoration:none}.fg a:hover{color:var(--gold)}
.fb{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500}.fb svg{width:34px;height:34px}
.fl{display:flex;justify-content:space-between;margin-top:50px;font-size:11px;color:#7d766c}
@media(max-width:860px){.wrap{padding:0 20px}section{padding:56px 0}.about,.name-g,.em-g,.arch-h,.pf-h,.pcs,.fg{grid-template-columns:1fr;gap:28px}.g3,.g4{grid-template-columns:1fr 1fr}.tree{display:none}.diagram{max-width:280px}}
@media(max-width:520px){.g3,.g4{grid-template-columns:1fr}.hero-c{padding:40px 0 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pc{transition:none}}

a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 5px var(--cream);border-radius:2px}
nav a:focus-visible,footer a:focus-visible,.hero a:focus-visible,.skip:focus-visible{outline-color:var(--cream);box-shadow:0 0 0 5px var(--ink)}
.pr .n,.kid .l,.parent .l,.pc .hd .n{color:var(--gold-on-light)}
.end{border-color:var(--gold-on-light);color:var(--gold-on-light)}
footer .end{border-color:var(--gold);color:var(--gold)}
.fl{color:#8b8479}
.skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:10;background:var(--ink);color:var(--cream);padding:12px 20px;text-decoration:none}
.skip:focus{inset-inline-start:0}
.lt{font:600 12px "Archivo","IBM Plex Sans Arabic",sans-serif;letter-spacing:.12em;border:1px solid #8b8479;color:var(--cream);padding:6px 10px;margin-inline-start:18px;text-decoration:none}
.lt:hover{border-color:var(--gold);color:var(--gold)}
nav .r{display:flex;align-items:center}
html[lang=en] body{font-family:"Archivo","IBM Plex Sans Arabic",sans-serif}
html[lang=en] h1{letter-spacing:.02em}
[lang=ar].en,html[lang=en] .hero .name{letter-spacing:0;text-transform:none;font-family:"IBM Plex Sans Arabic",sans-serif}
.sub{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;text-transform:none;direction:rtl}
.sh h2{font-size:12px;font-weight:inherit;margin:0;color:inherit;line-height:inherit}
.lead2{font-size:clamp(26px,3.4vw,36px);font-weight:500;line-height:1.5;margin-bottom:34px}
.about .lead2{margin-bottom:22px;font-size:clamp(26px,3.4vw,36px);color:var(--ink)}.name-g .lead2{font-size:clamp(26px,3.4vw,38px)}.arch-h .lead2,.pf-h .lead2{margin:0}
.go{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e3dfdc;padding-top:14px;margin-top:auto}
.vb{background:var(--ink);color:var(--cream);font-weight:600;font-size:14px;padding:9px 16px;transition:background .2s}.pc:hover .vb{background:var(--bronze)}
.dm{font:500 13px "Archivo",sans-serif;color:var(--bronze)}
.kids .g4{gap:14px}.kid{padding:12px;align-items:center;text-align:center}.kid .nm{flex-direction:column;gap:4px}
.arch-h{margin-bottom:28px}
.parent svg{width:40px;height:40px;flex:none;color:var(--ink)}
.pc img.s{aspect-ratio:960/600}
.scale svg{display:block;width:100%;height:44px;overflow:visible}
.scale .deg{position:absolute;top:-8px;left:50%;width:2px;height:24px;background:var(--gold)}
.scale .deg span{position:absolute;bottom:22px;left:6px;font:600 10px "Archivo",sans-serif;color:var(--gold)}
.diagram text{font-size:11px}
#how{border-top:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
@media(max-width:860px){html{scroll-padding-top:110px}nav .wrap{height:auto;flex-wrap:wrap;padding-block:8px;gap:8px}
nav ul{display:flex;order:3;width:100%;gap:18px;font-size:13px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px;scroll-snap-type:x proximity}
nav ul::-webkit-scrollbar{display:none}nav ul li{flex:none;scroll-snap-align:start}nav ul a{display:block;padding:6px 2px;opacity:.85}nav .r{display:contents}.lt{order:2}}