Your public roadmap,
live on your landing page.

Add our public product roadmap to this site using FuryRoadMap.

Context: FuryRoadMap serves our roadmap as an embeddable widget. Our roadmap slug is "your-product".
Docs: https://furyroadmap.fun/docs/install (also available at https://furyroadmap.fun/llms.txt).

Do this:
1. Detect the framework and routing of this project (plain HTML, Next.js, React, Vue, Astro, SvelteKit, Webflow export, etc.).
2. Add a "Roadmap" section to the main landing page, placed after the features/benefits section and before pricing or the footer. Match the existing section spacing, max-width, heading style and background. Heading text: "Roadmap". Optional one-line subheading: "What we're building, in the open."
3. Inside that section, add:
   <div id="furyroadmap"></div>
   <script async src="https://furyroadmap.fun/embed.js" data-roadmap="your-product"></script>
   In React/Next.js, load the script in a client component with useEffect (or next/script with strategy="afterInteractive") and render the div; do not server-render the widget's content.
4. If the site has a navigation bar, add a "Roadmap" link that scrolls to the section (anchor #roadmap on the section).
5. Do not change anything else. Do not add CSS targeting the widget: it styles itself inside a shadow root.
6. Run the site locally and verify the roadmap renders. If the container is constrained narrower than ~720px, it will stack vertically; that's expected.
7. Summarize what you changed and which files you touched.