How to integrate N-Genius payment inline (on WooCommerce checkout) without redirecting to N-Genius page? [closed]

I am working on a custom integration of N-Genius payment gateway in my WordPress + WooCommerce site.

By default, the N-Genius flow redirects the customer to the N-Genius hosted payment page to enter card details.
But I want the payment form (card number, expiry, CVV) to appear inline / on-site / directly on my WooCommerce checkout page — without sending the user to the N-Genius page.

What I have tried:

I am already loading the N-Genius SDK on my checkout page.

I tried rendering the custom card fields, but WooCommerce checkout JavaScript interferes and prevents them from showing.

If I disable WooCommerce checkout scripts, the card fields work fine (but then checkout breaks).

I also attempted moving the N-Genius init script to wp_footer, but still no luck.