body:lang(ar),
.typography-body:lang(ar),
.typography-caption:lang(ar),
.typography-overview-caption:lang(ar),
.typography-gallery-caption:lang(ar),
.typography-privacy-list:lang(ar),
#ac-localnav:lang(ar),
#ac-globalfooter .ac-gf-sosumi li:lang(ar) {
  font-family: SF Pro AR Text, SF Pro Text, SF Pro Icons, Helvetica Neue,
    Helvetica, Arial, sans-serif;
  letter-spacing: 0 !important;
}

.typography-modal-headline:lang(ar),
.typography-headline:lang(ar),
.stat strong:lang(ar),
.typography-site-headline-reduced:lang(ar),
.section-index-section .index-title:lang(ar),
.section-index-section .index-item-elevated:lang(ar),
.typography-site-section-header-link:lang(ar) {
  font-family: SF Pro AR Display, SF Pro Display, SF Pro Icons, Helvetica Neue,
    Helvetica, Arial, sans-serif;
  letter-spacing: 0 !important;
}

.paddlenav .paddlenav-arrow {
  line-height: 0;
}

.section-hero .hero-final-iphone .inline-media {
  right: 6px;
  left: 1206px;
}

@media only screen and (max-width: 1068px) {
  .section-hero .hero-final-iphone .inline-media {
    right: 4px;
    left: 834px;
  }
}

@media only screen and (max-width: 734px) {
  .section-hero .hero-final-iphone .inline-media {
    right: 4px;
    left: 359px;
  }
}

@media only screen and (max-width: 734px) {
  .section-images .inline-video-ui {
    width: 100vw;
  }
}

@media only screen and (min-width: 1069px) {
  .inline-video-button.link {
    position: absolute;
  }
}

.inline-video-button.link {
  transform: translateX(50%);
}

@media only screen and (min-width: 1069px) {
  .section-language .section-header-copy {
    padding-right: 80px;
  }
}

.gradient-text {
  background-image: linear-gradient(
    108deg,
    #ff9004,
    #ff2e54 34%,
    #c959dd 68%,
    #0894ff
  );
}

.typography-section-headline-reduced {
  line-height: 1.134933333;
}

.typography-section-headline {
  line-height: 1.26985714;
}

.section-compatibility .compatibility-copy .copy-container {
  max-width: 39ch;
}

@media only screen and (max-width: 734px) {
  .section-sdk {
    text-align: right;
  }
}

@media only screen and (max-width: 734px) {
  .section-more {
    text-align: right;
  }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
  .section-privacy .copy-content {
    width: 348px;
  }
}

@media only screen and (max-width: 734px) {
  .section-hero .hero-final-iphone {
    transform-origin: bottom right;
  }
}

@media only screen and (max-width: 734px) {
  .section-language .section-header-media {
    align-self: flex-start;
  }

  .section-images .section-header-media {
    align-self: flex-end;
  }

  .section.section-siri .section-header-media {
    align-self: flex-end;
  }

  .section-more .more-image {
    align-self: flex-end;
  }
}

@media only screen and (min-width: 1069px) {
  .section-images .section-header-headline {
    margin-right: 160px;
  }
}

@media only screen and (max-width: 734px) {
  .section-hero .hero-initial-iphone {
    margin-top: 19px;
  }
}

@media only screen and (max-width: 734px) {
  .icon-playcircle:after,
  .icon-playcircle:before {
    transform: rotate(180deg);
  }

  .section-images .section-header-media .inline-video-ui {
    direction: ltr;
    text-align: right;
  }
}

@media only screen and (min-width: 834px) and (max-width: 874px) {
  #ac-localnav .ac-ln-menu-link.current::after {
    bottom: 0;
  }
}

.scroll-gallery .gallery-item {
  position: relative;
  scroll-snap-align: center;
}

.section-images .inline-video-button.link {
  direction: ltr;
}

@media only screen and (max-width: 734px) {
  .icon-playcircle:after,
  .icon-playcircle:before {
    top: -2px;
  }

  .section-images .section-header-screen {
    right: 17px;
  }
}

@media only screen and (max-width: 570px) {
  html[dir="rtl"] .section-images .inline-video-button.link {
    right: 50%;
    left: auto;
    margin-right: 140px;
    margin-left: 0;
  }
}



@media only screen and (min-width: 1068px) {
  .section-language .section-header-screen {
    left: 954px;
  }
}

.section-compatibility .compatibility-list.row-7 {
    grid-template-rows:repeat(7, 1fr)
}

@media only screen and (max-width: 1068px) {
.section-compatibility .compatibility-list.m-9-row {
grid-template-rows: repeat(9, 1fr);
}
}

.section-hero .hero-intro .footnote {
    -webkit-text-fill-color:#1d1d1f
}

.section-hero .hero-intro.clickable {
    z-index: 3;
    padding-block-end:3px
}

html.hero-enhance-xp .section-hero .hero-intro {
    margin-top: 72px;
}