/* موقع بليغ: صفحات ثابتة بلا سكربتات ولا خطوط خارجية ولا تتبّع */
@font-face{font-family:'Readex';font-weight:600;src:url(fonts/readex-pro-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Readex';font-weight:600;src:url(fonts/readex-pro-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Plex';font-weight:400;src:url(fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Plex';font-weight:500;src:url(fonts/ibm-plex-sans-arabic-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Plex';font-weight:600;src:url(fonts/ibm-plex-sans-arabic-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Plex';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-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Plex';font-weight:500;src:url(fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Plex';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-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}

:root,:root[data-theme="dark"]{
  --ground:#15131B; --surface:#1E1B27; --line:#34303F; --ink:#F2EFE8; --ink-2:#C9C3D6; --muted:#A39DB1;
  --gold:#D9A63C; --gold-hover:#E8C377; --gold-soft:rgba(217,166,60,.12); --blue:#6C77A8; --btn-a:#5A6596; --btn-b:#94681A;
  --radius:14px; --max:1080px; color-scheme:dark;
}
:root[data-theme="light"]{
  --ground:#F3F4F6; --surface:#FFFFFF; --line:#E1E2E6; --ink:#1C1D22; --ink-2:#4F515C; --muted:#676973;
  --gold:#8F5E12; --gold-hover:#7A4F0C; --gold-soft:#F3E6CC; --blue:#6C77A8; --btn-a:#5A6596; --btn-b:#94681A; color-scheme:light;
}
:root[data-theme="sky"]{
  --ground:#C8DEEE; --surface:#DDEBF6; --line:#AECADF; --ink:#0B2233; --ink-2:#2A4559; --muted:#3D566B;
  --gold:#0A4F7A; --gold-hover:#083F62; --gold-soft:#B4D3EA; --blue:#0A4F7A; --btn-a:#0A4F7A; --btn-b:#1A6496; color-scheme:light;
}
:root[data-theme="lime"]{
  --ground:#EDF9ED; --surface:#F8FEF8; --line:#C2D3C2; --ink:#051606; --ink-2:#152715; --muted:#3E4C3E;
  --gold:#006911; --gold-hover:#005A00; --gold-soft:#D9EAD9; --blue:#006911; --btn-a:#006911; --btn-b:#2F7434; color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);transition:background-color .3s ease,color .3s ease;color:var(--ink);font-family:'Plex',Tahoma,Arial,sans-serif;font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-underline-offset:3px}
a:hover{color:var(--gold-hover)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}

header.site{border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.wm{height:44px;width:auto;display:block}
.hero .wm{height:120px;margin:0 auto 18px}
.wm-d{display:none}
:root[data-theme="light"] .wm-g,:root[data-theme="sky"] .wm-g,:root[data-theme="lime"] .wm-g{display:none}
:root[data-theme="light"] .wm-d,:root[data-theme="sky"] .wm-d,:root[data-theme="lime"] .wm-d{display:block}
h1,h2,.hero h1,section h2{font-family:'Readex','Plex',sans-serif}
.themes{display:none;gap:6px;align-items:center}
.js .themes{display:flex}
.themes button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);padding:0;cursor:pointer;background:none;display:grid;place-items:center}
.themes button[aria-pressed="true"]{border:2px solid var(--gold)}
.themes button span{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 1px rgba(127,127,127,.4)}
.sw-dark{background:linear-gradient(135deg,#17151C 50%,#D9A63C 50%)}
.sw-light{background:linear-gradient(135deg,#F3F4F6 50%,#8F5E12 50%)}
.sw-sky{background:linear-gradient(135deg,#C8DEEE 50%,#0A4F7A 50%)}
.sw-lime{background:linear-gradient(135deg,#EDF9ED 50%,#006911 50%)}
.head-end{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.brand .en{color:var(--muted);font-size:14px}
nav.top{display:flex;gap:18px;flex-wrap:wrap;font-size:15px}
nav.top a{color:var(--ink-2);text-decoration:none;padding:10px 2px}
nav.top a:hover{color:var(--ink)}
nav.top a.lang{border:1px solid var(--line);border-radius:8px;padding:6px 12px;align-self:center}

.hero{padding:88px 0 72px;text-align:center}
.badge{display:inline-block;border:1px solid var(--gold);text-decoration:none;color:var(--gold);border-radius:999px;padding:4px 14px;font-size:14px;margin-bottom:22px}
.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.35;margin:0 0 18px;font-weight:600}
.hero p.lead{max-width:720px;margin:0 auto 32px;color:var(--ink-2);font-size:19px}
.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;font-weight:600;text-decoration:none;font-size:16px}
.btn.primary{background:linear-gradient(90deg,var(--btn-a),var(--btn-b));color:#fff}
.btn.primary:hover{color:#fff;filter:brightness(1.08)}
.btn.ghost{border:1px solid var(--line);color:var(--ink)}
.btn.ghost:hover{border-color:var(--muted);color:var(--ink)}
.note{color:var(--muted);font-size:14px;margin-top:16px}

section{padding:64px 0;border-top:1px solid var(--line)}
section h2{font-size:30px;line-height:1.4;margin:0 0 10px;font-weight:600}
section .sub{color:var(--ink-2);margin:0 0 32px;max-width:720px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.card h3{margin:10px 0 6px;font-size:19px;font-weight:600}
.card p{margin:0;color:var(--ink-2);font-size:16px}
.card svg{width:28px;height:28px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.price{display:flex;flex-direction:column;gap:6px}
.price .amount{font-size:34px;font-weight:600;color:var(--ink)}
.price .amount span{font-size:16px;color:var(--muted);font-weight:400}
.price.highlight{border-color:var(--gold);background:linear-gradient(180deg,var(--gold-soft),transparent 60%),var(--surface)}
ul.facts{margin:24px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px 24px;color:var(--ink-2);font-size:16px}
ul.facts li{padding-inline-start:22px;position:relative}
ul.facts li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:10px;height:2px;background:var(--gold)}

details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 20px;margin-bottom:10px}
details summary{cursor:pointer;padding:16px 0;font-weight:600;list-style-position:inside}
details p{margin:0 0 16px;color:var(--ink-2)}

footer.site{border-top:1px solid var(--line);padding:36px 0;color:var(--muted);font-size:14px}
footer.site .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer.site nav{display:flex;gap:18px;flex-wrap:wrap}
footer.site nav.social{width:100%;justify-content:center;gap:14px}
footer.site nav.social a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);color:var(--ink-2)}
footer.site nav.social a:hover{color:var(--gold);border-color:var(--gold)}
footer.site nav.social svg{width:20px;height:20px;fill:currentColor}
footer.site nav.social svg .cut{fill:var(--ground)}
footer.site a{color:var(--ink-2);text-decoration:none}
footer.site a:hover{color:var(--ink)}

/* الصفحات القانونية */
.legal{max-width:780px;margin:0 auto;padding:56px 20px 80px}
.legal h1{font-size:34px;line-height:1.4;margin:0 0 6px}
.legal .updated{color:var(--muted);font-size:14px;margin:0 0 32px}
.legal h2{font-size:21px;margin:32px 0 8px;font-weight:600}
.legal h3{font-size:17px;margin:20px 0 4px;font-weight:600}
.legal p,.legal li{color:var(--ink-2)}
.legal ul{padding-inline-start:22px}
.legal table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0}
.legal th,.legal td{border:1px solid var(--line);padding:8px 10px;text-align:start;vertical-align:top}
.legal th{color:var(--ink);background:var(--surface)}

@media (max-width:640px){
  body{font-size:16px}
  .hero{padding:56px 0 48px}
  section{padding:48px 0}
  nav.top{gap:12px}
}
.note.start{text-align:start}
.legal ol{padding-inline-start:24px}
.legal li{margin:4px 0}
.legal code{font-family:Consolas,'Courier New',monospace;font-size:.9em;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1px 6px;direction:ltr;unicode-bidi:isolate}
.legal ul.check{list-style:none;padding-inline-start:0}
.legal ul.check li{padding-inline-start:30px;position:relative}
.legal ul.check li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:16px;height:16px;border:2px solid var(--gold);border-radius:4px}
.legal .callout{border-inline-start:3px solid var(--gold);background:var(--gold-soft);padding:12px 16px;border-radius:8px;margin:16px 0}
.legal .actions{margin:20px 0}