/* Loaded last. Mobile is an ordinary poster page: stopping a timeline alone
   leaves fixed, filtered and oversized 3D surfaces resident in WebKit. */
@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  body[data-distribution-focus],
  body[data-distribution-focus] *,
  body[data-distribution-focus] *::before,
  body[data-distribution-focus] *::after {
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-distribution-focus]::before,
  body[data-distribution-focus] :is(.sc-grain, .wave-field, .widget-refract, .widget-lip, .signal-rail, [data-sc-progress], [data-scroll-progress], .pp-aura, .pp-live, .hero-film, .transition-film, .peak-film, .peak-viewport, .peak-stage, .peak-aperture),
  body[data-distribution-focus] .border-glow-card::before,
  body[data-distribution-focus] .border-glow-card::after,
  body[data-distribution-focus] .border-glow-card__edge,
  body[data-distribution-focus] .border-glow-card__inner::after,
  body[data-distribution-focus] .product-frame__glass::after,
  body[data-distribution-focus] .widget::before,
  body[data-distribution-focus] .widget::after {
    display: none !important;
  }

  /* Keep the fixed navigation, but give it an opaque, unfiltered background. */
  body[data-distribution-focus] .campaign-bar {
    background: #121317;
  }

  body[data-distribution-focus] :is(.act-hero, .hero-stage, .hero-layout, .act-transition, .act-peak, .chapter-feature, .pitchpro-showcase) {
    height: auto !important;
    min-height: 0 !important;
  }

  body[data-distribution-focus] :is(.hero-stage, .pitchpro-showcase__sticky) {
    position: relative !important;
    top: auto !important;
    contain: none !important;
    overflow: visible;
  }

  body[data-distribution-focus] .hero-media-fixed {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    visibility: visible !important;
  }

  body[data-distribution-focus] .chapter-pair .chapter-feature {
    margin-top: 0 !important;
  }

  body[data-distribution-focus] .act-transition .transition-stage {
    position: relative !important;
    top: auto !important;
    height: clamp(220px, 56.25vw, 480px) !important;
    min-height: 0 !important;
    overflow: hidden;
    contain: none !important;
  }

  body[data-distribution-focus] .act-transition .transition-viewport {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body[data-distribution-focus] :is(.hero-poster, .transition-poster, .transition-media, .transition-grade, .transition-title) {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body[data-distribution-focus] .transition-title {
    bottom: 28px;
  }

  body[data-distribution-focus] :is(.product-frame__glass, .widget, .widget-stage, .pp-theater, .pp-device, .pp-screen, [data-sc-parallax], [data-sc-tilt], [data-sc-magnet]) {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    rotate: none !important;
    perspective: none !important;
    transform-style: flat !important;
  }

  body[data-distribution-focus] :is(.product-frame__glass, .widget, .pp-device) {
    box-shadow: none !important;
  }

  body[data-distribution-focus] :is([data-distribution-reveal], [data-section-reveal], [data-rail-reveal], [data-sc-cue], [data-sc-in]),
  body[data-distribution-focus] [data-rail-reveal-group] > *,
  body[data-distribution-focus] [data-sc-stagger] > * {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
    clip-path: none !important;
  }

  body[data-distribution-focus] [data-quote-fill],
  body[data-distribution-focus] .quote-fill__char {
    color: var(--chapter-soft);
  }

  body[data-distribution-focus] .quote-fill__char::after {
    display: none;
  }

  /* Preserve the neon headline, with exactly one stable platform word. */
  body[data-distribution-focus] .hero-platform-word {
    display: none;
    opacity: 0 !important;
    transform: none !important;
  }

  body[data-distribution-focus] .hero-platform-word:first-child {
    display: inline-block;
    opacity: 1 !important;
  }

  /* Panels remain independently selectable by the mobile PitchPro tabs. */
  body[data-distribution-focus] .pp-fallback {
    visibility: visible !important;
  }

  body[data-distribution-focus] .pp-screen:not([hidden]):not([aria-hidden="true"]) {
    opacity: 1 !important;
  }

  body[data-distribution-focus] .pp-screen[hidden],
  body[data-distribution-focus] .pp-screen[aria-hidden="true"] {
    display: none !important;
  }

  /* The CTA and legal footer must occupy real height after discarding the
     viewport-sized finale. Reset independent translate as well as transform. */
  body[data-distribution-focus] :is(.peak-finale, .peak-close-copy, .act-peak .site-footer) {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    min-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible;
    pointer-events: auto;
    transform: none !important;
    translate: none !important;
    scale: none !important;
  }

  body[data-distribution-focus] .peak-close-copy {
    width: min(1040px, calc(100% - 44px));
    margin-inline: auto;
    padding-block: 72px 48px;
  }

  body[data-distribution-focus] .act-peak .site-footer {
    padding-block: 22px;
  }
}