Бенто Грид

Design a landing page using a bento grid layout: an asymmetric CSS grid of rounded cards in mixed sizes (1x1, 2x1, 1x2, 2x2) with consistent 12-16px gaps. Each card holds one focused piece of content: a stat, a chart, a feature, a screenshot. Dark background (#0a0a0a), cards slightly lighter (#141414) with 1px subtle borders and 16-24px corner radius. One accent color used sparingly for key numbers. Hover lifts a card 2-4px with a soft shadow. Avoid: uniform card sizes, heavy drop shadows, more than one accent color. Build an original, complete composition around the actual business and its visitor task. Use the live demonstration as a visual reference, not a universal section template. Lead with specific objects, useful content and appropriate photography. Use supplied real project imagery; label fictional concepts and generated imagery honestly. Never invent clients, testimonials, awards, usage counts or results. Give every visible control a useful outcome and an accessible name. Use deliberate motion for spatial relationships and state changes; support keyboard, touch and prefers-reduced-motion. Verify desktop and mobile layouts, image loading, contrast and form states. Avoid generic AI slogans, rhetorical em dashes, arbitrary decorative badges and repetitive three-card sections.