Responsive FAQ & Footer Build

I have a finalized Figma file and need the FAQ section and the global footer coded so I can drop them straight into my existing site.

Scope
• Slice the two sections exactly as shown in Figma.
• Pure HTML, CSS, and vanilla JavaScript only—no frameworks, no libraries.
• FAQ behaviour: every answer should already be visible; no toggling is required.
• Footer: include only what is present in the design—no social links, newsletter forms, or other extras.

Responsive Requirements
Test and polish the layout at desktop, tablet, and mobile breakpoints so typography, spacing, and alignment remain consistent across all three.

Deliverables
• Separate, clearly-named HTML, CSS, and JS files for each section.
• Clean, commented code that is easy for me to read and integrate.
• Any asset exports (e.g., SVGs) placed in a logical folder structure.

Once I receive the files I will handle the final integration myself, so there are no server or build-tool steps needed on your end—just well-structured front-end code that matches the design pixel for pixel.