/* ============================================================
   MaxDent — Royal Aurora Identity (v20260724)
   طبقة هوية بصرية جديدة كليًا: داكنة فاخرة، أضواء أورورا،
   زجاج، توهج، عمق، وحركة هادئة. الخط: Cairo فقط.
   تُحمَّل بعد ملف الأساس وتعيد تشكيل كل المكونات.
   ============================================================ */

:root{
  --ink-0:#05070f;
  --ink-1:#0a0e1c;
  --ink-2:#0f1528;
  --ink-3:#151d36;
  --glass:rgba(148,163,255,.05);
  --glass-2:rgba(148,163,255,.09);
  --line:rgba(148,163,255,.14);
  --line-strong:rgba(167,180,255,.28);
  --aqua:#2dd4ea;
  --aqua-soft:#7de8f5;
  --violet:#8b7bf7;
  --violet-soft:#b7abff;
  --gold:#f2c063;
  --gold-soft:#ffe0a3;
  --rose:#f472b6;
  --mint:#4ade9c;
  --txt-0:#f2f5ff;
  --txt-1:#c6cdea;
  --txt-2:#8e97be;
  --grad-hero:linear-gradient(100deg,var(--aqua) 0%,var(--violet) 45%,var(--gold) 100%);
  --grad-btn:linear-gradient(120deg,#25c5de 0%,#7c6cf0 60%,#a78bfa 100%);
  --grad-gold:linear-gradient(120deg,#f2c063,#ffdf9e 55%,#f2c063);
  --shadow-1:0 18px 50px -18px rgba(3,6,18,.85);
  --shadow-glow-aqua:0 0 42px -8px rgba(45,212,234,.45);
  --shadow-glow-violet:0 0 46px -10px rgba(139,123,247,.45);
  --r-lg:22px;--r-md:16px;--r-sm:12px;
  --ease-lux:cubic-bezier(.22,.8,.26,1);
}

/* ---------- الأساس ---------- */
html{scroll-behavior:smooth}
body{
  font-family:'Cairo',sans-serif !important;
  background:
    radial-gradient(1100px 620px at 88% -8%,rgba(139,123,247,.16),transparent 60%),
    radial-gradient(900px 560px at 4% 12%,rgba(45,212,234,.13),transparent 62%),
    radial-gradient(1200px 800px at 50% 118%,rgba(242,192,99,.08),transparent 55%),
    linear-gradient(180deg,var(--ink-1),var(--ink-0) 55%) !important;
  color:var(--txt-1) !important;
}
h1,h2,h3,h4,h5,b,strong{color:var(--txt-0)}
p{color:var(--txt-1)}
::selection{background:rgba(139,123,247,.4);color:#fff}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--ink-1)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38bdd6,#7c6cf0);border-radius:8px;border:2px solid var(--ink-1)}
:focus-visible{outline:2px solid var(--aqua);outline-offset:2px;border-radius:6px}

/* شبكة نقاط خافتة تمنح عمقًا للخلفية */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(rgba(167,180,255,.10) 1px,transparent 1.4px);
  background-size:34px 34px;
  mask-image:radial-gradient(900px 600px at 50% 12%,#000 0%,transparent 78%);
  -webkit-mask-image:radial-gradient(900px 600px at 50% 12%,#000 0%,transparent 78%);
}
main,section,.nav-wrap,.footer{position:relative;z-index:1}

/* كرات الإضاءة الخلفية */
.bg-orb,.bg-orb2,.bg-orb3{
  position:fixed;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;z-index:0;
  animation:orbFloat 26s var(--ease-lux) infinite alternate;
}
.bg-orb{width:560px;height:560px;top:-180px;inset-inline-start:-140px;background:radial-gradient(circle,rgba(45,212,234,.34),transparent 65%)}
.bg-orb2{width:640px;height:640px;top:32%;inset-inline-end:-220px;background:radial-gradient(circle,rgba(139,123,247,.30),transparent 66%);animation-delay:-9s}
.bg-orb3{width:520px;height:520px;bottom:-200px;inset-inline-start:28%;background:radial-gradient(circle,rgba(242,192,99,.20),transparent 66%);animation-delay:-17s}
@keyframes orbFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(46px,-38px,0) scale(1.08)}}

/* ---------- شريط التنقل ---------- */
.nav-wrap{
  background:rgba(8,11,24,.62) !important;
  backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);
  border-bottom:1px solid var(--line) !important;box-shadow:0 10px 34px -22px rgba(0,0,0,.9);
}
.nav-wrap::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(45,212,234,.55),rgba(139,123,247,.55),rgba(242,192,99,.45),transparent)}
.brand-name{color:var(--txt-0)}
.brand-name span{color:var(--txt-2)}
.brand img{filter:drop-shadow(0 0 14px rgba(45,212,234,.5))}
.nav-links a{
  color:var(--txt-1) !important;border-radius:12px;position:relative;
  transition:color .25s var(--ease-lux),background .25s var(--ease-lux),transform .25s var(--ease-lux);
}
.nav-links a:hover{color:#fff !important;background:var(--glass-2);transform:translateY(-1px)}
.nav-links a.active{
  color:#fff !important;
  background:linear-gradient(120deg,rgba(45,212,234,.16),rgba(139,123,247,.18)) !important;
  border:1px solid var(--line-strong);
  box-shadow:inset 0 0 18px rgba(139,123,247,.12);
}

/* ---------- الأزرار ---------- */
.btn,.download-main-btn{
  background:var(--grad-btn) !important;background-size:170% 170% !important;
  color:#071018 !important;font-weight:800;border:0 !important;border-radius:14px;
  box-shadow:var(--shadow-glow-violet),0 8px 22px -10px rgba(45,212,234,.5);
  transition:transform .28s var(--ease-lux),box-shadow .28s var(--ease-lux),background-position .5s var(--ease-lux);
  position:relative;overflow:hidden;
}
.btn:hover,.download-main-btn:hover{
  transform:translateY(-3px) scale(1.015);background-position:100% 0 !important;
  box-shadow:0 0 56px -8px rgba(139,123,247,.65),0 14px 30px -12px rgba(45,212,234,.55);
}
.btn::after,.download-main-btn::after{
  content:"";position:absolute;top:0;inset-inline-start:-70%;width:45%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-18deg);transition:inset-inline-start .6s var(--ease-lux);
}
.btn:hover::after,.download-main-btn:hover::after{inset-inline-start:130%}
.ghost-btn,.download-backup-btn{
  background:var(--glass) !important;color:var(--txt-0) !important;
  border:1px solid var(--line-strong) !important;border-radius:14px;
  backdrop-filter:blur(8px);transition:all .28s var(--ease-lux);
}
.ghost-btn:hover,.download-backup-btn:hover{
  border-color:var(--aqua) !important;color:var(--aqua-soft) !important;
  box-shadow:var(--shadow-glow-aqua);transform:translateY(-2px);background:rgba(45,212,234,.07) !important;
}

