/* =====================================================================
   Sample dashboard intro — plays once when the dashboard comes into view, then stays still.
   Enhances the existing [cts_visual name="calls"] markup (.sig-v-calls); no markup changes.
   hero.js holds it (.is-wait) until it is on screen and counts the numbers. Without JS it simply plays on load. Nothing moves for visitors who ask for reduced motion.
   ===================================================================== */
@media (prefers-reduced-motion:no-preference){
	.sig-v-calls .sig-v-stats>div{animation:sig-h-up .5s cubic-bezier(.2,.8,.2,1) both}
	.sig-v-calls .sig-v-stats>div:nth-child(1){animation-delay:.15s}
	.sig-v-calls .sig-v-stats>div:nth-child(2){animation-delay:.27s}
	.sig-v-calls .sig-v-stats>div:nth-child(3){animation-delay:.39s}
	.sig-v-chart rect{transform-box:fill-box;transform-origin:50% 100%;animation:sig-h-grow .6s cubic-bezier(.2,.9,.3,1.15) both}
	.sig-v-chart rect:nth-child(1){animation-delay:472ms}.sig-v-chart rect:nth-child(2){animation-delay:494ms}.sig-v-chart rect:nth-child(3){animation-delay:516ms}.sig-v-chart rect:nth-child(4){animation-delay:538ms}.sig-v-chart rect:nth-child(5){animation-delay:560ms}.sig-v-chart rect:nth-child(6){animation-delay:582ms}.sig-v-chart rect:nth-child(7){animation-delay:604ms}.sig-v-chart rect:nth-child(8){animation-delay:626ms}.sig-v-chart rect:nth-child(9){animation-delay:648ms}.sig-v-chart rect:nth-child(10){animation-delay:670ms}.sig-v-chart rect:nth-child(11){animation-delay:692ms}.sig-v-chart rect:nth-child(12){animation-delay:714ms}.sig-v-chart rect:nth-child(13){animation-delay:736ms}.sig-v-chart rect:nth-child(14){animation-delay:758ms}.sig-v-chart rect:nth-child(15){animation-delay:780ms}.sig-v-chart rect:nth-child(16){animation-delay:802ms}.sig-v-chart rect:nth-child(17){animation-delay:824ms}.sig-v-chart rect:nth-child(18){animation-delay:846ms}.sig-v-chart rect:nth-child(19){animation-delay:868ms}.sig-v-chart rect:nth-child(20){animation-delay:890ms}.sig-v-chart rect:nth-child(21){animation-delay:912ms}.sig-v-chart rect:nth-child(22){animation-delay:934ms}.sig-v-chart rect:nth-child(23){animation-delay:956ms}.sig-v-chart rect:nth-child(24){animation-delay:978ms}.sig-v-chart rect:nth-child(25){animation-delay:1000ms}.sig-v-chart rect:nth-child(26){animation-delay:1022ms}.sig-v-chart rect:nth-child(27){animation-delay:1044ms}.sig-v-chart rect:nth-child(28){animation-delay:1066ms}.sig-v-chart rect:nth-child(29){animation-delay:1088ms}.sig-v-chart rect:nth-child(30){animation-delay:1110ms}.sig-v-chart rect:nth-child(31){animation-delay:1132ms}.sig-v-chart rect:nth-child(32){animation-delay:1154ms}.sig-v-chart rect:nth-child(33){animation-delay:1176ms}.sig-v-chart rect:nth-child(34){animation-delay:1198ms}.sig-v-chart rect:nth-child(35){animation-delay:1220ms}.sig-v-chart rect:nth-child(36){animation-delay:1242ms}.sig-v-chart rect:nth-child(37){animation-delay:1264ms}.sig-v-chart rect:nth-child(38){animation-delay:1286ms}.sig-v-chart rect:nth-child(39){animation-delay:1308ms}.sig-v-chart rect:nth-child(40){animation-delay:1330ms}
	.sig-v-calls .sig-v-src strong{animation:sig-h-up .4s 1.35s both}
	.sig-v-calls .sig-v-row span,.sig-v-calls .sig-v-row b{animation:sig-h-fade .4s both}
	.sig-v-calls .sig-v-row i{transform-origin:0 50%;animation:sig-h-fill .8s cubic-bezier(.2,.8,.2,1) both}
	.sig-v-calls .sig-v-row:nth-of-type(1) *{animation-delay:1.45s}
	.sig-v-calls .sig-v-row:nth-of-type(2) *{animation-delay:1.57s}
	.sig-v-calls .sig-v-row:nth-of-type(3) *{animation-delay:1.69s}
	.sig-v-calls .sig-v-row:nth-of-type(4) *{animation-delay:1.81s}
	.sig-v-calls .sig-v-float{animation:sig-h-toast .7s cubic-bezier(.2,1.3,.4,1) 2.7s both}
	.sig-v-calls .sig-v-pill{animation:sig-h-ring 1.2s ease-out 3.3s 2 both}
}
/* waiting to come into view: hold every animation at its first frame */
.sig-v-calls.is-wait *{animation-play-state:paused!important}
@keyframes sig-h-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sig-h-fade{from{opacity:0}to{opacity:1}}
@keyframes sig-h-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes sig-h-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sig-h-toast{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}
@keyframes sig-h-ring{0%{box-shadow:0 0 0 0 rgba(242,163,58,.55)}100%{box-shadow:0 0 0 12px rgba(242,163,58,0)}}

/* the dashboard on a light section (Services > Reporting): softer shadows than on the navy hero */
.sig-sec .sig-v-card{box-shadow:var(--sig-shadow-lg)}
.sig-sec .sig-v-float{box-shadow:var(--sig-shadow-md)}