/*
 * MMHVAULT L1.32 — Premium Liquid Flow (public Landing only)
 * Progressive, one-shot, layout-safe scroll reveals and tab micro-transitions.
 * No zoom/gesture restrictions. No auth or tracking.
 * L1.23: compositor-friendly opacity/transform reveals; no per-card filter animation.
 */
@media (prefers-reduced-motion: no-preference) {
  html.mm-motion-active {
    scroll-behavior: smooth;
    scroll-padding-top: clamp(78px, 8vw, 112px);
  }
  /* Visible reveal targets take priority over generic card hover timing. */
  html.mm-motion-active body.l131 .mm-reveal:not([hidden]) {
    transition:
      opacity 550ms cubic-bezier(.2,.75,.17,1),
      transform 590ms cubic-bezier(.18,.79,.19,1);
    transition-delay: var(--mm-delay, 0ms);
  }
  html.mm-motion-active body.l131 .mm-reveal:not(.mm-shown) {
    opacity: 0;
    transform: translate3d(0, var(--mm-shift, 18px), 0);
  }
  html.mm-motion-active body.l131 .mm-reveal.mm-shown {
    opacity: 1;
    transform: translate3d(0,0,0);
  }
  html.mm-motion-active body.l131 :is(#features,#business,#about,#security,#top,[id^="feature-"]) {
    scroll-margin-top: clamp(82px, 8.5vw, 118px);
  }
  html.mm-motion-active body.l131 :is(.product-tab,.business-tab,.showcase-card,.button,.closing-explore) {
    transition:
      color 220ms ease,
      background-color 260ms ease,
      border-color 260ms ease,
      box-shadow 260ms ease,
      transform 270ms cubic-bezier(.19,.8,.24,1);
  }
  html.mm-motion-active body.l131 :is(.product-tab,.business-tab,.showcase-card,.button):active {
    transform: translateY(1px) scale(.989);
  }
}
@media (max-width: 620px) and (prefers-reduced-motion: no-preference) {
  html.mm-motion-active body.l131 .mm-reveal:not(.mm-shown) {
    transform: translate3d(0, var(--mm-shift, 11px), 0);
  }
  html.mm-motion-active body.l131 .mm-reveal:not([hidden]) {
    transition-duration: 410ms,440ms;
    transition-delay: min(var(--mm-delay, 0ms), 45ms);
  }
}
@media (prefers-reduced-motion: reduce) {
  html,html.mm-motion-active { scroll-behavior: auto !important; }
  html body.l131 .mm-reveal,
  html.mm-motion-active body.l131 .mm-reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    animation: none !important;
  }
  html.mm-motion-active body.l131 :is(.product-tab,.business-tab,.showcase-card,.button) {
    transition: none !important;
    animation: none !important;
  }
}


/* L1.21 — seamless product preview crossfade, scoped to the public concept UI.
 * The previous panel covers the new one until it is painted; no blank flash. */
body.l131 .features-explorer.app-showcase .app-sim-content{
  position:relative;
  isolation:isolate;
}
@media(min-width:621px){
  body.l131 .features-explorer.app-showcase .app-sim-content{
    scrollbar-gutter:stable;
  }
}
/* Do not animate hidden panels or the unenhanced no-JS first view. */
body.l131 .features-explorer.app-showcase .product-panel.mmh-preview-exit,
body.l131 .features-explorer.app-showcase .product-panel.mmh-preview-enter{
  transition:opacity 265ms cubic-bezier(.22,.74,.25,1),
    transform 265ms cubic-bezier(.22,.74,.25,1);
  will-change:opacity,transform;
}
body.l131 .features-explorer.app-showcase .product-panel.mmh-preview-exit{
  position:absolute;
  inset:0 0 auto;
  box-sizing:border-box;
  width:100%;
  min-height:100%;
  z-index:2;
  pointer-events:none;
  opacity:1;
  transform:translate3d(0,0,0);
}
body.l131 .features-explorer.app-showcase .product-panel.mmh-preview-enter{
  position:relative;
  z-index:1;
  opacity:0;
  transform:translate3d(0,7px,0);
}
body.l131 .features-explorer.app-showcase .product-panel.mmh-preview-exit.mmh-preview-running{
  opacity:0;
  transform:translate3d(0,-4px,0);
}
body.l131 .features-explorer.app-showcase .product-panel.mmh-preview-enter.mmh-preview-running{
  opacity:1;
  transform:translate3d(0,0,0);
}
/* Avoid the letter-by-letter title wrap visible in the narrow story rail. */
@media(min-width:1101px){
  body.l131 .features-explorer.app-showcase .app-story h3{
    font-size:clamp(18px,1.4vw,24px);
    overflow-wrap:normal;
    word-break:normal;
  }
}
@media(prefers-reduced-motion:reduce){
  body.l131 .features-explorer.app-showcase .product-panel.mmh-preview-exit,
  body.l131 .features-explorer.app-showcase .product-panel.mmh-preview-enter{
    transition:none!important;
    transform:none!important;
    will-change:auto;
  }
}
