/* Pixel Fleet — Proposta 2B: retro game aesthetic */
body.pixel-fleet{
  --bg:#030508;--surface:#0a0e14;--surface2:#111820;--border:rgba(63,185,80,0.18);
  --pixel-shadow:4px 4px 0 rgba(0,0,0,0.55);
  --radius:0;
}
body.pixel-fleet::before{
  background-size:32px 32px;
  opacity:.35;
}
body.pixel-fleet .agent-card,
body.pixel-fleet .repo-card,
body.pixel-fleet .step,
body.pixel-fleet .hosted-box,
body.pixel-fleet .faq-item,
body.pixel-fleet .eco-panel,
body.pixel-fleet .hub-tile,
body.pixel-fleet .orbit-agent,
body.pixel-fleet .orbit-center{
  border-radius:0;
  box-shadow:var(--pixel-shadow);
}
body.pixel-fleet .agent-card:hover,
body.pixel-fleet .repo-card:hover,
body.pixel-fleet .hub-tile:hover{
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 rgba(63,185,80,0.25);
}
body.pixel-fleet .agent-pfp,
body.pixel-fleet .orbit-agent img,
body.pixel-fleet .eco-node img,
body.pixel-fleet .eco-panel-pfp{
  border-radius:0;
  border:2px solid var(--border);
  image-rendering:pixelated;
}
body.pixel-fleet .agent-pfp{width:72px;height:72px}
body.pixel-fleet .orbit-agent{width:68px;height:68px}
body.pixel-fleet .orbit-agent img{width:56px;height:56px}
body.pixel-fleet .orbit-center img{width:100%;height:100%;border-radius:0}
body.pixel-fleet .orbit-center{width:104px;height:104px;border-radius:0;padding:4px}
body.pixel-fleet .btn{border-radius:0}
body.pixel-fleet .hero h1{
  text-shadow:3px 3px 0 rgba(63,185,80,0.15);
}
body.pixel-fleet .stat .num{
  animation:pixel-blink 3s step-end infinite;
}
body.pixel-fleet .orbit-agent:hover{
  animation-play-state:paused;
  transform:rotate(var(--a)) translateY(calc(-1 * var(--orbit-r))) rotate(calc(-1 * var(--a))) translateY(-6px) scale(1.06);
}
body.pixel-fleet .hub-tile,
body.pixel-fleet .step{
  transition:transform 0.25s steps(3),box-shadow 0.25s,border-color 0.25s;
}
body.pixel-fleet .hub-tile.visible,
body.pixel-fleet .step.visible{
  animation:pixel-pop 0.4s steps(4) both;
}
@keyframes pixel-blink{
  0%,92%,100%{opacity:1}
  94%{opacity:.55}
}
@keyframes pixel-pop{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}