/* How It Installs "What Deployment Looks Like": entrance + hover motion.
   Only opacity/transform/background-size animate, so layout and spacing never change.
   Hidden states apply only once JS has added .hii-dm (content stays visible without JS). */
@media (prefers-reduced-motion: no-preference) {
	.hii-dm .hii-head, .hii-dm .hii-dcard, .hii-dm .hii-dcard .hii-pill, .hii-dm .hii-checks li, .hii-dm .hii-dcard__art img, .hii-dm .hii-note {
		transition-property:opacity, transform; transition-timing-function:cubic-bezier(.22,.61,.36,1); transition-duration:600ms;
	}
	.hii-dm .hii-head { opacity:0; transform:translateY(14px); }
	.hii-dm .hii-dcard { opacity:0; transform:translateY(18px); transition-delay:calc(150ms + var(--i,0) * 120ms); }
	.hii-dm .hii-dcard .hii-pill { opacity:0; transition-delay:calc(350ms + var(--i,0) * 120ms); }
	.hii-dm .hii-checks li { opacity:0; transform:translateY(6px); transition-duration:450ms; transition-delay:calc(420ms + var(--i,0) * 120ms + var(--j,0) * 45ms); }
	.hii-dm .hii-dcard__art img { opacity:0; transform:scale(.96); transition-duration:800ms; transition-delay:calc(500ms + var(--i,0) * 120ms); }
	html body .hii-deploy.hii-dm .hii-note { opacity:0; transition-delay:900ms; }
	.hii-dm .hii-deploy__line { background-size:0% 2px; transition:background-size 1400ms cubic-bezier(.65,0,.35,1) 250ms; }
	.hii-dm .hii-deploy__line i { opacity:0; transform:scale(.6); transition:opacity 400ms ease-out, transform 400ms ease-out; transition-delay:calc(300ms + var(--i,0) * 450ms); }

	.hii-dm.is-in .hii-head, .hii-dm.is-in .hii-dcard, .hii-dm.is-in .hii-dcard .hii-pill, .hii-dm.is-in .hii-checks li, .hii-dm.is-in .hii-deploy__line i { opacity:1; transform:none; }
	.hii-dm.is-in .hii-dcard__art img { opacity:1; transform:scale(1); }
	html body .hii-deploy.hii-dm.is-in .hii-note { opacity:.8; } /* matches fit.css resting opacity */
	.hii-dm.is-in .hii-deploy__line { background-size:100% 2px; }

	/* after the entrance: snappy, gentle hover lift */
	.hii-dm.is-done .hii-dcard { transition:transform .3s ease, box-shadow .3s ease; transition-delay:0s; }
	.hii-dm.is-done .hii-dcard:hover { transform:translateY(-4px); box-shadow:0 1px 2px rgba(15,23,42,.04), 0 22px 44px -18px rgba(13,23,88,.18); }
}