/* Keep both real product screens prominent, with a calmer shared rhythm. */
@media (min-width: 961px) {
  .hero .hero-layout { min-height: 0; padding-block: 64px 56px; }
  .hero .hybrid-hero-product { height: 610px; }
  .hero .hero-web-preview { top: 15px; }
  .hero .hero-apk-preview { bottom: 0; }
}
@media (min-width: 961px) and (max-width: 1180px) {
  .hero .hero-layout { padding-block: 56px 60px; }
  .hero .hybrid-hero-product { height: 540px; }
  .hero .hero-web-preview { top: 18px; }
}
@media (min-width: 761px) and (max-width: 960px) {
  .hero .hero-layout { min-height: 0; padding-block: 50px 40px; }
  .hero .hero-buttons { flex-direction: row; flex-wrap: nowrap; gap: 10px; }
  .hero .hero-buttons .button { min-height: 50px; padding: 13px 16px; font-size: 14px; }
  .hero .hero-apk-preview { bottom: 10px; }
}
@media (max-width: 760px) {
  .hero .hero-layout { min-height: 0; padding-block: 40px 36px; }
  .hero .hybrid-hero-product { height: 560px; margin-top: 28px; }
  .hero .hero-copy { padding-bottom: 0; }
  .hero .hero-details { margin-top: 20px; }
  .hero .platform-dock { padding-block: 20px 24px; row-gap: 8px; }
}
@media (max-width: 600px) {
  .hero .hybrid-hero-product { height: 505px; margin-top: 28px; }
}
@media (max-width: 480px) {
  .hero .hero-layout { padding-top: 36px; }
  .hero .hybrid-hero-product { height: 495px; }
  .hero .hero-eyebrow { margin-bottom: 18px; }
  .hero .hero-lead { margin-top: 20px; }
  .hero .hero-copy .hero-onsite { margin-top: 20px; }
  .hero .hero-copy .hero-onsite + .hero-buttons { margin-top: 22px; }
}
@media (max-width: 350px) {
  .hero .hybrid-hero-product { height: 445px; }
  .hero .platform-dock > a { font-size: 13px; gap: 8px; }
}