@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-regular.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/assets/fonts/poppins-medium.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/assets/fonts/poppins-semibold.woff2) format("woff2")}
@font-face{font-family:"Noto Sans Arabic";font-weight:400 700;font-display:swap;src:url(/assets/fonts/noto-sans-arabic.woff2) format("woff2")}
:root{--teal:#0F766E;--teal-d:#0B5C56;--teal-l:#E3F1EE;--saffron:#F5A700;--ink:#111827;--mute:#566070;--line:#E3E1D8;--paper:#FBFAF6;--cream:#F3F0E6;--on-teal:#E3F4F1}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 17px/1.65 Poppins,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper)}
a{color:inherit}img{display:block;max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--saffron);outline-offset:3px;border-radius:6px}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:#fff;color:var(--ink);padding:8px 14px;border-radius:8px;z-index:20}.skip:focus{inset-inline-start:8px}
.mail{direction:ltr;unicode-bidi:isolate}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* top block: header + hero share one colour (theme) */
.top{position:relative;overflow:hidden}
.t-teal{background:var(--teal);color:#fff}.t-ink{background:var(--ink);color:#fff}.t-cream{background:var(--cream);color:var(--ink)}
.top header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}
.word{font-weight:600;font-size:28px;letter-spacing:-1.2px;text-decoration:none;line-height:1}.word i{font-style:normal;color:var(--saffron)}
.t-cream .word{color:var(--teal)}
nav{display:flex;gap:6px 24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px;font-weight:500;opacity:.82;padding:6px 0;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current]{opacity:1;border-bottom-color:var(--saffron)}

