/* ======= صفحة الرئيسية — لمسات خاصة ======= */
.hero .btn--primary { font-size: var(--fs-md); }
.hero__cta .btn { min-width: 190px; }

.hero__demo textarea { font-family: var(--font-body); }

.demo-note { display: inline-flex; align-items: center; gap: 8px; }
.demo-note svg { width: 16px; height: 16px; }

@media (max-width: 560px) {
  .hero__cta .btn { min-width: 100%; }
}