/* v7: keep one native phone scroll root and reveal only below-the-fold scenes.
   The complete opening scene stays immediate so Safari's first swipe is never
   coupled to entrance motion. The short landscape clause matches the unified
   iPhone header through 960px, including Pro Max Safari viewports. */
@media (max-width: 760px),
  (min-width: 600px) and (max-width: 960px) and (max-height: 500px) and (orientation: landscape) and (hover: none) and (pointer: coarse) {
  html:not(.portal-scroll-locked),
  html:not(.portal-scroll-locked) body.portal-dashboard-home,
  html:not(.portal-scroll-locked) body.portal-dashboard-home .support-main,
  html:not(.portal-scroll-locked) body.portal-dashboard-home .home-first-screen-motion,
  html:not(.portal-scroll-locked) body.portal-dashboard-home .dev1-home-editorial-sections {
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
    overscroll-behavior-y: auto !important;
  }

  html:not(.portal-scroll-locked)
    body.portal-dashboard-home:not(.portal-modal-open):not(.portal-mobile-menu-open) {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    touch-action: pan-y pinch-zoom !important;
    -webkit-overflow-scrolling: auto !important;
  }

  html:not(.portal-scroll-locked) body.portal-dashboard-home
    :is(
      .home-first-screen-motion,
      .home-v2-editorial-podcast,
      .home-v2-editorial-podcast-copy,
      .home-v2-editorial-podcast-media,
      .home-v2-editorial-podcast-poster,
      .home-promo-banners,
      .home-promo-banner
    ) {
    touch-action: pan-y pinch-zoom !important;
  }

  html:not(.portal-scroll-locked) body.portal-dashboard-home
    .mobile-home-assistant-launcher {
    touch-action: pan-y pinch-zoom !important;
  }

  html body.portal-dashboard-home
    .dev1-home-editorial-sections > #dev1-home-knowledge
    .home-v2-editorial-primary {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 50px !important;
    padding: 13px 22px !important;
    border: 1px solid var(--home-v2-green, #147546) !important;
    color: #fff !important;
    background: var(--home-v2-green, #147546) !important;
    font-size: 13px !important;
  }

  html body.portal-dashboard-home
    .dev1-home-editorial-sections > #dev1-home-center > div {
    order: 1;
  }

  html body.portal-dashboard-home
    .dev1-home-editorial-sections > #dev1-home-center > figure {
    order: 2;
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-first-screen-motion [data-home-motion] {
    opacity: 1 !important;
    filter: none !important;
    clip-path: none !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  body.portal-dashboard-home.home-scroll-motion-mobile [data-home-motion] {
    --home-motion-duration: 680ms;
    --home-motion-rotate: 0deg;
    --home-motion-scale: .992;
    filter: none !important;
    clip-path: none !important;
    transition-duration: 520ms, 680ms !important;
    transition-timing-function: ease-out, cubic-bezier(.16, 1, .3, 1) !important;
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    [data-home-motion="from-left"] {
    --home-motion-x: -18px;
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    [data-home-motion="from-right"] {
    --home-motion-x: 18px;
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    :is([data-home-motion="rise"], [data-home-motion="panel"]) {
    --home-motion-y: 24px;
  }

  body.portal-dashboard-home.home-scroll-motion-mobile .home-motion--copy > * {
    transform: translate3d(0, 12px, 0);
    transition-duration: 420ms, 600ms !important;
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-motion--copy.is-visible > :nth-child(1) {
    transition-delay: calc(var(--home-motion-delay) + 70ms);
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-motion--copy.is-visible > :nth-child(2) {
    transition-delay: calc(var(--home-motion-delay) + 125ms);
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-motion--copy.is-visible > :nth-child(3) {
    transition-delay: calc(var(--home-motion-delay) + 180ms);
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-motion--copy.is-visible > :nth-child(4),
  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-motion--copy.is-visible > :nth-child(5) {
    transition-delay: calc(var(--home-motion-delay) + 235ms);
  }

  body.portal-dashboard-home.home-scroll-motion-mobile .home-motion--media > img,
  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-motion--media .home-v2-editorial-podcast-poster > img,
  body.portal-dashboard-home.home-scroll-motion-mobile .home-motion--promo > img {
    transform: scale(1.025);
    transition-duration: 860ms !important;
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-motion--promo.is-visible .home-promo-copy {
    transition-delay: calc(var(--home-motion-delay) + 115ms);
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-motion--promo.is-visible .home-promo-chat {
    transition-delay: calc(var(--home-motion-delay) + 175ms);
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-motion--panel nav > a {
    transform: translate3d(14px, 0, 0);
    transition-duration: 420ms, 620ms;
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-motion--panel.is-visible nav > a:nth-child(1) {
    transition-delay: calc(var(--home-motion-delay) + 100ms);
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-motion--panel.is-visible nav > a:nth-child(2) {
    transition-delay: calc(var(--home-motion-delay) + 165ms);
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-motion--panel.is-visible nav > a:nth-child(3) {
    transition-delay: calc(var(--home-motion-delay) + 230ms);
  }

  body.portal-dashboard-home.home-scroll-motion-mobile
    [data-home-motion].is-visible {
    will-change: auto !important;
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce),
  (min-width: 600px) and (max-width: 960px) and (max-height: 500px) and (orientation: landscape) and (hover: none) and (pointer: coarse) and (prefers-reduced-motion: reduce) {
  body.portal-dashboard-home.home-scroll-motion-mobile [data-home-motion],
  body.portal-dashboard-home.home-scroll-motion-mobile [data-home-motion] * {
    transition: none !important;
  }
}

@media (max-width: 760px),
  (min-width: 600px) and (max-width: 960px) and (max-height: 500px) and (orientation: landscape) and (hover: none) and (pointer: coarse) {
  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-first-screen-motion [data-home-motion],
  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-first-screen-motion .home-motion--copy > *,
  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-first-screen-motion .home-motion--media > img,
  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-first-screen-motion .home-motion--media .home-v2-editorial-podcast-poster > img,
  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-first-screen-motion .home-motion--promo > img,
  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-first-screen-motion .home-promo-copy,
  body.portal-dashboard-home.home-scroll-motion-mobile
    .home-first-screen-motion .home-promo-chat {
    opacity: 1 !important;
    filter: none !important;
    clip-path: none !important;
    transform: none !important;
    transition: none !important;
    transition-delay: 0s !important;
    transition-duration: 0s !important;
    animation: none !important;
    will-change: auto !important;
  }
}