/* نبرة — موقع التحميل والدليل · هوية Ahmed Nader */
/* IBM Plex Sans Arabic — نفس خط التطبيق. آخر وزن متاح 700، ويغطي طلبات 800 و900 بلا تثخين صناعي. */
@font-face{font-family:'Plex Arabic';src:url('fonts/plex-arabic-400.woff2') format('woff2');font-weight:100 450;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Plex Arabic';src:url('fonts/plex-arabic-500.woff2') format('woff2');font-weight:451 550;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Plex Arabic';src:url('fonts/plex-arabic-600.woff2') format('woff2');font-weight:551 650;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Plex Arabic';src:url('fonts/plex-arabic-700.woff2') format('woff2');font-weight:651 1000;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Plex Arabic';src:url('fonts/plex-latin-400.woff2') format('woff2');font-weight:100 450;font-display:swap;}
@font-face{font-family:'Plex Arabic';src:url('fonts/plex-latin-500.woff2') format('woff2');font-weight:451 550;font-display:swap;}
@font-face{font-family:'Plex Arabic';src:url('fonts/plex-latin-600.woff2') format('woff2');font-weight:551 650;font-display:swap;}
@font-face{font-family:'Plex Arabic';src:url('fonts/plex-latin-700.woff2') format('woff2');font-weight:651 1000;font-display:swap;}

