/* industry-marketplaces.html — hero animation (prefix: mk-)
   Theme: Supply (left) ↔ Demand (right) matching curves → Escrow vault hold/release */
@keyframes mkGlow { 0%,100% { opacity: 0.08; } 50% { opacity: 0.2; } }
@keyframes mkFade { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: translateX(0); } }
@keyframes mkFadeR{ from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: translateX(0); } }
@keyframes mkFlow { 0% { stroke-dashoffset: 20; opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes mkPop  { from { opacity: 0; transform: scale(0.85); } to { opacity: 1; transform: scale(1); } }
@keyframes mkAmt  { 0%,100% { opacity: 1; } 50% { opacity: 0.75; } }
.mk-glow { animation: mkGlow 3.5s ease-in-out infinite; }
.mk-node { }
.mk-s1 { animation: mkFade 0.45s var(--ease-spring) 0.4s both; }
.mk-s2 { animation: mkFade 0.45s var(--ease-spring) 0.55s both; }
.mk-s3 { animation: mkFade 0.45s var(--ease-spring) 0.7s both; }
.mk-d1 { animation: mkFadeR 0.45s var(--ease-spring) 0.55s both; }
.mk-d2 { animation: mkFadeR 0.45s var(--ease-spring) 0.7s both; }
.mk-d3 { animation: mkFadeR 0.45s var(--ease-spring) 0.85s both; }
.mk-match { stroke-dasharray: 6; }
.mk-m1 { animation: mkFlow 2.6s linear 1.1s infinite; }
.mk-m2 { animation: mkFlow 2.6s linear 1.3s infinite; }
.mk-m3 { animation: mkFlow 2.6s linear 1.5s infinite; }
.mk-flow { stroke-dasharray: 6; }
.mk-fe1  { animation: mkFlow 2.4s linear 1.9s infinite; }
.mk-escrow { animation: mkPop 0.55s var(--ease-spring) 1.2s both; transform-box: fill-box; transform-origin: center; }
.mk-amt    { animation: mkAmt 2.2s ease-in-out 2s infinite; }
.mk-gauge  { animation: mkPop 0.5s var(--ease-spring) 1.4s both; transform-box: fill-box; transform-origin: center; }
.mk-gauge:nth-of-type(2) { animation-delay: 1.6s; }