Upgrade Build My Route into a personal report generator with export and data hook

Adds role, faculty (typed), and budget fields; the configurator now navigates to a new per-language results page (my-route/) carrying the answers in the URL. The results page renders a branded, printable report: profile chips, tailored ordered steps, city/budget/role/level focus tips, key page links, a disclaimer, and a Save-as-PDF/print button (print CSS shows only the report). my-route.js also has a Google Form hook to collect the profile for demographics once configured.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

en/student-welcome-guide/index.html

@@ -188,9 +188,13 @@
 
         <div class="guide-section" style="margin-top:0;">
             <div class="guide-route" data-lang="en">
-                <h2>Build my route</h2>
-                <p class="guide-route-sub">Answer a few questions and we will outline your next steps.</p>
+                <h2>Build my personal route</h2>
+                <p class="guide-route-sub">Answer a few questions and we will generate a personalised report with your next steps, tailored to you. You can save or print it.</p>
                 <div class="guide-route-grid">
+                        <div class="guide-field">
+                            <label for="gr-role">I am a</label>
+                            <select id="gr-role" data-role="role"></select>
+                        </div>
                         <div class="guide-field">
                             <label for="gr-level">Level of study</label>
                             <select id="gr-level" data-role="level"></select>
@@ -203,17 +207,25 @@
                             <label for="gr-uni">University</label>
                             <select id="gr-uni" data-role="uni"></select>
                         </div>
+                        <div class="guide-field">
+                            <label for="gr-faculty">Faculty or programme (optional)</label>
+                            <input type="text" id="gr-faculty" data-role="faculty" placeholder="e.g. Faculty of Economics" autocomplete="off" maxlength="80">
+                        </div>
                         <div class="guide-field">
                             <label for="gr-city">Study city</label>
                             <select id="gr-city" data-role="city"></select>
                         </div>
+                        <div class="guide-field">
+                            <label for="gr-budget">Monthly budget</label>
+                            <select id="gr-budget" data-role="budget"></select>
+                        </div>
                         <div class="guide-field">
                             <label for="gr-year">Academic year</label>
                             <select id="gr-year" data-role="year"></select>
                         </div>
                 </div>
                 <div class="guide-route-actions">
-                    <button type="button" class="btn btn-primary-orange" data-action="build">Show my route</button>
+                    <button type="button" class="btn btn-primary-orange" data-action="build">Generate my route</button>
                     <button type="button" class="btn btn-secondary" data-action="reset">Reset</button>
                 </div>
                 <div class="guide-route-result" hidden></div>