/* V62: installation section only. This file is never loaded on the homepage.
   The address annotation travels with the first iPhone, at every breakpoint.
   Without JavaScript or with reduced motion all instructions remain visible. */
.platform-v51 .p59-install .p62-phone-scene {
  position: relative;
  display: block;
  width: 62%;
  max-width: 244px;
  aspect-ratio: 471 / 1000;
  margin: 0 auto;
  align-self: center;
  flex-shrink: 0;
  isolation: isolate;
}
.platform-v51 .p59-install .p62-phone-scene > .p59-phone {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  animation: none;
  transform: none;
}
.platform-v51 .p59-install .p62-address-label {
  position: absolute;
  z-index: 1;
  left: 31.3%;
  top: 89.15%;
  width: 43.5%;
  height: 3.85%;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}
.platform-v51 .p59-install.p62-motion-ready .p59-step {
  transition: transform .35s cubic-bezier(.2,.65,.3,1), box-shadow .35s ease;
}
.platform-v51 .p59-install.p62-motion-ready .p59-step > .p59-phone,
.platform-v51 .p59-install.p62-motion-ready .p59-step > .p62-phone-scene {
  transform-origin: 50% 90%;
  animation: p62-phone-breathe var(--p62-duration,6.6s) ease-in-out var(--p62-phase,0s) infinite;
  animation-play-state: paused;
}
.platform-v51 .p59-install.p62-motion-ready .p59-step[data-p62-active="true"] > .p59-phone,
.platform-v51 .p59-install.p62-motion-ready .p59-step[data-p62-active="true"] > .p62-phone-scene {
  animation-play-state: running;
}
@keyframes p62-phone-breathe {
  0%,100% {transform:translate3d(0,0,0) rotate(0deg);}
  50% {transform:translate3d(0,-6px,0) rotate(var(--p62-tilt,.25deg));}
}
@media (hover:hover) and (pointer:fine) {
  .platform-v51 .p59-install.p62-motion-ready .p59-step:hover,
  .platform-v51 .p59-install.p62-motion-ready .p59-step:focus-within {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px #3c0b5410;
  }
}
@media (min-width:1600px) {
  .platform-v51 .p59-install .p62-phone-scene {width:64%;}
}
@media (min-width:761px) and (max-width:999px) {
  .platform-v51 .p59-install .p62-phone-scene {max-width:205px;}
}
@media (max-width:760px) {
  .platform-v51 .p59-install .p62-phone-scene {width:68%;max-width:230px;}
}
@media (max-width:540px) {
  .platform-v51 .p59-install .p62-phone-scene {width:65%;max-width:234px;}
}
@media (prefers-reduced-motion:reduce), print {
  .platform-v51 .p59-install.p62-motion-ready .p59-step,
  .platform-v51 .p59-install.p62-motion-ready .p59-step > .p59-phone,
  .platform-v51 .p59-install.p62-motion-ready .p59-step > .p62-phone-scene,
  .platform-v51 .p59-install .p59-install-head {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}