/* Keep the provider name and icon in one stable headline slot. */
.platform-rotation { display:inline-grid; grid-template-areas:"provider"; width:4.1em; height:1.15em; vertical-align:bottom; text-align:left; }
.platform-rotation__item { grid-area:provider; display:inline-flex; align-items:center; gap:.14em; white-space:nowrap; animation:platform-swap 8s infinite; }
.platform-rotation__item img { width:.58em; height:.58em; object-fit:contain; flex:none; }
.platform-rotation__item--claude { color:#d97757; }
.platform-rotation__item--codex { color:inherit; animation-delay:-4s; }
@keyframes platform-swap { 0%,43% { opacity:1; transform:translateY(0); } 49%,94% { opacity:0; transform:translateY(-.12em); } 100% { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) {
 .platform-rotation { width:auto; height:auto; display:inline-flex; gap:.25em; }
 .platform-rotation__item { animation:none; opacity:1; transform:none; }
 .platform-rotation__item--codex::before { content:"/"; color:inherit; margin-right:.1em; }
 .platform-rotation__item img { width:.45em; height:.45em; }
}