@media (max-width: 1080px) {
  .pm-lens, .pm-route-rail { display: none; }
  .pm-demo-signature { left: 24px; }
}

@media (max-width: 680px) {
  html, body, #paddle-mobile-app, .pm-stage { width: 100%; height: 100%; min-height: 100dvh; overflow: hidden; background: var(--pm-canvas); }
  .pm-stage { display: block; padding: 0; }
  .pm-stage::before, .pm-stage::after, .pm-stage__ambient, .pm-demo-signature, .pm-route-rail, .pm-lens { display: none; }
  .pm-device { width: 100%; height: 100dvh; padding: 0; border-radius: 0; background: none; box-shadow: none; }
  .pm-device::before,.pm-device__action,.pm-device__volume { display: none; }
  .pm-phone { width: 100%; height: 100dvh; max-height: none; border: 0; border-radius: 0; box-shadow: none; }
  .pm-status { padding-top: calc(13px + var(--safe-top)); height: calc(46px + var(--safe-top)); }
  .pm-scroll { inset: calc(46px + var(--safe-top)) 0 0; }
  .pm-tabbar { bottom: calc(5px + var(--safe-bottom)); }
  .pm-home-indicator { bottom: calc(2px + var(--safe-bottom)); }
  .pm-sticky-cta { left: 18px; right: 18px; width: auto; bottom: calc(80px + var(--safe-bottom)); }
}

@media (max-width: 360px) {
  .pm-scroll { padding-left: 14px; padding-right: 14px; }
  .pm-quick-card { grid-template-columns: 40px minmax(0,1fr) 14px; padding: 8px; }
  .pm-quick-card img { width: 40px; height: 40px; }
  .pm-sticky-cta { left: 14px; right: 14px; grid-template-columns: minmax(0,1fr) 145px; }
  .pm-header__copy h1 { font-size: 16px; }
}