/* nda-download.html — hero animation (prefix: nd-)
   Theme: NDA document with body lines drawing in → signature stroke → executed seal + email confirmation */
@keyframes ndGlow { 0%,100% { opacity: 0.1; } 50% { opacity: 0.22; } }
@keyframes ndFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ndLineGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes ndSig { from { stroke-dashoffset: 220; } to { stroke-dashoffset: 0; } }
@keyframes ndSeal { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } }
@keyframes ndTick { from { stroke-dashoffset: 30; } to { stroke-dashoffset: 0; } }
@keyframes ndShield { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: translateX(0); } }
.nd-glow { animation: ndGlow 4s ease-in-out infinite; }
.nd-doc  { animation: ndFade 0.55s var(--ease-spring) 0.4s both; }
.nd-line { transform-box: fill-box; transform-origin: left center; }
.nd-l1 { animation: ndLineGrow 0.5s var(--ease-out) 0.8s both; }
.nd-l2 { animation: ndLineGrow 0.5s var(--ease-out) 0.95s both; }
.nd-l3 { animation: ndLineGrow 0.5s var(--ease-out) 1.1s both; }
.nd-l4 { animation: ndLineGrow 0.5s var(--ease-out) 1.25s both; }
.nd-l5 { animation: ndLineGrow 0.5s var(--ease-out) 1.4s both; }
.nd-l6 { animation: ndLineGrow 0.5s var(--ease-out) 1.55s both; }
.nd-l7 { animation: ndLineGrow 0.5s var(--ease-out) 1.7s both; }
.nd-sig  { stroke-dasharray: 220; animation: ndSig 1.4s var(--ease-out) 1.95s both; }
.nd-seal { transform-box: fill-box; transform-origin: center; animation: ndSeal 0.5s var(--ease-spring) 2.4s both; }
.nd-tick { stroke-dasharray: 30; animation: ndTick 0.45s ease-out 2.7s both; }
.nd-shield { animation: ndShield 0.55s var(--ease-spring) 0.6s both; }
.nd-email  { animation: ndFade 0.55s var(--ease-spring) 2.6s both; }