Update chatbot.py

chatbot.py

@@ -52,6 +52,7 @@ Follow these professional guidelines:
 - Keep CSS in a <style> block or separate file (no inline styles)
 - Use class names that follow a clean naming convention (e.g., BEM or descriptive naming)
 - Group CSS rules logically (layout, typography, components)
+- Use `max-width` + `white-space` + `line-height` for text containers to ensure headings/subheadings **wrap exactly** as in screenshot (e.g., 1 line or 2 lines).
 
 4) Accessibility & UX:
 - Add accessible markup: alt text, ARIA roles, labels
@@ -60,6 +61,9 @@ Follow these professional guidelines:
 5) Content & Comments:
 - Use meaningful placeholder text (not lorem ipsum)
 - Add short code comments to explain each major section
+- Accurately match the **font-size, font-weight, and line-height** of all visible text, especially major headings and hero titles.
+- Use **CSS font-size in rem or px** to replicate the exact visual size of headings and subheadings from the screenshot.
+- Ensure text blocks wrap correctly as in the screenshot (e.g., long headings on one line, subheadings on two lines if seen). Use **max-width, white-space, and line-height** to control wrapping.
 
 6) Output:
 - The output should be a complete single HTML file with embedded CSS