/* ============================================================
   Power Bot v5 — الغلاف المشترك للصفحات الداخلية
   (نافبار كبسولة + أورورا + أقسام + بينتو + فوتر)
   ============================================================ */
:root{
  --v5-bg:#04060b;--v5-glass:rgba(255,255,255,.028);
  --v5-border:rgba(255,255,255,.07);--v5-border-p:rgba(143,111,255,.35);
  --p:#8f6fff;--p-l:#b8a4ff;--p-d:#5b3fd6;
}
body{background:var(--v5-bg);overflow-x:hidden}
nav{display:none!important}

/* نافبار الكبسولة */
.v5-nav{position:fixed;top:18px;right:50%;transform:translateX(50%);z-index:100;display:flex;align-items:center;gap:6px;
  background:rgba(10,10,14,.65);backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--v5-border);border-radius:999px;
  padding:8px 10px 8px 8px;box-shadow:0 18px 50px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05)}
.v5-nav .brand{display:flex;align-items:center;gap:9px;padding:4px 6px 4px 16px;font-weight:900;font-size:1.02rem}
.v5-nav .brand .ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.9rem;
  background:radial-gradient(circle at 30% 25%,#d6ccff,var(--p) 50%,#4a3a70);box-shadow:0 0 16px rgba(143,111,255,.4)}
.v5-nav a.lnk{color:#b9b9c2;font-size:.82rem;font-weight:700;padding:8px 13px;border-radius:999px;transition:.2s}
.v5-nav a.lnk:hover,.v5-nav a.lnk.on{color:#fff;background:rgba(255,255,255,.06)}
.v5-nav a.lnk.on{color:var(--p-l)}
.v5-nav .cta{background:linear-gradient(135deg,#b8a4ff,var(--p) 50%,#5b3fd6);color:#0e0a1f;font-weight:800;font-size:.82rem;
  padding:9px 20px;border-radius:999px;box-shadow:0 4px 16px rgba(143,111,255,.35);transition:.2s}
.v5-nav .cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(143,111,255,.5)}
@media(max-width:760px){.v5-nav a.lnk{display:none}}

/* الأورورا */
.v5-aurora{position:fixed;inset:0;z-index:-2;overflow:hidden;background:var(--v5-bg)}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45;will-change:transform}
.orb-1{width:520px;height:520px;background:radial-gradient(circle,rgba(143,111,255,.3),transparent 65%);top:-160px;right:-120px;animation:orbF 14s ease-in-out infinite}
.orb-2{width:440px;height:440px;background:radial-gradient(circle,rgba(91,63,214,.32),transparent 65%);top:35%;left:-150px;animation:orbF 18s ease-in-out -6s infinite reverse}
@keyframes orbF{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,35px) scale(1.06)}}
.v5-grid-bg{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(143,111,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(143,111,255,.03) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 55% at 50% 0%,#000 30%,transparent 75%)}

/* هيرو الصفحة الداخلية */
.v5-phero{padding:150px 20px 50px;text-align:center;max-width:820px;margin:0 auto}
.v5-kicker{display:inline-block;color:var(--p);font-size:.72rem;font-weight:900;letter-spacing:4px;margin-bottom:14px;text-transform:uppercase}
.v5-phero h1{font-size:clamp(2rem,5.5vw,3.2rem);font-weight:900;letter-spacing:-.8px;line-height:1.3}
.v5-phero h1 .gg{background:linear-gradient(100deg,#d6ccff,var(--p) 40%,#b8a4ff 55%,#6b539e 75%,#d6ccff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShift 6s linear infinite}
.v5-phero p{color:#a7a7b1;margin-top:14px;line-height:2.1;font-size:.95rem}

/* أقسام */
.v5-sec{max-width:1120px;margin:0 auto;padding:56px 20px}
.v5-sec-head{text-align:center;margin-bottom:44px}
.v5-sec-head h2{font-size:clamp(1.5rem,3.6vw,2.2rem);font-weight:900}
.v5-sec-head p{color:#8b8b95;margin-top:10px;font-size:.9rem;line-height:2}

/* أزرار */
.v5-btn{display:inline-flex;align-items:center;gap:9px;border-radius:14px;font-weight:800;font-size:.92rem;padding:14px 30px;transition:.22s cubic-bezier(.34,1.56,.64,1)}
.v5-btn.gold{background:linear-gradient(135deg,#b8a4ff,var(--p) 45%,#5b3fd6);color:#0e0a1f;box-shadow:0 8px 30px rgba(143,111,255,.35),inset 0 1px 0 rgba(255,255,255,.35)}
.v5-btn.gold:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 44px rgba(143,111,255,.5)}
.v5-btn.ghost{border:1px solid var(--v5-border-p);color:var(--p-l);background:rgba(143,111,255,.05)}
.v5-btn.ghost:hover{background:rgba(143,111,255,.12);transform:translateY(-3px)}
.v5-btn.sm{padding:10px 22px;font-size:.82rem}

/* بينتو */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bento .b{background:linear-gradient(165deg,rgba(255,255,255,.03),rgba(255,255,255,.008)),#0b0d15;border:1px solid var(--v5-border);
  border-radius:22px;padding:26px;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}
.bento .b:hover{transform:translateY(-6px);border-color:var(--v5-border-p);box-shadow:0 24px 60px rgba(0,0,0,.55)}
.bento .b::after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(143,111,255,.14),transparent 70%);top:-80px;left:-60px;opacity:0;transition:.35s}
.bento .b:hover::after{opacity:1}
.bento .b .ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;
  background:rgba(143,111,255,.1);border:1px solid rgba(143,111,255,.25);margin-bottom:14px}
.bento .b h3{font-size:1.02rem;font-weight:800;margin-bottom:7px}
.bento .b p{font-size:.8rem;color:#96969f;line-height:1.95}
.bento .b .tag{position:absolute;top:16px;left:16px;background:rgba(143,111,255,.12);color:var(--p-l);border:1px solid rgba(143,111,255,.3);border-radius:999px;font-size:.58rem;font-weight:900;padding:3px 10px;letter-spacing:1px}
.b-w2{grid-column:span 2}
@media(max-width:900px){.bento{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.bento{grid-template-columns:1fr}.b-w2{grid-column:span 1}}

/* فوتر مصغر */
.v5-minifoot{border-top:1px solid var(--v5-border);padding:36px 20px;text-align:center;color:#6b6b74;font-size:.78rem;margin-top:60px}
.v5-minifoot .lnks{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.v5-minifoot a{color:#8b8b95;font-weight:700}
.v5-minifoot a:hover{color:var(--p-l)}

/* ريفيل */
.rv{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.rv.on{opacity:1;transform:none}


/* الصفحات المرقّاة: دفع المحتوى تحت النافبار العائم */
.v5-nav ~ .docs-layout,
.v5-nav ~ .st-wrap,
.v5-nav ~ .sp-wrap,
.v5-nav ~ .rm-wrap,
.v5-nav ~ .container,
.v5-nav ~ main,
.v5-nav ~ section:not(.v5-phero):not(.v5-sec),
.v5-nav ~ div[class*="wrap"] { padding-top: 100px !important; position: relative; z-index: 1; }
.v5-nav ~ .v5-phero { padding-top: 130px; }

/* ============================================================
   جولة صقل بصري v5.1 — تحسينات دقيقة على كل الموقع
   ============================================================ */

/* شريط تقدم القراءة أعلى الصفحة */
#scrollProgress {
  position: fixed; top: 0; inset-inline: 0; height: 3px; z-index: 9999;
  background: linear-gradient(90deg, #8f6fff, #b8a4ff, #8f6fff);
  transform-origin: 0 50%; transform: scaleX(0); will-change: transform;
  box-shadow: 0 0 12px rgba(143,111,255,.6);
}

/* سكرول بار موحّد وأنيق */
* { scrollbar-width: thin; scrollbar-color: rgba(143,111,255,.4) transparent; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-thumb { background: rgba(143,111,255,.32); border-radius: 99px; border: 3px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: rgba(143,111,255,.55); background-clip: content-box; }

/* تحديد النص باللون البنفسجي */
::selection { background: rgba(143,111,255,.34); color: #fff; }

/* تنعيم ظهور الأقسام عند السكرول */
.reveal-up { opacity: 0; transform: translateY(26px); transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); }
.reveal-up.in { opacity: 1; transform: none; }

/* هوفر أنعم للبطاقات المشتركة */
.b, .card, .feature-card, .plan, .cmd-card, .rv-card {
  transition: transform .28s cubic-bezier(.22,.61,.36,1), border-color .28s, box-shadow .28s, background .28s;
}
.b:hover, .card:hover, .feature-card:hover, .plan:hover, .cmd-card:hover {
  transform: translateY(-4px);
  border-color: rgba(143,111,255,.4);
  box-shadow: 0 18px 44px rgba(0,0,0,.34), 0 0 0 1px rgba(143,111,255,.14);
}

/* أزرار v5: لمعة عند الهوفر */
.v5-btn, .btn-glow, .cta {
  position: relative; overflow: hidden;
  transition: transform .18s, box-shadow .25s, filter .2s;
}
.v5-btn:active, .cta:active { transform: scale(.97); }
.v5-btn::after, .cta::after {
  content: ''; position: absolute; top: 0; inset-inline-start: -120%;
  width: 60%; height: 100%; transform: skewX(-20deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  transition: inset-inline-start .6s ease;
}
.v5-btn:hover::after, .cta:hover::after { inset-inline-start: 130%; }

/* روابط النص الأنيقة */
a { transition: color .18s; }

@media (prefers-reduced-motion: reduce) {
  .reveal-up { opacity: 1; transform: none; transition: none; }
  #scrollProgress { display: none; }
}