feat(landing): update meta titles for landing pages and enhance FAQ section layout

templates/public/landing.html.twig

@@ -105,9 +105,14 @@
 			</section>
 
 			{% if page.faq is not empty %}
+				{# specs-head عنوان را وسط و با فاصلهٔ درست می‌نشاند؛ h2 لخت داخل گرید
+				   می‌افتد و به کارت اول می‌چسبد. #}
 				<section class="specs" id="faq">
 					<div class="wrap">
-						<h2 class="reveal">پرسش‌های متداول</h2>
+						<div class="specs-head reveal">
+							<span class="eyebrow">پرسش‌های متداول</span>
+							<h2>{{ page.h1 }} — آنچه بیشتر پرسیده می‌شود</h2>
+						</div>
 						<div class="fcols-grid">
 							{% for item in page.faq %}
 								<div class="fcol reveal">
@@ -121,15 +126,19 @@
 			{% endif %}
 
 			{% if related is not empty %}
-				<section class="band" id="related">
+				<section class="specs" id="related">
 					<div class="wrap">
-						<h2 class="reveal">راهکارهای دیگر کلینیک پرو</h2>
-						<div class="fcols-grid">
+						<div class="specs-head reveal">
+							<span class="eyebrow">راهکارهای دیگر</span>
+							<h2>کلینیک پرو برای صنف شما</h2>
+							<p>هر مجموعه نیاز خودش را دارد؛ نسخهٔ متناسب با کار خود را ببینید.</p>
+						</div>
+						<div class="specs-grid">
 							{% for item in related %}
-								<div class="fcol reveal">
-									<h3><a href="/{{ item.slug }}">{{ item.h1 }}</a></h3>
-									<p>{{ item.metaDescription }}</p>
-								</div>
+								<a class="spec-card reveal" href="/{{ item.slug }}" style="text-decoration:none;color:inherit;display:block">
+									<h3>{{ item.h1 }}</h3>
+									<p style="font-size:13.5px;color:var(--muted);line-height:1.9;margin-top:12px">{{ item.metaDescription }}</p>
+								</a>
 							{% endfor %}
 						</div>
 					</div>