:root{--ink:#083b43;--deep:#052f35;--teal:#0c5962;--gold:#c99b51;--sand:#f2eee5;--paper:#fbfaf7;--white:#fff;--line:rgba(8,59,67,.16);--pad:clamp(4rem,9vw,8.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Arabic",sans-serif;font-size:17px;line-height:1.8;overflow-x:hidden}html[lang=en] body{font-family:Manrope,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.topbar{height:88px;display:flex;align-items:center;gap:28px;padding:10px clamp(20px,5vw,76px);position:fixed;inset:0 0 auto;z-index:100;background:rgba(251,250,247,.88);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:.3s}.topbar.scrolled{height:72px;border-color:var(--line);box-shadow:0 8px 30px rgba(3,32,36,.05)}.brand img{width:145px;height:90px;object-fit:contain;display:block}.topbar nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px);margin-inline-start:auto}.topbar nav a{font-size:.86rem;font-weight:600;position:relative;white-space:nowrap}.topbar nav a:not(.nav-cta):after{content:"";height:2px;background:var(--gold);position:absolute;inset:auto 0 -6px;width:0;transition:.25s}.topbar nav a:hover:after{width:100%}.nav-cta{border:1px solid var(--ink);padding:8px 18px;border-radius:30px}.lang{border:0;background:var(--gold);color:var(--deep);width:42px;height:42px;border-radius:50%;font-size:.76rem;font-weight:800;cursor:pointer}.menu-toggle{display:none}.hero{min-height:100vh;padding:150px clamp(24px,8vw,130px) 70px;background:var(--deep);color:white;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to left,#000,transparent 75%)}.orb{position:absolute;border-radius:50%;filter:blur(4px)}.orb-a{width:420px;height:420px;background:radial-gradient(circle at 30% 30%,rgba(201,155,81,.33),transparent 68%);left:-100px;bottom:-120px}.orb-b{width:300px;height:300px;border:1px solid rgba(201,155,81,.3);right:42%;top:18%;box-shadow:0 0 80px rgba(201,155,81,.08)}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;color:var(--gold)}.hero h1,.section-heading h2,.method h2,.impact h2,.leader h2,.partners h2,.contact h2{font-size:clamp(2.6rem,5.8vw,6rem);line-height:1.14;margin:.35em 0 .35em;letter-spacing:-.04em}.hero h1 em,.method h2 em,.contact h2 em{color:var(--gold);font-style:normal;font-weight:400}.hero p{max-width:620px;font-size:clamp(1.05rem,1.5vw,1.3rem);color:rgba(255,255,255,.73)}.hero-actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 25px;border-radius:4px;font-weight:700;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--gold);color:var(--deep)}.btn.ghost{border-color:rgba(255,255,255,.45);color:white}.hero-mark{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1}.hero-mark:before,.hero-mark:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;inset:4%}.hero-mark:after{inset:18%;border-color:rgba(201,155,81,.35)}.hero-mark span{font-size:clamp(6rem,15vw,13rem);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7);line-height:1;z-index:1}.hero-mark small{font-size:.58rem;letter-spacing:.26em;color:var(--gold);z-index:1}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;font-size:.7rem;letter-spacing:.12em}.scroll-cue i{height:1px;width:45px;background:var(--gold)}.section-pad{padding:var(--pad) clamp(24px,8vw,130px)}.section-heading{display:grid;grid-template-columns:90px 1fr;margin-bottom:70px}.section-heading .index,.impact-copy .index{font:500 1rem Manrope;color:var(--gold);border-top:1px solid var(--gold);padding-top:8px}.section-heading h2,.leader h2,.partners h2{font-size:clamp(2.2rem,4.4vw,4.7rem)}.section-heading h2{margin-top:.15em}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px)}.about-copy .lead{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.75;margin-top:0}.vision-mission{border-top:1px solid var(--line);margin-top:40px}.vision-mission article{display:grid;grid-template-columns:100px 1fr;padding:24px 0;border-bottom:1px solid var(--line)}.vision-mission p{margin:0;color:#436469}.principles{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.principles article{background:var(--paper);padding:28px;min-height:175px;display:flex;flex-direction:column;justify-content:space-between}.principles span,
.service>b,.impact-cards b,.difference-grid span{color:var(--gold);font:600 .85rem Manrope}.principles h3{font-size:1.3rem;margin:20px 0 0}.values{margin-top:70px;padding:25px 0;border-block:1px solid var(--line);display:flex;align-items:center;gap:50px}.values>span{font-weight:700;color:var(--gold)}.values ul{display:flex;list-style:none;padding:0;margin:0;gap:clamp(20px,4vw,64px);flex-wrap:wrap}
.services{background:var(--deep);color:white}.section-heading.light h2{color:white}
.service-list{border-top:1px solid rgba(255,255,255,.16)}
.service{display:grid;grid-template-columns:60px 120px 1fr;gap:20px;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.16);align-items:start;transition:.3s}.service:hover{padding-inline:18px;background:rgba(255,255,255,.035)}.service-icon{font-size:2.2rem;color:var(--gold)}.service h3{font-size:clamp(1.35rem,2vw,2rem);margin:0 0 8px}.service p{margin:0;max-width:850px;color:rgba(255,255,255,.62)}.method{background:var(--sand);display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(40px,8vw,130px);align-items:start}.method h2{font-size:clamp(2.2rem,4.3vw,4.6rem)}.steps{counter-reset:step}
.steps article{padding:25px 0;border-top:1px solid rgba(8,59,67,.25);display:grid;grid-template-columns:120px 1fr 1fr;align-items:center}.steps span{color:var(--gold);font:600 .8rem Manrope}.steps h3,.steps p{margin:0}.steps h3{font-size:1.25rem}.steps p{color:#587075}.impact{background:linear-gradient(135deg,#0a4c54,#052e34);color:white;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,8vw,120px);align-items:center}.impact-copy .index{display:block;width:60px}.impact-copy h2{font-size:clamp(2.2rem,4vw,4.5rem)}.impact-copy>p:last-child{color:rgba(255,255,255,.68)}.impact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.impact-cards article{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);padding:32px;min-height:210px}.impact-cards article:nth-child(2),.impact-cards article:nth-child(3){background:rgba(201,155,81,.12)}.impact-cards h3{font-size:1.35rem;margin:35px 0 8px}.impact-cards p{color:rgba(255,255,255,.65);margin:0}.difference-grid{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line)}.difference-grid article{padding:30px 24px;border-inline-start:1px solid var(--line)}.difference-grid article:first-child{border-inline-start:0}.difference-grid h3{font-size:1.25rem;margin:35px 0 12px}.difference-grid p{font-size:.93rem;color:#587075}.leader{background:var(--sand);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,8vw,130px);align-items:center}.leader-portrait{min-height:540px;background:linear-gradient(145deg,#063c43 0 55%,#c99b51 55% 58%,#e7ddca 58%);position:relative;overflow:hidden}.leader-portrait:after{content:"ص";position:absolute;inset:5% auto auto 8%;font-size:25rem;line-height:1;color:rgba(255,255,255,.06);font-weight:700}.portrait-shape{position:absolute;bottom:40px;right:40px;left:40px;background:white;padding:25px;z-index:2}.portrait-image{position: absolute;
    top: 0px;
    right: -90px;
    left: 40px;
    background: white;
    padding: 5px;
    z-index: 2;
    width: 600px;
    opacity: .9;}.portrait-shape span{font:700 4rem Manrope;color:var(--gold)}.portrait-shape small{display:block}.leader-copy>p:not(.kicker){font-size:1.1rem;color:#46636a}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.stats div{border-top:1px solid var(--line);padding-top:18px}.stats b{font:700 2.4rem Manrope;color:var(--gold);display:block}.stats span{font-size:.83rem}.partners{background:#faf9f5}.partners-title{text-align:center;max-width:900px;margin:auto}.partner-orbit{position:relative;max-width:900px;min-height:500px;margin:50px auto 0;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center}.partner-orbit:before{content:"";position:absolute;inset:20%;border:1px dashed var(--line);border-radius:50%}.orbit-core{width:300px;height:300px;border-radius:50%;background:white;display:flex;align-items:center;padding:30px;box-shadow:0 20px 60px rgba(7,51,57,.12);z-index:2}.orbit-core img{width:100%}.partner-orbit>span{position:absolute;background:var(--deep);color:white;padding:10px 18px;border-radius:25px;font-size:.86rem;z-index:3}.partner-orbit>span:nth-of-type(1){top:5%;right:18%}.partner-orbit>span:nth-of-type(2){top:42%;right:-5%}.partner-orbit>span:nth-of-type(3){bottom:5%;right:15%}.partner-orbit>span:nth-of-type(4){bottom:12%;left:5%}.partner-orbit>span:nth-of-type(5){top:20%;left:-2%}.brands{background:var(--paper)}.brand-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brand-cards article{padding:50px;background:var(--sand);border-top:4px solid var(--teal)}.brand-cards article.gold{background:var(--deep);color:white;border-color:var(--gold)}.brand-cards small{color:var(--gold)}.brand-cards h3{font-size:2rem;margin:.5em 0}.brand-cards p{opacity:.7}.contact{background:var(--deep);color:white;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,120px)}.contact h2{font-size:clamp(2.4rem,4.8vw,5.2rem)}.contact-heading>p:not(.kicker){color:rgba(255,255,255,.67);max-width:590px}.direct-contact{display:flex;flex-direction:column;margin-top:40px;gap:5px}.direct-contact a{font:500 1.05rem Manrope;color:var(--gold)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-self:center}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:.85rem}.contact-form input,.contact-form textarea{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.055);color:white;padding:13px 15px;outline:0;border-radius:2px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}.wide{grid-column:1/-1}.contact-form button{justify-content:space-between}.contact-form small{color:rgba(255,255,255,.45)}footer{background:#021f23;color:white;padding:50px clamp(24px,8vw,130px);display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:40px}footer img{width:160px;filter:brightness(0) invert(1);opacity:.9}footer p{color:rgba(255,255,255,.55)}footer div{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:.75rem}footer div a{color:var(--gold)}
    .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}
    .reveal.visible{opacity:1;transform:none;position: relative;}
    .reveal.visible article{position: relative;}
    .effect-img{width: 100px;
   

   
}

