/* Subtle scroll assembly motion */
html.motion-ready .motion-group .suite-card,
html.motion-ready .motion-group .story-card,
html.motion-ready .outcome-grid.motion-group article,
html.motion-ready .motion-group .protection-features article,
html.motion-ready .motion-group .comparison-row,
html.motion-ready .motion-group .capability,
html.motion-ready .proof-strip.motion-group > span {
  opacity: 0;
  transform: translateY(28px) scale(.985);
  transition: opacity .72s cubic-bezier(.2,.75,.25,1), transform .8s cubic-bezier(.2,.75,.25,1);
}

html.motion-ready .motion-group.motion-in .suite-card,
html.motion-ready .motion-group.motion-in .story-card,
html.motion-ready .outcome-grid.motion-group.motion-in article,
html.motion-ready .motion-group.motion-in .protection-features article,
html.motion-ready .motion-group.motion-in .comparison-row,
html.motion-ready .motion-group.motion-in .capability,
html.motion-ready .proof-strip.motion-group.motion-in > span {
  opacity: 1;
  transform: none;
}

html.motion-ready .motion-group.motion-in > :nth-child(2),
html.motion-ready .motion-group.motion-in .suite-card:nth-child(2),
html.motion-ready .motion-group.motion-in .story-card:nth-child(2),
html.motion-ready .motion-group.motion-in .outcome-grid article:nth-child(2),
html.motion-ready .motion-group.motion-in .capability:nth-child(2) { transition-delay: .08s; }
html.motion-ready .motion-group.motion-in > :nth-child(3),
html.motion-ready .motion-group.motion-in .suite-card:nth-child(3),
html.motion-ready .motion-group.motion-in .story-card:nth-child(3),
html.motion-ready .motion-group.motion-in .outcome-grid article:nth-child(3),
html.motion-ready .motion-group.motion-in .capability:nth-child(3) { transition-delay: .16s; }
html.motion-ready .motion-group.motion-in > :nth-child(4),
html.motion-ready .motion-group.motion-in .suite-card:nth-child(4),
html.motion-ready .motion-group.motion-in .outcome-grid article:nth-child(4),
html.motion-ready .motion-group.motion-in .capability:nth-child(4) { transition-delay: .24s; }

html.motion-ready .architecture.motion-group .arch-node { opacity:0; transform:translateY(24px); transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.25,1) }
html.motion-ready .architecture.motion-group .arch-line { transform:scaleX(0); transform-origin:left; transition:transform 1.15s cubic-bezier(.2,.75,.25,1) }
html.motion-ready .architecture.motion-in .arch-node { opacity:1; transform:none }
html.motion-ready .architecture.motion-in .arch-node:nth-of-type(3){transition-delay:.1s}
html.motion-ready .architecture.motion-in .arch-node:nth-of-type(4){transition-delay:.2s}
html.motion-ready .architecture.motion-in .arch-node:nth-of-type(5){transition-delay:.3s}
html.motion-ready .architecture.motion-in .arch-line{transform:scaleX(1)}

html.motion-ready .app-visual.motion-group .showcase-tablet { opacity:0; transform:translateX(-42px) rotate(-5deg) scale(.97); transition:opacity .9s ease,transform 1s cubic-bezier(.16,.8,.2,1) }
html.motion-ready .app-visual.motion-group .showcase-phone { opacity:0; transform:translateX(42px) translateY(28px) scale(.96); transition:opacity .9s .12s ease,transform 1s .12s cubic-bezier(.16,.8,.2,1) }
html.motion-ready .app-visual.motion-in .showcase-tablet { opacity:1; transform:rotate(-2deg) }
html.motion-ready .app-visual.motion-in .showcase-phone { opacity:1; transform:none }

html.motion-ready .transfer-card.motion-group { opacity:0; transform:translateX(38px) scale(.975); transition:opacity .85s ease,transform 1s cubic-bezier(.16,.8,.2,1) }
html.motion-ready .transfer-card.motion-in { opacity:1; transform:none }
html.motion-ready .merchant-protection.motion-group:before { transform:scaleX(0); transform-origin:left; transition:transform 1.15s .15s cubic-bezier(.2,.75,.25,1) }
html.motion-ready .merchant-protection.motion-in:before { transform:scaleX(1) }
