.typography-ps-body-tight-semibold.beta-badge {
  color: rgb(245, 245, 247);
}

@media (min-width: 1441px) {
  .section-welcome .welcome-content {
    padding-top: 289px;
  }
}

@media (min-width: 1069px) and (max-width: 1440px) {
  .section-welcome .welcome-content {
    padding-top: 237px;
  }
}

@media (min-width: 735px) and (max-width: 1068px) {
  .section-welcome .welcome-content {
    min-height: 698px;
    padding-top: 211px;
  }
}

@media (min-width: 481px) and (max-width: 734px) {
  .section-welcome .welcome-content {
    min-height: 424px;
    padding-top: 121px;
  }
}

@media (max-width: 480px) {
  .section-welcome .welcome-content {
    padding-top: 81px;
  }
}

#overview-welcome-hero-apple-intelligence-headline-1 {
  display: none;
}

.section-apple-intelligence
  .section-apple-intelligence-hero
  .overview-apple-intelligence-hero-apple-intelligence-headline {
  width: 904px;
}

@media (max-width: 1068px) and (max-width: 1068px) {
  .section-apple-intelligence
    .section-apple-intelligence-hero
    .overview-apple-intelligence-hero-apple-intelligence-headline {
    width: 714px;
  }
}

@media (max-width: 734px) and (max-width: 734px) {
  .section-apple-intelligence
    .section-apple-intelligence-hero
    .overview-apple-intelligence-hero-apple-intelligence-headline {
    width: 272px;
  }
}

#overview-product-stories-design-thin-1 {
  top: 7px;
}

.camera-visual-intelligence {
  --vi-img-width: 395px;
  --vi-img-height: 566px;
}

@media (max-width: 1068px) {
  .camera-visual-intelligence {
    --vi-img-width: 321px;
    --vi-img-height: 427px;
  }
}

@media (max-width: 734px) {
  .camera-visual-intelligence {
    --vi-img-width: 321px;
    --vi-img-height: 427px;
  }
}

.camera-visual-intelligence .intelligence {
  --bento-width: min(
    72.9166666667vw - var(--global-scrollbar-width) / 12 * 10,
    1400px
  );
  --bento-orientation: row;
  --copy-inset: min(
    7.2916666667vw - var(--global-scrollbar-width) / 12 * 1,
    140px
  );
  --copy-width: min(21.875vw - var(--global-scrollbar-width) / 12 * 3, 420px);
  --copy-vertical-padding: var(--ps-spacing-56);
  --image-visual-centering-adj: -1px;
  --vi-img-height: 566px;
  display: flex;
  flex-direction: var(--bento-orientation);
  box-sizing: border-box;
  width: var(--bento-width);
  max-width: 1036px;
  border-radius: 28px;
  background: var(--sk-body-background-color);
  overflow: hidden;
  min-height: calc(var(--vi-img-height) + 28px);
}

@media only screen and (max-width: 734px) {
  .camera-visual-intelligence .intelligence {
    --bento-width: min(
      87.5vw - var(--global-scrollbar-width) / 12 * 12,
      1680px
    );
  }
}

@media only screen and (max-width: 1068px) {
  .camera-visual-intelligence .intelligence {
    --bento-orientation: column;
    --copy-width: min(
      58.3333333333vw - var(--global-scrollbar-width) / 12 * 8,
      1120px
    );
  }
}

@media only screen and (max-width: 734px) {
  .camera-visual-intelligence .intelligence {
    --copy-width: min(
      72.9166666667vw - var(--global-scrollbar-width) / 12 * 10,
      1400px
    );
  }

  .section-welcome .welcome-content-container .welcome-content {
    width: 100%;
  }
}

@media only screen and (max-width: 1068px) {
  .camera-visual-intelligence .intelligence {
    --copy-vertical-padding: var(--ps-spacing-56) var(--ps-spacing-40);
    --image-visual-centering-adj: 27px;
  }
}

@media only screen and (max-width: 734px) {
  .camera-visual-intelligence .intelligence {
    --image-visual-centering-adj: 26px;
  }
}

@media (max-width: 1068px) {
  .camera-visual-intelligence .intelligence {
    --vi-img-height: 427px;
  }
}

@media (max-width: 734px) {
  .camera-visual-intelligence .intelligence {
    --vi-img-height: 427px;
  }
}

.camera-visual-intelligence .intelligence > * {
  flex: 1;
}

.camera-visual-intelligence .intelligence .copy {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-block: var(--copy-vertical-padding);
}

.camera-visual-intelligence .intelligence .copy .vi-headline {
  color: var(--sk-headline-text-color);
}

.camera-visual-intelligence .intelligence .copy > * {
  margin-inline-start: var(--copy-inset);
  width: var(--copy-width);
}

.camera-visual-intelligence .intelligence .copy > *:not(.vi-headline) {
  color: #6e6e73;
}

@media (max-width: 1068px) {
  .camera-visual-intelligence .intelligence .vi-headline-m {
    width: calc(var(--copy-width) * 0.9);
  }
}

