/* ============================================================
   home.css — أثر | الصفحة الرئيسية
   ============================================================ */

/* ---- الهيرو ---- */
.hero { padding: clamp(56px, 8vw, 104px) 0 clamp(48px, 7vw, 88px); }
.hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(32px, 5vw, 60px); align-items: center; }
.hero h1 {
  font-size: clamp(2.3rem, 5.6vw, 4.1rem); font-weight: 700;
  line-height: 1.42; letter-spacing: 0; margin: 20px 0 26px;
}
.hero h1 .hl { color: var(--primary-strong); }
.hero .lead { font-size: clamp(1.05rem, 2vw, 1.22rem); color: var(--muted); max-width: 44ch; min-height: 1.7em; margin-bottom: 30px; }
.hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }

/* نافذة كود (لمسة تقنية) */
.code-window {
  background: var(--ink); border-radius: var(--r-lg); overflow: hidden;
  box-shadow: var(--shadow-lg); font-family: var(--font-mono); font-size: 0.86rem;
}
.code-bar { display: flex; align-items: center; gap: 7px; padding: 13px 16px; border-bottom: 1px solid rgba(255,255,255,.08); }
.code-dot { width: 11px; height: 11px; border-radius: 50%; }
.code-bar .t { margin-inline-start: auto; color: rgba(255,255,255,.4); font-size: 0.74rem; }
.code-body { padding: 18px 20px; line-height: 2; color: #cde9e0; direction: ltr; text-align: left; }
.code-body .ln { white-space: pre; }
.code-body .k { color: #7dd3fc; }   /* كلمة مفتاحية */
.code-body .s { color: #5DCAA5; }   /* نص */
.code-body .c { color: #6b8076; }   /* تعليق */
.code-body .f { color: #a5b4fc; }   /* دالة */

/* ---- الأرقام: انتقلت إلى components.css ---- */

/* ---- بطاقة خدمة: انتقلت إلى components.css لإعادة الاستخدام ---- */

/* ---- أعمال مختارة ---- */
/* ---- أعمال مختارة: بطاقة العمل انتقلت إلى components.css ---- */

/* ---- كيف نعمل: انتقلت إلى components.css ---- */

/* ---- آراء ---- */
.quote-card { display: flex; flex-direction: column; gap: 14px; }
.quote-card .stars { color: var(--primary); font-size: 0.9rem; letter-spacing: 2px; }
.quote-card .text { font-size: 1rem; line-height: 1.8; }
.quote-card .who { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.quote-card .av { width: 42px; height: 42px; border-radius: 50%; background: var(--primary-soft); color: var(--primary-strong); display: grid; place-items: center; font-weight: 700; font-family: var(--font-display); }
.quote-card .who .name { font-weight: 600; font-size: 0.94rem; }
.quote-card .who .role { color: var(--muted); font-size: 0.82rem; }

/* ---- شركاء ---- */
.partners { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.partner {
  min-width: 150px; height: 76px; flex: 1; max-width: 200px;
  border: 1px solid var(--line); border-radius: var(--r); background: var(--surface);
  display: grid; place-items: center; color: var(--muted-2); font-weight: 600;
  transition: border-color .2s, color .2s;
}
.partner:hover { border-color: var(--primary-line); color: var(--primary-strong); }
.partner img { max-height: 44px; max-width: 80%; object-fit: contain; }

/* ---- دعوة التواصل: انتقلت إلى components.css ---- */

/* ---- استجابة ---- */
@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr; }
  .code-window { order: -1; }
}