/* landing.css — صفحة الهبوط العامّة (awfaerp.net). مكتفية ذاتياً: رموزُ الثيم
   نفسُها كـauth.css، خطّ النظام، بلا FontAwesome ولا خطّ وِب. تُحمَّل على الهبوط وحده. */
:root{
  --accent:#0E5F63;--accent-2:#137076;--accent-deep:#0B4D50;--accent-ink:#0B4D50;--on-accent:#fff;--on-hero:#EAF1F1;
  --ink:#151D20;--muted:#5E6B6E;--muted-2:#7C878B;--edge:#E1E5EA;--edge-2:#868C96;--soft:#F4F6F8;--card:#fff;--bg:#FAFBFC;
  --ok:#157F49;--warn:#B45708;--bad:#C6362B;--focus:#0B4D50;
  --radius:6px;--radius-md:12px;--radius-lg:16px;
  --fs-2xs:.786rem;--fs-sm:.929rem;--fs-base:1rem;--fs-md:1.071rem;--fs-lg:1.214rem;--fs-xl:1.357rem;--fs-2xl:1.571rem;--fs-3xl:2.05rem;
  --font:-apple-system,BlinkMacSystemFont,"SF Arabic",system-ui,"Segoe UI",sans-serif;
  --wrap:1120px;
}
*{box-sizing:border-box}html{font-size:87.5%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none}
svg.i{width:22px;height:22px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--radius-md);font-weight:800;font-size:var(--fs-md);font-family:inherit;cursor:pointer;border:1.5px solid transparent;transition:.16s}
.btn.pri{background:var(--accent);color:var(--on-accent)}
.btn.pri:hover{background:var(--accent-deep)}
.btn.ghost{background:transparent;color:var(--accent-ink);border-color:var(--edge-2)}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 55%,transparent)}
.btn svg{width:18px;height:18px}
a:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}

/* الترويسة */
.nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--edge)}
.nav .in{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:var(--fs-lg)}
.brand .bic{width:38px;height:38px;border-radius:10px;background:var(--accent);display:grid;place-items:center}
.brand .bic svg{width:22px;height:22px;stroke:#fff;stroke-width:2}

/* الهيرو */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--edge)}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(680px 420px at 88% -8%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 70%),radial-gradient(560px 380px at 6% 108%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%)}
.hero .in{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:64px 24px 72px}
@media(max-width:860px){.hero .in{grid-template-columns:1fr;padding:44px 24px 52px}}
.eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--soft);border:1px solid var(--edge);border-radius:999px;padding:6px 13px;font-size:var(--fs-2xs);font-weight:700;color:var(--accent-ink);margin-bottom:18px}
.eyebrow svg{width:14px;height:14px;stroke:var(--accent-ink)}
h1{font-size:var(--fs-3xl);line-height:1.25;margin:0 0 14px;letter-spacing:-.5px}
h1 b{color:var(--accent)}
.lead{font-size:var(--fs-md);color:var(--muted);margin:0 0 24px;max-width:44ch}
.cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hint{font-size:var(--fs-2xs);color:var(--muted);margin-top:16px}
.hint b{color:var(--ink);font-weight:700}

/* بطاقة الفاتورة الحيّة (رسم SVG، لا صورة) */
.shot{background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-lg);padding:20px;position:relative}
.shot .sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.shot .sh b{font-size:var(--fs-md)}
.shot .qr{width:34px;height:34px;border-radius:8px;background:var(--soft);border:1px solid var(--edge);display:grid;place-items:center}
.shot .qr svg{width:20px;height:20px;stroke:var(--accent-ink)}
.srow{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--edge);font-size:var(--fs-sm);color:var(--muted)}
.srow b{color:var(--ink)}
.stot{display:flex;justify-content:space-between;padding:12px 0 0;font-weight:800;font-size:var(--fs-md)}
.sstamp{display:inline-flex;align-items:center;gap:6px;margin-top:14px;background:color-mix(in srgb,var(--ok) 12%,#fff);color:var(--ok);border-radius:999px;padding:6px 12px;font-size:var(--fs-2xs);font-weight:800}
.sstamp svg{width:14px;height:14px;stroke:var(--ok)}
.num{font-variant-numeric:tabular-nums}

/* المزايا */
.sec{padding:64px 0}
.sec h2{text-align:center;font-size:var(--fs-2xl);margin:0 0 8px}
.sec .subh{text-align:center;color:var(--muted);font-size:var(--fs-sm);margin:0 0 40px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:860px){.grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grid{grid-template-columns:1fr}}
.feat{background:var(--card);border:1px solid var(--edge);border-radius:var(--radius-md);padding:22px}
.feat .fic{width:44px;height:44px;border-radius:12px;background:var(--soft);border:1px solid var(--edge);display:grid;place-items:center;margin-bottom:14px}
.feat .fic svg{width:22px;height:22px;stroke:var(--accent-2)}
.feat b{display:block;font-size:var(--fs-md);margin-bottom:5px}
.feat span{color:var(--muted);font-size:var(--fs-sm)}

/* شريط الثقة */
.trust{background:var(--accent-deep);color:var(--on-hero)}
.trust .in{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;padding:26px 24px}
.tit{display:inline-flex;align-items:center;gap:9px;font-size:var(--fs-sm);font-weight:700;color:#fff}
.tit svg{width:18px;height:18px;stroke:#fff}

/* دعوة ختامية */
.final{text-align:center;padding:64px 24px}
.final h2{font-size:var(--fs-2xl);margin:0 0 10px}
.final p{color:var(--muted);margin:0 0 22px}

/* التذييل */
.foot{border-top:1px solid var(--edge);background:var(--card)}
.foot .in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 24px;font-size:var(--fs-2xs);color:var(--muted)}
.foot a{color:var(--muted);font-weight:700}
.foot .fl{display:flex;gap:18px}