Replit Agent prompt for a SaaS landing page

I want a production-hosted landing page for a project management SaaS. Audience: engineering managers at startups. Start by showing me your plan — list the sections you intend to build and the copy angle for each — and wait for my approval before writing code, so we agree on structure first.

Build this section stack once the plan is approved:
- Nav with logo, two links, and the CTA button; collapses to a hamburger under 768px.
- Hero split 60/40: the left column carries an H1 that leads with the outcome rather than the product name, a subhead that names engineering managers at startups explicitly, and the CTA; the right column holds a product visual placeholder.
- Numbers band: three metrics with short labels, using placeholder values I can edit later.
- Feature trio: three columns, each anchored by a question the visitor is already asking, answered in two sentences.
- Full-bleed product screenshot with a caption describing a real workflow in a project management SaaS.
- Pricing glimpse: the starting price, four bullets covering what it includes, one button, and a link to a future /pricing page.
- FAQ with five entries; the final entry should handle the biggest objection to switching tools.
- Final CTA strip and a minimal footer (copyright, three links).

Visual direction:
Minimal dark style. Near-black canvas (#0A0A0B) with one elevated surface tone (#141416) for cards — never more than two surface steps. Hairline borders (1px, white at 8% opacity) instead of shadows; if a shadow is unavoidable use 0 1px 2px rgba(0,0,0,0.4) and nothing softer. Text in exactly three steps: white at 92% for headings, 60% for body, 40% for captions. Generous negative space — section padding at least 120px on desktop, 64px on mobile. The accent color appears only on interactive elements and one hero highlight, nowhere else.

Palette: a strict neutral ramp (white, #F5F5F5, #E5E5E5, #737373, #171717) carries the entire interface; pick one accent and use it only for primary CTAs, active states, and a single hero highlight. If the accent appears more than five times per viewport it stops being an accent. Keep semantic colors (success, error) desaturated so the accent stays in charge.
Typography: one geometric sans (a Futura/Poppins-class face) at three weights maximum (400/500/700). Scale: 64-88px hero, 32px section heads, 18px lede, 16px body, 13px caps labels with 0.08em tracking. Tight headline leading (1.05-1.1), relaxed body (1.6). Let the geometry carry the personality — no italics; weight and size do all hierarchy.
Motion: none. Zero scroll animations, zero entrance effects — the page is fully composed the instant it paints. Spend the motion budget on input feedback instead: 120-150ms ease-out color and transform transitions on hover and press states only. Hold this constraint absolutely; it is a statement, not an omission.

Layout rules:
- Vertical rhythm on an 8px base: sections get 12 units of padding on desktop and 8 on mobile; never mix arbitrary margins between siblings.
- On phones, the hero stacks visual below copy and the numbers band becomes a vertical list.

The primary call to action is "start a free trial" — hero, nav, and final strip, nowhere else.

Deploy to Replit hosting when done and give me the live URL. Then confirm: the deployed page loads over HTTPS; Lighthouse performance scores above 85; the hamburger opens and closes on a real 390px viewport; all three CTA buttons share identical text and destination. I'll iterate section by section in follow-up messages, so keep each section's code isolated.