:root{color-scheme:light dark;--paper:#F6F0E3;--ink:#0A1628;--mute:#4A5A70;--card:#FBF7EC;--line:rgba(10,22,40,.22);--hub:#fff;--ev:#6C4BD1;--fd:#F4682A;--st:#1E9E6A;--tr:#00C8E8;--sv:#E8B422;--font:Cairo,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@media (prefers-color-scheme:dark){:root{--paper:#0A1628;--ink:#F6F0E3;--mute:#9FB3C8;--card:#12233A;--line:rgba(246,240,227,.24);--hub:#0A1628}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background-color:var(--paper);background-image:url(../img/paper-light.png);background-blend-mode:multiply;color:var(--ink);font:400 17px/1.7 var(--font);text-rendering:optimizeLegibility}
@media (prefers-color-scheme:dark){body{background-image:url(../img/paper-dark.png);background-blend-mode:normal}}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent calc(33.33% - 1px),rgba(10,22,40,.07) 33.33%,rgba(255,255,255,.4) calc(33.33% + 2px),transparent calc(33.33% + 16px)),linear-gradient(90deg,transparent calc(66.66% - 1px),rgba(10,22,40,.07) 66.66%,rgba(255,255,255,.4) calc(66.66% + 2px),transparent calc(66.66% + 16px)),linear-gradient(180deg,transparent calc(50% - 1px),rgba(10,22,40,.06) 50%,rgba(255,255,255,.35) calc(50% + 2px),transparent calc(50% + 16px))}
@media (prefers-color-scheme:dark){body::before{background:linear-gradient(90deg,transparent calc(33.33% - 1px),rgba(255,255,255,.05) 33.33%,transparent calc(33.33% + 3px)),linear-gradient(90deg,transparent calc(66.66% - 1px),rgba(255,255,255,.05) 66.66%,transparent calc(66.66% + 3px))}}
html:lang(ar) body{font-size:19px;line-height:1.85}
a{color:inherit}svg{max-width:100%}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:24px}
.skip{position:absolute;inset-inline-start:-9999px;top:8px}
.skip:focus{inset-inline-start:16px;z-index:20;background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:8px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
header.site{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(6px);border-bottom:2px solid var(--ink)}
.bar{display:flex;align-items:center;gap:16px;min-height:72px;flex-wrap:wrap;padding-block:8px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;text-decoration:none}
.mark{width:36px;height:36px;flex:none}.mark .mr{fill:var(--hub);stroke:var(--ink);stroke-width:10}.mark .md{fill:#F4682A}
.mark.big{width:96px;height:96px;margin-inline:auto}
nav.main ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
nav.main a,.langs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 12px;border-radius:8px;text-decoration:none;color:var(--mute);font-weight:600;border:1.5px solid transparent}
nav.main a:hover,.langs a:hover{color:var(--ink);background:var(--card)}
.langs{margin-inline-start:auto;display:flex;gap:2px}
.langs a[aria-current=page]{border-color:var(--ink);color:var(--ink)}
.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding-block:56px 40px}
.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:var(--mute);font-weight:600;margin:0}
.chip{border:1.5px solid var(--ink);border-radius:999px;padding:2px 14px;font-size:.82em;color:var(--ink);background:var(--card)}
h1{font-size:clamp(44px,7vw,92px);line-height:1.05;font-weight:900;margin:14px 0 18px;text-wrap:balance}
h1 span{display:block}
html:lang(ar) h1{line-height:1.3}
h2{font-size:clamp(28px,4.2vw,46px);line-height:1.2;font-weight:900;margin:0 0 12px;text-wrap:balance}
h3{font-size:1.2em;margin:0 0 6px;line-height:1.3}
.lead{font-size:1.2em;color:var(--mute);max-width:44ch;margin:0 0 26px}
.muted{color:var(--mute)}.note{font-size:.9em}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;font-weight:600;text-decoration:none;border:2px solid var(--ink);background:transparent;color:var(--ink)}
.btn.primary{background:var(--ink);color:var(--paper)}
.btn.inv{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.persona{margin-top:34px;padding-top:20px;border-top:2px solid var(--ink)}
.pl{margin:0 0 10px;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{font:600 1em var(--font);min-height:44px;padding:0 18px;border-radius:999px;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
.chips button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.ptext{margin:14px 0 0;color:var(--mute);min-height:3.4em;max-width:46ch}
.hero-map{margin:0}.hero-map figcaption{font-size:.85em;color:var(--mute);margin-top:6px}
.map{width:100%;height:auto;display:block}
.map .line{fill:none;stroke-width:16;stroke-linecap:round;stroke-linejoin:round}
.l-ev{stroke:var(--ev)}.l-fd{stroke:var(--fd)}.l-st{stroke:var(--st)}.l-tr{stroke:var(--tr)}
.map .ring{fill:none;stroke:var(--sv);stroke-width:14}
.map .st{fill:var(--hub);stroke:var(--ink);stroke-width:4}.map .term{stroke-width:6}
.map .hubc{fill:var(--hub);stroke:var(--ink);stroke-width:9}.map .hubd{fill:#F4682A}
.map .pill{fill:var(--hub);stroke:var(--ink);stroke-width:4}
.map .lb{font:600 20px var(--font);fill:var(--ink);text-anchor:middle}.map .lb.hl{font-size:28px;font-weight:900}
.map .lb2{font:400 18px var(--font);fill:var(--mute);text-anchor:middle}
.map .grp{transition:opacity .35s}
.map.dim .grp{opacity:.14}.map.dim .grp.on{opacity:1}
section.block{padding-block:56px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:24px}
.grid5{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:24px}
.pcard{border-top:2px solid var(--ink);padding-top:16px}
.pcard p,.trust p{margin:0;color:var(--mute)}
.lcard{background:var(--card);border:2px solid var(--ink);border-top-width:12px;border-radius:16px;padding:20px}
.lcard.l-ev{border-top-color:var(--ev)}.lcard.l-fd{border-top-color:var(--fd)}.lcard.l-st{border-top-color:var(--st)}.lcard.l-tr{border-top-color:var(--tr)}.lcard.l-sv{border-top-color:var(--sv)}
.lcard p{margin:0;color:var(--mute)}
.status{display:inline-block;font-size:.78em;font-weight:600;border:1.5px solid var(--ink);border-radius:999px;padding:0 10px;margin-bottom:10px}
.metro{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0;margin:36px 0 12px;position:relative}
.metro::before{content:"";position:absolute;top:14px;inset-inline:13px;height:12px;border-radius:6px;background:var(--tr)}
.metro li{position:relative;padding-top:44px}
.metro li::before{content:"";position:absolute;top:0;inset-inline-start:0;width:40px;height:40px;border-radius:50%;background:var(--hub);border:6px solid var(--ink)}
.metro b{display:block;font-size:1.15em;margin-bottom:4px}.metro span{color:var(--mute)}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px 36px;list-style:none;padding:0;margin:28px 0 0;counter-reset:t}
.trust li{border-top:2px solid var(--ink);padding-top:16px;counter-increment:t}
.trust li::before{content:"0" counter(t);font-weight:900;color:var(--mute);display:block;margin-bottom:6px}
.band-light{background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:32px}
.band-light p{max-width:60ch;color:var(--mute)}
.band{background:var(--ink);color:var(--paper);padding-block:64px}.band p{max-width:56ch;opacity:.85}
details{border-top:2px solid var(--ink);padding:6px 0}details:last-of-type{border-bottom:2px solid var(--ink)}
summary{cursor:pointer;font-weight:600;min-height:52px;display:flex;align-items:center}
details p{margin:0 0 16px;color:var(--mute);max-width:70ch}
footer.site{border-top:2px solid var(--ink);padding-block:32px calc(32px + env(safe-area-inset-bottom,0px));color:var(--mute)}
footer p{margin:6px 0}footer a{text-underline-offset:3px}.langs.flush{margin-inline-start:0}
.prose{max-width:70ch;padding-block:56px}
.chooser{min-height:100vh;display:grid;place-content:center;gap:28px;text-align:center;padding:32px}
.chooser ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(150px,1fr))}
.chooser a.btn{width:100%}.chooser a.suggested{background:var(--ink);color:var(--paper)}
@media (max-width:900px){.hero{grid-template-columns:1fr;padding-block:36px}.hero-map{order:-1;max-width:520px;margin-inline:auto}.metro{grid-template-columns:1fr 1fr;row-gap:32px}.metro::before{display:none}}
@media (max-width:520px){.metro{grid-template-columns:1fr}.langs{margin-inline-start:0;width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.map .grp{transition:none}}