:root{--navy:#0b213e;--green:#00845d;--gold:#d4aa29;--blue:#008bbb;--muted:#60748b;--pale:#eef4f4;--line:#dce5e8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);background:#fff;font-family:Arial,'Noto Sans Arabic',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.topline{height:6px;background:linear-gradient(to right,var(--green) 79%,var(--gold) 79%)}header{padding:20px 4.8%;display:flex;align-items:center;gap:28px;min-height:100px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;line-height:1.3;font-size:15px;font-weight:800;letter-spacing:.06em}.brand img{border-radius:50%;object-fit:cover}.brand small{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:5px}nav{display:flex;gap:28px;margin-inline-start:auto;font-size:12px;font-weight:600}nav a:hover{color:var(--green)}.nav-contact{color:var(--green)}#language{background:var(--pale);border:1px solid var(--line);padding:8px 14px;border-radius:4px;color:var(--navy);cursor:pointer}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:650px}.hero-copy{padding:65px 7% 26px 9%;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow>span:first-child:not(:last-child){width:7px;height:7px;background:var(--green);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.5vw,70px);line-height:1.07;letter-spacing:-.055em;margin:22px 0 28px;font-weight:750}.intro{max-width:430px;color:var(--muted);font-size:15px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:18px}.button{display:inline-block;padding:14px 21px;font-size:12px;font-weight:600;border:0;cursor:pointer;border-radius:2px}.green{background:var(--green);color:#fff}.green:hover{background:#00694c}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #b9cacb;padding:6px 0}.hero-bottom{border-top:1px solid var(--line);padding-top:19px;margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;gap:15px}.hero-bottom a{font-size:25px;color:var(--green)}.hero-art{position:relative;overflow:hidden;background:var(--navy);display:flex;align-items:center;justify-content:center;isolation:isolate;min-height:570px}.logo-wrap{width:67%;max-width:370px;aspect-ratio:1;z-index:2;transform:translateY(-25px);border-radius:50%;box-shadow:0 25px 90px #0004;overflow:hidden}.logo-wrap img{width:100%;height:100%;object-fit:cover;display:block}.orbit{position:absolute;width:135%;height:25%;border:2px solid #008bbb60;transform:rotate(-30deg);border-radius:50%;z-index:-1}.orbit1{border-width:17px;border-top-color:transparent;border-left-color:transparent}.orbit2{transform:rotate(-30deg) translateY(25px);border-color:#d4aa2955;border-width:4px}.art-word{position:absolute;top:40px;left:30px;font-size:80px;font-weight:900;line-height:.9;letter-spacing:-.07em;color:#ffffff05}.art-note{position:absolute;bottom:45px;left:40px;right:40px;display:flex;align-items:center;gap:16px;border-top:1px solid #ffffff25;padding-top:22px;color:#fff}.tiny-star{color:var(--gold);font-size:28px}.art-note p{font-size:13px;line-height:1.6;margin:0}.vertical-word{position:absolute;right:15px;writing-mode:vertical-rl;color:#b2c7da;font-size:8px;letter-spacing:.15em;top:60px}.ticker{display:flex;align-items:center;justify-content:space-around;gap:20px;padding:24px 5%;border-bottom:1px solid var(--line);font-size:12px;font-weight:800;letter-spacing:.13em;overflow:hidden}.ticker i{color:var(--gold);font-style:normal;font-size:20px}.section{padding:92px 6%;scroll-margin-top:20px}.section-label{display:flex;align-items:baseline;gap:18px;font-size:10px;letter-spacing:.08em;font-weight:700}.section-label>span{color:var(--green);white-space:nowrap}.section-label p{margin-bottom:22px}h2{font-size:clamp(30px,3.5vw,48px);line-height:1.16;letter-spacing:-.035em;font-weight:700;margin-bottom:28px}.vision{display:grid;grid-template-columns:.7fr 2fr;gap:6%}.vision-text{display:grid;grid-template-columns:1fr 1fr;gap:34px;font-size:14px;color:var(--muted);line-height:1.85}.values{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.values span{border:1px solid var(--line);border-radius:30px;padding:6px 14px;font-size:11px}.domains{background:var(--pale)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.section-head h2{width:58%}.domain{display:grid;grid-template-columns:35px 55px 1fr 1.5fr 25px;gap:24px;align-items:center;padding:29px 0;border-top:1px solid #cedadb}.domain:last-child{border-bottom:1px solid #cedadb}.number{font-size:10px;color:var(--muted)}.domain-icon{font-size:40px;font-weight:300;color:var(--green);line-height:1}.domain:nth-child(2) .domain-icon{color:var(--blue)}.domain:nth-child(4) .domain-icon{color:var(--gold)}.domain h3{margin:0;font-size:25px;font-weight:500;letter-spacing:-.03em}.domain p{font-size:13px;color:var(--muted);margin:0;line-height:1.8;max-width:370px}.arrow{font-size:23px;color:var(--green)}.event{display:grid;grid-template-columns:1.25fr 1fr;gap:0;padding:0}.event-panel{background:var(--navy);color:#fff;padding:70px 10%}.event-panel h2{font-size:38px}.event-panel>p{font-size:14px;color:#bbc9d5;line-height:1.9}.event-panel .section-label>span{color:var(--gold)}.event-status{display:flex;gap:10px;align-items:center;padding:16px 0;border-top:1px solid #ffffff30;margin-top:25px;font-size:11px;color:#d6e3e8}.event-status>span:first-child{width:6px;height:6px;flex-shrink:0;background:var(--gold);border-radius:50%}.event-aside{background:#f9faf8;padding:75px 12%}.event-aside ol{padding:0;list-style:none;counter-reset:step;margin:28px 0}.event-aside li{counter-increment:step;display:flex;gap:18px;border-bottom:1px solid var(--line);padding:19px 0;font-size:14px}.event-aside li:before{content:'0' counter(step);color:var(--green);font-size:11px;padding-top:3px}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding-top:100px}.contact h2{font-size:37px}.contact p{font-size:14px;color:var(--muted)}.email{font-size:clamp(16px,2.1vw,27px);font-weight:600;display:inline-block;margin:17px 0;color:var(--green);overflow-wrap:anywhere}.contact-links{display:flex;gap:24px;font-size:12px;margin-bottom:26px;flex-wrap:wrap}.contact small{color:var(--muted);font-size:10px;line-height:1.7}form{display:flex;flex-direction:column;align-items:flex-start}label{font-size:11px;font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #ccd8dd;background:#f8faf9;border-radius:2px;color:var(--navy);margin-bottom:20px;font-size:14px}textarea{resize:vertical}form button{width:100%;margin-bottom:13px}#form-status{font-size:12px;margin-top:10px}footer{padding:35px 6%;background:var(--navy);color:#fff;display:flex;gap:30px;align-items:center;justify-content:space-between;border-top:4px solid var(--gold);font-size:11px}footer p{margin:0;color:#a4b8c9;font-size:10px}.footer-brand{font-size:13px;font-weight:700;letter-spacing:.06em}.footer-brand span{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#a4b8c9;margin-top:4px}.skip{position:absolute;left:10px;top:-70px;background:var(--green);color:white;padding:8px 15px;z-index:20}.skip:focus{top:10px}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0;line-height:1.45}html[dir=rtl] .hero-copy{padding-inline:9% 7%}html[dir=rtl] .section-label,html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .email,html[dir=rtl] .contact-links a:first-child{direction:ltr}html[dir=rtl] .hero-art{direction:ltr}@media(min-width:1500px){body{max-width:1600px;margin:auto;border-inline:1px solid var(--line)}}@media(max-width:1050px){nav{gap:14px;font-size:11px}header{gap:15px;padding-inline:4%}.brand small{display:none}.hero{min-height:600px}.hero-copy{padding-top:45px}.hero-art{min-height:550px}h1{font-size:50px}.actions{gap:14px}.hero-bottom{margin-top:40px}.vision{grid-template-columns:1fr;gap:15px}.section-head h2{width:55%}.domain{gap:15px}.event-panel h2{font-size:32px}.contact{gap:6%}}@media(max-width:720px){html{scroll-padding-top:10px}header{flex-wrap:wrap;padding:16px 5%;gap:16px}.brand{font-size:13px}.brand img{width:43px;height:43px}#language{margin-inline-start:auto;font-size:12px;padding:6px 12px}nav{order:3;width:100%;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--line);margin:0;font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 22px}h1{font-size:49px;line-height:1.1;margin-bottom:20px}.intro{font-size:14px}.actions{margin-top:10px}.hero-bottom{margin-top:28px}.hero-art{min-height:420px}.logo-wrap{width:55%;max-width:255px;transform:translateY(-20px)}.art-note{bottom:22px;left:24px;right:24px;padding-top:14px}.art-note p{font-size:11px}.art-word{font-size:65px}.ticker{justify-content:flex-start;gap:18px;font-size:9px;padding:17px 6%;white-space:nowrap}.ticker i{font-size:15px}.section{padding:54px 6%}.vision-text{grid-template-columns:1fr;gap:0}.vision h2{font-size:33px}.section-head{display:block}.section-head h2{width:auto}.domain{grid-template-columns:24px 35px 1fr 20px;gap:12px;padding:23px 0}.domain h3{font-size:23px}.domain-icon{font-size:32px}.domain p{grid-column:3/5;font-size:12px}.domain .arrow{grid-column:4;grid-row:auto}.domain h3+.domain p{grid-row:auto}.domain .arrow{display:none}.domain p{grid-column:2/-1;margin-top:2px}.event{display:block;padding:0}.event-panel,.event-aside{padding:45px 6%}.event-panel h2{font-size:32px}.contact{grid-template-columns:1fr;gap:36px}.contact h2{font-size:32px}.contact-links{gap:18px}footer{flex-wrap:wrap;padding:29px 6%;gap:24px}footer p{order:3;width:100%;border-top:1px solid #ffffff25;padding-top:17px}.footer-brand{margin-inline-end:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Presentation and responsive refinements */
:root{--green:#007653;--muted:#52677a;--pale:#f1f6f4}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);box-shadow:0 4px 24px #0b213e08}
nav a{padding-block:12px}nav .nav-contact{padding:10px 16px;background:var(--pale);border-radius:8px}
#language{min-height:44px;border-radius:8px}
h1,h2{text-wrap:balance}.intro{font-size:16px;max-width:470px}
.hero-copy{background:radial-gradient(ellipse at 0 0,#edf5ef 0,transparent 65%)}
.hero-art{background:radial-gradient(ellipse at 65% 30%,#174768 0,#0b213e 70%)}
.logo-wrap{box-shadow:0 24px 70px #0005,0 0 0 12px #ffffff08,0 0 0 13px #d4aa2940}
.button{border-radius:8px;min-height:48px;padding:14px 22px;font-size:13px;transition:background .2s,box-shadow .2s,transform .2s}
.green{box-shadow:0 6px 18px #00765320}.green:hover{transform:translateY(-2px);box-shadow:0 9px 22px #00765330}
.text-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.section{scroll-margin-top:110px}
.values span{background:#f4f8f5;color:#285b48;border-color:#d9e7df;padding:8px 16px;font-size:12px}
.domains{background:#f1f6f4}.domain{background:white;border:1px solid #dde8e1!important;border-radius:14px;padding:26px 24px;margin-top:14px;box-shadow:0 3px 12px #0b213e03;transition:box-shadow .2s,border-color .2s}
.domain:hover{border-color:#8db9a7!important;box-shadow:0 8px 28px #0b213e09}.domain h3{font-weight:650}.domain p{font-size:14px;max-width:430px}.domain-icon{background:#eef6f1;border-radius:12px;width:52px;height:52px;display:grid;place-items:center;font-size:31px}
.event-status{color:#f0e0a1}.event-aside{background:#f8f6ef}.contact form{padding:30px;border:1px solid var(--line);border-radius:16px;background:#f8faf9;box-shadow:0 12px 40px #0b213e06}
label{font-size:13px}input,select,textarea{background:white;border-radius:7px;min-height:48px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--green)}textarea{min-height:150px}.contact-links a{padding:10px 14px;border:1px solid var(--line);border-radius:8px}.contact-links a:hover{background:var(--pale)}.contact small{font-size:12px}.email{max-width:100%;font-size:clamp(18px,2.1vw,27px)}
@media(max-width:1050px){nav{gap:10px}nav .nav-contact{padding-inline:10px}}
@media(max-width:720px){html{scroll-padding-top:150px}header{padding:10px 5%;gap:10px;min-height:0}nav{padding-top:6px;gap:5px;align-items:center}nav a{padding-block:10px;font-size:11px}nav .nav-contact{padding:10px 8px}.section{scroll-margin-top:145px}.hero-copy{padding-top:32px}h1{font-size:clamp(36px,10vw,49px);letter-spacing:-.045em}.intro{font-size:15px}.actions{gap:12px;align-items:stretch}.actions .button{flex:1 1 100%;text-align:center}.actions .text-link{justify-content:center;flex:1 1 100%;text-align:center}.hero-art{min-height:360px}.logo-wrap{max-width:230px}.art-word{font-size:54px}.domain{padding:22px 18px;grid-template-columns:22px 40px 1fr;gap:12px}.domain-icon{width:40px;height:40px;font-size:26px}.domain p{grid-column:2/-1;font-size:14px}.contact form{padding:22px 18px}.contact-links{gap:10px}.contact-links a{min-height:44px}.contact h2{font-size:clamp(27px,8vw,34px)}.brand{font-size:12px;gap:9px}html[dir=rtl] h1{font-size:clamp(32px,8vw,43px);line-height:1.5}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.green:hover{transform:none}}
