/* Faixa "Feito para o seu fluxo": letreiro de arcade que corre para a direita */
.ecosystem{
  background-color:#0d0b12!important;border-top:4px solid #4b3f66!important;border-bottom:4px solid #4b3f66!important;
  overflow:hidden;
}
.ecosystem .wrap{display:flex!important;align-items:center;gap:16px;padding:14px 0}
.ecosystem .eco-label{
  flex:0 0 auto;padding:9px 12px;background:#dd7136;color:#0d0b12!important;border:3px solid #0d0b12;
  box-shadow:inset 2px 2px 0 #f6a26f,inset -2px -2px 0 #9a4617,3px 3px 0 #4b3f66;
  font-family:"Press Start 2P","Courier New",monospace;font-size:10px!important;font-weight:400!important;letter-spacing:0;line-height:1.5;
}
.ecosystem .eco-go{flex:0 0 auto;min-width:22px;font-family:"Press Start 2P","Courier New",monospace;font-size:10px;color:#f2a65a;letter-spacing:-2px;animation:px-blink .8s steps(2,start) infinite}
.ecosystem .eco-window{
  flex:1 1 auto;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);
}
.ecosystem .eco-track{display:flex;width:max-content;animation:px-marquee 18s steps(180,end) infinite}
.ecosystem .eco-window{cursor:pointer;-webkit-user-select:none;user-select:none}
.ecosystem .eco-window:focus-visible{outline:3px dashed #f2a65a;outline-offset:3px}
.ecosystem.is-paused .eco-track{animation-play-state:paused}
.ecosystem.is-paused .eco-go{animation:none}
.ecosystem .eco-group{display:flex;align-items:center;flex:0 0 auto}
.ecosystem .eco-group span{
  padding:0 26px;font-family:"VT323","Courier New",monospace;font-size:28px;line-height:1;letter-spacing:0;color:#fff;white-space:nowrap;
  text-shadow:2px 2px 0 #4b3f66;
}
.ecosystem .eco-star{font-style:normal;font-family:"Press Start 2P","Courier New",monospace;font-size:12px;color:#f2c94c;text-shadow:2px 2px 0 #a8841a;flex:0 0 auto}
@keyframes px-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes px-blink{to{visibility:hidden}}
@media (max-width:700px){.ecosystem .eco-go{display:none}.ecosystem .eco-label{font-size:7px}}
@media (prefers-reduced-motion:reduce){.ecosystem .eco-track,.ecosystem .eco-go{animation:none}}

/* controle clicável: parece botão e não seleciona texto */
.ecosystem,.ecosystem *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.ecosystem .eco-label{
  cursor:pointer;display:inline-flex;align-items:center;gap:10px;
  transition:transform .06s steps(2,end),box-shadow .06s steps(2,end);
}
.ecosystem .eco-label::after{content:"❚❚";font-size:9px;letter-spacing:-1px;padding:3px 4px;background:#0d0b12;color:#f2a65a}
.ecosystem.is-paused .eco-label::after{content:"▶";letter-spacing:0}
.ecosystem .eco-label:hover{transform:translate(-2px,-2px);background:#f08a4f;box-shadow:inset 2px 2px 0 #f6a26f,inset -2px -2px 0 #9a4617,5px 5px 0 #4b3f66}
.ecosystem .eco-label:active{transform:translate(3px,3px);box-shadow:inset 2px 2px 0 #9a4617,inset -2px -2px 0 #f6a26f,0 0 0 #4b3f66}
.ecosystem .eco-label:focus-visible{outline:3px dashed #f2a65a;outline-offset:3px}
.ecosystem .eco-window:focus,.ecosystem .eco-window:focus-visible{outline:none}
.ecosystem .eco-go{cursor:pointer}