.process-experience{background:linear-gradient(115deg,#101d27,#172c3b);padding-top:42px;padding-bottom:32px}.process-experience .line-feature-head{align-items:flex-start}.process-subtitle{font-size:14px;color:#a4b6c4;margin:12px 0 0}.technical-viewport{margin:22px -12px 0;overflow:hidden}.technical-line{width:100%;display:block}.tech-station{transition:filter .5s}.tech-station .station-light{fill:#425d6f;transition:fill .4s}.tech-station.is-current .station-light{fill:#ff8755;filter:drop-shadow(0 0 4px #ee6a36)}.tech-station.is-done .station-light{fill:#73ae9d}.tech-station.is-current>path:first-child{stroke:#d3865e}.tech-station.is-current{filter:drop-shadow(0 0 12px #ed663511)}.precision-die{transition:transform .15s}.finished-box{transform-origin:1074px 230px}.process-meter{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.5px;color:#d1dce4;font-weight:600;margin-top:5px}.process-percent{font-variant-numeric:tabular-nums;color:#f68a5c;font-size:14px;letter-spacing:0}.process-track{height:2px;background:#314958;margin-top:14px;overflow:hidden}.process-track>span{display:block;height:100%;background:linear-gradient(90deg,#b64c25,#ff9565);width:0}.process-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:20px}.process-stage{display:flex;align-items:center;gap:12px;padding:15px 12px 15px 0;background:none;color:#7d96a8;border:0;text-align:left;border-bottom:1px solid #344b59;transition:color .3s;font-size:13px;font-weight:500}.stage-number{font-size:9px;letter-spacing:1px}.stage-check{margin-left:auto;color:#79b2a1;opacity:0;font-size:12px}.process-stage.is-done .stage-check{opacity:1}.process-stage.is-done{color:#adc3cb}.process-stage.is-current{color:#ff9466;border-bottom-color:#ed6c3d}.process-explanation{font-size:13px;line-height:1.8;color:#b7c9d5;margin:22px 0;min-height:24px}.process-controls{display:flex;align-items:center;gap:24px;border-top:1px solid #2b4353;padding-top:20px}.process-play,.process-replay{background:none;border:0;border-bottom:1px solid #4b6271;color:#e2e9ed;font-size:11px;padding:7px 0}.process-replay{color:#98adbb}.process-status{margin-left:auto;font-size:10px;letter-spacing:.5px;color:#7e98aa}.process-experience.is-complete .process-status{color:#8ec1b0}.process-experience.is-complete .process-percent{color:#8ec1b0}.process-back{display:inline-block;color:#c6d3dc;border-bottom:1px solid #55707f;padding-bottom:8px;font-size:12px}.production .process-stages{margin-top:45px}.production .process-explanation{margin-bottom:22px}.secondary-track{margin-top:0}.process-controls button:hover{color:#ff986d}.process-stage:focus-visible,.process-controls button:focus-visible{outline:2px solid #ff986d;outline-offset:4px}
@media(max-width:650px){.process-experience{padding-top:30px}.process-subtitle{font-size:12px;line-height:1.8}.process-experience .line-feature-head>div{max-width:75%}.process-experience .line-feature-head>a{font-size:9px;line-height:1.6;max-width:70px;text-align:right}.technical-viewport{overflow-x:auto;margin-left:0;margin-right:0;scrollbar-color:#4d697b #172b39;scrollbar-width:thin}.technical-line{width:780px;max-width:none}.process-stages{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.process-stage{flex-direction:column;align-items:flex-start;gap:8px;font-size:10px;line-height:1.5;padding:10px 0;position:relative}.stage-check{position:absolute;right:0;top:8px;font-size:9px}.process-controls{gap:18px;flex-wrap:wrap}.process-status{font-size:9px}.process-explanation{font-size:12px;min-height:44px}.process-meter{font-size:9px}.production .process-stages{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.tech-station,.station-light{transition:none}}
.finished-box{transform-origin:0 0}