Design an e-commerce announcement post for the Product in the Format. Use a clean split-screen composition with the Left Tier on the left and the Right Tier on the right, separated by a narrow central divider. Show each tier as a refined product card with clear hierarchy, generous spacing and its corresponding details from the Left Tier Details and Right Tier Details. Place a realistic smartphone mockup vertically in the center, overlapping both sides slightly, with the Headline, Supporting Copy and Call To Action displayed on its screen as a compact shopping announcement. Keep the phone large enough to anchor the layout without hiding either comparison panel. Apply the Color Palette consistently across the background, typography, cards and accents. Use crisp sans-serif typography, subtle shadows, precise alignment and restrained product styling. Render every supplied text element exactly as written, with no extra copy, misspellings or distorted lettering.
Use these details:
Product: "Aster Hydration Serum"
Left Tier: "Essential"
Left Tier Details: ["30 ml bottle", "Hyaluronic acid", "Daily hydration"]
Right Tier: "Pro"
Right Tier Details: ["50 ml bottle", "Hyaluronic acid and ceramides", "Long-lasting barrier support"]
Headline: "Meet the New Aster Range"
Supporting Copy: "Compare the essentials and upgrade your routine"
Call To Action: "Shop the comparison"
Color Palette: "warm ivory, deep charcoal, muted sage and soft coral"
Format: "4:5 portrait Instagram post"