/* ---------- Public site ---------- */
.s{font-family:Manrope,system-ui,sans-serif;color:#12343B;background:#FFFFFF;font-size:17px;line-height:1.65}
.s[dir="rtl"]{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;font-size:18px;line-height:1.85}
.s .wrap{max-width:1180px;margin:0 auto;padding-inline:40px}
.s h1,.s h2,.s h3,.s p{margin:0}
.s a{color:#12343B}
.s .en-only{font-family:Manrope,sans-serif}

/* nav */
.s-nav{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid #E3EAEB}
.s-nav .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:14px}
.s-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:18px}
.s-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px;font-weight:600;font-size:15px}
.s-links a{text-decoration:none}
.s-links a:hover{text-decoration:underline;text-underline-offset:4px}
.s-lang-ar{font-family:'Reem Kufi',sans-serif;font-size:17px}
.s-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;font-weight:700;text-decoration:none!important;border:2px solid #12343B;transition:background .15s}
.s-btn-primary{background:#12343B;color:#FFFFFF!important}
.s-btn-primary:hover{background:#0B2328}
.s-btn-ghost{background:transparent;color:#12343B}
.s-btn-ghost:hover{background:#E6EEEF}
.s-nav .s-btn{min-height:44px;font-size:15px;padding:0 18px}

/* hero */
.s-hero{background:#F2F5F5;overflow:hidden}
.s-hero .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:56px;padding-block:72px 80px}
.s-kicker{font-size:15px;font-weight:700;color:#1F6F66;margin-bottom:18px}
.s-hero h1{font-size:clamp(38px,4.6vw,58px);line-height:1.08;letter-spacing:-1.5px;font-weight:800}
.s[dir="rtl"] .s-hero h1{letter-spacing:0;line-height:1.35;font-weight:700}
.s-hero .lead{font-size:19px;color:#35575D;margin-top:22px;max-width:560px}
.s-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.s-facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:40px;padding-top:24px;border-top:1px solid #D5E0E1;font-size:15px}
.s-facts div{display:flex;flex-direction:column}
.s-facts strong{font-size:15px}
.s-facts span{color:#4A6A70;font-size:14px}
.s-photo{position:relative;justify-self:center;width:100%;max-width:420px;margin:0}
.s-photo .frame{position:relative;z-index:1;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:#D9DFE0;box-shadow:0 24px 48px -28px rgba(18,52,59,.45)}
.s-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.s-photo .arc{display:block;width:46%;height:auto;margin:14px auto 0}
.s-photo figcaption{margin-top:10px;font-size:15px;text-align:center;color:#35575D}
.s-photo figcaption strong{display:block;color:#12343B;font-size:17px}

/* sections */
.s-sec{padding-block:96px}
.s-sec.alt{background:#F2F5F5}
.s-sec.dark{background:#12343B;color:#FFFFFF}
.s-label{font-size:15px;font-weight:700;color:#B8492A;margin-bottom:10px}
.s-sec.dark .s-label{color:#F2A58C}
.s-sec h2{font-size:clamp(30px,3.2vw,42px);line-height:1.15;letter-spacing:-.6px;font-weight:800}
.s[dir="rtl"] .s-sec h2{letter-spacing:0;line-height:1.4;font-weight:700}
.s-head{max-width:760px;margin-bottom:40px}
.s-head p{margin-top:16px;font-size:18px;color:#35575D}
.s-sec.dark .s-head p{color:#C9D8DA}
.s-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;color:#2A4A50;margin-bottom:40px}
.s-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.s-card{background:#F2F5F5;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:16px}
.s-card h3{font-size:19px;font-weight:800}
.s[dir="rtl"] .s-card h3{font-weight:700}
.s-item strong{display:block;font-size:16px}
.s-item span{display:block;font-size:15px;color:#4A6A70}
.s-plain{display:flex;flex-direction:column;gap:6px;font-size:15px;color:#4A6A70}
.s-plain + .s-plain{border-top:1px solid #DDE5E6;padding-top:14px}

/* research */
.s-domains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.s-domain{background:#1C4950;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px}
.s-domain .n{font-family:Manrope,sans-serif;font-size:48px;font-weight:800;line-height:1;color:#F2A58C}
.s-domain h3{font-size:20px}
.s-domain p{color:#C9D8DA;font-size:15px}
.s-path{margin-top:48px}
.s-path h3{font-size:20px;margin-bottom:16px}
.s-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:st;list-style:none;margin:0;padding:0}
.s-steps li{border:1px solid #3E6A70;border-radius:16px;padding:18px 20px}
.s-steps li b{display:block}
.s-steps li span{color:#C9D8DA;font-size:15px}
.s-steps li i{font-style:normal;font-size:14px;font-weight:700;color:#F2A58C}
.s-status{margin-top:20px;font-size:15px;color:#C9D8DA}

/* mabsam */
.s-mab{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.s-flow{list-style:none;margin:28px 0 32px;padding:0;display:flex;flex-direction:column;gap:16px}
.s-flow li{display:flex;gap:14px;align-items:flex-start}
.s-flow .k{width:34px;height:34px;border-radius:17px;background:#12343B;color:#FFFFFF;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Manrope,sans-serif}
.s-note{background:#FBEDE8;color:#7A2F1A;border-radius:12px;padding:14px 18px;font-size:15px;margin-bottom:26px}
.s-panel{background:#12343B;color:#FFFFFF;border-radius:28px;padding:48px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.s-panel .wm{font-family:Manrope,sans-serif;font-size:48px;font-weight:800;letter-spacing:-1px;line-height:1}
.s-panel .wm-ar{font-family:'Reem Kufi',sans-serif;font-size:30px;line-height:1}
.s-panel p{color:#C9D8DA;font-size:16px;max-width:320px}
.s-panel ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.s-panel li{border:1px solid #3E6A70;border-radius:999px;padding:6px 14px;font-size:14px;color:#DDE7E8}

/* publications */
.s-pubs{display:flex;flex-direction:column;gap:16px}
.s-pub{border:1px solid #DDE5E6;border-radius:18px;padding:24px 26px;display:flex;flex-direction:column;gap:6px}
.s-pub .meta{font-size:14px;font-weight:700;color:#4A6A70}
.s-pub .t{font-size:19px;font-weight:700;line-height:1.4}
.s-pub .orig{font-size:15px;color:#4A6A70}

/* contact */
.s-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.s-contact dl{margin:0;display:grid;gap:18px}
.s-contact dt{font-size:14px;font-weight:700;color:#4A6A70}
.s-contact dd{margin:0;font-weight:600;font-size:17px}
.s-foot{border-top:1px solid #DDE5E6}
.s-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:24px;font-size:14px;color:#4A6A70}

@media (max-width:900px){
  .s .wrap{padding-inline:22px}
  .s-hero .wrap,.s-mab,.s-contact{grid-template-columns:minmax(0,1fr)}
  .s-hero .wrap{padding-block:48px 56px;gap:40px}
  .s-photo{max-width:280px;order:-1}
  .s-nav{position:static}
  .s-two{grid-template-columns:minmax(0,1fr)}
  .s-domains{grid-template-columns:minmax(0,1fr)}
  .s-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-sec{padding-block:64px}
  .s-links{gap:4px 16px;font-size:14px}
}
@media (max-width:520px){ .s-steps{grid-template-columns:minmax(0,1fr)} }