.integration-photo{grid-column:1/-1;max-width:760px;width:100%;margin:35px auto 0}.integration-photo img{max-height:none;height:auto;object-fit:contain;background:transparent;border-radius:16px}.integration-photo figcaption{border-bottom:2px solid var(--accent);padding:16px 0;position:relative;overflow:hidden}.integration-photo figcaption:after{content:'';position:absolute;bottom:0;left:0;width:20%;height:4px;background:var(--accent);animation:transfer-run 2.6s linear infinite paused}.integration-photo.in-view figcaption:after{animation-play-state:running}@media(prefers-reduced-motion:reduce){.integration-photo figcaption:after{animation:none}}
.recovered-road{position:relative;overflow:hidden}.recovered-road>img{width:100%;height:auto;display:block}.road-trails{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.road-trails path{fill:none;stroke:#beffe5;stroke-width:2;stroke-dasharray:20 180;animation:road-travel 2.8s linear infinite paused}.road-trails path:nth-child(2){animation-delay:-1.3s}.road-trails path:nth-child(3){animation-delay:-2s}.rack-activity{position:absolute;width:3px;height:2px;background:#afffde;box-shadow:0 0 4px #75eab5;animation:rack-pulse 5.7s steps(1) infinite paused}.in-view .road-trails path,.in-view .rack-activity{animation-play-state:running}@keyframes road-travel{to{stroke-dashoffset:-400}}@keyframes rack-pulse{0%,7%,17%,39%,51%,100%{opacity:.85}3%,11%,35%,43%{opacity:.15}}@keyframes transfer-run{from{transform:translateX(-110%)}to{transform:translateX(500%)}}header nav{display:flex;gap:16px;flex-wrap:wrap}header{gap:20px}header nav a{text-decoration:none}.sequence li,.ai-pipeline li,.destinations p{position:relative;overflow:hidden}.sequence li:before,.ai-pipeline li:before,.destinations p:before{content:'';position:absolute;bottom:0;left:0;width:25%;height:2px;background:var(--accent);animation:transfer-run 2.6s linear infinite paused}.in-view.sequence li:before,.in-view.ai-pipeline li:before,.in-view.publish-flow .destinations p:before{animation-play-state:running}.revealed>h2{animation:story-reveal .6s ease both}@keyframes story-reveal{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}.motion-toggle{padding:12px 18px;background:var(--surface);color:var(--fg);border:1px solid var(--line);cursor:pointer}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.road-trails path,.rack-activity,.sequence li:before,.ai-pipeline li:before,.destinations p:before,.revealed>h2{animation:none!important}}@media(max-width:760px){header{flex-wrap:wrap}header nav{font-size:12px;gap:12px}}
.sequence li:before,.ai-pipeline li:before,.destinations p:before,.integration-photo figcaption:after{animation:none!important;opacity:0}.sequence .flow-active:before,.ai-pipeline .flow-active:before,.destinations .flow-active:before{opacity:1;animation:transfer-run 2.7s ease-out 1 both!important}.flow-done{box-shadow:inset 0 -2px var(--accent)}.flow-result{min-height:3.2em;font-size:14px;color:var(--accent);padding:12px 0;max-width:75ch}.motion-paused .flow-active:before{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.sequence .flow-active:before,.ai-pipeline .flow-active:before,.destinations .flow-active:before{animation:none!important;opacity:0}}