@font-face{font-family:Plex;src:url('/assets/fonts/plex-arabic-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('/assets/fonts/plex-arabic-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('/assets/fonts/plex-arabic-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url('/assets/fonts/plex-arabic-700.woff2') format('woff2');font-weight:700 800;font-display:swap}

/* Bridge: brings product (v3) and intake pages onto the Ramz v2 identity. Light only. */
:root,:root[data-theme=dark]{color-scheme:light;--bg:#FFFFFF;--soft:#FBFCFD;--ink:#0E1B2A;--ink-2:#1F2E40;--muted:#5C6B7A;--line:#E7ECF1;--line-2:#D5DDE6;--blue:#4F46E5;--accent:#4F46E5;--accent-2:#4338CA;--accent-soft:#EEEDFC;--tint:#EEEDFC;--green:#2E7D46;--teal:#0EA5A5;--card:#FFFFFF;--surface:#FBFCFD;--r:14px;--shadow:0 1px 2px rgba(14,27,42,.04),0 12px 32px rgba(14,27,42,.06)}
body{font-family:Plex,system-ui,-apple-system,'Segoe UI',sans-serif;background:#fff;color:var(--ink)}
h1,h2,h3{letter-spacing:-.01em}
em{font-style:normal;color:var(--accent)}
.btn{border-radius:12px;font-weight:600}
.btn-sm{min-height:40px;padding:0 16px;font-size:15px;border-radius:10px;background:var(--accent);color:#fff;border:1px solid var(--accent)}
.btn-sm:hover{background:var(--accent-2)}
.skip{position:absolute;inset-inline-start:-9999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{inset-inline-start:12px}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:28px;min-height:72px}
.logo img{height:36px;width:auto}
.logo img.logo-en{height:16px}
.nav{display:flex;gap:26px;font-size:15px;font-weight:500;color:var(--ink-2)}
.nav a{padding:6px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.nav a:hover,.nav a[aria-current]{color:var(--accent);border-color:var(--accent)}
.hdr-tools{display:flex;align-items:center;gap:18px;margin-inline-start:auto;font-size:15px}
.hdr-login,.hdr-lang{color:var(--muted);font-weight:500}
.hdr-login:hover,.hdr-lang:hover{color:var(--ink)}
.mnav{display:none;margin-inline-start:auto;position:relative}
.mnav summary{list-style:none;cursor:pointer;width:44px;height:44px;display:grid;place-content:center;gap:5px;border:1px solid var(--line);border-radius:10px}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px}
.mnav nav{position:absolute;inset-inline-end:0;top:54px;width:min(300px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:10px;display:grid;gap:2px}
.mnav nav a{padding:12px 14px;border-radius:8px;font-weight:500}
.mnav nav a:not(.btn):hover{background:var(--soft)}
.mnav nav .btn{margin-top:6px;justify-content:center}

/* footer */
.ftr{background:var(--surface);border-top:1px solid var(--line);padding:56px 0 32px;font-size:15px}
.ftr-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.ftr-brand{max-width:380px;display:grid;gap:14px}
.ftr-brand img{height:36px;width:auto}
.ftr-brand img.logo-en{height:16px}
.ftr-brand p{color:var(--muted)}
.ftr-links{display:grid;grid-template-columns:repeat(2,auto);gap:10px 44px;align-content:start}
.ftr-links a{color:var(--ink-2)}
.ftr-links a:hover{color:var(--accent)}
.legal{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:var(--muted)}

@media (max-width:1040px){.hdr .nav{display:none}.hdr-tools{display:none}.mnav{display:block}}
@media (max-width:720px){.hdr-in{min-height:64px}.ftr-links{grid-template-columns:1fr 1fr;gap:10px 20px}}