/* Phone layout: fewer elements, more breathing room. Loaded last on every page. */
@media (max-width: 640px) {
  .m-hide { display: none !important; }

  /* Header: logo and menu only (Try Rhoe and Pilot Rhoe live in the menu) */
  .rh-head .rh-try-wrap { display: none !important; }

  /* Heroes: headline, one sentence, one button */
  #top .rh-eyebrow, .pg-hero .rh-eyebrow { display: none !important; }
  #top .rh-hero-btns .rh-ghost, .pg-hero .pg-btns > :not(:first-child) { display: none !important; }
  .pg-hero .pg-btns > :first-child { width: 100%; justify-content: center; }
  #top .rh-hero, .pg-hero-in { padding-top: 44px !important; padding-bottom: 52px !important; gap: 20px !important; }
  #top .rh-h1, .pg-hero .rh-h1 { font-size: 34px !important; line-height: 1.1 !important; letter-spacing: -0.8px !important; }
  #top .rh-lead, .pg-hero .rh-lead { font-size: 17px !important; line-height: 1.55 !important; }

  /* Sections: more space between blocks, fewer labels */
  .rh-sec { padding-top: 64px !important; padding-bottom: 64px !important; }
  .pg-num, .b2b-n { display: none !important; }
  .rh-card > p[style*="JetBrains Mono"]:first-child { display: none !important; }
  .rh-grid, .b2b-steps, .b2b-two { gap: 12px !important; }
  .rh-card, .b2b-step { padding: 20px !important; gap: 8px !important; }

  /* Card grids whose titles say enough on a phone */
  .pg-dcard .pg-card-p { display: none !important; }
  .pg-dcard { padding: 18px 20px !important; }
  .pg-day .pg-card-p { display: none !important; }

  /* Final calls to action: stacked, full width */
  .rh-gridlines .rh-btn-lg, .rh-gridlines .rh-ghost { width: 100%; justify-content: center; }
}
@media (max-width: 640px) {
  .b2b-gap-key { display: none !important; }
}