Footer anatomy

Five blocks. Same structure on every page. The footer carries the brand wrap-up, four utility columns, the subscribe entry, and the legal ownership line — in that order, always.

The five blocks (top to bottom)

1. Brand row

Logo + tagline ("Signal in the noise.") + 4 social icons (32px on mobile, 36px desktop). Right side has the platform short description.

2. Four utility columns

Modules · The Platform · Editorial & Policies · Business & Partnerships. Each column is a `<ul>` of route links with `hover:text-primary` interaction.

3. Subscribe block

Email + Country dial code + WhatsApp (collapsed). Submit button. Mirrors the homepage subscribe pattern.

4. Bottom legal row

Copyright year · "All rights reserved" · ownership line (wecancity / wecancity FZ-LLC) · privacy + terms links.

5. Bottom safe-area (mobile only)

iOS home-bar safe-area inset on viewports < 768px. Adds `env(safe-area-inset-bottom)` padding.

Responsive behavior

• Brand row uses `flex flex-col md:flex-row md:items-end md:justify-between` — stacks on mobile.
• Utility columns: `grid-cols-2 md:grid-cols-4` — 2 cols on mobile, 4 on tablet+.
• Subscribe block: `flex flex-col sm:flex-row` — email + button stack on mobile.
• Footer link text wraps cleanly via global guard `overflow-wrap: anywhere; hyphens: auto`.