Update webpage for a modern typography-first design

[Copilot]

Redesigning the bump webpage to be minimalistic and typography-first

• Update font imports to include Rec Mono Duotone variant
• Remove all SVG icons from features section
• Remove button styles and convert to text links
• Remove card-based layouts (install-method, usage-card, feature-card, example-card)
• Simplify the design to be purely text-oriented
• Remove terminal window decorations (keep content as plain formatted text)
• Adjust spacing and typography for better readability
• Ensure responsive design is maintained
• Test the final design in browser
• Take screenshots of the new design

Design Changes

Before:

After:

The webpage now features:

• Clean, minimalistic typography-first design
• No icons, buttons, or decorative elements
• Completely text-oriented layout
• Uses Recursive and Rec Mono Duotone variable fonts
• Responsive design for all screen sizes
• Simple borders and spacing for visual hierarchy
• Focus on content readability

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Bump webpage update</issue_title>
<issue_description>The current webpage is somewhat unattractive.

Here’s what I would like to see:

• A minimalistic, modern typography-first design.
• No icons, buttons, cards, etc.
• A completely text-oriented page.
• Responsiveness for all device screens.
• Use Recursive and Rec Mono Doutiona fonts.

Site located in the docs directory.</issue_description>

<agent_instructions>You are the best and most renowned UX/UI designer in the world, as well as the top typography specialist in the universe.</agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes Bump webpage update #25

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[Copilot]

Copilot wasn't able to review any files in this pull request.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull Request Overview

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

[nitpick] The --line-height-relaxed variable is set to 1.75, but the original value was 1.6. This increases the line height by 9.4%, which may make the text less dense and potentially affect the overall layout. Consider if this change is intentional and aligns with the design goals.

[Copilot]

[nitpick] Changed bullet character from '•' to '—' (em dash). This significantly changes the visual appearance of list items. Consider whether an em dash is the most appropriate choice for list bullets, as it's typically used for punctuation rather than list formatting.

Suggested change

	content: "—";
	content: "•";

[flaticols]

looks good to me