@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexSansArabic-Light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexSansArabic-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexSansArabic-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--forest:#0E3B2C;--green-800:#145238;--action:#1F6F4A;--green-500:#2E8B5E;--gold:#C9A24A;--gold-600:#B8913A;--gold-900:#5B4618;--cream:#FBFAF6;--ink:#13241C;--muted:#5E6E66;--green-100:#E3F1E8;--green-200:#9FD3B6;--white:#FFFFFF;--leaf:32px 6px 32px 6px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Plex,Arial,sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none;text-underline-offset:6px}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5}h2{font-size:clamp(29px,3.1vw,43px);font-weight:500;text-wrap:balance}h3{font-size:23px;font-weight:500}p{color:var(--muted)}::selection{background:var(--gold);color:var(--forest)}:focus-visible{outline:3px solid var(--gold-900);outline-offset:5px}.hero :focus-visible,.final-cta :focus-visible{outline-color:var(--gold)}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:-100px;right:20px;z-index:100;background:var(--gold);color:var(--ink);padding:10px 20px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:var(--cream);border-bottom:1px solid var(--green-100)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{width:104px;height:78px;overflow:hidden}.brand img{width:104px;height:104px;object-fit:contain;position:relative;top:-12px}nav{display:flex;gap:32px;align-items:center}nav a{font-weight:500;font-size:15px}nav a:hover{color:var(--action);text-decoration:underline}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:54px;padding:12px 25px;border:1px solid transparent;border-radius:16px 4px 16px 4px;font-size:16px;font-weight:500;transition:background .2s,color .2s}.button span{font-family:Arial,sans-serif;font-size:22px}.button-green{background:var(--action);color:var(--white)}.button-green:hover{background:var(--forest)}.button-gold{background:var(--gold);color:var(--forest)}.button-gold:hover{background:var(--gold-600)}.button-outline{border-color:var(--green-200);color:var(--white)}.button-outline:hover{background:var(--green-800)}.hero{background:var(--forest);color:var(--cream);overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding-block:78px 62px}.eyebrow{font-size:14px;color:var(--green-200);display:flex;align-items:center;gap:12px;margin-bottom:20px}.eyebrow>span{width:7px;height:7px;background:var(--gold);border-radius:50%}h1{font-size:22px;font-weight:400;margin-bottom:10px}.hero-tagline{font-size:clamp(38px,4.1vw,58px);line-height:1.55;font-weight:500;color:var(--gold);margin-bottom:20px}.hero-lead{max-width:510px;font-size:19px;color:var(--cream);font-weight:300;line-height:2}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.waqf-credit{font-size:13px;color:var(--green-200);margin-top:30px}.hero-art{position:relative;min-height:460px;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-art img{width:380px;height:380px;object-fit:contain}.leaf-outline{position:absolute;width:330px;height:410px;border:1px solid var(--green-500);border-radius:70% 5% 70% 5%;z-index:-1;opacity:.4;transform:rotate(-12deg)}.leaf-two{transform:rotate(12deg);width:370px;height:430px;border-color:var(--gold);opacity:.2}.art-caption{position:absolute;bottom:5px;color:var(--green-200);font-size:14px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--green-800);padding-block:21px;font-size:13px;color:var(--green-200)}.hero-bottom a{color:var(--cream)}.hero-bottom a span{margin-inline-start:18px}.section{padding-block:96px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-intro h2 span{color:var(--action)}.lead{font-size:21px;color:var(--ink);margin-bottom:15px}.support-note{font-size:14px;color:var(--action);margin-top:22px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;padding-top:32px;border-top:1px solid var(--green-200)}.pillars>div{padding-inline:26px;border-inline-start:1px solid var(--green-200)}.pillars>div:first-child{padding-inline-start:0;border:0}.pillars h3{font-size:21px;color:var(--forest);margin-bottom:8px}.pillars p{font-size:14px}.features{background:var(--white)}.section-heading{margin-bottom:40px}.section-heading p{margin-top:14px;max-width:650px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{padding:32px;background:var(--cream);border-radius:var(--leaf)}.feature-card svg{width:32px;height:32px;color:var(--action);margin-bottom:23px}.feature-card h3{margin-bottom:12px}.feature-card p{font-size:15px}.ecosystem .section-heading{max-width:800px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.audience-card{border-top:1px solid var(--gold);padding:30px 24px 10px 0;display:flex;flex-direction:column}.platform-name{font-size:14px;color:var(--action);margin-bottom:10px}.audience-card h3{font-size:27px;margin-bottom:14px}.audience-card p{font-size:16px;margin-bottom:24px}.audience-card a,.audience-note{margin-top:auto;font-size:15px;color:var(--action);font-weight:500}.audience-card a span{margin-inline-start:20px}.audience-card a:hover{text-decoration:underline}.audience-note{color:var(--muted);font-weight:400}.final-cta{background:var(--green-800);color:var(--white);padding-block:65px;border-top:5px solid var(--gold)}.cta-layout{display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta h2 span{color:var(--gold)}.final-cta p{color:var(--green-200);margin-top:16px}.final-cta .actions{margin:0;flex-direction:column;align-items:center}.teacher-link{padding:10px;color:var(--white)}.teacher-link:hover{text-decoration:underline}.site-footer{padding-block:30px 24px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:30px}.footer-brand img{width:116px;height:110px;object-fit:contain}.footer-brand p{font-size:14px;color:var(--forest)}.footer-credit{max-width:290px;font-size:14px}.site-footer nav{flex-direction:column;gap:12px;align-items:start}.footer-bottom{border-top:1px solid var(--green-100);padding-top:22px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.menu-toggle{border:1px solid var(--green-200);border-radius:6px;background:none;color:var(--forest);padding:7px 12px;cursor:pointer}.menu-toggle span{margin-right:8px}
@media(min-width:761px){.menu-toggle{display:none}}@media(max-width:1000px){nav{gap:22px}.hero-layout{gap:20px}.hero-art img{width:300px;height:300px}.leaf-outline{width:260px;height:340px}.leaf-two{width:290px;height:360px}.feature-card{padding:26px}.section-intro{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.nav-wrap{gap:14px;flex-wrap:wrap;min-height:78px}.brand{height:74px}.nav-cta{margin-inline-start:auto;min-height:42px;padding:8px 13px;font-size:13px;gap:12px}.menu-toggle:not([hidden]){display:block}.site-header nav{order:4;width:100%;justify-content:space-between;gap:12px;padding:0 0 18px}.site-header nav[hidden]{display:none}.site-header nav a{font-size:14px}.hero-layout{grid-template-columns:1fr;padding-block:44px 30px;gap:12px}.hero-tagline{font-size:40px}.hero-lead{font-size:17px;max-width:480px}.hero .actions{gap:12px}.hero .button{padding-inline:18px;gap:20px;font-size:14px}.waqf-credit{font-size:12px;max-width:310px}.hero-art{min-height:285px}.hero-art img{height:260px;width:260px}.leaf-outline{width:205px;height:235px}.leaf-two{width:230px;height:255px}.art-caption{bottom:0;font-size:12px}.hero-bottom{font-size:12px;gap:16px}.hero-bottom>span{display:none}.hero-bottom a{width:100%;display:flex;justify-content:space-between}.section{padding-block:60px}.section-intro{grid-template-columns:1fr;gap:24px}.lead{font-size:19px}.pillars{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:36px;padding-top:28px}.pillars>div{padding:0;border:0}.pillars h3{font-size:20px}.pillars p{font-size:13px}.feature-grid{grid-template-columns:1fr 1fr;gap:14px}.feature-card{padding:24px 20px}.feature-card h3{font-size:20px}.feature-card p{font-size:14px}.feature-card svg{margin-bottom:15px}.audience-grid{grid-template-columns:1fr;gap:28px}.audience-card{padding:24px 0 0}.audience-card p{margin-bottom:16px}.cta-layout{align-items:start;flex-direction:column;gap:30px}.final-cta{padding-block:48px}.final-cta .actions{align-items:start}.footer-main{flex-wrap:wrap;align-items:start;gap:24px}.footer-brand{width:100%}.footer-credit{max-width:200px;flex:1}.site-footer nav{gap:12px}.site-footer nav a{font-size:13px}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:390px){.container{width:calc(100% - 32px)}.nav-wrap{gap:8px}.brand{width:86px}.brand img{width:86px;top:-5px}.menu-toggle{font-size:13px;padding:7px 9px}.nav-cta{font-size:12px;padding:8px 10px}.hero-tagline{font-size:36px}.feature-grid{grid-template-columns:1fr}.hero .button{gap:14px;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}