.camera-visual-intelligence .intelligence .image {
  position: relative;
  min-height: var(--vi-img-height);
}

.camera-visual-intelligence .intelligence .image picture {
  display: block;
  width: var(--p-width);
  height: var(--p-height);
  --p-width: 395px;
  --p-height: 566px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-inline-start: calc(
    var(--p-width) * -0.5 + var(--image-visual-centering-adj)
  );
  left: 55%;
  top: 56px;
}

@media (max-width: 1068px) and (max-width: 1068px) {
  .camera-visual-intelligence .intelligence .image picture {
    --p-width: 321px;
    --p-height: 427px;
  }
}

@media (max-width: 734px) and (max-width: 734px) {
  .camera-visual-intelligence .intelligence .image picture {
    --p-width: 321px;
    --p-height: 427px;
  }
}

@media (max-width: 1068px) {
  .camera-visual-intelligence .intelligence .image picture {
    left: 49.5%;
    top: 0;
  }
}

@media (max-width: 734px) {
  .camera-visual-intelligence .intelligence .image picture {
    left: 49.7%;
  }
}

@media (max-width: 480px) {
  .camera-visual-intelligence .intelligence .image picture {
    left: 49.6%;
  }
}

.typography-vi-subheadline {
  font-size: 32px;
  line-height: 1.125;
  font-weight: 600;
  letter-spacing: 0.004em;
  font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
}

@media (max-width: 734px) {
  .typography-vi-subheadline {
    font-size: 24px;
    line-height: 1.1666666667;
    font-weight: 600;
    letter-spacing: 0.009em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
      sans-serif;
  }
}

.typography-vi-body-copy {
  font-size: 19px;
  line-height: 1.2105263158;
  font-weight: 600;
  letter-spacing: 0.012em;
  font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
}

@media (max-width: 1068px) {
  .typography-vi-body-copy {
    font-size: 17px;
    line-height: 1.2353641176;
    font-weight: 600;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
      sans-serif;
  }
}

.typography-vi-eyebrow {
  font-size: 21px;
  line-height: 1.1904761905;
  font-weight: 600;
  letter-spacing: 0.011em;
  font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
}

@media (max-width: 1068px) {
  .typography-vi-eyebrow {
    font-size: 19px;
    line-height: 1.4211026316;
    font-weight: 600;
    letter-spacing: 0.012em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
      sans-serif;
  }
}

#overview-welcome-hero-apple-intelligence-headline-1 {
  display: none;
}

@media (min-width: 1441px) {
  .section-welcome .welcome-content {
    padding-top: 289px;
  }
}

@media (min-width: 1069px) and (max-width: 1440px) {
  .section-welcome .welcome-content {
    padding-top: 237px;
  }
}

@media (min-width: 735px) and (max-width: 1068px) {
  .section-welcome .welcome-content {
    min-height: 698px;
    padding-top: 211px;
  }
}

@media (min-width: 481px) and (max-width: 734px) {
  .section-welcome .welcome-content {
    min-height: 424px;
    padding-top: 121px;
  }
}

@media (max-width: 480px) {
  .section-welcome .welcome-content {
    padding-top: 81px;
  }
}

.section-ribbon {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
}

@media only screen and (max-width: 833px) {
  .section-ribbon {
    top: -4px;
  }
}

/* drop showdow */

.theme-dark.ribbon-blue-to-default,
.theme-dark .ribbon-blue-to-default {
  --ribbon-background-color: rgb(0, 0, 0);
}

.ribbon-animate-color {
  overflow: visible;
}

@keyframes opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.dropshadow {
  width: 100%;
  height: 200px;
  background-size: 1440px 200px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/mideast/iphone-16-pro/e/images/ribbon/glow_effect_large.png);
  margin: 0 auto;
  position: absolute;
  top: 44px;
  z-index: 2;
  animation-name: opacity;
  animation-duration: 4s;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .dropshadow {
    background-image: url(/mideast/iphone-16-pro/e/images/ribbon/glow_effect_large_2x.png);
  }
}

@media only screen and (max-width: 734px) {
  .dropshadow {
    height: 119px;
    background-size: 393px 119px;
    background-image: url(/mideast/iphone-16-pro/e/images/ribbon/glow_effect_small.png);
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .dropshadow {
    background-image: url(/mideast/iphone-16-pro/e/images/ribbon/glow_effect_small_2x.png);
  }
}

@media only screen and (max-width: 690px) {
  .dropshadow {
    top: 65px;
  }
}

@media only screen and (max-width: 392px) {
  .dropshadow {
    top: 85px;
  }
}

.ac-ls-visible .dropshadow {
  top: 114px;
}

@media only screen and (max-width: 833px) {
  .ac-ls-visible .dropshadow {
    top: 179px;
  }
}

@media only screen and (max-width: 690px) {
  .ac-ls-visible .dropshadow {
    top: 200px;
  }
}

@media only screen and (max-width: 392px) {
  .ac-ls-visible .dropshadow {
    top: 220px;
  }
}

/* drop showdow ends */