/* language menu: a plain <details>, no script */
.lang{position:relative}.lang summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;padding:8px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.4)}
.lang summary::-webkit-details-marker{display:none}.lang summary:hover{background:rgba(255,255,255,.12)}
.t-cream .lang summary{border-color:#c8c4b6}.t-cream .lang summary:hover{background:#fff}
.lang ul{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:30;list-style:none;margin:0;padding:8px;min-width:200px;background:#fff;color:var(--ink);border-radius:18px 18px 18px 6px;box-shadow:0 18px 40px -12px rgba(0,0,0,.35)}
.lang li a{display:block;padding:10px 14px;border-radius:12px;text-decoration:none;font-size:15px}.lang li a:hover{background:var(--teal-l)}.lang li a[aria-current]{background:var(--teal-l);color:var(--teal);font-weight:600}

.hero{padding:40px 0 88px;position:relative}
.hero .eyebrow{display:inline-block;font-size:14px;font-weight:500;letter-spacing:.2px;padding:6px 14px;border-radius:999px 999px 999px 6px;background:rgba(255,255,255,.14);margin-bottom:22px}
.t-cream .eyebrow{background:var(--teal-l);color:var(--teal)}
.hero h1{font-size:clamp(46px,9vw,112px);line-height:.96;letter-spacing:-.04em;margin:0 0 24px;font-weight:600;max-width:880px;position:relative;z-index:2}
.hero h1.mid{font-size:clamp(40px,7vw,84px);max-width:860px}
@media(min-width:861px){.hero h1,.hero h1.mid{max-width:min(880px,66vw)}}
.hero h1 span{color:var(--saffron)}.t-cream .hero h1 span{color:var(--teal)}
.hero p.lead{font-size:clamp(18px,2vw,21px);color:var(--on-teal);max-width:540px;margin:0 0 32px;position:relative;z-index:2}
.t-ink .hero p.lead{color:#cdd3dc}.t-cream .hero p.lead{color:var(--mute)}
.cta{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:2}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;border-radius:999px;font:500 16px Poppins,sans-serif;text-decoration:none;border:1.5px solid transparent;cursor:pointer}
.btn.sf{background:var(--saffron);color:#1a1200;font-weight:600}.btn.sf:hover{background:#ffb81f}
.btn.pri{background:var(--teal);color:#fff}.btn.pri:hover{background:var(--teal-d)}
.btn.line{border-color:rgba(255,255,255,.5);color:#fff}.btn.line:hover{background:rgba(255,255,255,.1)}
.t-cream .btn.line{border-color:#c8c4b6;color:var(--ink)}.t-cream .btn.line:hover{background:#fff}
.btn.off{border:1.5px dashed rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.1);cursor:default}
.t-cream .btn.off{border-color:#b5b09f;color:var(--mute);background:transparent}
.fl{position:absolute;width:clamp(90px,14vw,190px);filter:drop-shadow(0 18px 24px rgba(0,0,0,.25));z-index:1}
.fl.a{right:5%;top:20px;transform:rotate(12deg)}.fl.b{right:21%;top:250px;transform:rotate(-10deg);width:clamp(80px,11vw,150px)}.fl.c{right:1%;top:330px;transform:rotate(8deg);width:clamp(80px,12vw,160px)}

.strip{background:var(--paper);padding:24px 0;overflow:hidden;border-bottom:1px solid var(--line)}
.strip .row{display:flex;gap:40px;align-items:center;width:max-content;animation:go 32s linear infinite}
.strip img{width:60px;flex:none}.strip span{font-weight:500;font-size:18px;color:var(--mute);flex:none}
@keyframes go{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.strip .row{animation:none}html{scroll-behavior:auto}}

section{padding:88px 0}.cream{background:var(--cream)}
h2{font-size:clamp(32px,4.6vw,54px);letter-spacing:-.035em;line-height:1.05;margin:0 0 14px;font-weight:600;max-width:680px}
.sub{color:var(--mute);max-width:560px;margin:0 0 44px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.big{padding:30px;background:#fff;border:1px solid var(--line);border-radius:28px 28px 28px 6px}
.big .n{font-size:68px;line-height:1;font-weight:600;color:var(--teal);letter-spacing:-.06em}
.big h3{font-size:21px;margin:14px 0 6px;letter-spacing:-.01em}.big p{margin:0;color:var(--mute);font-size:16px}
.big.s{background:var(--saffron);border-color:var(--saffron);border-radius:6px 28px 28px 28px}.big.s .n{color:#1a1200}.big.s p{color:#4b3500}
.cream .big{background:var(--paper)}
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
.facts{display:grid;gap:0}.fact{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:44px 1fr;gap:6px 14px}
.fact:last-child{border-bottom:1px solid var(--line)}.fact i{grid-row:span 2;width:44px;height:44px;border-radius:14px 14px 14px 4px;background:var(--teal);display:grid;place-items:center;color:#fff;font-style:normal;font-weight:600}
.fact b{font-size:19px;letter-spacing:-.01em}.fact span{color:var(--mute);font-size:16px}
.join .jc{padding:40px;display:flex;flex-direction:column;gap:12px;min-height:290px}
.jc.d{background:var(--ink);color:#fff;border-radius:32px 32px 6px 32px}.jc.t{background:var(--teal-l);border-radius:32px 6px 32px 32px}
.jc img{width:84px}.jc h3{font-size:30px;line-height:1.1;letter-spacing:-.03em;margin:0}.jc p{margin:0;flex:1;opacity:.82}
.jc .btn{align-self:flex-start}.jc.d .btn{background:var(--saffron);color:#1a1200;font-weight:600}.jc.t .btn{background:var(--teal);color:#fff}
.role-icon{width:72px;margin-bottom:6px}
.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:56px}
.faq dl{margin:0}.faq dt{font-weight:600;font-size:19px;margin:0 0 6px;letter-spacing:-.01em}.faq dd{margin:0 0 28px;color:var(--mute)}
.card{background:#fff;border:1px solid var(--line);border-radius:6px 28px 28px 28px;padding:30px}
.card p{margin:0 0 10px}.card .big-mail{display:inline-block;font-size:clamp(17px,2.3vw,24px);font-weight:600;letter-spacing:-.02em;color:var(--teal);text-decoration:none;overflow-wrap:anywhere}.card .big-mail:hover{text-decoration:underline}
.faq a{color:var(--teal)}
.band{background:var(--teal);color:#fff;padding:56px 0}.band .wrap{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}
.band h2{margin:0;font-size:clamp(26px,3.4vw,38px)}.band p{margin:6px 0 0;color:var(--on-teal)}

/* legal pages: calm and readable */
.legal{padding:56px 0 88px}.legal .wrap{max-width:760px}
.legal h1{font-size:clamp(34px,5vw,48px);letter-spacing:-.03em;line-height:1.1;margin:0 0 8px;font-weight:600}
.legal h2{font-size:22px;letter-spacing:-.01em;margin:40px 0 8px;max-width:none}
.legal p,.legal li{margin:0 0 12px}.legal ul{padding-left:22px;margin:0 0 12px}.updated{color:var(--mute);font-size:15px}
.legal a{color:var(--teal)}
.draft{background:#FFF4D6;border:1px solid #F5C77E;color:#7A4306;border-radius:12px;padding:12px 16px;margin-bottom:24px;font-weight:600}

footer{background:var(--ink);color:#b6bcc7;padding:48px 0 36px;font-size:15px}
footer .cols{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}
footer .word{color:#fff;font-size:26px}footer p{margin:10px 0 0;max-width:300px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}footer h3{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:#fff;margin:0 0 10px}
footer a{text-decoration:none}footer a:hover{color:#fff;text-decoration:underline}
footer .fine{border-top:1px solid #2a3140;margin-top:32px;padding-top:20px;font-size:14px}

@media(max-width:860px){
 section{padding:64px 0}.hero{padding:24px 0 64px}
 .grid3,.grid4,.grid2,.split,.faq{grid-template-columns:1fr}.split,.faq{gap:28px}
 .fl.a,.fl.b{display:none}.fl{opacity:.35}.fl.c{top:auto;bottom:16px}
 .band .wrap{align-items:flex-start}.join .jc{padding:30px;min-height:0}
}

/* small screens: wordmark and language on the first row, the menu below */
@media(max-width:640px){.top header .wrap{row-gap:10px}nav{order:3;width:100%}.lang ul{min-width:180px}}

/* right-to-left (Arabic, Kurdish Sorani): Arabic script, mirrored shapes, no letter-spacing (it breaks the joined letters) */
[dir=rtl] body{font-family:"Noto Sans Arabic",Poppins,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.8}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .big .n,[dir=rtl] .fact b,[dir=rtl] .faq dt,[dir=rtl] .card .big-mail{letter-spacing:0}
[dir=rtl] .hero h1{font-size:clamp(40px,7.4vw,92px);line-height:1.18}
[dir=rtl] .hero h1.mid{font-size:clamp(36px,5.8vw,70px);line-height:1.22}
[dir=rtl] h2{line-height:1.25;font-size:clamp(30px,4vw,46px)}
[dir=rtl] .word{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .big{border-radius:28px 28px 6px 28px}[dir=rtl] .big.s{border-radius:28px 6px 28px 28px}
[dir=rtl] .hero .eyebrow{border-radius:999px 999px 6px 999px}
[dir=rtl] .fact i{border-radius:14px 14px 4px 14px}
[dir=rtl] .jc.d{border-radius:32px 32px 32px 6px}[dir=rtl] .jc.t{border-radius:6px 32px 32px 32px}
[dir=rtl] .card{border-radius:28px 6px 28px 28px}
[dir=rtl] .lang ul{border-radius:18px 18px 6px 18px}
[dir=rtl] .fl.a{right:auto;left:5%;transform:rotate(-12deg)}
[dir=rtl] .fl.b{right:auto;left:21%;transform:rotate(10deg)}
[dir=rtl] .fl.c{right:auto;left:1%;transform:rotate(-8deg)}
[dir=rtl] .strip .row{animation-name:go-rtl}
@keyframes go-rtl{to{transform:translateX(50%)}}
@media(prefers-reduced-motion:reduce){[dir=rtl] .strip .row{animation:none}}

[dir=rtl] strong[dir=ltr]{white-space:nowrap}