/* Product-page motion builds on the shared one-time scroll reveal. */
@media (prefers-reduced-motion: no-preference) {
  .rc-codex-page .rc-agent-window.rc-motion-active {
    animation: rc-window-enter 900ms cubic-bezier(.2,1,.3,1) both;
  }
  .rc-codex-page .rc-agent-window.rc-motion-active > p {
    width: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    border-right: 2px solid var(--rc-green);
    animation: rc-terminal-type 1.35s steps(27,end) 280ms forwards,
      rc-caret-blink 650ms step-end 280ms 4;
  }
  .rc-codex-page .rc-agent-window.rc-motion-active li {
    opacity: 0;
    animation: rc-line-enter 550ms cubic-bezier(.2,1,.3,1) forwards;
  }
  .rc-codex-page .rc-agent-window.rc-motion-active li:nth-child(1) { animation-delay: 800ms; }
  .rc-codex-page .rc-agent-window.rc-motion-active li:nth-child(2) { animation-delay: 1050ms; }
  .rc-codex-page .rc-agent-window.rc-motion-active li:nth-child(3) { animation-delay: 1300ms; }
  .rc-codex-page .rc-agent-window.rc-motion-active li:nth-child(4) { animation-delay: 1550ms; }
  .rc-codex-page .rc-agent-window.rc-motion-active .rc-agent-status {
    animation: rc-status-enter 700ms cubic-bezier(.2,1,.3,1) 1750ms both;
  }
  .rc-codex-page .rc-agent-window.rc-motion-active .rc-agent-status i {
    animation: rc-status-pulse 2.2s ease-in-out 2.5s 3;
  }
  .rc-codex-page .rc-pipeline.rc-motion-active > * {
    animation: rc-flow-enter 650ms cubic-bezier(.2,1,.3,1) both;
  }
  .rc-codex-page .rc-pipeline.rc-motion-active > :nth-child(2) { animation-delay: 120ms; }
  .rc-codex-page .rc-pipeline.rc-motion-active > :nth-child(3) { animation-delay: 240ms; }
  .rc-codex-page .rc-pipeline.rc-motion-active > :nth-child(4) { animation-delay: 360ms; }
  .rc-codex-page .rc-pipeline.rc-motion-active > :nth-child(5) { animation-delay: 480ms; }
  .rc-codex-page .rc-pipeline.rc-motion-active > :nth-child(6) { animation-delay: 600ms; }
  .rc-codex-page .rc-pipeline.rc-motion-active > :nth-child(7) { animation-delay: 720ms; }
  .rc-codex-page .rc-benchmark.rc-motion-active .rc-bar-track i {
    transform-origin: left center;
    animation: rc-bar-grow 2s cubic-bezier(.2,1,.3,1) both;
  }
  .rc-codex-page .rc-benchmark.rc-motion-active .rc-bar-row:nth-of-type(2) i { animation-delay: 220ms; }
  .rc-codex-page .rc-benchmark.rc-motion-active .rc-bar-row:nth-of-type(3) i { animation-delay: 440ms; }
  .rc-codex-page .rc-benchmark.rc-motion-active .rc-bar-row:nth-of-type(4) i { animation-delay: 660ms; }
  .rc-codex-page .rc-benchmark.rc-motion-active .rc-bar-row:nth-of-type(5) i { animation-delay: 880ms; }
  .rc-codex-page .rc-slot-grid.rc-motion-active > div {
    animation: rc-slot-enter 680ms cubic-bezier(.2,1,.3,1) both;
  }
  .rc-codex-page .rc-slot-grid.rc-motion-active > :nth-child(2) { animation-delay: 110ms; }
  .rc-codex-page .rc-slot-grid.rc-motion-active > :nth-child(3) { animation-delay: 220ms; }
  .rc-codex-page .rc-slot-grid.rc-motion-active > :nth-child(4) { animation-delay: 330ms; }
  .rc-codex-page .rc-selector-tabs.rc-motion-active button {
    animation: rc-tab-enter 550ms cubic-bezier(.2,1,.3,1) both;
  }
  .rc-codex-page .rc-selector-tabs.rc-motion-active button:nth-child(2) { animation-delay: 70ms; }
  .rc-codex-page .rc-selector-tabs.rc-motion-active button:nth-child(3) { animation-delay: 140ms; }
  .rc-codex-page .rc-selector-tabs.rc-motion-active button:nth-child(4) { animation-delay: 210ms; }
  .rc-codex-page .rc-selector-tabs.rc-motion-active button:nth-child(5) { animation-delay: 280ms; }
  .rc-codex-page .rc-quote.rc-motion-active { animation: rc-quote-glow 1.2s ease-out both; }
  .rc-codex-page .rc-selector-tabs button,
  .rc-codex-page .rc-model-card,
  .rc-codex-page .rc-codex-faq details {
    transition: border-color 280ms ease, box-shadow 280ms ease, background-color 280ms ease;
  }
  .rc-codex-page .rc-model-card:hover,
  .rc-codex-page .rc-codex-faq details[open] {
    border-color: var(--rc-green);
    box-shadow: 0 0 0 1px var(--rc-green-soft), 0 12px 35px #0003;
  }
  @keyframes rc-window-enter { from { opacity:0; transform:translateY(22px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } }
  @keyframes rc-terminal-type { to { width:var(--rc-type-chars,28ch); } }
  @keyframes rc-caret-blink { 50% { border-right-color:transparent; } }
  @keyframes rc-line-enter { from { opacity:0; transform:translateX(-12px); } to { opacity:1; transform:translateX(0); } }
  @keyframes rc-status-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
  @keyframes rc-status-pulse { 50% { box-shadow:0 0 0 7px var(--rc-green-soft); } }
  @keyframes rc-flow-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
  @keyframes rc-bar-grow { from { transform:scaleX(0); } to { transform:scaleX(1); } }
  @keyframes rc-slot-enter { from { opacity:0; transform:translateY(16px) scale(.95); } to { opacity:1; transform:translateY(0) scale(1); } }
  @keyframes rc-tab-enter { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
  @keyframes rc-quote-glow { 0% { box-shadow:0 0 0 0 var(--rc-green-soft); } 60% { box-shadow:0 0 0 12px transparent; } 100% { box-shadow:none; } }
}