/* ---------- الكروت والزجاج ---------- */
.glass-card,.feature-card,.pricing-card,.compare-card,.compare-card-lux,.step-card,
.download-box,.migration-box,.faq-item,.score-card,.support-card,.coverage-card,
.screenshot-card,.chart-card,.hero-card,.impact-dashboard,.v12-new-card,.v11-focus-card,
.premium-download-card,.premium-cloud-card,.cloud-orbit-card,.clinic-outcome-card,
.instagram-card,.precheck-card,.deal-spotlight,.suite-16-card,.home-trial-card{
  background:linear-gradient(165deg,var(--glass-2),rgba(10,14,28,.55)) !important;
  border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;
  box-shadow:var(--shadow-1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  position:relative;transition:transform .35s var(--ease-lux),box-shadow .35s var(--ease-lux),border-color .35s var(--ease-lux);
}
.glass-card::before,.feature-card::before,.pricing-card::before,.step-card::before,
.download-box::before,.v12-new-card::before,.hero-card::before,.chart-card::before{
  content:"";position:absolute;inset-inline:14%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,232,245,.7),rgba(183,171,255,.7),transparent);
  opacity:.8;pointer-events:none;
}
.glass-card:hover,.feature-card:hover,.step-card:hover,.faq-item:hover,
.v12-new-card:hover,.compare-card-lux:hover,.screenshot-card:hover,.chart-card:hover{
  transform:translateY(-6px);border-color:var(--line-strong) !important;
  box-shadow:0 26px 60px -20px rgba(3,6,18,.95),0 0 44px -14px rgba(139,123,247,.35);
}
.pricing-card:hover{transform:translateY(-8px) scale(1.01)}
.pricing-card.featured{
  border-color:rgba(242,192,99,.55) !important;
  box-shadow:0 0 60px -16px rgba(242,192,99,.45),var(--shadow-1);
}
.pricing-card.featured::before{background:linear-gradient(90deg,transparent,var(--gold-soft),transparent)}

/* ---------- عناصر نصية ---------- */
.gradient-text{background:var(--grad-hero) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;
  filter:drop-shadow(0 0 26px rgba(139,123,247,.35))}
.kicker{color:var(--aqua-soft) !important;background:rgba(45,212,234,.08);border:1px solid rgba(45,212,234,.3);border-radius:999px;
  box-shadow:inset 0 0 16px rgba(45,212,234,.10)}
