I ended up doing CSS hacks to change the order.
For example:
/* HACKING ORDER OF MAILCHIMP FORM */
#mc_signup .mc_form_inside {
display: flex;
flex-direction: column;
}
#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_FNAME) {
order: 1;
}
#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_LNAME) {
order: 2;
}
#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_EMAIL) {
order: 3;
}
#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_COMPANY) {
order: 4;
}
#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_ROLE) {
order: 5;
}
#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_EMAIL) {
order: 6;
}
#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_PHONE) {
order: 7;
}
#mc_signup .mc_form_inside #mc-indicates-required {
order: 8;
}
#mc_signup .mc_form_inside .mc_signup_submit {
order: 9;
}