## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/huly-io/19c62401-9349-4b6e-b026-941cb593ca56-1790434839-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/huly-io/19c62401-9349-4b6e-b026-941cb593ca56-1790434806578-full.webp
- Component on Kage: https://kage.design/component/huly-hero

## Before you start
Ask what the user's product is, what its primary promise is, and what brand colors and tone it should use. Apply these principles to that product and write original content.

Create a full-width dark landing-page hero beneath the navigation. Use a near-black background (#080b10) with a cinematic, abstract vertical light effect: a narrow electric-blue/white glow near the center that bends and blooms near the lower product preview, plus restrained blue haze around it. Keep the copy in a left-aligned max-width column with generous top padding: an oversized bold sans-serif headline around 56–68px desktop, tight line-height, white text, followed by a 16px cool-gray supporting paragraph and one prominent CTA. Make the CTA a light neutral pill with dark text, subtle orange outer glow, and a small directional affordance. Place a wide rounded-corner application screenshot in the lower half, centered and partially embedded in the glow; add a dark gradient at the bottom so the transition into the next section feels intentional. Ensure the composition remains readable and the visual does not compete with the headline. Use responsive type scaling and stack the visual below the text on small screens.

Never use the reference logo, product name, exact copy, illustrations, screenshots, or imagery.