#rpd-technology .graphic-state { width: 100%; min-width: 0; }
#rpd-technology .workflow-motion {
  width: min(100%, 440px);
  height: auto;
  aspect-ratio: 7 / 4;
  color: var(--fg);
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-dasharray: none;
  animation: none;
  flex-shrink: 0;
}
#rpd-technology .workflow-ground { fill: oklch(from var(--fg) l c h / .06); stroke: none; }
#rpd-technology .workflow-model { fill: var(--surface); }
#rpd-technology .workflow-material { fill: oklch(from var(--fg) .91 .008 h); }
#rpd-technology .workflow-tool { fill: var(--surface); }
#rpd-technology .workflow-guide { stroke: oklch(from var(--fg) .54 c h); }
#rpd-technology .workflow-mesh { stroke: oklch(from var(--fg) .68 c h); stroke-width: .8; }
#rpd-technology .workflow-accent { stroke: var(--accent); stroke-width: 2; }
#rpd-technology .workflow-scan-fill { fill: oklch(from var(--accent) l c h / .12); stroke: none; }
#rpd-technology .workflow-cut { fill: oklch(from var(--fg) .83 .012 h); }
#rpd-technology .workflow-spindle { fill: var(--surface); }
#rpd-technology .workflow-contact { fill: oklch(from var(--accent) l c h / .15); stroke: var(--accent); }
#rpd-technology .workflow-chip { stroke: var(--accent); }
#rpd-technology .workflow-wheel { fill: var(--fg); stroke: var(--fg); }
#rpd-technology .workflow-wheel-spin { stroke: var(--surface); stroke-width: 1.2; }
#rpd-technology .workflow-polish-shine { stroke: var(--accent); stroke-width: 2; }
#rpd-technology .workflow-check-disc { fill: var(--surface); stroke: var(--accent); }
#rpd-technology .workflow-check-mark { stroke: var(--accent); stroke-width: 2.5; }
#rpd-technology .graphic-state.active .workflow-scan-pass { animation: workflow-scan 4.8s ease-in-out infinite; }
#rpd-technology .graphic-state.active .workflow-mesh { animation: workflow-mesh 4.8s ease-in-out infinite; }
#rpd-technology .graphic-state.active .workflow-mill-travel { animation: workflow-mill 4.8s ease-in-out infinite; }
#rpd-technology .graphic-state.active .workflow-contact { animation: workflow-contact 4.8s ease-in-out infinite; }
#rpd-technology .graphic-state.active .workflow-chip { animation: workflow-chips 1.2s ease-out infinite; }
#rpd-technology .graphic-state.active .workflow-polish-pass { animation: workflow-polish 4.8s ease-in-out infinite; }
#rpd-technology .graphic-state.active .workflow-wheel-spin { transform-origin: 0 0; animation: workflow-spin 1.2s linear infinite; }
#rpd-technology .graphic-state.active .workflow-polish-shine { animation: workflow-shine 4.8s ease-in-out infinite; }
#rpd-technology .graphic-state.active .workflow-check { animation: workflow-check 4.8s ease-in-out infinite; }
@keyframes workflow-scan {
  0%, 12%, 100% { transform: translateY(-8px); }
  55%, 72% { transform: translateY(88px); }
}
@keyframes workflow-mesh {
  0%, 100% { opacity: .3; }
  55%, 82% { opacity: 1; }
}
@keyframes workflow-mill {
  0%, 100% { transform: translate(-26px, 5px); }
  18% { transform: translate(-16px, -1px); }
  38% { transform: translate(0, -4px); }
  58% { transform: translate(16px, -1px); }
  75% { transform: translate(26px, 5px); }
}
@keyframes workflow-contact {
  0%, 8%, 90%, 100% { opacity: .25; }
  20%, 75% { opacity: 1; }
}
@keyframes workflow-chips {
  0%, 100% { opacity: 0; transform: translateY(0); }
  45% { opacity: .8; }
  85% { opacity: 0; transform: translateY(-6px); }
}
@keyframes workflow-polish {
  0%, 12%, 100% { transform: translate(8px, -8px); }
  30%, 50% { transform: translate(-3px, 9px); }
  40%, 60% { transform: translate(0, 2px); }
  75%, 90% { transform: translate(17px, -17px); }
}
@keyframes workflow-spin { to { transform: rotate(360deg); } }
@keyframes workflow-shine {
  0%, 20%, 70%, 100% { opacity: 0; }
  35%, 55% { opacity: 1; }
}
@keyframes workflow-check {
  0%, 60%, 100% { opacity: 0; transform: translateY(5px); }
  72%, 92% { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  #rpd-technology .workflow-motion,
  #rpd-technology .workflow-motion * { animation: none !important; }
  #rpd-technology .workflow-scan-pass { transform: translateY(40px); }
  #rpd-technology .workflow-chip,
  #rpd-technology .workflow-polish-shine { opacity: 0; }
}