feat(home): add pricing + timeline band above inline lead form

Adds a new PricingTimelineBand component that sits directly above the
homepage InlineLeadForm with two side-by-side cards answering the two
final pre-conversion questions every buyer has:

  1. "Projects from $X,XXX"  — includes discovery, design, build, QA,
     and post-launch support.
  2. "Typical timeline: 4–8 weeks"  — discovery week 1, weekly demos,
     launch by week 8.

A subtle "Custom quote available — tell us about your project" line
with a downward chevron visually bridges the band into the form below.

Implementation notes:
- Anchor id="pricing-timeline" so the mobile sticky CTA bar / nav can
  deep-link to it.
- grid-cols-1 md:grid-cols-2 → stacks vertically on mobile, side-by-
  side on md+ (>=768px).
- Each card has an explicit min-h-[260px] sm:min-h-[280px] so the
  band reserves its own vertical space at first paint, keeping
  Lighthouse CLS unchanged.
- Uses existing design tokens (primary-* / accent-* / secondary-*,
  rounded-3xl, container-wrapper, gradient-br) so the band feels
  native to the page.
- Placeholder copy ($X,XXX and 4–8 weeks) is flagged with
  data-stakeholder-confirm markers + HTML comments so the marketing/
  leadership team knows what still needs sign-off.
- Reduced-motion-respecting CSS animation on the bridging chevron.

src/pages/index.astro

@@ -6,6 +6,7 @@ import ClientLogos from '../components/ClientLogos.astro';
 import InlineLeadForm from '../components/InlineLeadForm.astro';
 import HomepageFaq from '../components/HomepageFaq.astro';
 import ProofNumbers from '../components/ProofNumbers.astro';
+import PricingTimelineBand from '../components/PricingTimelineBand.astro';
 
 // Services data — outcome-led headlines with anchor slugs that deep-link
 // into the matching detail sections on /services.
@@ -628,6 +629,14 @@ const techStack = [
     </div>
   </section>
 
+  <!-- Pricing + Timeline Band — sits directly above the inline lead form
+       so late-stage visitors get the two answers they need (rough price
+       and rough duration) BEFORE filling in the form. Anchor
+       `#pricing-timeline` is referenced by the mobile sticky CTA bar /
+       nav for deep-linking. Placeholder values inside the component are
+       flagged with `data-stakeholder-confirm` markers + HTML comments. -->
+  <PricingTimelineBand />
+
   <!-- Inline Lead Form — sits between the tech-stack social-proof block
        and the final CTA band so visitors who are ready to start a project can
        submit a 3-field enquiry without leaving the homepage. Submits to the