.industrial-process{background:#fff;border:1px solid #c6d7cd;border-radius:16px;margin-bottom:42px;overflow:hidden}.process-stage-controls{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:18px 24px;display:flex}.process-stage-controls button{appearance:none;color:var(--petrol);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:11px 16px;font-size:14px;font-weight:650}.process-stage-controls button[aria-pressed=true]{background:#e7f0e9;border-color:#c1d6c6}.process-stage-controls button span{color:var(--green);margin-right:8px;font-size:11px}.process-stage-controls .process-play{border-color:#b8cbbf;min-width:100px;margin-left:auto}.industrial-illustration{background:#f0f5f3;margin:0}.industrial-illustration svg{aspect-ratio:960/520;width:100%;height:auto;max-height:520px;display:block}.industrial-illustration figcaption{color:#5b7569;padding:6px 24px 16px;font-size:11px}.industrial-process[data-stage=reception] .processing-scenes,.industrial-process[data-stage=testing] .processing-scenes,.industrial-process[data-stage=painting] .processing-scenes,.industrial-process:not([data-stage=reception]) .reception-scene,.industrial-process:not([data-stage=testing]) .testing-scene,.industrial-process:not([data-stage=painting]) .painting-scene,.industrial-process[data-stage=delivery] .processing-scenes,.industrial-process:not([data-stage=delivery]) .delivery-scene,.industrial-process:not([data-delivery-step=review]) .delivery-review,.industrial-process:not([data-delivery-step=loading]) .delivery-loading,.industrial-process:not([data-delivery-step=client]) .delivery-client{display:none}.paint-mist path{animation:.56s linear infinite paused wash-flow}.industrial-process.is-running[data-stage=painting] .paint-mist path{animation-play-state:running}.drum-red{--drum-fill:#a35c50;--drum-edge:#703f36;--drum-light:#c78a78;--drum-shine:#e4bbae}.drum-green{--drum-fill:#58796b;--drum-edge:#355447;--drum-light:#84a18c;--drum-shine:#b4cbb6}.drum-silver{--drum-fill:#a7b2af;--drum-edge:#6c8178;--drum-light:#d3dad4;--drum-shine:#edf2ea}.repair-smooth{opacity:var(--repair,0)}.repair-damaged,.repair-guides{opacity:calc(1 - var(--repair,0))}.anime-eyes-open{opacity:calc(1 - var(--blink,0))}.anime-eyes-closed{opacity:var(--blink,0)}.work-glove{fill:url(#glove-volume);stroke:#3b5c50;stroke-width:.8px;stroke-linejoin:round}.process-scene-description{align-items:baseline;gap:25px;padding:26px 30px;display:flex}.process-scene-number{color:var(--green);flex-shrink:0;font-size:12px;font-weight:700}.process-scene-description h3{margin-bottom:8px;font-size:23px;font-weight:650;line-height:1.4}.process-scene-description p{color:var(--muted);font-size:14px;line-height:1.8}.process-scene-progress{background:#e2ebe5;height:3px}.process-scene-progress span{height:100%;width:var(--process-progress,0%);background:#559e6d;display:block}.inspection-scene,.washing-scene{transition:opacity .6s}.industrial-process[data-stage=inspection] .washing-scene{opacity:.47}.industrial-process[data-stage=washing] .inspection-scene{opacity:.55}.inspection-check{opacity:0;transition:opacity .5s}.industrial-process[data-stage=inspection] .inspection-check{opacity:1}.inspection-scan{opacity:0}.industrial-process[data-stage=inspection] .inspection-scan{opacity:1}.wash-water{opacity:var(--wash-water-opacity,0);animation:.72s linear infinite paused wash-flow}.inspection-scan{animation:2.4s ease-in-out infinite paused inspect-scan}.operator-arm{transform-origin:378px 260px;animation:2.4s ease-in-out infinite paused inspect-arm}.wash-indicator{animation:2s ease-in-out infinite paused wash-light}.industrial-process.is-running[data-stage=inspection] .inspection-scan,.industrial-process.is-running[data-stage=inspection] .operator-arm,.industrial-process.is-running[data-stage=washing] .wash-water,.industrial-process.is-running[data-stage=washing] .wash-indicator{animation-play-state:running}@keyframes inspect-scan{0%,to{opacity:.3;transform:translateY(-24px)}50%{opacity:1;transform:translateY(40px)}}@keyframes inspect-arm{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.5deg)}}@keyframes wash-flow{to{stroke-dashoffset:-22px}}@keyframes wash-light{50%{fill:#8fca77}}@media (prefers-reduced-motion:no-preference){.reception-scene,.inspection-scene,.washing-scene,.testing-scene,.painting-scene,.delivery-review,.delivery-loading,.delivery-client{animation:.32s ease-out industrial-scene-in}}@keyframes industrial-scene-in{0%{opacity:.45}}@media (width<=600px){.process-stage-controls{gap:5px;padding:12px}.process-stage-controls button{padding:10px;font-size:12px}.process-stage-controls button span{margin-right:4px}.process-stage-controls .process-play{min-width:80px}.industrial-illustration{overflow:hidden}.industrial-illustration svg{width:175%;max-width:none;max-height:none;margin-left:-38%;transition:margin-left .7s}.industrial-process[data-stage=washing] .industrial-illustration svg{margin-left:-70%}.industrial-process[data-stage=reception] .industrial-illustration svg{width:125%;margin-left:-12%}.industrial-process[data-stage=testing] .industrial-illustration svg{width:150%;margin-left:-32%}.industrial-process[data-stage=painting] .industrial-illustration svg{width:150%;margin-left:-33%}.industrial-process[data-stage=delivery] .industrial-illustration svg{width:115%;margin-left:-8%}.industrial-illustration figcaption{padding:8px 16px 14px;font-size:10px}.process-scene-description{gap:15px;padding:20px 18px}.process-scene-description h3{font-size:19px}.process-scene-description p{font-size:13px}}@media (prefers-reduced-motion:reduce){.industrial-process *,.industrial-process.is-running *{transition:none!important;animation:none!important}}.industrial-process[data-stage=inspection] .wash-drum-moving{visibility:hidden}
