/* Mobile-only reflow for the exact v74 desktop source. Nothing here changes desktop. */
@media (max-width: 560px) {
  html, body { width: 100%; overflow-x: hidden; }
  .page { min-height: auto; }
  .shell { width: 100%; min-height: auto; padding: 112px 15px 56px; }

  .nav--floating {
    top: 14px;
    width: calc(100% - 28px);
    min-height: 64px;
    height: 64px;
    padding: 0 15px;
    gap: 10px;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .nav--floating .brand { margin: 0 auto 0 0; gap: 7px; font-size: 12px; }
  .nav--floating .brand-logo { width: 38px; height: 19px; top: -3px; }
  .nav--floating .nav-links { margin: 0; gap: 12px; flex-wrap: nowrap; }
  .nav--floating .nav-links a { font-size: 11px; line-height: 1; }

  .outline { opacity: .42; }
  .outline--top-left, .outline--top-right { max-width: 82vw; }
  .outline--bottom-left, .outline--bottom-right, .outline--bottom-right-rects { max-width: 92vw; }

  .page:first-of-type { min-height: 760px; }
  .page:first-of-type .shell { min-height: 760px; padding-top: 100px; }
  .page:first-of-type .hero { min-height: 470px; padding-top: 150px; justify-content: flex-start; }
  .page:first-of-type h1 { font-size: 24px; line-height: 1.08; }
  .page:first-of-type .subtext { max-width: 320px; margin-top: 18px; font-size: 14px; line-height: 1.4; }
  .page:first-of-type .cta { width: 100%; max-width: 390px; margin-top: 32px; }
  .page:first-of-type .downloads { width: 100%; max-width: 360px; height: 31px; margin: 68px auto 0; }
  .page:first-of-type .downloads-hotspot { height: 31px; }
  .page:first-of-type .downloads-hotspot--pc { left: 0; width: 25%; }
  .page:first-of-type .downloads-hotspot--apple-left { left: 25.6%; width: 7.6%; }
  .page:first-of-type .downloads-hotspot--windows { left: 33.8%; width: 7.6%; }
  .page:first-of-type .downloads-hotspot--install { left: 44.9%; width: 38.5%; }
  .page:first-of-type .downloads-hotspot--apple-right { left: 84.2%; width: 7.6%; }
  .page:first-of-type .downloads-hotspot--android { left: 92.4%; width: 7.6%; }
  .page:first-of-type .downloads-android-fix { left: 93.9%; top: 5px; width: 14px; height: 20px; }

  .page:nth-of-type(2) .shell {
    display: flex;
    flex-direction: column;
    min-height: auto;
    padding-top: 150px;
    padding-bottom: 70px;
  }
  .page:nth-of-type(2) .hero { display: contents; }
  .page:nth-of-type(2) .subtext {
    order: 1;
    position: static;
    width: 100%;
    max-width: 100%;
    margin: 0 0 8px;
    font-size: 15px;
    text-align: center;
  }
  .page:nth-of-type(2) h1 {
    order: 2;
    position: static;
    width: 100%;
    max-width: 100%;
    margin: 0 0 28px;
    font-size: 40px;
    line-height: 1.08;
    text-align: center;
  }
  .page:nth-of-type(2) .feature-card,
  .page:nth-of-type(2) .feature-card--right,
  .page:nth-of-type(2) .feature-card--bottom-left,
  .page:nth-of-type(2) .feature-card--bottom-right {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: 190px;
    margin: 0 0 14px;
  }
  .page:nth-of-type(2) .feature-card { order: 3; }
  .page:nth-of-type(2) .feature-card--right { order: 4; }
  .page:nth-of-type(2) .feature-card--bottom-left { order: 5; }
  .page:nth-of-type(2) .feature-card--bottom-right { order: 6; }
  .page:nth-of-type(2) .feature-card-text,
  .page:nth-of-type(2) .feature-card-text--bottom-custom {
    width: calc(100% - 34px);
    top: 50%;
  }
  .page:nth-of-type(2) .feature-card-title { font-size: 15px; }
  .page:nth-of-type(2) .feature-card-body,
  .page:nth-of-type(2) .feature-card--bottom-left .feature-card-body { top: 0; left: auto; width: 100%; font-size: 13px; line-height: 1.42; }
  .page:nth-of-type(2) .cta { order: 7; position: relative; inset: auto; width: 100%; margin: 18px auto 0; }

  .page:nth-of-type(3) { min-height: 820px; }
  .page:nth-of-type(3) .shell { min-height: 820px; justify-content: center; }
  .page:nth-of-type(3) .hero {
    position: relative;
    inset: auto;
    width: 100%;
    max-width: 100%;
    min-height: 620px;
    padding: 110px 0 0;
    align-items: center;
    text-align: center;
  }
  .page:nth-of-type(3) h1 { width: 100%; font-size: 30px; line-height: 1.08; text-align: center; }
  .page:nth-of-type(3) .subtext,
  .page:nth-of-type(3) .subtext--extended { width: 100%; max-width: 330px; text-align: center; font-size: 14px; line-height: 1.4; }
  .page:nth-of-type(3) .subtext { margin-top: 20px; }
  .page:nth-of-type(3) .subtext--extended { margin-top: 20px; }
  .page:nth-of-type(3) .cta { align-self: center; inset: auto; width: 100%; margin-top: 30px; }
  .page:nth-of-type(3) .globe-asset { width: 760px; height: 760px; right: 50%; top: 350px; transform: translateX(50%) rotate(25deg); opacity: .48; }

  .page:nth-of-type(4) { min-height: auto; }
  .page:nth-of-type(4) .shell { display: flex; flex-direction: column; min-height: auto; padding-top: 150px; padding-bottom: 70px; }
  .page:nth-of-type(4) .hero { display: contents; }
  .page:nth-of-type(4) h1 { order: 1; position: static; width: 100%; margin: 0 0 28px; font-size: 40px; }
  .page:nth-of-type(4) .tariff-card,
  .page:nth-of-type(4) .tariff-card--left,
  .page:nth-of-type(4) .tariff-card--right {
    position: relative;
    inset: auto;
    width: 100%;
    height: 291px;
    margin: 0 0 14px;
  }
  .page:nth-of-type(4) .tariff-card--left { order: 2; }
  .page:nth-of-type(4) .cta { order: 3; position: relative; inset: auto; width: 100%; height: 58px; margin: 0 0 28px; }
  .page:nth-of-type(4) .tariff-card--right { order: 4; }
  .page:nth-of-type(4) .cta--secondary { order: 5; position: relative; inset: auto; width: 100%; height: 58px; margin: 0 0 28px; }
  .page:nth-of-type(4) .tariff-bottom-card { order: 6; position: relative; inset: auto; width: 100%; height: 170px; margin: 0; }
  .page:nth-of-type(4) .tariff-bottom-card-content { width: calc(100% - 26px); }
  .page:nth-of-type(4) .tariff-bottom-card-title,
  .page:nth-of-type(4) .tariff-bottom-card-body { font-size: 14px; }

  .page:nth-of-type(5) { min-height: 760px; }
  .page:nth-of-type(5) .shell { min-height: 760px; }
  .page:nth-of-type(5) .hero { padding-top: 150px; }
  .page:nth-of-type(5) .about-heading { width: 100%; height: auto; font-size: 58px; line-height: 1; }
  .page:nth-of-type(5) .about-text { width: 100%; height: auto; top: 28px; font-size: 14px; line-height: 1.5; }
  .page:nth-of-type(5) .cta { width: 100%; max-width: 328px; margin-top: 72px; }
  .page:nth-of-type(5) .dots-asset { left: -300px; bottom: -80px; width: 900px; opacity: .45; }
}