/* ===== الرئيسية: بدون مربعات، هيرو كبير، إحصائيات حيّة، سيرفرات كدوائر ===== */
.home { position: relative; padding: 8px 4px 48px; overflow: hidden; }

/* الهيرو */
.home .home-hero { text-align: center; padding: 34px 0 10px; background: none !important; border: 0 !important; box-shadow: none !important; }
.home .pill-badge { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; padding: 7px 16px; }
.home .hero-title {
  font-size: clamp(36px, 5.4vw, 68px); font-weight: 900; line-height: 1.12; margin: 18px auto 14px; max-width: 900px;
}
.home .hero-title .grad-text {
  background: linear-gradient(90deg, #60a5fa, #e2e8f0, #3b82f6, #93c5fd, #60a5fa);
  background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: homeShine 7s linear infinite;
}
@keyframes homeShine { to { background-position: -300% 0; } }
.home .hero-sub { color: var(--silver2); font-size: 17px; line-height: 1.8; max-width: 640px; margin: 0 auto; }
.home .hero-cta { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 28px; }
.home .hero-cta .btn { padding: 14px 30px; font-size: 16px; }
.home .home-banner { width: 120px; height: auto; margin: 0 auto; filter: drop-shadow(0 0 28px rgba(96,165,250,.45)); }

/* الإحصائيات: بدون صناديق، أرقام كبيرة وفاصل خفيف */
.home .stats-row {
  display: grid; grid-template-columns: repeat(3, 1fr); max-width: 980px; margin: 56px auto 64px;
}
.home .stat-big {
  background: none !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important;
  border-radius: 0 !important; padding: 18px 12px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center;
}
.home .stat-big::after, .home .stat-big::before { display: none !important; }
.home .stat-big + .stat-big { border-inline-start: 1px solid rgba(148,163,184,.14) !important; }
.home .stat-ico {
  width: 60px; height: 60px; border-radius: 50%; display: grid; place-items: center; font-size: 26px;
  background: radial-gradient(circle, rgba(59,130,246,.32), rgba(59,130,246,.04) 70%);
  transition: transform .35s ease, box-shadow .35s ease;
}
.home .stat-big:hover .stat-ico { transform: scale(1.12); box-shadow: 0 0 30px rgba(96,165,250,.5); }
.home .stat-big > div:not(.stat-ico) { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.home .stat-big b {
  font-size: 48px; font-weight: 900; line-height: 1.05; color: transparent; text-shadow: none; animation: none;
  background: linear-gradient(180deg, #ffffff, #93c5fd 70%, #3b82f6);
  -webkit-background-clip: text; background-clip: text;
}
.home .stat-big span { color: var(--silver2); font-size: 14px; font-weight: 700; }

/* عناوين الأقسام */
.home .sec-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin: 0 4px 26px; padding-bottom: 14px; border-bottom: 1px solid rgba(148,163,184,.14);
}
.home .sec-head h2 {
  margin: 0; font-size: 22px; font-weight: 900; color: var(--silver);
  background: none !important; -webkit-text-fill-color: initial; animation: none !important;
}
.home .sec-head .pill { white-space: nowrap; }

/* شبكة السيرفرات: دوائر بدون صناديق */
.home .cards-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 34px 22px; margin-bottom: 64px;
}
.home .srv {
  background: none !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important;
  border-radius: 0 !important; padding: 8px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px;
  text-decoration: none; color: inherit; animation: none !important;
}
.home .srv::after, .home .srv::before { display: none !important; }
.home .srv > div { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; max-width: 100%; }
.home .srv img, .home .srv .ico {
  width: 108px; height: 108px; border-radius: 50%; object-fit: cover; display: grid; place-items: center; font-size: 42px;
  box-shadow: 0 0 0 3px rgba(148,163,184,.2);
  transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease;
}
.home .srv .ico { background: rgba(59,130,246,.12); border: 1px dashed rgba(96,165,250,.5); box-shadow: none; }
.home .srv:hover img { transform: translateY(-5px) scale(1.05); box-shadow: 0 0 0 3px rgba(96,165,250,.85), 0 0 40px rgba(96,165,250,.6); }
.home .srv:hover .ico { transform: translateY(-5px) scale(1.05); box-shadow: 0 0 36px rgba(96,165,250,.45); }
.home .srv b { font-size: 15px; color: var(--silver); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.home .srv small { color: var(--silver2); font-size: 12px; }
.home .srv .badge { font-size: 11px; }
.home .srv .btn.small { margin-top: 2px; }
.home .muted { grid-column: 1 / -1; text-align: center; padding: 30px 0; }

@media (max-width: 720px) {
  .home .stats-row { grid-template-columns: 1fr; margin: 36px auto 44px; }
  .home .stat-big + .stat-big { border-inline-start: 0 !important; border-top: 1px solid rgba(148,163,184,.14) !important; }
  .home .stat-big b { font-size: 40px; }
  .home .srv img, .home .srv .ico { width: 86px; height: 86px; font-size: 34px; }
  .home .cards-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .home .hero-title .grad-text, .home .srv img, .home .srv .ico, .home .stat-ico { animation: none !important; transition: none !important; }
}