/* =====================================================================
   mobile-apps.css — For Mobile Apps page.
   Requires common.css + publishers.css first.

   Structurally identical to the other audience pages (Content Publishers,
   Affiliates, Influencers, News & Media) — same hero, brand strip, feature
   rows, tool mocks, FAQ, CTA banner and blog cards. The only visual
   differences are two gradients, so this file carries just those.
   ===================================================================== */

/* Royal-blue hero gradient — navy lead, indigo mid, midnight tail */
.hero-section.hero-royal{background:radial-gradient(120% 130% at 50% 0%,var(--navy),#1e40af 46%,#172554 80%,var(--deep));}

/* Matching CTA banner gradient */
.imp-pub-card.imp-pub-card--royal{background:radial-gradient(130% 150% at 10% 0%,var(--navy),#1e40af 52%,#172554);}