—
**توضیحات تکمیلی برای طراح سایت و جهت اطمینان از نمایش صحیح:**

1. **ساختار HTML و هدینگ‌ها:**
* تمامی هدینگ‌ها (H1, H2, H3) با استفاده از تگ‌های `

`, `

`, `

` واقعی و دارای استایل‌های اینلاین `font-size`, `font-weight`, `color` و `text-align` نوشته شده‌اند تا هم به عنوان هدینگ شناسایی شوند و هم ظاهر مدنظر را داشته باشند. در ویرایشگرهای بلوکی یا کلاسیک، این استایل‌ها باید به درستی اعمال شوند.
* برای رنگ‌بندی، از طیف رنگی سبزآبی (Teal) استفاده شده که حس اعتماد، تخصص و آرامش را منتقل می‌کند.
* `#004d40`: سبز دریایی تیره (برای H1 و CTA اصلی)
* `#00695c`: سبز دریایی متوسط (برای H2)
* `#00796b`: سبز دریایی روشن‌تر (برای H3 و عناصر فرعی)
* `#e0f2f1`, `#f0fdfc`, `#e8f5e9`, `#f5fcfc`, `#e0f7fa`: رنگ‌های پس‌زمینه ملایم برای بخش‌های مختلف جهت تفکیک بصری.
* `#2e7d32`, `#1b5e20`: رنگ‌های سبز تیره برای تاکید در اینفوگرافیک.
2. **رسپانسیو بودن (واکنش‌گرا):**
* ساختار کلی محتوا (پاراگراف‌های کوتاه، لیست‌ها، جدول با `overflow-x: auto`، و `div`هایی با `display: flex; flex-wrap: wrap;`) به گونه‌ای طراحی شده که در اندازه‌های مختلف صفحه نمایش (موبایل، تبلت، لپ‌تاپ، تلویزیون) به خوبی تطبیق پیدا کند.
* ویژگی `flex-wrap: wrap` در بخش‌های کارت‌مانند و اینفوگرافیک باعث می‌شود آیتم‌ها در صفحه‌های کوچک زیر هم قرار گیرند.
* `min-width` برای آیتم‌های فلکس‌باکس تضمین می‌کند که در صفحات خیلی کوچک، از یک حداقل عرض مشخص برخوردار باشند.
* توصیه می‌شود CSS سایت نیز برای پشتیبانی کامل از این عناصر و فونت‌ها (مانند Vazirmatn) بهینه شده باشد.
3. **جدول:**
* جدول به صورت استاندارد HTML و با استایل‌های ساده و خوانا طراحی شده است. استفاده از `overflow-x: auto` تضمین می‌کند که در صفحات کوچک، جدول به صورت افقی قابل اسکرول باشد و از به هم ریختگی جلوگیری کند.
4. **اینفوگرافیک (جایگزین بصری):**
* بخش “ویژگی‌های برجسته یک وکیل شهرداری ‘تضمینی'” به عنوان یک جایگزین بصری برای اینفوگرافیک عمل می‌کند. از کارت‌های رنگی با آیکون‌های یونی‌کد (⭐📜🤝📞) و متن‌های کوتاه استفاده شده تا اطلاعات به صورت گرافیکی و جذاب نمایش داده شود و به راحتی قابل اسکن باشد. این ساختار در ویرایشگر بلوک باید به خوبی رندر شود و به صورت بصری دلنشین باشد.
5. **محتوای هدف‌محور (User Intent Based):**
* مقاله به طور کامل به نیازهای اطلاعاتی و تجاری کاربر (جستجو کننده وکیل شهرداری در منطقه 13) پاسخ می‌دهد.
* به سوالات رایج پاسخ داده شده (FAQ).
* ساختار منطقی و مرحله‌ای برای فرآیند حقوقی ارائه شده است.
6. **تجربه کاربری (UX):**
* پاراگراف‌های کوتاه، استفاده فراوان از لیست‌ها و جداول، و رنگ‌بندی ملایم به خوانایی و اسکن‌پذیری محتوا کمک شایانی می‌کند.
* CTA (تماس با ما) به وضوح مشخص و برجسته است.
7. **کیفیت زبانی و انسانی بودن:**
* تلاش شده تا لحن مقاله کاملاً حرفه‌ای، دقیق، علمی و انسانی باشد و از جملات کلیشه‌ای یا تکراری خودداری شود.
* هیچ متن تبلیغاتی یا اشاره‌ای به هوش مصنوعی وجود ندارد.
8. **فونت:**
* از فونت «Vazirmatn» به عنوان نمونه‌ای از فونت‌های خوانا و استاندارد فارسی استفاده شده است. (نیاز به تعریف این فونت در CSS سایت دارد).
9. **آدرس و شماره تماس:**
* اطلاعات تماس به صورت برجسته و قابل کلیک (برای شماره تلفن) درج شده و به صفحه تماس با ما نیز لینک داخلی داده شده است.

با کپی کردن این کد HTML در ویرایشگر بلوک یا ویرایشگر کلاسیک سایت خود، انتظار می‌رود که تمامی عناصر به درستی نمایش داده شوند و طراحی منحصر به فرد و رسپانسیو آن قابل مشاهده باشد.