/* Built-for-your-trade cards on /get-found (hub-and-spoke to the trade pages).
   Isolated from engine-room.css so nothing else is touched. */
.trade-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:44px;
}
@media (max-width:900px){ .trade-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .trade-grid{ grid-template-columns:1fr; } }

.trade-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:26px 24px;
  border:1px solid rgba(242,238,229,.14);
  border-radius:14px;
  background:rgba(242,238,229,.03);
  text-decoration:none;
  color:inherit;
  transition:border-color .2s ease, transform .2s ease, background .2s ease;
}
.trade-card:hover,
.trade-card:focus-visible{
  border-color:#F27830;
  transform:translateY(-3px);
  background:rgba(242,238,229,.06);
  outline:none;
}
.trade-step{
  font-family:'Barlow Condensed',sans-serif;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:700;
  font-size:.8rem;
  color:#F27830;
}
.trade-card h3{
  font-family:'Barlow Condensed',sans-serif;
  font-size:1.55rem;
  line-height:1.04;
  margin:0;
  color:#F2EEE5;
}
.trade-card p{
  font-size:.95rem;
  line-height:1.5;
  margin:0;
  color:rgba(242,238,229,.82);
  flex:1;
}
.trade-foot{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:.82rem;
  color:#F2EEE5;
  margin-top:4px;
}
.trade-card:hover .trade-foot,
.trade-card:focus-visible .trade-foot{ color:#F27830; }
.trade-foot .arrow{ display:inline-block; transition:transform .2s ease; }
.trade-card:hover .trade-foot .arrow{ transform:translateX(4px); }