.eyebrow{color:var(--gold) !important;letter-spacing:.14em}
.section-title{color:var(--txt-0)}
.lead,.subtle{color:var(--txt-2) !important}
.pulse-dot{background:var(--mint) !important;box-shadow:0 0 0 0 rgba(74,222,156,.7);animation:pulseDot 2s infinite}
@keyframes pulseDot{70%{box-shadow:0 0 0 9px rgba(74,222,156,0)}100%{box-shadow:0 0 0 0 rgba(74,222,156,0)}}
.v12-new-badge{background:linear-gradient(120deg,rgba(242,192,99,.16),rgba(139,123,247,.16));border:1px solid rgba(242,192,99,.4);
  color:var(--gold-soft);border-radius:999px;padding:6px 14px;display:inline-block;font-weight:700}

/* ---------- الإحصائيات ---------- */
.stat{border:1px solid var(--line);border-radius:var(--r-md);background:var(--glass);
  transition:transform .3s var(--ease-lux),box-shadow .3s var(--ease-lux)}
.stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-aqua)}
.stat b{background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}
.impact-bar i{background:linear-gradient(90deg,var(--aqua),var(--violet)) !important;box-shadow:0 0 14px rgba(45,212,234,.5)}
.progress i,.feature-bar i,.fill{background:linear-gradient(90deg,var(--aqua),var(--violet)) !important}

