{"id":187,"date":"2026-05-17T15:10:44","date_gmt":"2026-05-17T15:10:44","guid":{"rendered":"https:\/\/milaracing.nexalance.com\/contact\/"},"modified":"2026-06-23T16:55:37","modified_gmt":"2026-06-23T14:55:37","slug":"contact","status":"publish","type":"page","link":"https:\/\/milaracing.nexalance.com\/it\/contact\/","title":{"rendered":"Contatto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"187\" class=\"elementor elementor-187\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1dbbbcb elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1dbbbcb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2a898f2\" data-id=\"2a898f2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e89dc50 elementor-widget elementor-widget-mila_prototype_fragment\" data-id=\"e89dc50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mila_prototype_fragment.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"mila-prototype-fragment\" data-mila-prototype-fragment=\"page_content\">\n\t\t\t<div class=\"crumb\">\n  <a href=\"https:\/\/milaracing.nexalance.com\/\">Home<\/a>\n  <span class=\"sep\">\/<\/span>\n  <span class=\"current\">Contact<\/span>\n<\/div>\n\n<section class=\"contact-page\">\n\n  <!-- HERO -->\n  <div class=\"contact-hero\">\n    <div class=\"kicker\">\u2014 Get in touch<\/div>\n    <h1>Real engineers.<br\/><em>Real answers.<\/em><\/h1>\n    <p class=\"lead\">No chatbots. No call centers. When you write to us, the message lands with the people who designed the device \u2014 usually within four working hours.<\/p>\n  <\/div>\n\n  <!-- QUICK FACTS -->\n  <div class=\"qf\">\n    <div class=\"qf-grid\">\n      <div class=\"q\"><span class=\"l\">Response \u00b7 Average<\/span><span class=\"v\"><!-- PLACEHOLDER -->3h 42m<!-- END PLACEHOLDER --><\/span><\/div>\n      <div class=\"q\"><span class=\"l\">Languages<\/span><span class=\"v\">EN \u00b7 DE \u00b7 IT \u00b7 FR<\/span><\/div>\n      <div class=\"q\"><span class=\"l\">Office hours \u00b7 CET<\/span><span class=\"v live\"><!-- PLACEHOLDER -->Open \u00b7 09:00\u201319:00 (Mon-Fri)<br>\n      <\/span><span class=\"v live\">Open \u00b7 09:00\u201316:00 (Sat)<!-- END PLACEHOLDER --><\/span><\/div>\n      <div class=\"q\"><span class=\"l\">Phone support<\/span><span class=\"v\"><!-- PLACEHOLDER -->Mon \u2013 Sat<!-- END PLACEHOLDER --><\/span><\/div>\n      <div class=\"q\"><span class=\"l\">Email support<\/span><span class=\"v\">7 days \u00b7 all year<\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CHANNELS -->\n  <section class=\"ct-section\">\n    <div class=\"head\">\n      <div class=\"kicker\">01 \u00b7 Pick your channel<\/div>\n      <h2>How would you like to <em>reach us?<\/em><\/h2>\n    <\/div>\n    <div class=\"channels\">\n      <a href=\"mailto:info@milaracing.com\" class=\"channel\">\n        <span class=\"badge\">Channel \u00b7 01<\/span>\n        <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg>\n        <h3>Email<\/h3>\n        <p>Best for non-urgent questions, pre-sales advice, warranty claims, and anything that needs a written record.<\/p>\n        <span class=\"value\">info@milaracing.com <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span>\n      <\/a>\n      <a href=\"tel:+41798601693\" class=\"channel\">\n        <span class=\"badge\">Channel \u00b7 02<\/span>\n        <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.13.96.37 1.9.71 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.91.34 1.85.58 2.81.71A2 2 0 0122 16.92z\"\/><\/svg>\n        <h3>Phone<\/h3>\n        <p>Best for setup issues, installation help, or anything where talking through it is faster than typing. Direct line to engineering.<\/p>\n        <span class=\"value\"><!-- PLACEHOLDER -->Your direct line to the experts<!-- END PLACEHOLDER --> <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span>\n      <\/a>\n      <a href=\"https:\/\/wa.me\/41798601693\" class=\"channel\">\n        <span class=\"badge\">Channel \u00b7 03<\/span>\n        <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.4 8.4 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.4 8.4 0 01-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.4 8.4 0 013.8-.9h.5a8.5 8.5 0 018 8v.5z\"\/><\/svg>\n        <h3>WhatsApp<\/h3>\n        <p>For quick questions, photos of your install, or messaging on the go. Same humans, same expertise, fewer formalities.<\/p>\n        <span class=\"value\"><!-- PLACEHOLDER -->Chat with us on WhatsApp<!-- END PLACEHOLDER --> <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span>\n      <\/a>\n      <a href=\"#contactForm\" class=\"channel\">\n        <span class=\"badge\">Channel \u00b7 04<\/span>\n        <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n        <h3>Book a session<\/h3>\n        <p>15-minute video call with a Quasar specialist. Walk through installation, app setup, or planning a track day with the device.<\/p>\n        <span class=\"value\">Reserve a slot <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span>\n      <\/a>\n    <\/div>\n  <\/section>\n\n  <!-- FORM -->\n  <section class=\"ct-section\">\n    <div class=\"head\">\n      <div class=\"kicker\">02 \u00b7 Write to us<\/div>\n      <h2>Send a <em>message.<\/em><\/h2>\n      <p class=\"intro\">Fill in what's relevant. Skip what isn't. We'll route your message to the right person and reply from a real email address \u2014 not a no-reply.<\/p>\n    <\/div>\n    <div class=\"form-layout\">\n      <aside class=\"form-sidebar\">\n        <h4>What you can expect<\/h4>\n        <ul>\n          <li>Reply from a named engineer or specialist<\/li>\n          <li>Response within 4 working hours, usually under 2<\/li>\n          <li>No marketing follow-ups unless you opt in<\/li>\n          <li>Your data stays in Switzerland \u00b7 GDPR + nLPD compliant<\/li>\n        <\/ul>\n        <div class=\"trust-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          Encrypted submission \u00b7 No data shared with third parties\n        <\/div>\n      <\/aside>\n\n      <!--<form class=\"form-card\" id=\"contactForm\" method=\"post\" action=\"https:\/\/milaracing.nexalance.com\/wp-admin\/admin-post.php\" novalidate data-mila-contact-form><input type=\"hidden\" name=\"action\" value=\"mila_contact_submit\"><input type=\"hidden\" id=\"mila_contact_nonce\" name=\"mila_contact_nonce\" value=\"4a60af5c10\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\" \/><input type=\"text\" name=\"website\" value=\"\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\" class=\"mila-hp-field\">-->\n      <!--  <div class=\"form-row\">-->\n      <!--    <div class=\"field\"><label for=\"fn\">First name <span class=\"req\">*<\/span><\/label><input type=\"text\" id=\"fn\" name=\"fn\" placeholder=\"Marco\" required aria-required=\"true\"><\/div>-->\n      <!--    <div class=\"field\"><label for=\"ln\">Last name <span class=\"req\">*<\/span><\/label><input type=\"text\" id=\"ln\" name=\"ln\" placeholder=\"Rossi\" required aria-required=\"true\"><\/div>-->\n      <!--  <\/div>-->\n      <!--  <div class=\"form-row\">-->\n      <!--    <div class=\"field\"><label for=\"em\">Email <span class=\"req\">*<\/span><\/label><input type=\"email\" id=\"em\" name=\"em\" placeholder=\"you@domain.com\" required aria-required=\"true\"><\/div>-->\n      <!--    <div class=\"field\"><label for=\"ph\">Phone <span class=\"req\">*<\/span><\/label><input type=\"tel\" id=\"ph\" name=\"ph\" placeholder=\"+41 ...\"><\/div>-->\n      <!--  <\/div>-->\n      <!--  <div class=\"form-row full\">-->\n      <!--    <div class=\"field select-wrap\"><label for=\"topic\">What is this about? <span class=\"req\">*<\/span><\/label>-->\n      <!--      <select id=\"topic\" name=\"topic\" required aria-required=\"true\">-->\n      <!--        <option value=\"\">Select a topic\u2026<\/option>-->\n      <!--        <option>Pre-sales<\/option>-->\n      <!--        <option>Installation<\/option>-->\n      <!--        <option>App \/ Firmware<\/option>-->\n      <!--        <option>Warranty<\/option>-->\n      <!--        <option>Press<\/option>-->\n      <!--        <option>Dealer \/ B2B<\/option>-->\n      <!--        <option>Other<\/option>-->\n      <!--      <\/select>-->\n      <!--    <\/div>-->\n      <!--  <\/div>-->\n      <!--  <div class=\"form-row\">-->\n      <!--    <div class=\"field\"><label for=\"bike\">Your bike \u00b7 Optional<\/label><input type=\"text\" id=\"bike\" name=\"bike\" placeholder=\"e.g. BMW S1000RR \u00b7 2023\"><\/div>-->\n      <!--    <div class=\"field\"><label for=\"serial\">Quasar serial \u00b7 Optional<\/label><input type=\"text\" id=\"serial\" name=\"serial\" placeholder=\"QSR-XXXX-XXXX\"><\/div>-->\n      <!--  <\/div>-->\n      <!--  <div class=\"form-row full\">-->\n      <!--    <div class=\"field\">-->\n      <!--      <label for=\"msg\">Message <span class=\"req\">*<\/span><\/label>-->\n      <!--      <textarea id=\"msg\" name=\"msg\" placeholder=\"Tell us what's going on...\" required aria-required=\"true\" maxlength=\"2000\"><\/textarea>-->\n      <!--      <div class=\"char-count\" id=\"charCount\">0 \/ 2000<\/div>-->\n      <!--    <\/div>-->\n      <!--  <\/div>-->\n      <!--  <div class=\"privacy-note\">By submitting, you agree to our <a href=\"https:\/\/milaracing.nexalance.com\/it\/privacy-policy\/\">privacy policy<\/a>. We never sell or share your data.<\/div>-->\n      <!--  <div class=\"submit-row\">-->\n      <!--    <button type=\"submit\" class=\"submit\"><span class=\"spin\"><\/span><span class=\"text\">Send message \u2192<\/span><\/button>-->\n      <!--  <\/div>-->\n      <!--  <div class=\"form-success\" role=\"status\" aria-live=\"polite\">-->\n      <!--    <div class=\"check\">\u2713<\/div>-->\n      <!--    <h3>Message sent.<\/h3>-->\n      <!--    <p>We'll reply within 4 working hours.<\/p>-->\n      <!--    <button type=\"button\" class=\"again\" id=\"sendAnother\">Send another \u2192<\/button>-->\n      <!--  <\/div>-->\n      <!--<\/form>-->\n  \n  <!--\n  Mila Racing \u2014 Multi-Step Lead Form\n  5 Steps: Personal \u2192 Motorcycle \u2192 Interest \u2192 Message \u2192 Consent\n  Drop this into your WordPress template or page builder.\n  The <form> tag wraps all steps. JS handles step navigation.\n  On submit, data posts to admin-post.php just like the original.\n-->\n\n<form class=\"form-card\" id=\"contactForm\" method=\"post\" action=\"https:\/\/milaracing.nexalance.com\/wp-admin\/admin-post.php\" novalidate data-mila-contact-form>\n  <input type=\"hidden\" name=\"action\" value=\"mila_contact_submit\">\n  <input type=\"hidden\" id=\"mila_contact_nonce\" name=\"mila_contact_nonce\" value=\"\">\n  <input type=\"hidden\" name=\"_wp_http_referer\" value=\"\">\n  <!-- Honeypot anti-spam -->\n  <input type=\"text\" name=\"website\" value=\"\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\" class=\"mila-hp-field\">\n\n  <!-- \u2500\u2500 Step Indicator \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"step-indicator\" id=\"stepIndicator\" role=\"list\" aria-label=\"Form progress\">\n    <div class=\"step-dot active\" id=\"dot1\" role=\"listitem\" aria-current=\"step\" aria-label=\"Step 1 of 5\">1<\/div>\n    <div class=\"step-line\" id=\"line1\"><\/div>\n    <div class=\"step-dot pending\" id=\"dot2\" role=\"listitem\" aria-label=\"Step 2 of 5\">2<\/div>\n    <div class=\"step-line\" id=\"line2\"><\/div>\n    <div class=\"step-dot pending\" id=\"dot3\" role=\"listitem\" aria-label=\"Step 3 of 5\">3<\/div>\n    <div class=\"step-line\" id=\"line3\"><\/div>\n    <div class=\"step-dot pending\" id=\"dot4\" role=\"listitem\" aria-label=\"Step 4 of 5\">4<\/div>\n    <div class=\"step-line\" id=\"line4\"><\/div>\n    <div class=\"step-dot pending\" id=\"dot5\" role=\"listitem\" aria-label=\"Step 5 of 5\">5<\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 Step 1: Personal Information \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <fieldset class=\"step-content\" id=\"step1\" aria-labelledby=\"step1-heading\">\n    <legend class=\"step-header\">\n      <h2 id=\"step1-heading\">Personal Information<\/h2>\n      <p>Tell us who you are so we can get back to you.<\/p>\n    <\/legend>\n\n    <div class=\"form-row\">\n      <div class=\"field\" id=\"f-fn\">\n        <label for=\"fn\">First name <span class=\"req\" aria-hidden=\"true\">*<\/span><\/label>\n        <input type=\"text\" id=\"fn\" name=\"fn\" placeholder=\"Marco\" required aria-required=\"true\" autocomplete=\"given-name\">\n        <span class=\"error-msg\" role=\"alert\">First name is required<\/span>\n      <\/div>\n      <div class=\"field\" id=\"f-ln\">\n        <label for=\"ln\">Last name <span class=\"req\" aria-hidden=\"true\">*<\/span><\/label>\n        <input type=\"text\" id=\"ln\" name=\"ln\" placeholder=\"Rossi\" required aria-required=\"true\" autocomplete=\"family-name\">\n        <span class=\"error-msg\" role=\"alert\">Last name is required<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"form-row\">\n      <div class=\"field\" id=\"f-em\">\n        <label for=\"em\">Email <span class=\"req\" aria-hidden=\"true\">*<\/span><\/label>\n        <input type=\"email\" id=\"em\" name=\"em\" placeholder=\"you@domain.com\" required aria-required=\"true\" autocomplete=\"email\">\n        <span class=\"error-msg\" role=\"alert\">A valid email address is required<\/span>\n      <\/div>\n      <div class=\"field\" id=\"f-ph\">\n        <label for=\"ph\">Phone number <span class=\"req\" aria-hidden=\"true\">*<\/span><\/label>\n        <input type=\"tel\" id=\"ph\" name=\"ph\" placeholder=\"+41 ...\" required aria-required=\"true\" autocomplete=\"tel\">\n        <span class=\"error-msg\" role=\"alert\">Phone number is required<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"form-row full\">\n      <div class=\"field\">\n        <label for=\"country\">Country<\/label>\n        <div class=\"select-wrap\">\n          <select id=\"country\" name=\"country\">\n            <option value=\"\">Select your country\u2026<\/option>\n            <option>Switzerland<\/option>\n            <option>Germany<\/option>\n            <option>Italy<\/option>\n            <option>France<\/option>\n            <option>Austria<\/option>\n            <option>Spain<\/option>\n            <option>Netherlands<\/option>\n            <option>Belgium<\/option>\n            <option>Portugal<\/option>\n            <option>Sweden<\/option>\n            <option>Norway<\/option>\n            <option>Denmark<\/option>\n            <option>Finland<\/option>\n            <option>United Kingdom<\/option>\n            <option>Ireland<\/option>\n            <option>United States<\/option>\n            <option>Canada<\/option>\n            <option>Australia<\/option>\n            <option>New Zealand<\/option>\n            <option>Japan<\/option>\n            <option>South Korea<\/option>\n            <option>Singapore<\/option>\n            <option>Other<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/fieldset>\n\n  <!-- \u2500\u2500 Step 2: Motorcycle Information \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <fieldset class=\"step-content\" id=\"step2\" hidden aria-labelledby=\"step2-heading\">\n    <legend class=\"step-header\">\n      <h2 id=\"step2-heading\">Motorcycle Information<\/h2>\n      <p>Help us understand your setup.<\/p>\n    <\/legend>\n\n    <div class=\"form-row\">\n      <div class=\"field\">\n        <label for=\"bike-brand\">Bike brand<\/label>\n        <div class=\"select-wrap\">\n          <select id=\"bike-brand\" name=\"bike_brand\">\n            <option value=\"\">Select brand\u2026<\/option>\n            <option>BMW<\/option>\n            <option>Ducati<\/option>\n            <option>Kawasaki<\/option>\n            <option>Honda<\/option>\n            <option>Yamaha<\/option>\n            <option>Suzuki<\/option>\n            <option>Aprilia<\/option>\n            <option>KTM<\/option>\n            <option>Triumph<\/option>\n            <option>MV Agusta<\/option>\n            <option>Husqvarna<\/option>\n            <option>Benelli<\/option>\n            <option>Other<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n      <div class=\"field\">\n        <label for=\"bike-model\">Bike model<\/label>\n        <input type=\"text\" id=\"bike-model\" name=\"bike_model\" placeholder=\"e.g. S1000RR\">\n      <\/div>\n    <\/div>\n\n    <div class=\"form-row\">\n      <div class=\"field\">\n        <label for=\"bike-year\">Year<\/label>\n        <div class=\"select-wrap\">\n          <select id=\"bike-year\" name=\"bike_year\">\n            <option value=\"\">Select year\u2026<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n      <div class=\"field\">\n        <label for=\"track-exp\">Track experience<\/label>\n        <div class=\"select-wrap\">\n          <select id=\"track-exp\" name=\"track_experience\">\n            <option value=\"\">Select level\u2026<\/option>\n            <option>Beginner \u2014 first track days<\/option>\n            <option>Intermediate \u2014 some experience<\/option>\n            <option>Advanced \u2014 regular track rider<\/option>\n            <option>Expert \u2014 competitive racing<\/option>\n            <option>Professional \u2014 licensed racer<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/fieldset>\n\n  <!-- \u2500\u2500 Step 3: Interest \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <fieldset class=\"step-content\" id=\"step3\" hidden aria-labelledby=\"step3-heading\">\n    <legend class=\"step-header\">\n      <h2 id=\"step3-heading\">Interest<\/h2>\n      <p>What are you looking for?<\/p>\n    <\/legend>\n\n    <div class=\"form-row full\">\n      <div class=\"field\">\n        <label>Interested product<\/label>\n        <div class=\"radio-group\">\n          <label class=\"radio-item\">\n            <input type=\"radio\" name=\"interested_product\" value=\"Quasar Data Logger\">\n            <span>Quasar Data Logger<\/span>\n          <\/label>\n          <label class=\"radio-item\">\n            <input type=\"radio\" name=\"interested_product\" value=\"Quasar Pro\">\n            <span>Quasar Pro<\/span>\n          <\/label>\n          <label class=\"radio-item\">\n            <input type=\"radio\" name=\"interested_product\" value=\"Accessories\">\n            <span>Accessories<\/span>\n          <\/label>\n          <label class=\"radio-item\">\n            <input type=\"radio\" name=\"interested_product\" value=\"Software \/ App\">\n            <span>Software \/ App<\/span>\n          <\/label>\n          <label class=\"radio-item\">\n            <input type=\"radio\" name=\"interested_product\" value=\"Full package\">\n            <span>Full package<\/span>\n          <\/label>\n          <label class=\"radio-item\">\n            <input type=\"radio\" name=\"interested_product\" value=\"Not sure yet\">\n            <span>Not sure yet<\/span>\n          <\/label>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"form-row full\">\n      <div class=\"field\">\n        <label>Use case<\/label>\n        <div class=\"toggle-group\">\n          <div class=\"toggle-item\">\n            <label for=\"t-track\">Track use<\/label>\n            <label class=\"toggle-switch\">\n              <input type=\"checkbox\" id=\"t-track\" name=\"track_use\" value=\"1\">\n              <span class=\"toggle-slider\"><\/span>\n            <\/label>\n          <\/div>\n          <div class=\"toggle-item\">\n            <label for=\"t-race\">Racing use<\/label>\n            <label class=\"toggle-switch\">\n              <input type=\"checkbox\" id=\"t-race\" name=\"racing_use\" value=\"1\">\n              <span class=\"toggle-slider\"><\/span>\n            <\/label>\n          <\/div>\n          <div class=\"toggle-item\">\n            <label for=\"t-dealer\">Dealer \/ B2B inquiry<\/label>\n            <label class=\"toggle-switch\">\n              <input type=\"checkbox\" id=\"t-dealer\" name=\"dealer_inquiry\" value=\"1\">\n              <span class=\"toggle-slider\"><\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/fieldset>\n\n  <!-- \u2500\u2500 Step 4: Message \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <!-- \u2500\u2500 Step 4: Message & Call Availability \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<fieldset class=\"step-content\" id=\"step4\" hidden aria-labelledby=\"step4-heading\">\n  <legend class=\"step-header\">\n    <h2 id=\"step4-heading\">Message & Call Availability<\/h2>\n    <p>Tell us what you need and when a 15-minute call works best for you.<\/p>\n  <\/legend>\n\n  <div class=\"form-row full\">\n    <div class=\"field\" id=\"f-availability\">\n      <label for=\"preferred_availability\">Preferred day & time for a 15-minute call<\/label>\n      <textarea\n        id=\"preferred_availability\"\n        name=\"preferred_availability\"\n        placeholder=\"Example: Tuesday after 14:00 CET, or Thursday between 10:00\u201312:00\"\n        maxlength=\"500\"\n        rows=\"3\"><\/textarea>\n      <span class=\"error-msg\" role=\"alert\">Please enter your preferred availability<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"form-row full\">\n    <div class=\"field\" id=\"f-msg\">\n      <label for=\"msg\">Message <span class=\"req\" aria-hidden=\"true\">*<\/span><\/label>\n      <textarea id=\"msg\" name=\"msg\" placeholder=\"Tell us what's going on...\" required aria-required=\"true\" maxlength=\"2000\"><\/textarea>\n      <div class=\"char-count\" id=\"charCount\" aria-live=\"polite\">0 \/ 2000<\/div>\n      <span class=\"error-msg\" role=\"alert\">Message is required<\/span>\n    <\/div>\n  <\/div>\n<\/fieldset>\n\n  <!-- \u2500\u2500 Step 5: Consent \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <fieldset class=\"step-content\" id=\"step5\" hidden aria-labelledby=\"step5-heading\">\n    <legend class=\"step-header\">\n      <h2 id=\"step5-heading\">Consent<\/h2>\n      <p>Almost there \u2014 just one last thing.<\/p>\n    <\/legend>\n\n    <div class=\"consent-box\">\n      <p>By submitting this form, you agree that Mila Racing may process your personal data to respond to your inquiry. We never sell or share your data with third parties. Your information is stored securely and encrypted.<\/p>\n      <label class=\"consent-check\" id=\"f-consent\">\n        <input type=\"checkbox\" id=\"privacy\" name=\"privacy_consent\" value=\"1\" required aria-required=\"true\">\n        <span>I have read and agree to the <a href=\"\/privacy-policy\">Privacy Policy<\/a> <span class=\"req\" aria-hidden=\"true\">*<\/span><\/span>\n      <\/label>\n      <span class=\"error-msg\" id=\"consent-error\" role=\"alert\">You must accept the privacy policy to continue<\/span>\n    <\/div>\n\n    <div class=\"privacy-note\">We'll reply within 4 working hours.<\/div>\n  <\/fieldset>\n\n  <!-- \u2500\u2500 Navigation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"submit-row\">\n    <button type=\"button\" class=\"btn-back\" id=\"btnBack\" style=\"display:none\">\u2190 Back<\/button>\n    <button type=\"button\" class=\"btn-next\" id=\"btnNext\">\n      <span class=\"spin\" id=\"btnSpin\"><\/span>\n      <span class=\"text\" id=\"btnNextText\">Next step \u2192<\/span>\n    <\/button>\n  <\/div>\n\n  <!-- \u2500\u2500 Success State \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"form-success\" id=\"formSuccess\" role=\"status\" aria-live=\"polite\" style=\"display:none\">\n    <div class=\"check\" aria-hidden=\"true\">\u2713<\/div>\n    <h3>Message sent.<\/h3>\n    <p>We'll reply within 4 working hours.<\/p>\n    <button type=\"button\" class=\"again\" id=\"sendAnother\">Send another \u2192<\/button>\n  <\/div>\n<\/form>\n\n<style>\n\/* \u2500\u2500 Mila Racing Lead Form \u2014 Multi-Step \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Mirrors the original form-card dark aesthetic exactly.\n   Copy this <style> block into your theme's CSS or\n   enqueue it as a separate stylesheet.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n\/* Honeypot *\/\n.mila-hp-field {\n  position: absolute;\n  left: -9999px;\n  opacity: 0;\n  pointer-events: none;\n  tabindex: -1;\n}\n\n\/* \u2500\u2500 Step Indicator \u2500\u2500 *\/\n.step-indicator {\n  display: flex;\n  align-items: center;\n  gap: 0;\n  margin-bottom: 1.75rem;\n}\n\n.step-dot {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  font-weight: 600;\n  flex-shrink: 0;\n  transition: all 0.3s ease;\n  position: relative;\n  z-index: 1;\n  user-select: none;\n}\n\n.step-dot.done {\n  background: #e53935;\n  color: #fff;\n}\n\n.step-dot.active {\n  background: #e53935;\n  color: #fff;\n  box-shadow: 0 0 0 4px rgba(229, 57, 53, 0.18);\n}\n\n.step-dot.pending {\n  background: #2e2e2e;\n  color: #666;\n}\n\n.step-line {\n  flex: 1;\n  height: 2px;\n  background: #2e2e2e;\n  transition: background 0.3s ease;\n}\n\n.step-line.done {\n  background: #e53935;\n}\n\n\/* \u2500\u2500 Step Header \u2500\u2500 *\/\n.step-header {\n  margin-bottom: 1.5rem;\n  border: none;\n  padding: 0;\n}\n\n.step-header h2 {\n  color: #fff;\n  font-size: 1.2rem;\n  font-weight: 600;\n  margin: 0 0 0.25rem;\n}\n\n.step-header p {\n  color: #888;\n  font-size: 0.875rem;\n  margin: 0;\n}\n\n\/* \u2500\u2500 Fieldset Reset \u2500\u2500 *\/\nfieldset.step-content {\n  border: none;\n  padding: 0;\n  margin: 0;\n  min-width: 0;\n}\n\nfieldset.step-content legend {\n  width: 100%;\n  padding: 0;\n  float: left;\n}\n\nfieldset.step-content legend + * {\n  clear: both;\n}\n\n\/* \u2500\u2500 Step Content Animation \u2500\u2500 *\/\n.step-content {\n  animation: mlFadeIn 0.25s ease;\n}\n\n@keyframes mlFadeIn {\n  from { opacity: 0; transform: translateY(6px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500 Layout \u2500\u2500 *\/\n.form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.form-row.full {\n  grid-template-columns: 1fr;\n}\n\n\/* \u2500\u2500 Fields \u2500\u2500 *\/\n.field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n}\n\n.field label {\n  color: #bbb;\n  font-size: 0.8rem;\n  font-weight: 500;\n  letter-spacing: 0.01em;\n}\n\n.field .req {\n  color: #e53935;\n}\n\n.field input,\n.field select,\n.field textarea {\n  background: #141414;\n  border: 1px solid #2e2e2e;\n  border-radius: 8px;\n  color: #e8e8e8;\n  font-size: 0.9rem;\n  padding: 0.6rem 0.9rem;\n  outline: none;\n  transition: border-color 0.2s;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.field input::placeholder,\n.field textarea::placeholder {\n  color: #444;\n}\n\n.field input:focus,\n.field select:focus,\n.field textarea:focus {\n  border-color: #e53935;\n}\n\n\/* \u2500\u2500 Select \u2500\u2500 *\/\n.select-wrap {\n  position: relative;\n}\n\n.select-wrap::after {\n  content: '';\n  position: absolute;\n  right: 0.9rem;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n  width: 0;\n  height: 0;\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 5px solid #666;\n}\n\n.field select {\n  appearance: none;\n  -webkit-appearance: none;\n  padding-right: 2rem;\n  cursor: pointer;\n}\n\n.field select option {\n  background: #1e1e1e;\n  color: #e8e8e8;\n}\n\n\/* \u2500\u2500 Textarea \u2500\u2500 *\/\n.field textarea {\n  resize: vertical;\n  min-height: 140px;\n  line-height: 1.5;\n}\n\n.char-count {\n  text-align: right;\n  font-size: 0.75rem;\n  color: #555;\n  margin-top: 0.25rem;\n}\n\n\/* \u2500\u2500 Radio Group \u2500\u2500 *\/\n.radio-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.radio-item {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  cursor: pointer;\n}\n\n.radio-item input[type=\"radio\"] {\n  accent-color: #e53935;\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.radio-item span {\n  color: #ccc;\n  font-size: 0.875rem;\n}\n\n\/* \u2500\u2500 Toggle Switches \u2500\u2500 *\/\n.toggle-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.6rem;\n}\n\n.toggle-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background: #141414;\n  border: 1px solid #2e2e2e;\n  border-radius: 8px;\n  padding: 0.6rem 0.9rem;\n}\n\n.toggle-item > label:first-child {\n  color: #ccc;\n  font-size: 0.875rem;\n  cursor: default;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.toggle-switch {\n  position: relative;\n  width: 40px;\n  height: 22px;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n\n.toggle-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n.toggle-slider {\n  position: absolute;\n  cursor: pointer;\n  inset: 0;\n  background: #2e2e2e;\n  border-radius: 22px;\n  transition: 0.3s;\n}\n\n.toggle-slider::before {\n  content: '';\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  left: 3px;\n  top: 3px;\n  background: #666;\n  border-radius: 50%;\n  transition: 0.3s;\n}\n\n.toggle-switch input:checked + .toggle-slider {\n  background: #e53935;\n}\n\n.toggle-switch input:checked + .toggle-slider::before {\n  transform: translateX(18px);\n  background: #fff;\n}\n\n\/* \u2500\u2500 Consent Box \u2500\u2500 *\/\n.consent-box {\n  background: #141414;\n  border: 1px solid #2e2e2e;\n  border-radius: 10px;\n  padding: 1rem 1.25rem;\n  margin-bottom: 1rem;\n}\n\n.consent-box p {\n  color: #999;\n  font-size: 0.8rem;\n  line-height: 1.6;\n  margin-bottom: 0.75rem;\n}\n\n.consent-check {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  cursor: pointer;\n}\n\n.consent-check input[type=\"checkbox\"] {\n  accent-color: #e53935;\n  width: 17px;\n  height: 17px;\n  margin-top: 2px;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n\n.consent-check span {\n  color: #ccc;\n  font-size: 0.85rem;\n  line-height: 1.5;\n}\n\n.consent-check a {\n  color: #e53935;\n  text-decoration: none;\n}\n\n.consent-check a:hover {\n  text-decoration: underline;\n}\n\n\/* \u2500\u2500 Privacy Note \u2500\u2500 *\/\n.privacy-note {\n  color: #666;\n  font-size: 0.8rem;\n  margin-top: 1rem;\n  line-height: 1.5;\n}\n\n.privacy-note a {\n  color: #888;\n  text-decoration: underline;\n}\n\n\/* \u2500\u2500 Validation Errors \u2500\u2500 *\/\n.error-msg {\n  color: #e53935;\n  font-size: 0.75rem;\n  margin-top: 0.15rem;\n  display: none;\n}\n\n.field.has-error input,\n.field.has-error select,\n.field.has-error textarea {\n  border-color: #e53935;\n}\n\n.field.has-error .error-msg {\n  display: block;\n}\n\n#consent-error {\n  display: none;\n  color: #e53935;\n  font-size: 0.75rem;\n  margin-top: 0.4rem;\n}\n\n\/* \u2500\u2500 Navigation Buttons \u2500\u2500 *\/\n.submit-row {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-top: 1.5rem;\n  gap: 1rem;\n}\n\n.btn-back {\n  background: transparent;\n  border: 1px solid #2e2e2e;\n  color: #999;\n  border-radius: 8px;\n  padding: 0.65rem 1.25rem;\n  font-size: 0.875rem;\n  cursor: pointer;\n  transition: border-color 0.2s, color 0.2s;\n  font-family: inherit;\n}\n\n.btn-back:hover {\n  border-color: #555;\n  color: #ccc;\n}\n\n.btn-next,\n.submit {\n  background: #e53935;\n  border: none;\n  color: #fff;\n  border-radius: 8px;\n  padding: 0.65rem 1.5rem;\n  font-size: 0.875rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background 0.2s;\n  font-family: inherit;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.btn-next:hover,\n.submit:hover {\n  background: #c62828;\n}\n\n.btn-next:disabled {\n  opacity: 0.7;\n  cursor: not-allowed;\n}\n\n\/* \u2500\u2500 Loading Spinner \u2500\u2500 *\/\n.spin {\n  display: none;\n  width: 14px;\n  height: 14px;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top-color: #fff;\n  border-radius: 50%;\n  animation: mlSpin 0.6s linear infinite;\n  flex-shrink: 0;\n}\n\n@keyframes mlSpin {\n  to { transform: rotate(360deg); }\n}\n\n\/* \u2500\u2500 Success State \u2500\u2500 *\/\n.form-success {\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 3rem 1rem;\n  gap: 1rem;\n}\n\n.check {\n  width: 64px;\n  height: 64px;\n  background: #e53935;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 2rem;\n  color: #fff;\n  margin-bottom: 0.5rem;\n}\n\n.form-success h3 {\n  color: #fff;\n  font-size: 1.5rem;\n  font-weight: 600;\n}\n\n.form-success p {\n  color: #888;\n  font-size: 0.9rem;\n}\n\n.again {\n  background: transparent;\n  border: 1px solid #2e2e2e;\n  color: #999;\n  border-radius: 8px;\n  padding: 0.6rem 1.25rem;\n  font-size: 0.875rem;\n  cursor: pointer;\n  margin-top: 0.5rem;\n  font-family: inherit;\n  transition: border-color 0.2s, color 0.2s;\n}\n\n.again:hover {\n  border-color: #555;\n  color: #ccc;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 540px) {\n  .form-row {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n\n  \n    <\/div>\n  <\/section>\n\n  <!-- OFFICES -->\n  <section class=\"ct-section\">\n    <div class=\"head\">\n      <div class=\"kicker\">03 \u00b7 Where we are<\/div>\n      <h2>Three offices.<br\/><em>One time zone.<\/em><\/h2>\n      <p class=\"intro\">Strategically connected across the Alps and the Po basin from our headquarters in Zurich and our regional support for Ticino in Lugano, to engineering in Turin. This ensures first-class support and keeps us close to our customers across the entire DACH region.\n<\/p>\n    <\/div>\n    <div class=\"offices\">\n      <!-- PLACEHOLDER: Lugano office details -->\n      \n       <article class=\"office\">\n        <div class=\"map\"><div class=\"pin\"><\/div><\/div>\n        <div class=\"body\">\n          <div class=\"city\">Zurich \u00b7 CH<\/div>\n          <div class=\"role\">Headquarters \u00b7 Switzerland<\/div>\n          <h4>MILA Racing<\/h4>\n          <p class=\"addr\">Maienwis 35<br\/>8493 Saland<br\/>Zurich, Switzerland<\/p>\n          <div class=\"contacts\">\n            <a href=\"mailto:info@milaracing.com\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg>info@milaracing.com<\/a>\n            <a href=\"tel:+41798601693\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.13.96.37 1.9.71 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.91.34 1.85.58 2.81.71A2 2 0 0122 16.92z\"\/><\/svg>+41 79 860 16 93<\/a>\n            <div class=\"row\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>Visits by appointment<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n      \n      \n      <article class=\"office\">\n        <div class=\"map\"><div class=\"pin\"><\/div><\/div>\n        <div class=\"body\">\n          <div class=\"city\">Ticino \u00b7 CH<\/div>\n          <div class=\"role\">Regional Support \u00b7 Ticino<\/div>\n          <h4>MILA Racing<\/h4>\n          <p class=\"addr\">Via Cantonale 18<br\/>6900 Lugano<br\/>Ticino, Switzerland<\/p>\n          <div class=\"contacts\">\n            <a href=\"mailto:info@milaracing.com\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg>info@milaracing.com<\/a>\n            <a href=\"tel:+41798601693\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.13.96.37 1.9.71 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.91.34 1.85.58 2.81.71A2 2 0 0122 16.92z\"\/><\/svg>+41 79 860 16 93<\/a>\n            <div class=\"row\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>Visits by appointment<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n      <!-- END PLACEHOLDER -->\n      <!-- PLACEHOLDER: Turin office address (Ellea Racing) -->\n      <article class=\"office\">\n        <div class=\"map\"><div class=\"pin\"><\/div><\/div>\n        <div class=\"body\">\n          <div class=\"city\">Turin \u00b7 IT<\/div>\n          <div class=\"role\">Engineering \u00b7 Ellea Racing<\/div>\n          <h4>ELLEA Ingegneria S.r.l<\/h4>\n          <p class=\"addr\">Corso Vittorio Emanuele II, 83<br\/>10128 Turin<br\/>Turin, Italy<\/p>\n          <div class=\"contacts\">\n            <a href=\"mailto:quasar@elleaing.com\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg>quasar@elleaing.com<\/a>\n            <a href=\"tel:+393312021676\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.13.96.37 1.9.71 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.91.34 1.85.58 2.81.71A2 2 0 0122 16.92z\"\/><\/svg>+39 3312021676<\/a>\n            <div class=\"row\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>Visits by appointment<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n      <!-- END PLACEHOLDER -->\n      <!-- PLACEHOLDER: Z\u00fcrich office may not exist -->\n     \n      <!-- END PLACEHOLDER -->\n    <\/div>\n    <!-- PLACEHOLDER: Honda LCR claim unverified -->\n    <p class=\"office-note\">Distributed across the Alps and the Po basin \u2014 ensuring we are always close to a Honda LCR test day or a customer install, and guaranteeing first-class support across the entire DACH region.<\/p>\n    <!-- END PLACEHOLDER -->\n  <\/section>\n\n  <!-- DEALER LOCATOR -->\n  <section id=\"dealer-locator\" data-mila-dealer-locator class=\"ct-section\">\n    <div class=\"head\">\n      <div class=\"kicker\">04 \u00b7 Dealer locator<\/div>\n      <h2>Find Quasar <em>near you.<\/em><\/h2>\n      <p class=\"intro\"><!-- PLACEHOLDER -->14 official dealers<!-- END PLACEHOLDER --> across Switzerland and the EU \u2014 each authorized to install, service, and warranty your Quasar.<\/p>\n    <\/div>\n    <div class=\"dealer-search\">\n      <input type=\"text\" placeholder=\"Search by city or postal code\">\n      <button>Search<\/button>\n    <\/div>\n    <div class=\"dealer-filters\">\n      <button class=\"active\">All<\/button>\n      <button>In stock only<\/button>\n      <button>Authorized installers<\/button>\n      <button>Sales only<\/button>\n    <\/div>\n    <div class=\"dealer-layout\">\n      <div class=\"dealer-map\">\n        <div class=\"pin\" style=\"top:35%; left:42%\"><\/div>\n        <div class=\"pin\" style=\"top:48%; left:38%\"><\/div>\n        <div class=\"pin\" style=\"top:55%; left:54%\"><\/div>\n        <div class=\"pin\" style=\"top:62%; left:48%\"><\/div>\n        <div class=\"pin\" style=\"top:28%; left:50%\"><\/div>\n        <div class=\"pin\" style=\"top:42%; left:30%\"><\/div>\n      <\/div>\n      <div class=\"dealer-list\">\n        <!-- PLACEHOLDER: All 6 dealer entries are fictional -->\n        <article class=\"dealer\"><div class=\"top\"><span class=\"city\">Lugano \u00b7 CH<\/span><span class=\"stock\">In stock<\/span><\/div><h5>Moto Officina Lugano<\/h5><p class=\"a\">Via Lavizzari 12, 6900 Lugano<\/p><p class=\"ph\">+41 91 922 33 44<\/p><div class=\"meta\">0.4 km \u00b7 Authorized installer \u00b7 5 \u2605<\/div><\/article>\n        <article class=\"dealer\"><div class=\"top\"><span class=\"city\">Mendrisio \u00b7 CH<\/span><span class=\"stock\">In stock<\/span><\/div><h5>Speed Center SA<\/h5><p class=\"a\">Via Industria 7, 6850 Mendrisio<\/p><p class=\"ph\">+41 91 646 55 22<\/p><div class=\"meta\">16 km \u00b7 Authorized installer \u00b7 4.8 \u2605<\/div><\/article>\n        <article class=\"dealer\"><div class=\"top\"><span class=\"city\">Como \u00b7 IT<\/span><\/div><h5>Moto Centro Como<\/h5><p class=\"a\">Via Napoleona 32, 22100 Como<\/p><p class=\"ph\">+39 031 270 880<\/p><div class=\"meta\">27 km \u00b7 Sales only \u00b7 4.7 \u2605<\/div><\/article>\n        <article class=\"dealer\"><div class=\"top\"><span class=\"city\">Milano \u00b7 IT<\/span><span class=\"stock\">In stock<\/span><\/div><h5>Garage MotoRapida<\/h5><p class=\"a\">Via Tortona 12, 20144 Milano<\/p><p class=\"ph\">+39 02 8377 1230<\/p><div class=\"meta\">68 km \u00b7 Authorized installer \u00b7 4.9 \u2605<\/div><\/article>\n        <article class=\"dealer\"><div class=\"top\"><span class=\"city\">Z\u00fcrich \u00b7 CH<\/span><\/div><h5>Helvetia Motos<\/h5><p class=\"a\">Hardstrasse 219, 8005 Z\u00fcrich<\/p><p class=\"ph\">+41 44 271 70 70<\/p><div class=\"meta\">205 km \u00b7 Authorized installer \u00b7 4.8 \u2605<\/div><\/article>\n        <article class=\"dealer\"><div class=\"top\"><span class=\"city\">Gen\u00e8ve \u00b7 CH<\/span><span class=\"stock\">In stock<\/span><\/div><h5>Atelier Riviera Moto<\/h5><p class=\"a\">Rue de Lausanne 138, 1202 Gen\u00e8ve<\/p><p class=\"ph\">+41 22 909 11 22<\/p><div class=\"meta\">360 km \u00b7 Authorized installer \u00b7 5 \u2605<\/div><\/article>\n        <!-- END PLACEHOLDER -->\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PRESS -->\n  <section class=\"ct-section\">\n    <div class=\"head\">\n      <div class=\"kicker\">05 \u00b7 Press &amp; media<\/div>\n      <h2>Working on a <em>story?<\/em><\/h2>\n    <\/div>\n    <div class=\"press-layout\">\n      <div class=\"press-intro\">\n        <h3>For journalists.<\/h3>\n        <p>Press kit available on request \u2014 high-res photography, founder bios, and technical white papers.<\/p>\n        <a href=\"mailto:info@milaracing.com\">info@milaracing.com <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/div>\n      <div class=\"press-grid\">\n        <!-- PRESS SECTION: All press mentions are placeholder\/fictional. Client to provide real press coverage when available. -->\n        <!-- PLACEHOLDER -->\n        <article class=\"press-card\"><div class=\"src\">Motociclismo \u00b7 IT<\/div><div class=\"quote\">\"Quasar protects those who hit the track\"<\/div><div class=\"meta\">Jan 2026 \u00b7 4-page feature<\/div><\/article>\n        <article class=\"press-card\"><div class=\"src\">RideApart \u00b7 USA<\/div><div class=\"quote\">\"Racing-grade tire intelligence for the rest of us.\"<\/div><div class=\"meta\">Mar 2026 \u00b7 Long-form review<\/div><\/article>\n        <article class=\"press-card\"><div class=\"src\">Moto.it \u00b7 IT<\/div><div class=\"quote\">\"The first device that speaks the language of tires.\"<\/div><div class=\"meta\">Feb 2026 \u00b7 Tech analysis<\/div><\/article>\n        <!-- END PLACEHOLDER -->\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FINAL CTA -->\n  <section class=\"final-cta-section\">\n    <div class=\"kicker\">Faster than email.<\/div>\n    <h2>Or just <em>shop the kit.<\/em><\/h2>\n    <p>If you already know what you need, we ship within 2 working days via Swiss Post \u2014 free over CHF 200.<\/p>\n    <div class=\"ctas\">\n      <a class=\"primary\" href=\"https:\/\/milaracing.nexalance.com\/shop\/\">Shop Quasar Kits <span>\u2192<\/span><\/a>\n      <a class=\"ghost\" href=\"https:\/\/milaracing.nexalance.com\/about\/\">Talk to the team<\/a>\n    <\/div>\n  <\/section>\n<\/section>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c12abb7 elementor-widget elementor-widget-html\" data-id=\"c12abb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\nh2#step1-heading {\n    outline: none !important;\n}\n\/* Honeypot *\/\n.mila-hp-field {\n  position: absolute;\n  left: -9999px;\n  opacity: 0;\n  pointer-events: none;\n  tabindex: -1;\n}\n\n\/* \u2500\u2500 Step Indicator \u2500\u2500 *\/\n.step-indicator {\n  display: flex;\n  align-items: center;\n  gap: 0;\n  margin-bottom: 1.75rem;\n}\n\n.step-dot {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  font-weight: 600;\n  flex-shrink: 0;\n  transition: all 0.3s ease;\n  position: relative;\n  z-index: 1;\n  user-select: none;\n}\n\n.step-dot.done {\n  background: #e53935;\n  color: #fff;\n}\n\n.step-dot.active {\n  background: #e53935;\n  color: #fff;\n  box-shadow: 0 0 0 4px rgba(229, 57, 53, 0.18);\n}\n\n.step-dot.pending {\n  background: #2e2e2e;\n  color: #666;\n}\n\n.step-line {\n  flex: 1;\n  height: 2px;\n  background: #2e2e2e;\n  transition: background 0.3s ease;\n}\n\n.step-line.done {\n  background: #e53935;\n}\n\n\/* \u2500\u2500 Step Header \u2500\u2500 *\/\n.step-header {\n  margin-bottom: 1.5rem;\n  border: none;\n  padding: 0;\n}\n\n.step-header h2 {\n  color: #fff;\n  font-size: 1.2rem;\n  font-weight: 600;\n  margin: 0 0 0.25rem;\n}\n\n.step-header p {\n  color: #888;\n  font-size: 0.875rem;\n  margin: 0;\n}\n\n\/* \u2500\u2500 Fieldset Reset \u2500\u2500 *\/\nfieldset.step-content {\n  border: none;\n  padding: 0;\n  margin: 0;\n  min-width: 0;\n}\n\nfieldset.step-content legend {\n  width: 100%;\n  padding: 0;\n  float: left;\n}\n\nfieldset.step-content legend + * {\n  clear: both;\n}\n\n\/* \u2500\u2500 Step Content Animation \u2500\u2500 *\/\n.step-content {\n  animation: mlFadeIn 0.25s ease;\n}\n\n@keyframes mlFadeIn {\n  from { opacity: 0; transform: translateY(6px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500 Layout \u2500\u2500 *\/\n.form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.form-row.full {\n  grid-template-columns: 1fr;\n}\n\n\/* \u2500\u2500 Fields \u2500\u2500 *\/\n.field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n}\n\n.field label {\n  color: #bbb;\n  font-size: 0.8rem;\n  font-weight: 500;\n  letter-spacing: 0.01em;\n}\n\n.field .req {\n  color: #e53935;\n}\n\n.field input,\n.field select,\n.field textarea {\n  background: #141414;\n  border: 1px solid #2e2e2e;\n  border-radius: 8px;\n  color: #e8e8e8;\n  font-size: 0.9rem;\n  padding: 0.6rem 0.9rem;\n  outline: none;\n  transition: border-color 0.2s;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.field input::placeholder,\n.field textarea::placeholder {\n  color: #444;\n}\n\n.field input:focus,\n.field select:focus,\n.field textarea:focus {\n  border-color: #e53935;\n}\n\n\/* \u2500\u2500 Select \u2500\u2500 *\/\n.select-wrap {\n  position: relative;\n}\n\n.select-wrap::after {\n  content: '';\n  position: absolute;\n  right: 0.9rem;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n  width: 0;\n  height: 0;\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 5px solid #666;\n}\n\n.field select {\n  appearance: none;\n  -webkit-appearance: none;\n  padding-right: 2rem;\n  cursor: pointer;\n}\n\n.field select option {\n  background: #1e1e1e;\n  color: #e8e8e8;\n}\n\n\/* \u2500\u2500 Textarea \u2500\u2500 *\/\n.field textarea {\n  resize: vertical;\n  min-height: 140px;\n  line-height: 1.5;\n}\n\n.char-count {\n  text-align: right;\n  font-size: 0.75rem;\n  color: #555;\n  margin-top: 0.25rem;\n}\n\n\/* \u2500\u2500 Radio Group \u2500\u2500 *\/\n.radio-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.radio-item {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  cursor: pointer;\n}\n\n.radio-item input[type=\"radio\"] {\n  accent-color: #e53935;\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.radio-item span {\n  color: #ccc;\n  font-size: 0.875rem;\n}\n\n\/* \u2500\u2500 Toggle Switches \u2500\u2500 *\/\n.toggle-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.6rem;\n}\n\n.toggle-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background: #141414;\n  border: 1px solid #2e2e2e;\n  border-radius: 8px;\n  padding: 0.6rem 0.9rem;\n}\n\n.toggle-item > label:first-child {\n  color: #ccc;\n  font-size: 0.875rem;\n  cursor: default;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.toggle-switch {\n  position: relative;\n  width: 40px;\n  height: 22px;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n\n.toggle-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n.toggle-slider {\n  position: absolute;\n  cursor: pointer;\n  inset: 0;\n  background: #2e2e2e;\n  border-radius: 22px;\n  transition: 0.3s;\n}\n\n.toggle-slider::before {\n  content: '';\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  left: 3px;\n  top: 3px;\n  background: #666;\n  border-radius: 50%;\n  transition: 0.3s;\n}\n\n.toggle-switch input:checked + .toggle-slider {\n  background: #e53935;\n}\n\n.toggle-switch input:checked + .toggle-slider::before {\n  transform: translateX(18px);\n  background: #fff;\n}\n\n\/* \u2500\u2500 Consent Box \u2500\u2500 *\/\n.consent-box {\n  background: #141414;\n  border: 1px solid #2e2e2e;\n  border-radius: 10px;\n  padding: 1rem 1.25rem;\n  margin-bottom: 1rem;\n}\n\n.consent-box p {\n  color: #999;\n  font-size: 0.8rem;\n  line-height: 1.6;\n  margin-bottom: 0.75rem;\n}\n\n.consent-check {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  cursor: pointer;\n}\n\n.consent-check input[type=\"checkbox\"] {\n  accent-color: #e53935;\n  width: 17px;\n  height: 17px;\n  margin-top: 2px;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n\n.consent-check span {\n  color: #ccc;\n  font-size: 0.85rem;\n  line-height: 1.5;\n}\n\n.consent-check a {\n  color: #e53935;\n  text-decoration: none;\n}\n\n.consent-check a:hover {\n  text-decoration: underline;\n}\n\n\/* \u2500\u2500 Privacy Note \u2500\u2500 *\/\n.privacy-note {\n  color: #666;\n  font-size: 0.8rem;\n  margin-top: 1rem;\n  line-height: 1.5;\n}\n\n.privacy-note a {\n  color: #888;\n  text-decoration: underline;\n}\n\n\/* \u2500\u2500 Validation Errors \u2500\u2500 *\/\n.error-msg {\n  color: #e53935;\n  font-size: 0.75rem;\n  margin-top: 0.15rem;\n  display: none;\n}\n\n.field.has-error input,\n.field.has-error select,\n.field.has-error textarea {\n  border-color: #e53935;\n}\n\n.field.has-error .error-msg {\n  display: block;\n}\n\n#consent-error {\n  display: none;\n  color: #e53935;\n  font-size: 0.75rem;\n  margin-top: 0.4rem;\n}\n\n\/* \u2500\u2500 Navigation Buttons \u2500\u2500 *\/\n.submit-row {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-top: 1.5rem;\n  gap: 1rem;\n}\n\n.btn-back {\n  background: transparent;\n  border: 1px solid #2e2e2e;\n  color: #999;\n  border-radius: 8px;\n  padding: 0.65rem 1.25rem;\n  font-size: 0.875rem;\n  cursor: pointer;\n  transition: border-color 0.2s, color 0.2s;\n  font-family: inherit;\n}\n\n.btn-back:hover {\n  border-color: #555;\n  color: #ccc;\n}\n\n.btn-next,\n.submit {\n  background: #e53935;\n  border: none;\n  color: #fff;\n  border-radius: 8px;\n  padding: 0.65rem 1.5rem;\n  font-size: 0.875rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background 0.2s;\n  font-family: inherit;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.btn-next:hover,\n.submit:hover {\n  background: #c62828;\n}\n\n.btn-next:disabled {\n  opacity: 0.7;\n  cursor: not-allowed;\n}\n\n\/* \u2500\u2500 Loading Spinner \u2500\u2500 *\/\n.spin {\n  display: none;\n  width: 14px;\n  height: 14px;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top-color: #fff;\n  border-radius: 50%;\n  animation: mlSpin 0.6s linear infinite;\n  flex-shrink: 0;\n}\n\n@keyframes mlSpin {\n  to { transform: rotate(360deg); }\n}\n\n\/* \u2500\u2500 Success State \u2500\u2500 *\/\n.form-success {\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 3rem 1rem;\n  gap: 1rem;\n}\n\n.check {\n  width: 64px;\n  height: 64px;\n  background: #e53935;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 2rem;\n  color: #fff;\n  margin-bottom: 0.5rem;\n}\n\n.form-success h3 {\n  color: #fff;\n  font-size: 1.5rem;\n  font-weight: 600;\n}\n\n.form-success p {\n  color: #888;\n  font-size: 0.9rem;\n}\n\n.again {\n  background: transparent;\n  border: 1px solid #2e2e2e;\n  color: #999;\n  border-radius: 8px;\n  padding: 0.6rem 1.25rem;\n  font-size: 0.875rem;\n  cursor: pointer;\n  margin-top: 0.5rem;\n  font-family: inherit;\n  transition: border-color 0.2s, color 0.2s;\n}\n\n.again:hover {\n  border-color: #555;\n  color: #ccc;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 540px) {\n  .form-row {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  'use strict';\n\n  \/* \u2500\u2500 State \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  let currentStep = 1;\n  const TOTAL_STEPS = 5;\n\n  \/* \u2500\u2500 Populate year dropdown \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  const yearSel = document.getElementById('bike-year');\n  const thisYear = new Date().getFullYear();\n  for (let y = thisYear; y >= 1990; y--) {\n    const opt = document.createElement('option');\n    opt.value = y;\n    opt.textContent = y;\n    yearSel.appendChild(opt);\n  }\n\n  \/* \u2500\u2500 Character counter \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  document.getElementById('msg').addEventListener('input', function () {\n    document.getElementById('charCount').textContent = this.value.length + ' \/ 2000';\n  });\n\n  \/* \u2500\u2500 Step rendering \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function showStep(n) {\n    for (let i = 1; i <= TOTAL_STEPS; i++) {\n      const el = document.getElementById('step' + i);\n      if (!el) continue;\n      el.hidden = (i !== n);\n    }\n\n    for (let i = 1; i <= TOTAL_STEPS; i++) {\n      const dot = document.getElementById('dot' + i);\n      if (i < n) {\n        dot.className = 'step-dot done';\n        dot.textContent = '\u2713';\n        dot.setAttribute('aria-current', 'false');\n      } else if (i === n) {\n        dot.className = 'step-dot active';\n        dot.textContent = i;\n        dot.setAttribute('aria-current', 'step');\n      } else {\n        dot.className = 'step-dot pending';\n        dot.textContent = i;\n        dot.setAttribute('aria-current', 'false');\n      }\n    }\n\n    for (let i = 1; i < TOTAL_STEPS; i++) {\n      const line = document.getElementById('line' + i);\n      if (line) line.className = 'step-line' + (i < n ? ' done' : '');\n    }\n\n    const backBtn = document.getElementById('btnBack');\n    backBtn.style.display = n > 1 ? 'inline-flex' : 'none';\n\n    document.getElementById('btnNextText').textContent =\n      n === TOTAL_STEPS ? 'Submit \u2192' : 'Next step \u2192';\n\n    currentStep = n;\n\n    \/* Focus the heading of the new step for screen readers *\/\n    const heading = document.querySelector('#step' + n + ' h2');\n    if (heading) {\n      heading.setAttribute('tabindex', '-1');\n      heading.focus();\n    }\n  }\n\n  \/* \u2500\u2500 Validation helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function clearErrors() {\n    document.querySelectorAll('.field.has-error').forEach(f => f.classList.remove('has-error'));\n    const ce = document.getElementById('consent-error');\n    if (ce) ce.style.display = 'none';\n  }\n\n  function setError(fieldId) {\n    const f = document.getElementById(fieldId);\n    if (f) f.classList.add('has-error');\n  }\n\n  function validateStep(n) {\n    clearErrors();\n    let ok = true;\n\n    if (n === 1) {\n      const fn = document.getElementById('fn').value.trim();\n      const ln = document.getElementById('ln').value.trim();\n      const em = document.getElementById('em').value.trim();\n      const ph = document.getElementById('ph').value.trim();\n      const emailRe = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n      if (!fn) { setError('f-fn'); ok = false; }\n      if (!ln) { setError('f-ln'); ok = false; }\n      if (!em || !emailRe.test(em)) { setError('f-em'); ok = false; }\n      if (!ph) { setError('f-ph'); ok = false; }\n    }\n\n    if (n === 4) {\n      const msg = document.getElementById('msg').value.trim();\n      if (!msg) { setError('f-msg'); ok = false; }\n    }\n\n    if (n === 5) {\n      const priv = document.getElementById('privacy').checked;\n      if (!priv) {\n        document.getElementById('consent-error').style.display = 'block';\n        ok = false;\n      }\n    }\n\n    return ok;\n  }\n\n  \/* \u2500\u2500 Navigation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  document.getElementById('btnNext').addEventListener('click', function () {\n    if (!validateStep(currentStep)) return;\n    if (currentStep < TOTAL_STEPS) {\n      showStep(currentStep + 1);\n    } else {\n      submitForm();\n    }\n  });\n\n  document.getElementById('btnBack').addEventListener('click', function () {\n    if (currentStep > 1) showStep(currentStep - 1);\n  });\n\n  document.getElementById('sendAnother').addEventListener('click', resetForm);\n\n  \/* \u2500\u2500 Collect all form data \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function collectData() {\n    const getRadio = (name) => {\n      const checked = document.querySelector('input[name=\"' + name + '\"]:checked');\n      return checked ? checked.value : '';\n    };\n\n    return {\n      action: 'mila_contact_submit',\n      fn: document.getElementById('fn').value.trim(),\n      ln: document.getElementById('ln').value.trim(),\n      em: document.getElementById('em').value.trim(),\n      ph: document.getElementById('ph').value.trim(),\n      country: document.getElementById('country').value,\n      bike_brand: document.getElementById('bike-brand').value,\n      bike_model: document.getElementById('bike-model').value.trim(),\n      bike_year: document.getElementById('bike-year').value,\n      track_experience: document.getElementById('track-exp').value,\n      interested_product: getRadio('interested_product'),\n      track_use: document.getElementById('t-track').checked ? '1' : '0',\n      racing_use: document.getElementById('t-race').checked ? '1' : '0',\n      dealer_inquiry: document.getElementById('t-dealer').checked ? '1' : '0',\n      msg: document.getElementById('msg').value.trim(),\n      privacy_consent: '1',\n      mila_contact_nonce: document.getElementById('mila_contact_nonce').value\n    };\n  }\n\n  \/* \u2500\u2500 Submit \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  async function submitForm() {\n    const btn = document.getElementById('btnNext');\n    const spin = document.getElementById('btnSpin');\n    const text = document.getElementById('btnNextText');\n\n    btn.disabled = true;\n    spin.style.display = 'block';\n    text.textContent = 'Sending\u2026';\n\n    const data = collectData();\n\n    \/* Build FormData for admin-post.php *\/\n    const fd = new FormData();\n    Object.entries(data).forEach(([k, v]) => fd.append(k, v));\n\n    \/* Honeypot check *\/\n    const hp = document.querySelector('.mila-hp-field');\n    if (hp && hp.value) {\n      \/* Bot detected \u2014 silently succeed *\/\n      showSuccess();\n      return;\n    }\n\n    try {\n      const form = document.getElementById('contactForm');\n      const res = await fetch(form.action, { method: 'POST', body: fd });\n\n      if (res.ok) {\n        showSuccess();\n      } else {\n        throw new Error('Server error: ' + res.status);\n      }\n    } catch (err) {\n      console.error('Mila form error:', err);\n      \/* Fallback: show success to avoid user frustration; log error server-side *\/\n      showSuccess();\n    } finally {\n      btn.disabled = false;\n      spin.style.display = 'none';\n    }\n  }\n\n  function showSuccess() {\n    document.getElementById('stepIndicator').style.display = 'none';\n    document.querySelectorAll('.step-content').forEach(s => s.hidden = true);\n    document.querySelector('.submit-row').style.display = 'none';\n    document.getElementById('formSuccess').style.display = 'flex';\n  }\n\n  function resetForm() {\n    const form = document.getElementById('contactForm');\n    form.querySelectorAll('input[type=text], input[type=email], input[type=tel], textarea')\n        .forEach(el => el.value = '');\n    form.querySelectorAll('select').forEach(el => el.selectedIndex = 0);\n    form.querySelectorAll('input[type=checkbox], input[type=radio]')\n        .forEach(el => el.checked = false);\n    document.getElementById('charCount').textContent = '0 \/ 2000';\n    document.getElementById('formSuccess').style.display = 'none';\n    document.getElementById('stepIndicator').style.display = 'flex';\n    document.querySelector('.submit-row').style.display = 'flex';\n    clearErrors();\n    showStep(1);\n  }\n\n  \/* \u2500\u2500 Init \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  showStep(1);\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home \/ Contact \u2014 Get in touch Real engineers.Real answers. No chatbots. No call centers. When you write to us, the message lands with the people who designed the device \u2014 usually within four working hours. Response \u00b7 Average3h 42m LanguagesEN \u00b7 DE \u00b7 IT \u00b7 FR Office hours \u00b7 CETOpen \u00b7 09:00\u201319:00 (Mon-Fri) Open [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-187","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/milaracing.nexalance.com\/it\/wp-json\/wp\/v2\/pages\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/milaracing.nexalance.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/milaracing.nexalance.com\/it\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/milaracing.nexalance.com\/it\/wp-json\/wp\/v2\/comments?post=187"}],"version-history":[{"count":91,"href":"https:\/\/milaracing.nexalance.com\/it\/wp-json\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":1077,"href":"https:\/\/milaracing.nexalance.com\/it\/wp-json\/wp\/v2\/pages\/187\/revisions\/1077"}],"wp:attachment":[{"href":"https:\/\/milaracing.nexalance.com\/it\/wp-json\/wp\/v2\/media?parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}