Разделен екран

Design a split-screen layout: viewport divided into two equal vertical halves with opposing personalities: dark half with light type vs light half with dark type, or photo vs typography. The seam is a crisp 1px line or a slight diagonal. Hovering one side expands it to ~60% (eased 400ms) while the other compresses, both remaining legible. Each half has its own CTA. Headline can straddle the seam, split-colored at the boundary. On mobile the halves stack with preserved contrast. Avoid: unequal visual weight (both sides must compete), more than two zones, busy content fighting the simple geometry. 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.