/* React behavior compatibility only. Do not alter design-locked style.css. */
/* Original hero JS repeated the eight cards only at desktop width. */
@media (max-width:1150px){
  .tc-site-hero__track>.tc-ui-card[data-clone]{display:none!important}
}
/* Existing example-order feed entry animation, now React-rendered. */
@keyframes tc-react-order-enter{
  from{opacity:.7;transform:translateY(-28px)}
  to{opacity:1;transform:translateY(0)}
}
.tc-orders__list>.tc-order--react-enter{
  animation:tc-react-order-enter 460ms cubic-bezier(.22,.61,.36,1) both
}
@media(prefers-reduced-motion:reduce){
  .tc-orders__list>.tc-order--react-enter{animation:none}
}
/* Original 360° radar scan every eight seconds, driven by React visibility. */
@keyframes tc-react-radar-sweep{to{transform:rotate(360deg)}}
.tc-page-home .tc-radar.is-scanning .tc-radar__beam{
  animation:tc-react-radar-sweep 8s linear infinite
}
@media(prefers-reduced-motion:reduce){
  .tc-page-home .tc-radar.is-scanning .tc-radar__beam{animation:none}
}