/* الخط مستضاف ذاتيًا — لا يُكشف عنوان المستفيد لطرف ثالث */
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-display:swap;font-weight:400;
  src:url(fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-display:swap;font-weight:400;
  src:url(fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-display:swap;font-weight:600;
  src:url(fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-display:swap;font-weight:600;
  src:url(fonts/ibm-plex-sans-arabic-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-display:swap;font-weight:700;
  src:url(fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-display:swap;font-weight:700;
  src:url(fonts/ibm-plex-sans-arabic-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* هوية شهاب · تجربة المستفيد — مشتركة بين الصفحتين */
:root{
  --navy:#0B2B4A; --navy-2:#123A5E; --gold:#C2A063; --ivory:#F4F6F8;
  --ground:#EEF1F4; --surface:#FFFFFF; --surface-2:#F4F6F8; --line:#DCE3E9; --line-2:#C5D0DA;
  --ink:#0B2B4A; --ink-2:#34506B; --muted:#687C90;
  --brand:#4A6B2A; --brand-soft:#E6EDDC; --brand-lite:#7FA84E;
  --ok:#4A6B2A; --warn:#B7791F; --bad:#8E3340; --neutral:#8A9BAD;
  --ok-soft:#E6EDDC; --warn-soft:#F6EBD8; --bad-soft:#F4E1E4;
  --shadow:0 1px 2px rgba(11,43,74,.05),0 14px 30px -22px rgba(11,43,74,.45);
  --font:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --ground:#061525; --surface:#0C2238; --surface-2:#122B45; --line:#1B3A56; --line-2:#2A4A6B;
  --ink:#E9EEF3; --ink-2:#C3D1DE; --muted:#8FA3B6; --brand-soft:#1E3316;
  --ok:#4F9A6A; --warn:#C2840C; --bad:#D64B6E; --neutral:#5C7690;
  --ok-soft:#14301F; --warn-soft:#33260E; --bad-soft:#3A1622;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 16px 32px -24px #000; color-scheme:dark;
}}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--font);background:var(--ground);color:var(--ink);line-height:1.7;
  -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px}
.hide{display:none!important}
.lockup{display:flex;align-items:center;gap:12px}
.lockup .mark{height:30px;width:auto;display:block}
.lockup .prod{border-inline-start:2.5px solid var(--brand-lite);padding-inline-start:10px;line-height:1.3}
.lockup .prod b{display:block;font-size:15px;color:#fff}
.lockup .prod small{display:block;font-size:10.5px;color:#9BB0C6;letter-spacing:.02em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;
  border-radius:12px;padding:12px 20px;font-weight:700;font-size:15px;background:var(--navy);color:#fff;
  transition:transform .12s, opacity .15s}
.btn:active{transform:scale(.98)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn.ghost{background:transparent;color:var(--ink-2);border:1px solid var(--line-2)}
.btn.gold{background:var(--gold);color:#241A06}
.demo-flag{position:fixed;inset-inline-start:12px;bottom:12px;z-index:50;background:var(--gold);color:#241A06;
  font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;box-shadow:var(--shadow)}
/* الترويسة المشتركة: التنقل حسب الدور + من أنا */
header{background:linear-gradient(170deg,#123A5E,var(--navy) 70%);color:#fff;padding:14px 22px}
.hbar{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hbar nav{margin-inline-start:auto;display:flex;gap:4px;font-size:13px;flex-wrap:wrap}
.hbar nav a{color:#C9D6E3;text-decoration:none;padding:5px 11px;border-radius:9px}
.hbar nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.hbar nav a[aria-current]{background:rgba(255,255,255,.13);color:#fff;font-weight:700}
.hbar .who{margin-inline-start:auto;font-size:12.5px;color:#C9D6E3;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hbar nav:not(.hide)+.who{margin-inline-start:0}
.hbar .who b{color:#fff}
.hbar .who button{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:9px;padding:4px 12px;cursor:pointer;font-size:12.5px}
@media(max-width:700px){.hbar nav{order:3;width:100%;margin:0}.hbar .who{margin-inline-start:auto}}