3D Имерсивен

Design an immersive 3D product page: a WebGL scene (three.js) as the hero: the product model centered, lit with a soft key light and rim accent, slowly orbiting until the user drags. Scroll drives a choreographed camera path: closeups of details synced with spec text appearing beside them. Environment: dark studio backdrop (#060818) with subtle floor reflection and atmospheric fog. UI floats minimal over the scene: thin sans labels, one accent (#7aa2ff). Loading state shows a poster image first; mobile gets reduced polycount and DPR cap. Always honor prefers-reduced-motion with static renders. Avoid: autoplay spin after interaction, heavy uncompressed models (use Draco), UI competing with the scene. 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.