Build a hero with a rotating role word in Tailwind CSS: a headline reading 'Built for [rotating word]' where the word cross-fades between designer, developer, founder and teacher on a three-second interval, with the container width animating so the layout never jumps. Pause the rotation while the user hovers or focuses the headline, and respect prefers-reduced-motion by showing a static list instead.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。