:root{
  --brand:#2563eb;
  --brand-soft:#dbeafe;
  --bg-page:#f5f7fb;
  --bg-card:#ffffff;
  --text-main:#111827;
  --text-soft:#6b7280;
  --border-soft:#e5e7eb;
  --radius-lg:16px;
  --shadow-soft:0 20px 45px rgba(15,23,42,.08);
}

*{
  box-sizing:border-box;
}

body{
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:radial-gradient(circle at top left,#eef2ff,#f9fafb);
  color:var(--text-main);
  margin:0;
}

/* Layout: keep footer at bottom */
.page-wrapper{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

main{
  flex:1;
}

/* NAVBAR */
.navbar{
  backdrop-filter:blur(14px);
  background:rgba(248,250,252,0.95);
  border-bottom:1px solid rgba(148,163,184,0.25);
}

.navbar-brand span.logo-main{
  font-weight:700;
  letter-spacing:.04em;
  font-size:1rem;
}

.navbar-brand span.logo-sub{
  font-size:.70rem;
  color:var(--text-soft);
  display:block;
  margin-top:1px;
}

.navbar .nav-link{
  font-size:.8rem;
  color:var(--text-soft);
}

.navbar .nav-link:hover,
.navbar .nav-link:focus{
  color:var(--brand);
}

/* HERO */
.hero-section{
  padding-top:1.5rem;
  padding-bottom:2.5rem;
}

.hero-card{
  background:var(--bg-card);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  border:1px solid var(--border-soft);
  padding:1.75rem 1.5rem;
}

.hero-title{
  font-size:1.7rem;
  font-weight:700;
}

.hero-title span.highlight{
  background:linear-gradient(90deg,#2563eb,#22c55e);
  -webkit-background-clip:text;
  color:transparent;
}

.hero-lead{
  font-size:.95rem;
  color:var(--text-soft);
}

.bullet-list li{
  margin-bottom:.3rem;
  font-size:.9rem;
}

.primary-btn{
  border-radius:999px;
  padding:.55rem 1.2rem;
  font-weight:600;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  border:none;
  box-shadow:0 14px 30px rgba(37,99,235,.35);
}

.primary-btn:hover{
  box-shadow:0 18px 38px rgba(37,99,235,.45);
}

.hero-note{
  font-size:.75rem;
  color:var(--text-soft);
  margin-top:.45rem;
}

/* HERO right card */
.hero-stats-card{
  background:radial-gradient(circle at 0 0,#dbeafe,#f1f5f9);
  border-radius:var(--radius-lg);
  padding:1.3rem 1.2rem;
  border:1px solid #d1d5db;
  box-shadow:0 18px 40px rgba(148,163,184,.4);
  height:100%;
}

.hero-stat-row{
  display:flex;
  justify-content:space-between;
  font-size:.82rem;
  padding:.25rem 0;
  border-bottom:1px dashed rgba(148,163,184,.6);
}

.hero-stat-row span.label{
  color:var(--text-soft);
}

/* AD slots */
.ad-slot{
  border-radius:12px;
  border:1px dashed #cbd5f5;
  padding:.6rem 1rem;
  font-size:.78rem;
  color:#64748b;
  background:linear-gradient(120deg,#eff6ff,#faf5ff);
  text-align:center;
  margin-bottom:1rem;
}

/* TRUST BADGES */
.trust-badge{
  border-radius:999px;
  border:1px solid rgba(45,212,191,.35);
  background:rgba(15,118,110,.04);
  color:#0f766e;
  font-size:.78rem;
  padding:.45rem .7rem;
  text-align:center;
}

/* Sections */
.section-title{
  font-size:1.25rem;
  font-weight:600;
  margin-bottom:.3rem;
}

.section-sub{
  font-size:.9rem;
  color:var(--text-soft);
}

/* Comparison table */
.table-wrapper{
  background:var(--bg-card);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  border:1px solid var(--border-soft);
  overflow:hidden;
}

.compare-table thead{
  background:#eff6ff;
  font-size:.8rem;
}

.compare-table th,
.compare-table td{
  padding:.55rem .75rem;
  font-size:.8rem;
  vertical-align:middle;
}

/* Info cards */
.info-card{
  background:var(--bg-card);
  border-radius:var(--radius-lg);
  border:1px solid var(--border-soft);
  padding:1rem .95rem;
  box-shadow:0 10px 28px rgba(148,163,184,.3);
  font-size:.85rem;
  height:100%;
}

.info-card h5{
  font-size:.95rem;
  font-weight:600;
}

/* FAQ */
.accordion-button{
  font-size:.9rem;
}

.accordion-body{
  font-size:.85rem;
  color:var(--text-soft);
}

/* Image placeholders (shared for كل الصفحات) */
.img-placeholder{
  border-radius:var(--radius-lg);
  border:1px dashed #cbd5f5;
  background:linear-gradient(145deg,#e5ecff,#fdfcff);
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:1rem;
  font-size:.8rem;
  color:#64748b;
}

/* مخصوص لصورة الهيرو في العمود اليمين */
.hero-img-placeholder{
  margin-top:0.75rem;
}

/* Footer */
footer{
  background:#020617;
  color:#e5e7eb;
  font-size:.78rem;
  padding:.75rem 0;
  border-top:1px solid rgba(148,163,184,.35);
}

footer a{
  color:#bfdbfe;
  text-decoration:none;
}

footer a:hover{
  text-decoration:underline;
}

/* Responsive tweaks */
@media (max-width: 991.98px){
  .hero-section{
    padding-top:1.2rem;
  }
  .hero-title{
    font-size:1.4rem;
  }
  .navbar-brand span.logo-main{
    font-size:.9rem;
  }
}