/* M1: only JS marks an offscreen chart as ready to draw. */
html[data-motion~="m1"] .oo-gantt.m1-start .oo-gantt-bar{transform:scaleX(0);transform-origin:left center}
html[data-motion~="m1"] .oo-gantt.m1-start.m1-done .oo-gantt-bar{transform:scaleX(1);transition:transform .6s cubic-bezier(.23,1,.32,1);transition-delay:calc(var(--motion-index)*.08s)}
/* site.css animates every tab panel; M2 owns this one panel animation. */
.page-01 .showcase-panel{animation:none}
html[data-motion~="m2"] .page-01 .showcase-panel:not([hidden]){animation:motion-tab-in .25s ease-out}
@keyframes motion-tab-in{from{opacity:0}to{opacity:1}}
html[data-motion~="m3"] .page-01 ol.steps.is-visible>li{animation:motion-step-in .55s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--step-index,0)* .06s)}
.page-01 ol.steps>li:nth-child(2){--step-index:1}
.page-01 ol.steps>li:nth-child(3){--step-index:2}
.page-01 ol.steps>li:nth-child(4){--step-index:3}
.page-01 ol.steps>li:nth-child(5){--step-index:4}
.page-01 ol.steps>li:nth-child(6){--step-index:5}
@keyframes motion-step-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
html[data-motion~="m4"] .section-heading.is-visible .eyebrow .section-number{animation:motion-number-in .3s cubic-bezier(.23,1,.32,1)}
@keyframes motion-number-in{from{transform:scale(.9)}to{transform:scale(1)}}
html[data-motion~="m5"] .page-33 .error-number{animation:motion-error-in .7s cubic-bezier(.23,1,.32,1) both}
@keyframes motion-error-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html[data-motion] .oo-gantt.m1-start .oo-gantt-bar,html[data-motion] .oo-gantt.m1-start.m1-done .oo-gantt-bar{transform:none;transition:none}html[data-motion] .showcase-panel,html[data-motion] ol.steps.is-visible>li,html[data-motion] .section-heading.is-visible .section-number,html[data-motion] .error-number{animation:none}}