:root{
  --paper:#F7F8FA;--ink:#111111;--blue:#246BFD;--blue-ink:#1A50C4;--violet:#6B4DE6;
  --line:#E4E7EE;--muted:#5B6475;--soft:#F0F2F7;--white:#fff;
  --grid:linear-gradient(to right,rgba(17,17,17,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(17,17,17,.04) 1px,transparent 1px);
  --r:14px;--shadow:0 1px 2px rgba(17,17,17,.04);--shadow-lg:0 24px 60px -30px rgba(17,17,17,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;font-family:'Plex Arabic','IBM Plex Sans Arabic',system-ui,sans-serif;color:var(--ink);background:var(--paper);
  background-image:var(--grid);background-size:32px 32px;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.muted{color:var(--muted)}
.center{text-align:center}

/* ===== الشريط العلوي ===== */
.topbar{position:sticky;top:0;z-index:50;background:rgba(247,248,250,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:14px;height:66px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:18px}
.logo img{width:34px;height:34px;border-radius:10px}
.logo small{display:block;font-size:11px;font-weight:600;color:var(--muted);line-height:1}
.topnav{display:flex;gap:4px;margin-inline-start:auto}
.topnav a{text-decoration:none;font-weight:700;font-size:14.5px;color:var(--muted);padding:7px 12px;border-radius:9px}
.topnav a:hover{color:var(--ink);background:var(--soft)}
@media (max-width:860px){.topnav{display:none}}

/* ===== الأزرار ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);background:var(--white);
  border-radius:12px;padding:12px 22px;font-weight:800;font-size:15px;text-decoration:none;cursor:pointer;transition:.15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px -12px rgba(17,17,17,.4)}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 10px 24px -14px rgba(36,107,253,.9)}
.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.btn.sm{padding:8px 15px;font-size:13.5px;border-radius:10px}
.btn svg{width:18px;height:18px;flex:none}

/* ===== الأقسام ===== */
section{padding:72px 0}
section.tight{padding:48px 0}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--blue);margin-bottom:10px}
.eyebrow::before{content:"";width:7px;height:7px;background:var(--blue);border-radius:2px;transform:rotate(45deg)}
h1,h2,h3{letter-spacing:normal;margin:0 0 14px}
h1{font-size:clamp(34px,5.4vw,56px);font-weight:800;line-height:1.14}
h2{font-size:clamp(25px,3.4vw,34px);font-weight:800;line-height:1.25}
h3{font-size:19px;font-weight:800}
p{margin:0 0 14px}
.lead{font-size:18px;color:#2A313E;max-width:62ch}
.stroke{display:block;margin:6px 0 18px}

/* ===== الواجهة ===== */
.hero{position:relative;overflow:hidden;padding:74px 0 40px}
.hero::before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;inset-inline-start:-280px;top:-320px;
  background:radial-gradient(circle,rgba(107,77,230,.16),rgba(107,77,230,0) 68%);pointer-events:none}
.hero .wrap{position:relative}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.badge{display:inline-flex;align-items:center;gap:7px;background:var(--white);border:1px solid var(--line);border-radius:999px;
  padding:6px 14px;font-size:13px;font-weight:700}
.badge.b{background:var(--blue);border-color:var(--blue);color:#fff}
.badge i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 10px}
.hero-note{font-size:13.5px;color:var(--muted)}
.hero-shot{margin-top:46px;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff}

/* ===== شريط الأرقام ===== */
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.stat{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-align:center}
.stat b{display:block;font-size:26px;font-weight:800;line-height:1.2}
.stat span{font-size:13px;color:var(--muted);font-weight:700}
@media (max-width:880px){.stats{grid-template-columns:repeat(2,1fr)}}

/* ===== البطاقات ===== */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards.two{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){.cards,.cards.two{grid-template-columns:1fr}}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow)}
.card .ic{width:42px;height:42px;border-radius:12px;background:rgba(36,107,253,.09);color:var(--blue);
  display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.card .ic svg{width:21px;height:21px}
.card p:last-child{margin-bottom:0}
.card h3{margin-bottom:8px}
.card .mini{font-size:14.5px;color:var(--muted)}
ul.plain{list-style:none;margin:0;padding:0}
ul.plain li{position:relative;padding-inline-start:22px;margin-bottom:10px;font-size:15px;color:#2A313E}
ul.plain li:last-child{margin-bottom:0}
ul.plain li::before{content:"";position:absolute;inset-inline-start:0;top:11px;width:8px;height:8px;
  background:var(--blue);border-radius:2px;transform:rotate(45deg)}

/* ===== معرض اللقطات ===== */
.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media (max-width:900px){.shots{grid-template-columns:1fr}}
.shot{background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.shot img{border-bottom:1px solid var(--line)}
.shot .cap{padding:16px 18px}
.shot .cap b{display:block;font-weight:800;margin-bottom:2px}
.shot .cap span{font-size:14px;color:var(--muted)}
.shot.wide{grid-column:1/-1}
.shot.phone img{max-width:300px;margin:22px auto;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg)}
.shot.phone img{border-bottom:1px solid var(--line)}

/* ===== الفيديو ===== */
.videos{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media (max-width:900px){.videos{grid-template-columns:1fr}}
.vcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.vcard video{display:block;width:100%;aspect-ratio:16/9;background:#EDF0F5;border-bottom:1px solid var(--line)}
.vcard .cap{padding:16px 20px 18px}
.vcard .cap b{display:block;font-weight:800;font-size:17px;margin-bottom:3px}
.vcard .cap span{font-size:14.5px;color:var(--muted)}
.vcard .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.vtag{font-size:12.5px;font-weight:700;border:1px solid var(--line);border-radius:999px;padding:3px 11px;color:var(--muted)}
.vtag.b{background:rgba(36,107,253,.08);border-color:rgba(36,107,253,.28);color:var(--blue-ink)}
.vsolo{max-width:760px;margin:22px 0}

/* ===== الخطوات ===== */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:900px){.steps{grid-template-columns:1fr}}
.step{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:22px;counter-increment:s;position:relative}
.step::before{content:counter(s,decimal-leading-zero);position:absolute;top:18px;inset-inline-end:18px;font-size:13px;font-weight:800;color:var(--blue)}
.step h3{font-size:17px;margin-bottom:6px;padding-inline-end:28px}
.step p{font-size:14.5px;color:var(--muted);margin:0}

/* ===== اللهجات ===== */
.dialects{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:980px){.dialects{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.dialects{grid-template-columns:1fr}}
.dialect{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.dialect b{display:block;font-size:17px;font-weight:800}
.dialect span{display:block;font-size:13.5px;color:var(--muted)}

/* ===== التحميل ===== */
.dl{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (max-width:900px){.dl{grid-template-columns:1fr}}
.dlcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.dlcard.main{border-color:var(--blue);box-shadow:0 18px 50px -34px rgba(36,107,253,.9)}
.dlcard .tag{display:inline-block;font-size:12px;font-weight:800;color:var(--blue);background:rgba(36,107,253,.09);
  border-radius:999px;padding:3px 11px;margin-bottom:12px;align-self:flex-start}
.dlcard ul{list-style:none;margin:0 0 18px;padding:0;font-size:14.5px}
.dlcard li{position:relative;padding-inline-start:20px;margin-bottom:7px;color:#2A313E}
.dlcard li::before{content:"";position:absolute;inset-inline-start:0;top:11px;width:7px;height:7px;background:var(--blue);border-radius:2px;transform:rotate(45deg)}
.dlcard .btn{width:100%;margin-top:auto}
.hash{font-family:'Consolas','Courier New',monospace;font-size:11.5px;color:var(--muted);direction:ltr;text-align:start;
  background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:8px 10px;margin-top:12px;word-break:break-all;line-height:1.6}

/* ===== التنبيهات ===== */
.note,.warn{border-radius:12px;padding:18px 22px;margin:22px 0;font-size:15px}
.note{background:rgba(36,107,253,.055);border:1px solid rgba(36,107,253,.26);border-inline-start:4px solid var(--blue)}
.warn{background:var(--white);border:1px solid var(--ink);border-inline-start:4px solid var(--ink)}
.note b,.warn b{font-weight:800}
.note p:last-child,.warn p:last-child{margin-bottom:0}
code,.path{font-family:'Consolas','Courier New',monospace;background:var(--soft);border:1px solid var(--line);
  border-radius:6px;padding:1px 6px;font-size:13.5px;direction:ltr;display:inline-block}
.kbd{display:inline-block;direction:ltr;background:var(--ink);color:#fff;border-radius:6px;padding:2px 8px;
  font-size:13px;font-weight:700;font-family:'Consolas','Courier New',monospace}
.hl{background:linear-gradient(transparent 60%,rgba(36,107,253,.22) 0);font-weight:700}

/* ===== الأسئلة ===== */
.faq{background:var(--white);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}
.faq summary{cursor:pointer;padding:18px 22px;font-weight:800;list-style:none;display:flex;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";color:var(--blue);font-weight:800;font-size:20px;line-height:1}
.faq[open] summary::before{content:"−"}
.faq .body{padding:0 22px 20px;color:#2A313E;font-size:15px}
.faq .body p:last-child{margin-bottom:0}

/* ===== الجداول ===== */
table{width:100%;border-collapse:collapse;font-size:15px;background:var(--white);
  border:1px solid var(--line);border-radius:12px;overflow:hidden}
th,td{text-align:start;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--soft);font-weight:800;font-size:14px}
tr:last-child td{border-bottom:0}
td:first-child{font-weight:700}

/* ===== التذييل ===== */
footer{background:var(--white);border-top:1px solid var(--line);padding:46px 0 30px;margin-top:40px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;margin-bottom:28px}
@media (max-width:820px){.fgrid{grid-template-columns:1fr}}
footer h4{font-size:14px;font-weight:800;margin:0 0 10px}
footer ul{list-style:none;margin:0;padding:0;font-size:14.5px}
footer li{margin-bottom:7px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--blue)}
.fbottom{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;gap:10px;
  font-size:13.5px;color:var(--muted);align-items:center}
.fbottom b{color:var(--ink)}
.fbottom .sp{margin-inline-start:auto}

/* ===== صفحة الدليل ===== */
.guide{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start;padding:40px 0 70px}
@media (max-width:980px){.guide{grid-template-columns:1fr;gap:22px}}
.toc{position:sticky;top:86px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
@media (max-width:980px){.toc{position:static}}
.toc b{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}
.toc a{display:block;text-decoration:none;font-size:14.5px;font-weight:700;color:#2A313E;padding:6px 10px;border-radius:8px}
.toc a:hover{background:var(--soft);color:var(--blue)}
.doc h2{margin-top:10px;display:flex;align-items:center;gap:12px}
.doc h2 .n{flex:none;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;
  font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center}
.doc section{padding:0 0 38px;border-bottom:1px solid var(--line);margin-bottom:38px}
.doc section:last-child{border-bottom:0}
.doc ol,.doc ul{padding-inline-start:0;list-style:none;margin:0 0 18px}
.doc ol{counter-reset:o}
.doc ol li{counter-increment:o;position:relative;padding-inline-start:40px;margin-bottom:12px}
.doc ol li::before{content:counter(o);position:absolute;inset-inline-start:0;top:2px;width:26px;height:26px;border-radius:50%;
  background:var(--blue);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.doc ul li{position:relative;padding-inline-start:22px;margin-bottom:9px}
.doc ul li::before{content:"";position:absolute;inset-inline-start:0;top:12px;width:8px;height:8px;
  background:var(--blue);border-radius:2px;transform:rotate(45deg)}
.doc figure{margin:22px 0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.doc figcaption{padding:12px 16px;font-size:13.5px;color:var(--muted);border-top:1px solid var(--line)}
.guide-head{padding:40px 0 10px}
.print-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}