.effect-img.white{ 
    filter: brightness(0) invert(1);
    opacity: .9;}

   .effect-img.gold {
  filter: brightness(0) saturate(100%) invert(64%) sepia(38%) saturate(913%) hue-rotate(352deg) brightness(94%) contrast(89%);
}

.difference-grid article,
.brand-cards article{position: relative;}
.brand-cards article .effect-img{width: 200px!important;}
@media(max-width:1000px){.topbar nav{position:fixed;inset:72px 0 auto;background:var(--paper);display:none;flex-direction:column;align-items:stretch;padding:30px}.topbar nav.open{display:flex}.menu-toggle{display:flex;margin-inline-start:auto;border:0;background:none;width:40px;height:40px;flex-direction:column;gap:7px;justify-content:center}.menu-toggle span{height:2px;background:var(--ink);width:25px}.hero{grid-template-columns:1fr}.hero-mark{display:none}.about-layout,.method,.impact,.leader,.contact{grid-template-columns:1fr}.difference-grid{grid-template-columns:1fr 1fr}.difference-grid article:first-child{border-inline-start:1px solid var(--line)}.partner-orbit{border-radius:30px;min-height:520px}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){body{font-size:16px}.topbar{height:72px;padding:8px 20px}.brand img{width:115px}.hero{padding:130px 22px 70px;min-height:92vh}.hero h1{font-size:3.2rem}.hero-actions .btn{width:100%}.section-pad{padding:70px 22px}.section-heading{grid-template-columns:40px 1fr;margin-bottom:45px}.section-heading h2,.method h2,.impact h2,.leader h2,.partners h2,.contact h2{font-size:2.55rem}.about-layout{gap:40px}.principles{grid-template-columns:1fr}.values{align-items:flex-start;gap:25px}.values ul{gap:12px 28px}
.service{grid-template-columns:35px 35px 1fr}.service p{font-size:.9rem}
.steps article{grid-template-columns:35px 1fr}.steps p{grid-column:2}.impact-cards,.brand-cards{grid-template-columns:1fr}.difference-grid{grid-template-columns:1fr}.difference-grid article{border-inline-start:0;border-top:1px solid var(--line)}.leader-portrait{min-height:420px}.stats{grid-template-columns:1fr}.partner-orbit{display:grid;min-height:auto;border:0;gap:12px}.partner-orbit:before{display:none}.orbit-core{margin:0 auto 15px}.partner-orbit>span{position:static;text-align:center}.contact-form{grid-template-columns:1fr}.contact-form>*{grid-column:1}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}footer div{align-items:center}}