Hero

Act as a senior frontend engineer and UI specialist. Build a modern, highly responsive Hero section in HTML and CSS.

Requirements:
- Use semantic HTML (e.g. <header> or <section>).
- Layout: A balanced split-screen or centered layout. The left side (or center) should feature a prominent <h1> headline, a readable <p> subheadline, and a primary Call-To-Action (CTA) button next to a secondary outline button.
- Visuals: Include a placeholder on the right side for a high-quality product image or illustration.
- Design: Clean aesthetic, generous padding (e.g., 80px+ vertical), modern typography (sans-serif), and subtle hover effects on the buttons.
- Responsive: The layout must stack gracefully on mobile devices (image below or hidden, text centered).
- Provide a single HTML file containing all necessary styles.