@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Manrope:wght@400;600;700;800&display=swap');
:root{--green:#087860;--deep:#045647;--lime:#88c040;--blue:#2878b8;--coral:#e84840;--ink:#182421;--muted:#687b77;--soft:#e7f3ef;--line:#d8e0e0;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'Cairo',Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}
.nav{height:92px;display:grid;grid-template-columns:210px 1fr 190px;align-items:center;gap:24px}.logo img{width:184px;height:65px;object-fit:contain}.nav-links{display:flex;justify-content:center;gap:clamp(15px,2vw,31px);font-size:11px;font-weight:800}.nav-links a{padding:34px 0;position:relative}.nav-links a.active:after,.nav-links a:hover:after{content:"";position:absolute;inset-inline:0;bottom:24px;height:2px;background:var(--lime)}.nav-cta{justify-self:end;background:var(--green);color:#fff;padding:14px 20px;font-size:11px;font-weight:900}
.hero{min-height:690px;display:grid;grid-template-columns:1.04fr .96fr;gap:7%;align-items:center;position:relative}.hero-media{height:570px;position:relative;order:2}.hero-copy{order:1}.hero-main{position:absolute;inset:25px 10px 20px 0;width:92%;height:91%;object-fit:cover;clip-path:ellipse(68% 61% at 42% 49%);animation:ken 12s ease-in-out infinite alternate}.hero-media:before{content:"";position:absolute;width:150px;height:150px;background:var(--lime);border-radius:50%;top:18px;inset-inline-end:12px;z-index:2}.hero-media:after{content:"";position:absolute;width:210px;height:210px;background:var(--green);clip-path:polygon(100% 0,100% 100%,0 100%);bottom:17px;inset-inline-end:0;z-index:3}.orbit{position:absolute;width:120px;height:120px;border:4px solid #fff;border-radius:50%;bottom:41px;inset-inline-end:36px;z-index:4}.grid-mark{position:absolute;inset:0;background-image:linear-gradient(rgba(8,120,96,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,120,96,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000,transparent);z-index:-1}.eyebrow{color:var(--green);font-size:12px;font-weight:900;margin:0 0 16px}.hero h1{font-size:clamp(53px,5.3vw,84px);line-height:1.12;letter-spacing:-.055em;margin:0;font-weight:900;max-width:670px}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:2;color:var(--muted);max-width:610px;margin:24px 0}.button{display:inline-flex;align-items:center;gap:50px;background:var(--green);color:#fff;padding:15px 22px;font-size:11px;font-weight:900;transition:.3s}.button:hover{translate:0 -4px;background:var(--deep)}
.section{padding:100px 0}.story{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.story-media{height:520px;position:relative}.story-media .main{position:absolute;inset:0 0 70px 12%;width:88%;height:82%;object-fit:cover;border-radius:240px 240px 30px 30px}.story-media .small{position:absolute;bottom:0;inset-inline-start:0;width:48%;height:44%;object-fit:cover;border:9px solid #fff;border-radius:50%}.year{position:absolute;inset-inline-end:1%;bottom:0;font-size:clamp(70px,9vw,126px);line-height:1;color:var(--green);font-weight:900;letter-spacing:-.08em}.story h2,.head h2,.why h2,.recognition h2,.community h2{font-size:clamp(40px,4.5vw,67px);line-height:1.15;letter-spacing:-.05em;margin:0}.story p,.why p,.recognition p,.community p{color:var(--muted);font-size:13px;line-height:2}.quote{margin-top:30px;border-inline-start:5px solid var(--lime);padding:12px 20px;font-size:18px!important;font-weight:800;color:var(--green)!important}
.why-wrap{background:var(--soft)}.why{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;align-items:center}.why-photo{height:460px;object-fit:cover;width:100%;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}[dir=rtl] .why-photo{clip-path:polygon(12% 0,100% 0,100% 100%,12% 100%,0 50%)}.sectors{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sector{background:#fff;border:1px solid rgba(8,120,96,.13);padding:18px 14px;font-size:11px;font-weight:900;color:var(--green);display:flex;gap:11px;align-items:center}.sector i{font-size:24px;font-style:normal;color:var(--accent)}
.head{text-align:center;max-width:820px;margin:0 auto 50px}.head .eyebrow{color:var(--green)}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.journey:before{content:"";position:absolute;top:38px;left:8%;right:8%;height:1px;background:var(--line)}.step{position:relative;padding:0 18px;text-align:center}.step b{width:76px;height:76px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 24px;color:var(--accent);font-size:20px;position:relative;z-index:2;transition:.3s}.step:hover b{background:var(--accent);color:#fff;scale:1.08}.step h3{font-size:16px;margin:0 0 9px}.step p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}
.support-wrap{background:var(--green);color:#fff}.support-wrap .head .eyebrow{color:var(--lime)}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18);border-inline-start:1px solid rgba(255,255,255,.18)}.support-card{min-height:185px;padding:30px;border-inline-end:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);transition:.3s}.support-card:hover{background:rgba(255,255,255,.08)}.support-card i{font-size:35px;color:var(--lime);font-style:normal}.support-card h3{font-size:18px;margin:18px 0 8px}.support-card p{font-size:10px;line-height:1.8;color:#c8e2dc;margin:0}
.recognition{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;border:1px solid var(--line)}.recognition-copy{padding:65px}.recognition-media{min-height:500px;position:relative;overflow:hidden}.recognition-media img{width:100%;height:100%;object-fit:cover}.recognition-media:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(40,120,184,.85) 50%)}.facts{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}.fact{padding:22px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line)}.fact strong{font-size:30px;color:var(--green);display:block}.fact span{font-size:9px;color:var(--muted)}
.community{display:grid;grid-template-columns:.78fr 1.22fr;gap:5%;align-items:center}.community-collage{height:430px;position:relative}.community-collage img{position:absolute;object-fit:cover;border:8px solid #fff;box-shadow:0 20px 55px rgba(20,39,36,.12)}.community-collage img:nth-child(1){width:58%;height:62%;top:0;inset-inline-start:0;border-radius:50%}.community-collage img:nth-child(2){width:54%;height:62%;top:8%;inset-inline-end:0;border-radius:50%}.community-collage img:nth-child(3){width:52%;height:57%;bottom:0;inset-inline-start:25%;border-radius:50%}.community .button{margin-top:18px}
.final{background:linear-gradient(110deg,var(--green),var(--blue));color:#fff;padding:55px 0}.final .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.final h2{font-size:clamp(31px,4vw,52px);margin:0 0 8px}.final p{margin:0;color:#d7ebe6}.final .button{background:#fff;color:var(--green);white-space:nowrap}.footer{background:#26302e;color:#fff;padding:42px 0}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer img{width:170px;filter:brightness(0) invert(1)}.footer p{font-size:11px;color:#c9d2d0}
[data-reveal]{opacity:0;translate:0 28px;transition:.8s ease}[data-reveal].show{opacity:1;translate:0 0}@keyframes ken{to{scale:1.045}}
@media(max-width:980px){.nav{grid-template-columns:160px 1fr}.nav-links{display:none}.nav-cta{display:none}.logo img{width:155px}.hero,.story,.why,.recognition,.community{grid-template-columns:1fr}.hero{padding:30px 0 70px}.hero-media,.hero-copy{order:initial}.hero-media{height:480px}.journey{grid-template-columns:1fr 1fr}.journey:before{display:none}.step{margin-bottom:35px}.support-grid{grid-template-columns:1fr 1fr}.community-collage{order:-1}}@media(max-width:620px){.wrap{width:min(100% - 28px,1240px)}.hero h1{font-size:45px}.hero-media{height:370px}.hero-media:before{width:90px;height:90px}.hero-media:after{width:130px;height:130px}.story-media{height:390px}.why{padding-inline:14px}.why-photo{height:330px}.sectors,.support-grid,.facts{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr}.recognition-copy{padding:35px 24px}.final .wrap,.footer .wrap{display:block}.final .button{margin-top:24px}.footer img{margin-bottom:20px}.section{padding:72px 0}}

/* Hosting project helpers */
.language-switch{position:fixed;z-index:9999;bottom:20px;inset-inline-end:20px;background:#087860;color:#fff!important;padding:10px 14px;border-radius:999px;font:800 11px/1 Cairo,Arial,sans-serif;box-shadow:0 8px 30px rgba(0,0,0,.18)}