Add a subtle pulse or scale effect to the CTA button when hovered.

Use CSS Flexbox for alignment or CSS Grid for complex layouts to ensure the text scales cleanly without breaking the background container. Breakpoints: Mobile: Stack elements vertically (centered text and CTA). Desktop: Traditional horizontal banner layout. Animations (Micro-interactions)

All visual assets are optimized (WebP or SVG) and committed to the repository.

Identify the exact font families, weights, and sizes used for the headline and call-to-action (CTA).

Tracking events (clicks, impressions) are implemented for analytics. Code passes linting and is approved in a Pull Request.

Before coding, open the .psd file and export the following layers:

Extract the main background texture (keep it compressed or use CSS gradients if possible to save load time).