Replicate Cavient Typography Style

I’m refining my website’s look and want its text to echo the playful, creative vibe of Cavient’s homepage. I only need the typography element reproduced—no changes to my existing layout, structure, or colour palette.

Here’s what I’m after:
• Audit Cavient’s homepage to identify its type hierarchy, sizing, spacing, and any distinctive treatments (animations, hover effects, letter-spacing, etc.).
• Recommend a short list of comparable web-safe or licensed fonts that capture the same energy. If a Cavient font is proprietary, propose close alternates and include links to where I can purchase or download them.
• Supply final selections with a concise style guide: font families, weights, line heights, responsive breakpoints, and sample CSS/SCSS snippets I can drop straight into my project.
• Provide one round of tweaks so the fonts read flawlessly across desktop, tablet, and mobile.

I value clean, well-commented code and a quick turnaround. Let me know which tools you’ll use to inspect the site and any similar projects you’ve handled.