Create smart-logic customer contact form in html with hidden code

I want to create a contact intake form (names, address, phone info etc) in html to host on modern responsive WordPress website. The form will consist of multiple sub-forms. Each sub-form will have the same 30-fields (see attached table) BUT each field in each sub-form will have a prefix-descriptor unique to that sub-form, depending on the role that individual fills. An individual can fill one or more of 5 separate roles. In this way, the output of every field will have a unique identifier. I want some smart-logic built into the form, to trigger hide/reveal for some items (if postal address is same as street address). I want smart-logic to trigger automatic selection of male pronoun-fields (he, his, him) if the Gender field is set to 'Male', otherwise "Female' = (she, her, her). Some concatenation (joining) of fields will be required (Firstname + MiddleName + LastName = FullName). I want an open source Node.js environment to hide the formulas on the web server, so casual users of the website cannot copy it. I want the basic sub-form to be duplicated-on-demand however many times the end-user selects, depending on how many people they need to tell me about (could be 2-30 individuals), and the end-user will identifier how many roles each individual will fill (1-5 roles). I want each individual's data to be easily reusable throughout the form, as individuals will often fill more than one role in the form. Once form completed, entire data file to be saved as .csv format and emailed securely to me for opening in Excel.