/* ---------- الهيرو ---------- */
.hero-logo-glow{background:radial-gradient(circle,rgba(139,123,247,.5),transparent 70%) !important}
.hero-logo-ring{border-color:rgba(125,232,245,.35) !important}
.hero-logo-ring-b{border-color:rgba(242,192,99,.3) !important}
.hero-screen{background:linear-gradient(170deg,#0d1326,#0a0e1c) !important;border:1px solid var(--line-strong) !important;border-radius:18px}
.screen-toolbar i{background:var(--line-strong)}
.score-mini{background:var(--glass-2);border:1px solid var(--line);border-radius:12px}
.score-mini b{color:var(--aqua-soft)}
.slider-caption{background:rgba(8,11,24,.75);border:1px solid var(--line);backdrop-filter:blur(8px);color:var(--txt-0)}
.slider-dots button{background:var(--line-strong)}
.slider-dots button.active{background:var(--grad-btn);box-shadow:0 0 10px rgba(139,123,247,.7)}

/* ---------- الفوتر ---------- */
.footer{background:linear-gradient(180deg,rgba(10,14,28,.4),rgba(5,7,15,.95)) !important;border-top:1px solid var(--line) !important}
.footer a{color:var(--txt-2) !important;transition:color .25s,padding .25s}
.footer a:hover{color:var(--aqua-soft) !important;padding-inline-start:4px}
.footer h4{color:var(--txt-0)}
.footer-counter-item{background:var(--glass);border:1px solid var(--line);border-radius:12px}
.floating-whatsapp{background:linear-gradient(135deg,#22c55e,#0ea5e9) !important;box-shadow:0 0 30px -6px rgba(34,197,94,.6) !important;
  animation:waFloat 3.4s ease-in-out infinite}
@keyframes waFloat{50%{transform:translateY(-6px)}}

/* ---------- الجداول ---------- */
.compare-table,.compare-table-lux{border:1px solid var(--line) !important;border-radius:var(--r-lg);overflow:hidden}
.compare-table th,.compare-table-lux th{background:linear-gradient(120deg,rgba(45,212,234,.12),rgba(139,123,247,.14)) !important;color:var(--txt-0) !important}
.compare-table td,.compare-table-lux td{border-color:var(--line) !important;color:var(--txt-1)}
.compare-table tr:hover td,.compare-table-lux tr:hover td{background:rgba(139,123,247,.06)}
.ok{color:var(--mint) !important}.no{color:var(--rose) !important}.partial{color:var(--gold) !important}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-lux),transform .8s var(--ease-lux)}
.reveal.visible{opacity:1;transform:none}

/* ============================================================
   مكونات جديدة — الصفحة الرئيسية وصفحة التحميل الجديدتان
   ============================================================ */

/* بطاقات النسختين */
.ra-editions{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
.ra-edition{
  background:linear-gradient(165deg,var(--glass-2),rgba(10,14,28,.6));
  border:1px solid var(--line);border-radius:26px;padding:30px 26px;position:relative;overflow:hidden;
  box-shadow:var(--shadow-1);transition:transform .35s var(--ease-lux),box-shadow .35s var(--ease-lux),border-color .35s var(--ease-lux);
}
.ra-edition:hover{transform:translateY(-7px);border-color:var(--line-strong)}
.ra-edition.solo:hover{box-shadow:var(--shadow-glow-aqua),var(--shadow-1)}
.ra-edition.ent{border-color:rgba(242,192,99,.4)}
.ra-edition.ent:hover{box-shadow:0 0 58px -14px rgba(242,192,99,.5),var(--shadow-1)}
.ra-edition::before{content:"";position:absolute;top:-70px;inset-inline-end:-70px;width:200px;height:200px;border-radius:50%;filter:blur(46px);opacity:.5}
.ra-edition.solo::before{background:radial-gradient(circle,rgba(45,212,234,.5),transparent 70%)}
.ra-edition.ent::before{background:radial-gradient(circle,rgba(242,192,99,.45),transparent 70%)}
.ra-edition-tag{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.85rem;border-radius:999px;padding:6px 16px;margin-bottom:14px}
.ra-edition.solo .ra-edition-tag{color:var(--aqua-soft);background:rgba(45,212,234,.1);border:1px solid rgba(45,212,234,.35)}
.ra-edition.ent .ra-edition-tag{color:var(--gold-soft);background:rgba(242,192,99,.1);border:1px solid rgba(242,192,99,.4)}
.ra-edition h3{font-size:1.5rem;margin:0 0 8px}
.ra-edition ul{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:9px}
.ra-edition ul li{position:relative;padding-inline-start:26px;color:var(--txt-1);font-size:.95rem}
.ra-edition ul li::before{content:"✦";position:absolute;inset-inline-start:0;top:0}
.ra-edition.solo ul li::before{color:var(--aqua)}
.ra-edition.ent ul li::before{color:var(--gold)}
.ra-btn-gold{
  display:inline-block;background:var(--grad-gold);background-size:180% 180%;color:#231604 !important;
  font-weight:800;border-radius:14px;padding:12px 26px;border:0;text-decoration:none;
  box-shadow:0 0 42px -8px rgba(242,192,99,.55),0 8px 20px -10px rgba(242,192,99,.5);
  transition:transform .28s var(--ease-lux),box-shadow .28s var(--ease-lux),background-position .5s var(--ease-lux);
  position:relative;overflow:hidden;
}
.ra-btn-gold:hover{transform:translateY(-3px) scale(1.015);background-position:100% 0;box-shadow:0 0 62px -6px rgba(242,192,99,.7)}

/* مخطط المركز الرئيسي والفروع */
.ra-hub{position:relative;max-width:560px;margin:34px auto 0;aspect-ratio:1.35;filter:drop-shadow(0 14px 40px rgba(3,6,18,.8))}
.ra-hub svg{width:100%;height:100%;display:block}
.ra-hub .hub-line{stroke:url(#raLineGrad);stroke-width:2;stroke-dasharray:6 7;animation:hubDash 2.6s linear infinite;opacity:.85}
@keyframes hubDash{to{stroke-dashoffset:-26}}
.ra-hub .hub-core{filter:drop-shadow(0 0 16px rgba(242,192,99,.7))}
.ra-hub .hub-node{filter:drop-shadow(0 0 12px rgba(45,212,234,.6))}
.ra-hub text{font-family:'Cairo',sans-serif;fill:#eaf0ff;font-weight:700}

/* لوحة رسوم بيانية توضيحية */
.ra-dash{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}
.ra-panel{background:linear-gradient(168deg,rgba(148,163,255,.08),rgba(10,14,28,.62));border:1px solid var(--line);
  border-radius:20px;padding:20px;box-shadow:var(--shadow-1);position:relative;overflow:hidden}
.ra-panel h4{margin:0 0 4px;font-size:1rem}
.ra-panel .ra-sub{font-size:.8rem;color:var(--txt-2);margin:0 0 14px}
.ra-panel svg{width:100%;height:auto;display:block}
.ra-line-path{fill:none;stroke:url(#raChartGrad);stroke-width:2.6;stroke-linecap:round;
  stroke-dasharray:620;stroke-dashoffset:620;filter:drop-shadow(0 0 8px rgba(45,212,234,.55))}
.visible .ra-line-path,.ra-panel.visible .ra-line-path{animation:raDraw 1.9s var(--ease-lux) forwards .25s}
@keyframes raDraw{to{stroke-dashoffset:0}}
.ra-area{fill:url(#raAreaGrad);opacity:0;transition:opacity 1.4s var(--ease-lux) .9s}
.visible .ra-area{opacity:1}
.ra-bars rect{fill:url(#raBarGrad);rx:5;transform:scaleY(0);transform-origin:bottom;transform-box:fill-box;
  transition:transform .9s var(--ease-lux)}
.visible .ra-bars rect{transform:scaleY(1)}
.ra-bars rect:nth-child(2){transition-delay:.12s}.ra-bars rect:nth-child(3){transition-delay:.24s}
.ra-bars rect:nth-child(4){transition-delay:.36s}.ra-bars rect:nth-child(5){transition-delay:.48s}
.ra-bars rect:nth-child(6){transition-delay:.6s}.ra-bars rect:nth-child(7){transition-delay:.72s}
.ra-ring-track{fill:none;stroke:rgba(148,163,255,.14);stroke-width:10}
.ra-ring-val{fill:none;stroke:url(#raRingGrad);stroke-width:10;stroke-linecap:round;
  stroke-dasharray:302;stroke-dashoffset:302;filter:drop-shadow(0 0 10px rgba(242,192,99,.55))}
.visible .ra-ring-val{animation:raRing 1.8s var(--ease-lux) forwards .3s}
@keyframes raRing{to{stroke-dashoffset:74}}
.ra-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.ra-kpi{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:12px 10px;text-align:center}
.ra-kpi b{display:block;font-size:1.25rem;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent}
.ra-kpi span{font-size:.72rem;color:var(--txt-2)}

/* عدادات متحركة */
[data-countup]{font-variant-numeric:tabular-nums}

/* مشاكل / حلول */
.ra-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ra-problem{background:linear-gradient(165deg,var(--glass-2),rgba(10,14,28,.55));border:1px solid var(--line);
  border-radius:20px;padding:22px;transition:transform .32s var(--ease-lux),box-shadow .32s var(--ease-lux)}
.ra-problem:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow-violet)}
.ra-problem .ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.3rem;margin-bottom:12px;
  background:linear-gradient(135deg,rgba(45,212,234,.18),rgba(139,123,247,.2));border:1px solid var(--line-strong)}
.ra-problem h3{font-size:1.05rem;margin:0 0 6px}
.ra-problem p{font-size:.9rem;margin:0;color:var(--txt-2)}

/* شريط CTA نهائي */
.ra-cta{position:relative;border-radius:28px;overflow:hidden;padding:44px 30px;text-align:center;
  background:linear-gradient(120deg,rgba(45,212,234,.12),rgba(139,123,247,.16) 50%,rgba(242,192,99,.12));
  border:1px solid var(--line-strong);box-shadow:var(--shadow-1)}
.ra-cta::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(139,123,247,.25) 82%,transparent 92%);
  animation:raSpin 9s linear infinite;pointer-events:none}
@keyframes raSpin{to{transform:rotate(360deg)}}
.ra-cta>*{position:relative}
.ra-cta h2{font-size:1.9rem;margin:0 0 10px}

/* شارة Enterprise في القائمة/الأقسام */
.ra-ent-chip{display:inline-block;font-size:.7rem;font-weight:800;color:#231604;background:var(--grad-gold);
  border-radius:999px;padding:2px 10px;margin-inline-start:6px;vertical-align:middle}

/* FAQ */
.faq-item{cursor:pointer}
.faq-item h3{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:1rem;margin:0}
.faq-item h3::after{content:"＋";color:var(--aqua);font-weight:900;transition:transform .3s var(--ease-lux)}
.faq-item.open h3::after{transform:rotate(45deg);color:var(--gold)}
.faq-item p{max-height:0;overflow:hidden;margin:0;transition:max-height .45s var(--ease-lux),margin .45s var(--ease-lux)}
.faq-item.open p{max-height:260px;margin-top:10px}

/* تحميل — بطاقات الطرق */
.dl-method{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--txt-2)}
.file-chip{background:rgba(45,212,234,.08);border:1px solid rgba(45,212,234,.3);color:var(--aqua-soft);
  border-radius:10px;font-family:'Cairo',monospace;letter-spacing:.02em}
.ra-edition .file-chip{display:inline-block;padding:6px 12px;margin:6px 0 14px;font-size:.8rem;direction:ltr}

/* استجابة */
@media (max-width:980px){
  .ra-editions,.ra-dash{grid-template-columns:1fr}
  .ra-problems{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .ra-problems{grid-template-columns:1fr}
  .ra-kpis{grid-template-columns:repeat(3,1fr)}
  .ra-cta h2{font-size:1.4rem}
  .ra-hub{max-width:100%}
}

/* احترام تقليل الحركة */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s !important;animation-iteration-count:1 !important;transition-duration:.001s !important}
  .reveal{opacity:1;transform:none}
  .ra-line-path{stroke-dashoffset:0}.ra-ring-val{stroke-dashoffset:74}
  .ra-bars rect{transform:scaleY(1)}.ra-area{opacity:1}
}

/* ============================================================
   Fable Certification — شهادة Claude Fable 5 (v20260724b)
   ============================================================ */
:root{
  --fbl-gold:#d4b46e; --fbl-gold-bright:#f0dcab; --fbl-emerald:#2fbf8f;
}
.ra-cert{
  position:relative;border-radius:28px;overflow:hidden;padding:52px 30px;
  background:
    radial-gradient(900px 420px at 85% -10%, rgba(47,191,143,.14), transparent 60%),
    radial-gradient(700px 380px at 5% 110%, rgba(212,180,110,.12), transparent 60%),
    linear-gradient(165deg,rgba(20,34,26,.55),rgba(9,16,13,.65));
  border:1px solid rgba(212,180,110,.28);
  box-shadow:0 26px 70px -24px rgba(3,10,7,.9),0 0 60px -20px rgba(47,191,143,.25);
}
.ra-cert::before{
  content:"";position:absolute;inset:-45%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0 74%,rgba(212,180,110,.22) 84%,transparent 94%);
  animation:raCertSpin 12s linear infinite;
}
@keyframes raCertSpin{to{transform:rotate(360deg)}}
.ra-cert>*{position:relative}
.ra-cert-badge{
  display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:.05em;
  color:var(--fbl-gold-bright);border:1px solid rgba(212,180,110,.4);border-radius:999px;
  padding:6px 18px;background:rgba(212,180,110,.08);margin-bottom:16px;
}
.ra-cert-grid{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}
.ra-cert-ring-box{position:relative;width:170px;height:170px;margin:0 auto;flex-shrink:0}
.ra-cert-ring-box svg{width:100%;height:100%;transform:rotate(-90deg)}
.ra-cert-ring-track{fill:none;stroke:rgba(212,180,110,.14);stroke-width:9}
.ra-cert-ring-val{fill:none;stroke:url(#raFableRing);stroke-width:9;stroke-linecap:round;
  stroke-dasharray:440;stroke-dashoffset:440;filter:drop-shadow(0 0 10px rgba(47,191,143,.55))}
.ra-cert.visible .ra-cert-ring-val{animation:raCertRing 2s var(--ease-lux) forwards .3s}
@keyframes raCertRing{to{stroke-dashoffset:18}}
.ra-cert-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ra-cert-ring-num{font-size:2.5rem;font-weight:900;color:var(--fbl-gold-bright);line-height:1}
.ra-cert-ring-num small{font-size:1rem;color:var(--txt-2);font-weight:700}
.ra-cert-ring-cap{font-size:.72rem;color:var(--fbl-emerald);margin-top:4px;letter-spacing:.04em}
.ra-cert-copy h2{font-size:1.7rem;margin:0 0 10px;color:var(--txt-0)}
.ra-cert-copy p{color:var(--txt-1);max-width:640px;margin:0 0 18px}
.ra-cert-copy b{color:var(--fbl-gold-bright)}
.ra-cert-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ra-cert-kpi{background:rgba(212,180,110,.06);border:1px solid rgba(212,180,110,.2);border-radius:14px;
  padding:12px 8px;text-align:center;transition:transform .3s var(--ease-lux),box-shadow .3s var(--ease-lux)}
.ra-cert-kpi:hover{transform:translateY(-4px);box-shadow:0 0 24px -4px rgba(47,191,143,.4)}
.ra-cert-kpi b{display:block;font-size:1.2rem;color:var(--fbl-gold-bright)}
.ra-cert-kpi span{font-size:.68rem;color:var(--txt-2)}
@media (max-width:820px){.ra-cert-grid{grid-template-columns:1fr;text-align:center}.ra-cert-copy p{margin-inline:auto}}
@media (max-width:560px){.ra-cert-kpis{grid-template-columns:repeat(2,1fr)}}

/* شارة مدمجة صغيرة (فوتر/هيرو) */
.ra-fable-chip{
  display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;
  color:var(--fbl-gold-bright);border:1px solid rgba(212,180,110,.35);border-radius:999px;
  padding:5px 14px;background:rgba(212,180,110,.07);text-decoration:none;transition:all .25s var(--ease-lux);
}
.ra-fable-chip:hover{background:rgba(212,180,110,.14);box-shadow:0 0 16px rgba(212,180,110,.3);color:var(--fbl-gold-bright)}

/* ============================================================
   Download Duo — بطاقتا التحميل المتجاورتان (v20260725)
   ============================================================ */
.dl-hero{padding-bottom:20px}
.dl-hero-head{position:relative;text-align:center;max-width:820px;margin:0 auto 42px}
.dl-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:800;
  color:var(--aqua-soft);background:rgba(45,212,234,.08);border:1px solid rgba(45,212,234,.3);
  border-radius:999px;padding:7px 18px;box-shadow:inset 0 0 18px rgba(45,212,234,.1)}
.dl-hero-title{font-size:clamp(2rem,6vw,3.6rem);line-height:1.25;margin:18px 0 12px;font-weight:900}
.dl-hero-sub{color:var(--txt-2);font-size:clamp(.92rem,2.4vw,1.05rem);max-width:660px;margin:0 auto}
.dl-hero-orbit{position:absolute;inset:-40px -10px;pointer-events:none;z-index:-1}
.dl-hero-orbit span{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.dl-hero-orbit span:nth-child(1){width:260px;height:260px;top:-40px;inset-inline-start:2%;
  background:radial-gradient(circle,rgba(45,212,234,.4),transparent 70%);animation:orbFloat 18s var(--ease-lux) infinite alternate}
.dl-hero-orbit span:nth-child(2){width:240px;height:240px;top:-20px;inset-inline-end:4%;
  background:radial-gradient(circle,rgba(242,192,99,.35),transparent 70%);animation:orbFloat 22s var(--ease-lux) -7s infinite alternate}
.dl-hero-orbit span:nth-child(3){width:300px;height:300px;bottom:-90px;inset-inline-start:34%;
  background:radial-gradient(circle,rgba(139,123,247,.35),transparent 70%);animation:orbFloat 26s var(--ease-lux) -13s infinite alternate}

/* الشبكة: بطاقتان متساويتان تمامًا في العرض والارتفاع */
.dl-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.dl-card{
  display:flex;flex-direction:column;position:relative;overflow:hidden;
  background:linear-gradient(168deg,rgba(148,163,255,.09),rgba(10,14,28,.62));
  border:1px solid var(--line);border-radius:26px;padding:26px 24px 24px;
  box-shadow:var(--shadow-1);
  transition:transform .38s var(--ease-lux),box-shadow .38s var(--ease-lux),border-color .38s var(--ease-lux);
}
.dl-card::before{content:"";position:absolute;inset-inline:12%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,232,245,.8),transparent)}
.dl-card-ent::before{background:linear-gradient(90deg,transparent,var(--gold-soft),transparent)}
.dl-card-ent{border-color:rgba(242,192,99,.36)}
.dl-card:hover{transform:translateY(-7px);border-color:var(--line-strong)}
.dl-card-client:hover{box-shadow:0 26px 62px -22px rgba(3,6,18,.95),0 0 52px -14px rgba(45,212,234,.45)}
.dl-card-ent:hover{box-shadow:0 26px 62px -22px rgba(3,6,18,.95),0 0 56px -14px rgba(242,192,99,.5)}
.dl-card-glow{position:absolute;top:-90px;inset-inline-end:-80px;width:230px;height:230px;border-radius:50%;
  filter:blur(56px);opacity:.5;pointer-events:none}
.dl-card-client .dl-card-glow{background:radial-gradient(circle,rgba(45,212,234,.55),transparent 70%)}
.dl-card-ent .dl-card-glow{background:radial-gradient(circle,rgba(242,192,99,.5),transparent 70%)}
.dl-card>*{position:relative}
.dl-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.dl-tag{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;border-radius:999px;padding:6px 15px}
.dl-tag-client{color:var(--aqua-soft);background:rgba(45,212,234,.1);border:1px solid rgba(45,212,234,.34)}
.dl-tag-ent{color:var(--gold-soft);background:rgba(242,192,99,.1);border:1px solid rgba(242,192,99,.4)}
.dl-os{font-size:.72rem;font-weight:700;color:var(--txt-2);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.dl-card-body{flex:1 1 auto;display:flex;flex-direction:column}
.dl-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:1.65rem;margin-bottom:14px;
  background:linear-gradient(135deg,rgba(45,212,234,.18),rgba(139,123,247,.2));border:1px solid var(--line-strong)}
.dl-card-ent .dl-icon{background:linear-gradient(135deg,rgba(242,192,99,.2),rgba(139,123,247,.18));border-color:rgba(242,192,99,.4)}
.dl-card h2{font-size:1.55rem;margin:0 0 10px;font-weight:900}
.dl-card>.dl-card-body>p{color:var(--txt-1);font-size:.94rem;margin:0 0 16px;line-height:1.85}
.dl-feats{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px}
.dl-feats li{position:relative;padding-inline-start:24px;font-size:.9rem;color:var(--txt-1);line-height:1.7}
.dl-feats li::before{content:"✦";position:absolute;inset-inline-start:0;top:0;color:var(--aqua)}
.dl-card-ent .dl-feats li::before{color:var(--gold)}
.dl-card-foot{margin-top:auto;padding-top:18px;border-top:1px dashed var(--line)}
.dl-file{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.dl-file span{font-size:.76rem;color:var(--txt-2);font-weight:700}
.dl-file code{direction:ltr;font-family:'Cairo',monospace;font-size:.78rem;font-weight:700;
  color:var(--aqua-soft);background:rgba(45,212,234,.08);border:1px solid rgba(45,212,234,.28);
  border-radius:10px;padding:6px 12px;word-break:break-all}
.dl-card-ent .dl-file code{color:var(--gold-soft);background:rgba(242,192,99,.08);border-color:rgba(242,192,99,.3)}
.dl-btn{display:block;width:100%;text-align:center;font-size:1.02rem;font-weight:800;padding:15px 20px;
  border-radius:16px;text-decoration:none;position:relative;overflow:hidden}
.dl-btn-ent{background:var(--grad-gold);background-size:180% 180%;color:#231604 !important;border:0;
  box-shadow:0 0 44px -8px rgba(242,192,99,.55),0 8px 22px -10px rgba(242,192,99,.5);
  transition:transform .28s var(--ease-lux),box-shadow .28s var(--ease-lux),background-position .5s var(--ease-lux)}
.dl-btn-ent:hover{transform:translateY(-3px) scale(1.012);background-position:100% 0;box-shadow:0 0 64px -6px rgba(242,192,99,.72)}
.dl-btn-ent::after{content:"";position:absolute;top:0;inset-inline-start:-70%;width:45%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);
  transition:inset-inline-start .6s var(--ease-lux)}
.dl-btn-ent:hover::after{inset-inline-start:130%}
.dl-note{margin:26px auto 0;max-width:820px;text-align:center;font-size:.92rem;color:var(--txt-1);
  background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.dl-note b{color:var(--txt-0)}
.dl-note a{color:var(--aqua-soft)}
.dl-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.dl-meta>div{background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:16px 12px;text-align:center;
  transition:transform .3s var(--ease-lux),box-shadow .3s var(--ease-lux)}
.dl-meta>div:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-aqua)}
.dl-meta b{display:block;font-size:1rem;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent}
.dl-meta span{font-size:.74rem;color:var(--txt-2)}

