.ts-steps { background: var(--surface-card); }
.ts-steps__title { font-family: var(--font-brand); font-size: var(--fs-h1); text-align: center; color: var(--text-primary); margin: var(--space-2) 0 var(--space-4); }
.ts-steps__subtitle { text-align: center; color: var(--text-secondary); font-family: var(--font-support); font-size: var(--fs-body-lg); margin-bottom: var(--space-6); }
.ts-steps__list { list-style: none; margin: var(--space-10) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-6); }
.ts-steps__item { display: flex; gap: var(--space-5); align-items: flex-start; opacity: 0; transform: translateX(-8px); transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard); }
.ts-steps__item.is-revealed { opacity: 1; transform: none; }
.ts-steps__number { flex: none; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: var(--radius-full); background: var(--action-primary-bg); color: var(--text-on-brand); font-family: var(--font-brand); font-weight: var(--weight-bold); font-size: var(--fs-body-lg); }
.ts-steps__body h3 { font-family: var(--font-brand); font-size: var(--fs-h5); color: var(--text-primary); margin-bottom: var(--space-1); }
.ts-steps__body p { font-family: var(--font-support); color: var(--text-secondary); line-height: var(--lh-body); }