.demo-motion{background:var(--color-neutral);color:var(--color-text-primary)}.demo-motion__header{max-width:640px;margin-bottom:40px}.demo-motion__title{font-family:var(--font-family-primary);font-size:36px;font-weight:var(--font-weight-bold);margin:0 0 12px;color:var(--color-dark-blue)}.demo-motion__intro{margin:0;font-size:16px;line-height:1.7;color:var(--color-text-secondary)}.demo-motion__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.demo-motion__card{background:var(--color-white);border-radius:16px;padding:28px 24px;box-shadow:var(--shadow-sm);opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--demo-motion-delay, 0ms)}.demo-motion__card.is-visible{opacity:1;transform:none}.demo-motion__card--fade-left{transform:translate(-32px)}.demo-motion__card--zoom{transform:scale(.92)}.demo-motion__badge{display:inline-block;margin-bottom:12px;padding:4px 10px;border-radius:999px;background:var(--color-primary-green-light);color:var(--color-primary-green);font-size:12px;font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.demo-motion__card-title{margin:0 0 8px;font-size:22px;color:var(--color-dark-blue)}.demo-motion__card-text{margin:0;color:var(--color-text-secondary);line-height:1.6}@media (max-width: 992px){.demo-motion__grid{grid-template-columns:1fr}}@media (max-width: 768px){.demo-motion__title{font-size:28px}}