I have a fully designed mockup in PNG format, and I want my current homepage to mirror it exactly. This means updating the layout and overall structure, refreshing the colour palette and typography, and swapping in the new hero image and supporting media shown in the mockup. Your task is to adjust only the homepage (Astra Pro theme) so that, once you reload the page, every visual detail lines up with the design—spacings, breakpoints, colours, fonts, images, and hover states. The header must be universal across all pages. This is the website: https://surpluslaunch.com. Please see the accompanying mockup image. If you’re comfortable working directly in HTML/CSS and can turn around precise visual tweaks quickly, let’s get started.