/* آریاناشلف — components.css
   کامپوننت‌های مشترک بین چند صفحه که در style.css جا ندارند.
   استایل صفحهٔ اصلی در landing.css است. */

/* نوار دعوت به اقدام ساده (درباره ما، جزئیات پروژه) */
.cta{background:var(--grad);color:#fff;padding:64px 0}
.cta .center h2{color:#fff}
.cta .center p{max-width:56ch;margin:0 auto 20px;color:#CDE3E6}

/* فهرست تیک‌دار ساده؛ اگر آیکون داخلش نباشد، تیک با CSS رسم می‌شود */
.checklist{display:flex;flex-direction:column;gap:10px;margin:18px 0}
.checklist li{display:flex;align-items:flex-start;gap:10px}
.checklist li:not(:has(.icon))::before{content:"";flex-shrink:0;width:18px;height:18px;margin-top:5px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}