Pricing Cards

A responsive tariff comparison block with interactive hover effects has been developed for a landing page or SaaS service.
Implemented functionality:

Four tariff cards (Enterprise, Professional, Standard, Basic) in a horizontal row using Flexbox / CSS Grid.
A unique color accent stripe at the top of each card and a corresponding BUY button color — the color system is implemented through CSS classes or variables (pink, gold, dark blue, green).
Large typography for the price with a label per month — hierarchy through font sizes and color.
A list of plan features with the key point (Unlimited subdomains) highlighted in bold.
CSS hover animation scaling the card (transform: scale() + transition) — smooth enlargement on hover without JavaScript.
Shadows on the cards (box-shadow) to create a lifted effect above the background.
Rounded edges on cards and buttons (border-radius).