## Why

Indic language content (Tamil and Malayalam) is not rendering optimally on mobile devices and small viewports. The hero block typography is too large, causing layout issues where the top of the block becomes invisible. Additionally, the current Indic fonts have rough edges that are not visually pleasing. The footer contact email tooltip is also not functioning as specified.

## What Changes

- Adjust hero block responsive behavior for mobile/small viewports when displaying Tamil and Malayalam content
- Reduce font sizes or increase hero block height for Indic languages on mobile devices
- Research and implement smoother, more readable Indic font alternatives for Tamil and Malayalam
- Fix footer contact email tooltip to display randomized helper messages on hover and keyboard focus
- Ensure tooltip behavior matches share-and-contact-microinteractions specification

## Capabilities

### New Capabilities
- `indic-language-mobile-optimization`: Responsive hero block adjustments for Tamil and Malayalam on mobile viewports
- `indic-font-typography-improvement`: Smoother, more readable font selection for Indic languages

### Modified Capabilities
- `share-and-contact-microinteractions`: Fix contact email tooltip to display randomized helper messages as specified

## Impact

- Affected code: frontend CSS (hero block responsive styles), font loading/configuration
- Affected systems: mobile user experience for Tamil and Malayalam speakers
- Dependencies: Google Fonts or alternative Indic font sources
- Operational impact: Improved readability and user experience for Indic language users on mobile devices