/* ===== استجابة الموبايل والتابلت ===== */
@media (max-width:1024px){
  .dl-duo{gap:20px}
  .dl-card{padding:24px 20px 22px}
  .dl-meta{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .dl-duo{grid-template-columns:1fr}
  .dl-card{transform:none !important}
  .dl-hero-title{font-size:clamp(1.75rem,8vw,2.4rem)}
}
@media (max-width:600px){
  .dl-hero{padding-top:32px !important}
  .dl-hero-head{margin-bottom:30px}
  .dl-card{padding:22px 17px 20px;border-radius:22px}
  .dl-card h2{font-size:1.32rem}
  .dl-icon{width:48px;height:48px;font-size:1.4rem;border-radius:15px}
  .dl-card-top{gap:8px}
  .dl-tag{font-size:.72rem;padding:5px 12px}
  .dl-file{flex-direction:column;align-items:stretch;gap:7px}
  .dl-file code{text-align:center;font-size:.72rem}
  .dl-btn{font-size:.96rem;padding:14px 16px}
  .dl-meta{grid-template-columns:repeat(2,1fr);gap:10px}
  .dl-meta>div{padding:13px 8px}
  .dl-note{font-size:.86rem;padding:13px 15px;margin-top:20px}
}

/* تحسينات عامة للموبايل عبر الموقع كله */
@media (max-width:600px){
  .container{padding-inline:16px}
  .section{padding-block:44px}
  h1{font-size:clamp(1.75rem,8vw,2.3rem);line-height:1.35}
  .section-title{font-size:clamp(1.3rem,6vw,1.7rem);line-height:1.45}
  .ra-cert{padding:34px 18px;border-radius:22px}
  .ra-cert-copy h2{font-size:1.22rem}
  .ra-cert-ring-box{width:140px;height:140px}
  .ra-cert-ring-num{font-size:2rem}
  .ra-edition{padding:24px 18px;border-radius:22px}
  .ra-edition h3{font-size:1.28rem}
  .ra-cta{padding:32px 18px}
  .ra-panel{padding:16px}
  .ra-kpi b{font-size:1.05rem}
  .compare-table th,.compare-table td{font-size:.8rem;padding:9px 6px !important}
  .footer-counters{flex-wrap:wrap;justify-content:center;gap:8px}
  .nav-links a{padding:10px 12px}
}
@media (max-width:820px){
  .ra-hub{max-width:100%;aspect-ratio:1.15}
  .ra-hub text{font-size:15px}
}