agent: Fix mobile menu full-screen overlay

src/components/HomepageFaq.astro

@@ -19,6 +19,11 @@
 //     items. No custom key handling needed.
 
 const moneyFaqs = [
+  {
+    question: 'How much does a project cost? Do you work with fixed budgets?',
+    answer:
+      'Projects start from ₹1,00,000, and most web, mobile, and ERP builds land between ₹2L and ₹15L depending on scope. And yes — we work with fixed budgets: tell us the number you have in mind and we will scope what we can deliver within it. Every quote is free, itemised, and no-obligation.',
+  },
   {
     question: 'How much does a custom ERP cost?',
     answer:

src/pages/index.astro

@@ -212,7 +212,7 @@ const techStack = [
         </div>
 
         <!-- Main heading — benefit-led: outcome + audience -->
-        <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white leading-[1.1] tracking-tight">
+        <h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-white leading-[1.1] tracking-tight">
           <span class="block opacity-0 animate-slide-up" style="animation-delay: 0.2s;">Custom Software That</span>
           <span class="block opacity-0 animate-slide-up" style="animation-delay: 0.4s;">Powers <span class="text-transparent bg-clip-text bg-gradient-to-r from-primary-400 via-primary-300 to-accent-400">Enterprises &amp; Governments</span></span>
         </h1>
@@ -420,17 +420,31 @@ const techStack = [
                 ))}
               </ul>
 
-              <!-- Learn more arrow -->
+              <!-- Per-service CTAs — a primary conversion link that routes
+                   straight to the contact/quote form (tagged per service so
+                   the lead source is attributable), plus a secondary
+                   "Learn more" link into the matching /services detail
+                   section for visitors who want depth before they reach out. -->
+              <div class="mt-7 flex flex-wrap items-center gap-x-6 gap-y-3">
                 <a
-                href={`/services#${service.slug}`}
-                class="mt-6 inline-flex items-center text-primary-600 dark:text-primary-400 font-semibold group-hover:text-primary-700 dark:group-hover:text-primary-300 transition-colors focus:outline-none focus:underline"
-                aria-label={`Learn more about ${service.title}`}
+                  href={`/contact?source=service-${service.slug}`}
+                  data-cta={`service-${service.slug}`}
+                  class="inline-flex items-center rounded-xl bg-primary-50 dark:bg-primary-900/30 px-5 py-3 text-base font-bold text-primary-700 dark:text-primary-300 transition-all hover:bg-primary-100 dark:hover:bg-primary-900/50 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-primary-400 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-secondary-800"
+                  aria-label={`${service.cta} — get a free quote`}
                 >
-                <span>Learn more</span>
-                <svg class="w-5 h-5 ml-2 group-hover:translate-x-2 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                  <span>{service.cta}</span>
+                  <svg class="w-5 h-5 ml-2 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
                   </svg>
                 </a>
+                <a
+                  href={`/services#${service.slug}`}
+                  class="inline-flex items-center text-secondary-500 dark:text-secondary-400 font-semibold hover:text-primary-600 dark:hover:text-primary-300 transition-colors focus:outline-none focus:underline"
+                  aria-label={`Learn more about ${service.title}`}
+                >
+                  <span>Learn more</span>
+                </a>
+              </div>
             </div>
 
             <!-- Number badge -->