Accordion FAQ — Investment / Finance Variant

What it does

• Click-to-expand investor rows — each row's question opens to a clear, plain-language answer
• One open at a time (default) — focus stays on the current question rather than a wall of open text
• Expand-collapse indicator — a chevron or plus/minus rotates to signal each row's state
• Finance-friendly tone and spacing — clean rules, neutral palette, and confident typography signal trust
• Optional supporting callouts — open rows can include disclaimers, side notes, or linked references

Best use cases

• Wealth and investment education — common investor questions, risk and return explainers
• Fintech onboarding — product FAQs, account setup, security questions
• Real estate and lending — mortgage FAQs, loan-program comparisons
• Insurance education — coverage FAQs, claims-process explainers
• B2B SaaS for finance — pricing, compliance, and integration FAQs

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — slots for page background, row background, divider, title text, body text, and indicator icon. Lean into trust-signal palettes.
• Fonts — two roles: a confident title font for the question and a clear body font for the answer.
• Copy — section title, intro, and a stack of question + considered-answer pairs; add disclaimers as needed.
• Images — optional inline charts, callout boxes, or quote blocks inside open rows.
• Behavior — single-open vs multi-open rows and tune the open/close animation speed.