ji% SSKrSSKrSSKrSSKrSSKJr SSKJr SSKJ r SSK J r \RRSS5r\(d\"S5 \RRSS 5r\ R""\S 9rS rS \S \4SjrS\S \4SjrS \S\S\S \4SjrSS\S\S\S \4Sjjr\S:Xa \"S5 gg)N)Path) BeautifulSoup)async_playwrightOPENAI_API_KEYzJWarning: OPENAI_API_KEY not found. Asset generation will use placeholders.GEMINI_API_KEY'AIzaSyCT_rx0NusUJWoqtT7uxHAKEfHo129SJb8)api_keyaROLE: You are the Chief Creative Officer (CCO) at an Awwwards-winning digital agency. Your job is to elevate functional B2B/B2C landing pages into breathtaking, immersive experiences. CONTEXT: You are reviewing a generated website draft. You are provided with: 1. A high-res full-page screenshot of the rendered page. 2. The raw HTML/Tailwind CSS string. CRITERIA FOR PREMIUM POLISH: 1. Spatial Rhythm & Glassmorphism: Ensure blur layers (`backdrop-filter`) have correct opacity, gradients have dramatic contrast, and typography features massive scale differences. 2. Kinematics (Motion): Static pages are dead. Identify elements requiring scroll-triggered fade-ups, staggered reveals, or parallax depth. 3. Rich Media: Identify sterile color blocks (like the Hero) that require cinematic looping background videos, authentic lifestyle photography, or bespoke 3D assets. YOUR TASK: Do NOT rewrite the HTML. Output a strict JSON object mapping structural enhancements, requested rich media, and specific CSS/attribute injections. EXPECTED JSON SCHEMA: { "visual_score": 85, "critique_summary": "Hero feels flat. Needs cinematic background video and a stagger-fade-up on the typography.", "asset_requests": [ { "target_selector": "#hero-section", "type": "video_background | image_background | 3d_floating_asset", "search_query": "cinematic dark moody corporate architecture loop", "overlay_class": "bg-black/60 backdrop-blur-sm" } ], "dom_mutations": [ { "target_selector": "h1.main-title", "action": "add_classes", "value": "opacity-0 translate-y-10 data-animate-reveal delay-200" } ], "injected_styles": "/* Complex @keyframes or custom CSS variables to append to