Insider Deals — stand out on mobile

Current production (baseline)

Insider Deals at 9px / 28px tall — Filters steals the row with flex 1 and 13px type.

Insider Deals grows (flex 1.4, 40px tall, 13px bold). Filters shrinks to compact pill — no longer steals the row.

• Closest to current layout — lowest implementation risk
• Insider gets ~55% of row width on 390px
• Filters drops to 11px / 32px height

Gold gradient insider at 40% width, Filters 30%, Advanced 20% — balanced row with insider still the hero.

• 40 / 30 / 20 grid split — insider no longer dominates the row
• Filters shows icon + count at 30% width
• Advanced red pill holds 20%

Larger lock icon, 14px label, prominent NEW chip. Filters demoted to ghost outline — text only when count > 0.

• Best for logged-out / acquisition funnel
• NEW badge draws eye before map loads
• Filters: minimal border, no flex grow

Insider locked to 60% width — cannot compress. Filters 30%, Advanced 10% icon.

• Insider size guaranteed on all phones
• Filters never pushes insider smaller
• Advanced becomes icon-only ⚙

3px gold border, soft gold wash background, 15px uppercase. Filters ultra-compact: funnel + count badge.

• Feels premium without full gradient
• 15px type — largest label option
• Filter row height stays 44px total