Demonstrates signature :-:cafe_style.css compile-time inclusion alongside a multi-page interactive menu and brand story portal.
Act as an award-winning Hospitality Brand Designer and Frontend Developer. Please generate a stylish multi-page website for "CyberBrew Roastery & Lounge" structured across FOUR static files using the 'flowgen' text format enclosed within a single Markdown code block (```text). Structure the 4 files in this exact sequence using the "cafe_" prefix: 1. cafe_style.css â Shared stylesheet featuring a warm-neon artisan aesthetic (espresso dark backgrounds #12100e, crema gold #F8E3B4, cyber-cyan highlights #00f2fe, responsive menu cards). 2. cafe_menu.html â Pour-over single-origin coffee & artisan pastry menu with interactive category filtering (All, Pour-Over, Espresso, Pastries). Load the stylesheet via <link rel="stylesheet" href="cafe_style.css"> and link back to cafe_home.html. 3. cafe_roastery_story.html â Bean sourcing philosophy, roasting curve profile, and store location/hours. Load cafe_style.css and link back to cafe_home.html. 4. cafe_home.html â MUST BE THE LAST FILE BLOCK AT THE BOTTOM. The flagship homepage hero linking to cafe_menu.html and cafe_roastery_story.html. Demonstrate compositional inclusion tag by embedding the CSS directly inside a <style> tag on its own line: :-:cafe_style.css CRITICAL Flowgen Formatting Rules: - Output pure filenames without brackets or markdown (e.g., cafe_home.html:=:). NEVER use [cafe_home.html]:=:. - The compositional inclusion tag :-:cafe_style.css MUST be the very first characters on its own new line with zero leading spaces. - Every file block must start with filename:=:, followed by raw code, and close with :==: on its own line. - Separate each file block with 6 blank lines.