Prepare project for pipeline takeover: task tracker, UX doc, CLAUDE.md pointers

Adds docs/tasks/ (16 epics + 102 stories converted to task/subtask files with
statuses.md as the new status source of truth) and docs/ux-design.md
(retrospective design-system reference), and points CLAUDE.md at them.
docs/prd.md and docs/architecture.md are kept as BMAD wrote them; the legacy
docs/stories/, docs/epics/, docs/qa/gates/ and .bmad-core/ stay in place as
historical/traceability records, superseded but not deleted.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

docs/tasks/16-5.md

@@ -0,0 +1,22 @@
+---
+id: 16-5
+title: 16-5 Legal Services Section
+status: QA Review
+date: 2026-09-27
+parent: 16
+---
+
+## Description
+
+As a website visitor I want to see Libra's comprehensive legal services So that I know what services they offer and if they can help with my legal needs. Full implementation history: docs/stories/story-16.5-legal-services-section.md
+
+## Acceptance Criteria
+
+- [ ] AC1: Services Section Container: Given the About Us page below the goals section; When displayed; Then show a services section with:
+- [ ] AC2: Services Section Header: Given the services section; When displayed; Then show section header:
+- [ ] AC3: Services Introduction: Given the services section below the header; When displayed; Then show introductory text:
+- [ ] AC4: Four Service Categories: Given the services section; When displayed; Then show 4 service category cards:
+- [ ] AC5: Service Card Styling: Given each service card; When displayed; Then style with:
+- [ ] AC6: Responsive Grid: Given different screen sizes; When viewing service cards:
+- [ ] AC7: CTA Button: Given the services section; When displayed below the cards; Then show a CTA button:
+- [ ] AC8: RTL Support: Given Arabic language is selected; When viewing the services section; Then all cards, lists, and text align correctly for RTL