May Mobility’s Commitment to Accessibility

<!DOCTYPE html> <html style="max-height: var(--app-height); --app-height: 100vh;" lang="en-US" data-property> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://maymobility.imgix.net" crossorigin> <link rel="preconnect" href="https://app.termly.io" crossorigin> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script type="module" src="https://maymobility.com/dist/assets/main-Cn7C6-Xv.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/main.js'}});document.dispatchEvent(e);"></script> <link href="https://maymobility.com/dist/assets/main-CGqVd6RC.css" rel="stylesheet"> <script> window.customElements.define('x-svelte', class extends HTMLElement {}); window.$app = { "lang": "en-US", "isAdmin": false, "cloudfrontUrl": "https:\/\/media.maymobility.com", "imgixUrl": "https:\/\/maymobility.imgix.net", "siteUrl": "https:\/\/maymobility.com\/", "primarySiteUrl": "https:\/\/maymobility.com\/", "i18n": [], "devMode": false }; </script> <script src="https://app.termly.io/resource-blocker/ef14dee5-464f-4265-ac1b-775e833b59d5?autoBlock=off" defer></script> <style> .hidden { display: none; } .invisible { visibility: hidden; } x-svelte { display: contents; } </style> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#369144"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <title>May Mobility’s Commitment to Accessibility | May Mobility</title> <script>dataLayer = []; (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W95NM9L'); </script><meta name="description" content="Learn about how we’re continually working toward our commitment to real-world accessibility with autonomous vehicles."> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="maymobility" property="fb:profile_id"> <meta content="en_US" property="og:locale"> <meta content="es_US" property="og:locale:alternate"> <meta content="ja" property="og:locale:alternate"> <meta content="May Mobility" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://maymobility.com/technology/accessibility/" property="og:url"> <meta content="May Mobility’s Commitment to Accessibility" property="og:title"> <meta content="Learn about how we’re continually working toward our commitment to real-world accessibility with autonomous vehicles." property="og:description"> <meta content="https://media.maymobility.com/_1200x630_crop_center-center_82_none/MAY-OG-Image.png?mtime=1679593220" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <meta content="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" property="og:see_also"> <meta content="https://www.facebook.com/maymobility/" property="og:see_also"> <meta content="https://medium.com/may-mobility" property="og:see_also"> <meta content="https://twitter.com/may_mobility" property="og:see_also"> <meta content="https://www.instagram.com/maymobility/" property="og:see_also"> <meta content="https://www.linkedin.com/company/maymobility/" property="og:see_also"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@may_mobility"> <meta name="twitter:creator" content="@may_mobility"> <meta name="twitter:title" content="May Mobility’s Commitment to Accessibility"> <meta name="twitter:description" content="Learn about how we’re continually working toward our commitment to real-world accessibility with autonomous vehicles."> <meta name="twitter:image" content="https://media.maymobility.com/_800x418_crop_center-center_82_none/MAY-OG-Image.png?mtime=1679593220"> <meta name="twitter:image:width" content="800"> <meta name="twitter:image:height" content="418"> <link href="https://maymobility.com/technology/accessibility/" rel="canonical"> <link href="https://maymobility.com/" rel="home"> <link type="text/plain" href="https://maymobility.com/humans.txt" rel="author"> <link href="https://maymobility.com/es/technology/accessibility/" rel="alternate" hreflang="es-us"> <link href="https://www.maymobility.co.jp/technology/accessibility/" rel="alternate" hreflang="ja"> <link href="https://maymobility.com/technology/accessibility/" rel="alternate" hreflang="x-default"> <link href="https://maymobility.com/technology/accessibility/" rel="alternate" hreflang="en-us"></head> <body id="app" class="transition overflow-x-hidden scroll-locked:overflow-hidden" data-animation-enabled><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W95NM9L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <a href="#maincontent" id="skip-to-content">Skip to Main Content</a> <div class="overflow-hidden max-w-full"> <header> <nav class="lg:hidden fixed z-50 top-0 left-0 w-full" aria-label="Mobile Navigation"> <div id="drawerInner" data-target-trap-focus data-target-always-visible data-target-lock-scroll> <div class="fixed top-0 left-0 w-full h-full bg-navy opacity-0 -translate-x-full transition-opacity is-active:opacity-70 is-active:translate-x-0" data-toggle="#drawerInner"></div> <div class="relative bg-white rounded-b-md shadow-[0px_-8px_10px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)]"> <div class="px-4 py-2 flex justify-between"> <a href="https://maymobility.com/" class="block p-1 rounded-full" title="May Mobility Home page"> <svg class="block w-[8rem] aspect-[675/125] h-auto fill-green" width="675" height="125" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675 125"><path d="M330 35.6c-8.6 0-14.2 4.7-17 10.8-3.1-6.8-9.1-10.8-16.5-10.8s-13.4 4.6-15.9 10.4v-8.9h-4.8c-3.7 0-6.6 3-6.6 6.6V88h12.2V61c0-9.5 4.7-15.6 11.4-15.6s10 5.2 10 14V88H315V61c0-9.5 4.7-15.6 11.5-15.6s9.9 5.2 9.9 14V88h12.2V57c0-13.3-7.7-21.5-18.6-21.5ZM386.2 35.6c-14.8 0-27.2 11.5-27.2 27s12.4 27.1 27.2 27.1 27.3-11.7 27.3-27.1-12.3-27-27.3-27Zm0 43.4c-8.6 0-15.4-6.6-15.4-16.4s6.8-16.3 15.4-16.3 15.4 6.4 15.4 16.3S395.1 79 386.2 79ZM452.4 35.6c-4.7 0-8.8 1.2-12 3.3v10.2c2.5-1.9 5.7-2.9 9.5-2.9 9.4 0 15.4 6.3 15.4 16.3s-6 16.1-15.3 16.1-15.3-6.6-15.3-16.5V11.7h-5.4c-3.3 0-6 2.7-6 6v43.5c0 17.2 10.5 28.5 26.6 28.5s27.2-11.6 27.2-27.3-10.6-26.8-24.7-26.8ZM486.9 37.2h12.2v50.9h-12.2zM493.1 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM527.1 75.9V11.7h-12.2v65.6c0 7.3 4.4 12.4 11.8 12.4s4.5-.6 5.8-1.5v-9.5c-.6.4-1.3.5-2.3.5-1.8 0-3.1-1-3.1-3.4ZM552.5 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM546.3 37.2h12.2v50.9h-12.2zM650.9 37.2l-13 38.1-13.2-38.1h-13l20.9 53.6c-2.2 6-5.5 8.4-10.3 8.4s-5.2-.8-6.8-1.8v10.5c1.5 1.1 4.4 2.2 8.3 2.2 8.3 0 14.1-4.5 17.7-13.7l21.3-59.2H651ZM587.6 37.2V21.4h-12v15.8h-7v10.7h7v21.7c0 12.6 6.8 20.2 18.1 20.2s6.2-.6 7.9-1.5V77.4c-1.2.5-3.6 1-5.8 1-5.7 0-8.3-3.2-8.3-8.8V47.9h14.1V37.2h-14.1ZM236.5 16.9l-16 44.6-16.1-44.6h-21.5l28 71.2-9 25.2h20.6l35.6-96.4h-21.6z" class="cls-1"/><path d="m151.2 16.9-28.7 71.2H144l16.1-44.8 16.1 44.8h21.5L169 16.9h-17.8zM12.3 88.1l28.8-71.2h17.8l17.9 44.5 18-44.5h17.8L125.1 48l-10.4 26-11-30.7-16.1 44.8H66L50 43.3 33.9 88.1H12.3" class="cls-1"/></svg> </a> <button class="block px-1 py-2 -mr-1 rounded font-medium" title="Toggle Mobile Navigation" data-toggle="#drawerInner"> <span class="flex items-center gap-1 is-active:hidden pointer-events-none"> <svg class="block w-3 h-3 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg><span class="block leading-none">Menu</span> </span> <span class="hidden is-active:flex items-center gap-1 pointer-events-none"> <span class="block leading-none">Close</span><svg class="block w-3 h-3 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z"/></svg> </span> </button> </div> <div class="h-[0px] invisible is-active:h-dvh is-active:visible overflow-scroll transition-[height] duration-300 ease-in-out"> <ol class="flex flex-col px-10 divide-y [&>li]:py-3 [&>li]:border-blue-500/40"> <li> <a href="https://maymobility.com/" class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl"> Home </a> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/technology/" data-gtm-element="main-nav-item-324"> Technology </a> <ol class="flex flex-col gap-1"> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/technology/safety/" data-gtm-element="main-nav-item-326">Safety</a> </li> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/technology/accessibility/" data-gtm-element="main-nav-item-327">Accessibility</a> </li> </ol> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/our-solutions/" data-gtm-element="main-nav-item-26581"> Solutions </a> <ol class="flex flex-col gap-1"> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/our-solutions/cities/" data-gtm-element="main-nav-item-26582">Cities</a> </li> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/our-solutions/commercial/" data-gtm-element="main-nav-item-26583">Commercial</a> </li> </ol> </li> <li class="block"> <span class="block py-1 text-xl text-gray-700 font-normal sm:text-xl md:text-2xl"> Locations </span> <ol class="flex flex-col gap-1"> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/locations/" data-gtm-element="main-nav-item-55509">Locations</a> </li> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/for-riders/" data-gtm-element="main-nav-item-55510">For Riders</a> </li> </ol> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/meet-may/" data-gtm-element="main-nav-item-328"> About May Mobility </a> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/contact/" data-gtm-element="main-nav-item-329"> Contact Us </a> </li> </ol> <ol class="flex flex-col mx-8 p-4 rounded bg-brand-gray-light divide-y [&>li]:py-3 [&>li]:border-blue-500/40"> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/careers/" data-gtm-element="topbar-nav-item-314"> Careers </a> </li> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/investors/" data-gtm-element="topbar-nav-item-81176"> Investors </a> </li> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/posts/type/company-news/" data-gtm-element="topbar-nav-item-55505"> News </a> </li> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/posts/type/company-blog/" data-gtm-element="topbar-nav-item-55506"> Blog </a> </li> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/resources/" data-gtm-element="topbar-nav-item-55507"> Resources </a> </li> </ol> <ol class="flex flex-col px-10 divide-y [&>li]:py-3 [&>li]:border-blue-500/40"> <li> <a class="flex items-center gap-2 py-1 text-black text-sm font-normal hover:underline" href="https://www.maymobility.co.jp/technology/accessibility/"> <span class="block"> 日本語 </span> <span class="block">🇯🇵</span> </a> </li> <li> <a class="flex items-center gap-2 py-1 text-black text-sm font-normal hover:underline" href="https://maymobility.com/es/technology/accessibility/"> <span class="block"> Español (Estados Unidos) </span> <span class="block">🇺🇸</span> </a> </li> </ol> <div class="h-8"></div> </div> </div> </div> </nav> <nav class="relative z-10" aria-label="Main Navigation"> <div class="relative min-h-8 lg:min-h-4"> <div class="absolute inset-0 bg-brand-gray-light lg:bg-brand-gradient-full-dark lg:opacity-20 lg:animation-enabled:bg-gradient-pulse"></div> <div class="relative z-1"><x-svelte component="alert-bar"></x-svelte> </div> <div class="hidden lg:flex relative z-1 container py-3 items-center justify-between w-full"> <div> <div class="relative"> <button class="flex items-center gap-1.5 py-1 px-3 rounded-full border-solid border-gray-600/80 border text-[14px] font-normal transition-colors duration-200 hover:bg-white/80" data-toggle="#topBarLangDropdown" data-gtm-element="topbar-lang-dropdown"> <span class="block pointer-events-none">Translate</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <ol id="topBarLangDropdown" class="hidden flex-col gap-2 absolute top-full left-0 translate-y-2 w-56 p-4 rounded bg-white border-solid border-gray-100 border shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] is-active-dropdown:flex" data-target-class="is-active-dropdown"> <li class="whitespace-nowrap"> <a class="flex items-center gap-1.5 p-2 rounded text-sm font-normal hover:text-black hover:bg-brand-gray-light" href="https://www.maymobility.co.jp/technology/accessibility/"> <span class="block"> 日本語 </span> <span class="block">🇯🇵</span> </a> </li> <li class="whitespace-nowrap"> <a class="flex items-center gap-1.5 p-2 rounded text-sm font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/es/technology/accessibility/"> <span class="block"> Español (Estados Unidos) </span> <span class="block">🇺🇸</span> </a> </li> </ol> </div> </div> <div> <div class="flex gap-12"> <ol class="flex items-center justify-end gap-2 xl:gap-6" id="topBarNav"> <li class="relative block"><a class="block p-2 rounded text-black text-sm leading-none font-normal tracking-tight transition-colors duration-200 hover:text-navy hover:bg-white" href="https://maymobility.com/careers/" data-gtm-element="topbar-nav-item-314"> Careers </a></li><li class="relative block"><a class="block p-2 rounded text-black text-sm leading-none font-normal tracking-tight transition-colors duration-200 hover:text-navy hover:bg-white" href="https://maymobility.com/investors/" data-gtm-element="topbar-nav-item-81176"> Investors </a></li><li class="relative block"><a class="block p-2 rounded text-black text-sm leading-none font-normal tracking-tight transition-colors duration-200 hover:text-navy hover:bg-white" href="https://maymobility.com/posts/type/company-news/" data-gtm-element="topbar-nav-item-55505"> News </a></li><li class="relative block"><a class="block p-2 rounded text-black text-sm leading-none font-normal tracking-tight transition-colors duration-200 hover:text-navy hover:bg-white" href="https://maymobility.com/posts/type/company-blog/" data-gtm-element="topbar-nav-item-55506"> Blog </a></li><li class="relative block"><a class="block p-2 rounded text-black text-sm leading-none font-normal tracking-tight transition-colors duration-200 hover:text-navy hover:bg-white" href="https://maymobility.com/resources/" data-gtm-element="topbar-nav-item-55507"> Resources </a></li></ol> </div> </div> </div> </div> <div class="hidden lg:block bg-brand-gray-light"> <div class="relative z-0 container pt-3.5 flex items-center justify-between"> <a href="https://maymobility.com/" class="block px-1 py-3 -ml-1 rounded-full" title="May Mobility Home page"><svg class="block w-[13rem] aspect-[675/125] h-auto fill-green xl:w-[16rem]" width="675" height="125" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675 125"><path d="M330 35.6c-8.6 0-14.2 4.7-17 10.8-3.1-6.8-9.1-10.8-16.5-10.8s-13.4 4.6-15.9 10.4v-8.9h-4.8c-3.7 0-6.6 3-6.6 6.6V88h12.2V61c0-9.5 4.7-15.6 11.4-15.6s10 5.2 10 14V88H315V61c0-9.5 4.7-15.6 11.5-15.6s9.9 5.2 9.9 14V88h12.2V57c0-13.3-7.7-21.5-18.6-21.5ZM386.2 35.6c-14.8 0-27.2 11.5-27.2 27s12.4 27.1 27.2 27.1 27.3-11.7 27.3-27.1-12.3-27-27.3-27Zm0 43.4c-8.6 0-15.4-6.6-15.4-16.4s6.8-16.3 15.4-16.3 15.4 6.4 15.4 16.3S395.1 79 386.2 79ZM452.4 35.6c-4.7 0-8.8 1.2-12 3.3v10.2c2.5-1.9 5.7-2.9 9.5-2.9 9.4 0 15.4 6.3 15.4 16.3s-6 16.1-15.3 16.1-15.3-6.6-15.3-16.5V11.7h-5.4c-3.3 0-6 2.7-6 6v43.5c0 17.2 10.5 28.5 26.6 28.5s27.2-11.6 27.2-27.3-10.6-26.8-24.7-26.8ZM486.9 37.2h12.2v50.9h-12.2zM493.1 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM527.1 75.9V11.7h-12.2v65.6c0 7.3 4.4 12.4 11.8 12.4s4.5-.6 5.8-1.5v-9.5c-.6.4-1.3.5-2.3.5-1.8 0-3.1-1-3.1-3.4ZM552.5 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM546.3 37.2h12.2v50.9h-12.2zM650.9 37.2l-13 38.1-13.2-38.1h-13l20.9 53.6c-2.2 6-5.5 8.4-10.3 8.4s-5.2-.8-6.8-1.8v10.5c1.5 1.1 4.4 2.2 8.3 2.2 8.3 0 14.1-4.5 17.7-13.7l21.3-59.2H651ZM587.6 37.2V21.4h-12v15.8h-7v10.7h7v21.7c0 12.6 6.8 20.2 18.1 20.2s6.2-.6 7.9-1.5V77.4c-1.2.5-3.6 1-5.8 1-5.7 0-8.3-3.2-8.3-8.8V47.9h14.1V37.2h-14.1ZM236.5 16.9l-16 44.6-16.1-44.6h-21.5l28 71.2-9 25.2h20.6l35.6-96.4h-21.6z" class="cls-1"/><path d="m151.2 16.9-28.7 71.2H144l16.1-44.8 16.1 44.8h21.5L169 16.9h-17.8zM12.3 88.1l28.8-71.2h17.8l17.9 44.5 18-44.5h17.8L125.1 48l-10.4 26-11-30.7-16.1 44.8H66L50 43.3 33.9 88.1H12.3" class="cls-1"/></svg></a> <div class="flex gap-12"> <ol class="flex items-center justify-end gap-5 xl:gap-6" id="mainNav"> <li class="relative block"><button class="group block p-1 rounded text-[16px] leading-none text-black font-normal tracking-tight transition-colors duration-100 hover:text-green flex items-center gap-1" data-toggle="#mainNavDropdown-324" data-gtm-element="main-nav-dropdown-324"> <span class="block pointer-events-none">Technology</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <div id="mainNavDropdown-324" class="invisible opacity-0 absolute top-full left-1/2 translate-y-6 -translate-x-1/2 w-56 rounded-t-[4px] rounded-b-[16px] bg-white overflow-hidden shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] transition-all duration-200 is-active-dropdown:visible is-active-dropdown:opacity-100 is-active-dropdown:translate-y-2" data-target-class="is-active-dropdown" data-target-nav-root="#mainNav"> <div class="h-2 bg-brand-gradient-full-dark"></div> <div class="py-4 mx-6 border-solid border-brand-gray-medium border-b"> <a class="group flex items-center gap-2 rounded hover:text-blue is-tabbing:focus:px-1 is-tabbing:focus:-mx-1" href="https://maymobility.com/technology/" data-gtm-element="main-nav-item-324"> <span class="block flex-initial pointer-events-none"> Technology </span> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current transition-all duration-200 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </a> </div> <ol class="flex flex-col p-4"> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/technology/safety/" data-gtm-element="main-nav-item-326">Safety</a> </li> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/technology/accessibility/" data-gtm-element="main-nav-item-327">Accessibility</a> </li> </ol> </div></li><li class="relative block"><button class="group block p-1 rounded text-[16px] leading-none text-black font-normal tracking-tight transition-colors duration-100 hover:text-green flex items-center gap-1" data-toggle="#mainNavDropdown-26581" data-gtm-element="main-nav-dropdown-26581"> <span class="block pointer-events-none">Solutions</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <div id="mainNavDropdown-26581" class="invisible opacity-0 absolute top-full left-1/2 translate-y-6 -translate-x-1/2 w-56 rounded-t-[4px] rounded-b-[16px] bg-white overflow-hidden shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] transition-all duration-200 is-active-dropdown:visible is-active-dropdown:opacity-100 is-active-dropdown:translate-y-2" data-target-class="is-active-dropdown" data-target-nav-root="#mainNav"> <div class="h-2 bg-brand-gradient-green"></div> <div class="py-4 mx-6 border-solid border-brand-gray-medium border-b"> <a class="group flex items-center gap-2 rounded hover:text-blue is-tabbing:focus:px-1 is-tabbing:focus:-mx-1" href="https://maymobility.com/our-solutions/" data-gtm-element="main-nav-item-26581"> <span class="block flex-initial pointer-events-none"> Our Solutions </span> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current transition-all duration-200 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </a> </div> <ol class="flex flex-col p-4"> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/our-solutions/cities/" data-gtm-element="main-nav-item-26582">Cities</a> </li> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/our-solutions/commercial/" data-gtm-element="main-nav-item-26583">Commercial</a> </li> </ol> </div></li><li class="relative block"><button class="group block p-1 rounded text-[16px] leading-none text-black font-normal tracking-tight transition-colors duration-100 hover:text-green flex items-center gap-1" data-toggle="#mainNavDropdown-55508" data-gtm-element="main-nav-dropdown-55508"> <span class="block pointer-events-none">Locations</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <div id="mainNavDropdown-55508" class="invisible opacity-0 absolute top-full left-1/2 translate-y-6 -translate-x-1/2 w-56 rounded-t-[4px] rounded-b-[16px] bg-white overflow-hidden shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] transition-all duration-200 is-active-dropdown:visible is-active-dropdown:opacity-100 is-active-dropdown:translate-y-2" data-target-class="is-active-dropdown" data-target-nav-root="#mainNav"> <div class="h-2 bg-brand-gradient-full-dark"></div> <ol class="flex flex-col p-4"> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/locations/" data-gtm-element="main-nav-item-55509">Locations</a> </li> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/for-riders/" data-gtm-element="main-nav-item-55510">For Riders</a> </li> </ol> </div></li><li class="relative block"><a class="group block p-1 rounded text-[16px] leading-none text-black font-normal tracking-tight transition-colors duration-100 hover:text-green" href="https://maymobility.com/meet-may/" data-gtm-element="main-nav-item-328"> About May Mobility </a></li><li class="relative block"><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1 text-[16px]" href="https://maymobility.com/contact/" data-gtm-element="main-nav-item-329"><span class="block flex-initial pointer-events-none">Contact Us</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a></li></ol> </div> </div> </div> </nav> </header> <main id="maincontent"> <section class="bg-brand-gray-light pt-8 rounded-br-48 md:pt-10"> <div class="flex flex-col gap-12 w-full lg:flex-row lg:items-stretch lg:gap-8"> <div class="px-6 py-6 lg:self-center lg:w-[60%] lg:py-8" data-intro="slide-right" data-parallax> <div class="grid gap-6 lg:gap-7 lg:pl-[max(0px,calc(calc(100vw-theme(maxWidth.7xl))/2))] lg:-parallax-y-12"> <h1 class="h1 text-navy u-to-gradient"> Our Commitment to <u>Accessibility</u> </h1> <div class="prose"> <p>We’re passionate about providing accessible transportation to everyone. From ADA-compliant wheelchair ramps to audio and visual cues in the vehicle, learn more about how we’re continually working toward our commitment to real-world accessibility with autonomous vehicles.</p> </div> <ol class="flex flex-wrap items-center gap-4"> <li> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-green text-gray-800 hover:bg-green hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/contact/" data-gtm-element="header-10157-button-10158"><span class="block flex-initial pointer-events-none">Partner With Us</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a> </li> </ol> </div> </div> <div class="lg:w-[40%]" data-intro="slide-left"> <div class="relative z-0 w-full aspect-video rounded-br-48 overflow-hidden lg:rounded-tl-48 lg:aspect-auto lg:h-full lg:min-h-[calc(200px+5vh)]"> <picture><source srcset="https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=600 1x, https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=600&dpr=1.5 1.5x" width="800" height="600" media="(min-width: 1200px)"><source srcset="https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=700&height=450 1x, https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=700&height=450&dpr=1.5 1.5x" width="700" height="450" media="(min-width: 960px)"><source srcset="https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=700&height=500 1x, https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=700&height=500&dpr=1.5 1.5x" width="700" height="500" media="(min-width: 480px)"><img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=300 1x, https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=300&dpr=1.5 1.5x" width="400" height="300" alt="" fetchpriority="high"></picture> </div> </div> </div> </section> <div class="py-12 md:py-24 bg-white"> <div class="contents md:hidden"> <div class="container"> <div class="flex flex-col"> <div class="px-12"> <div class="relative max-w-lg -ml-12 mr-auto" data-intro="slide-up"> <div class="relative z-0 w-full aspect-video rounded overflow-hidden"> <picture><source srcset="https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450 1x, https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450&dpr=1.5 1.5x" width="600" height="450" media="(min-width: 480px)"><img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250 1x, https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250&dpr=1.5 1.5x" width="400" height="250" alt="" loading="lazy"></picture> </div> <svg class="block w-14 h-14 absolute -top-7 -right-6 rotate-90 fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> <div class="relative px-6 -mt-6"> <div class="grid gap-4 p-6 bg-brand-gray-light rounded"> <h2 class="h2 text-navy u-to-gradient">Our Approach</h2> <div class="prose prose-sm"> <p>We're putting accessibility at the forefront of our operations in partnership with companies like BraunAbility, the world's leading manufacturer of mobility transportation solutions. In collaboration with BraunAbility, we're modifying the May Mobility Toyota Sienna Autono-MaaS (S-AM) to include ADA-compliant wheelchair ramps in our vehicle fleets. In addition, we are working to equip our vehicle cabins with speakers and a display to help people with audio and/or visual impairments see and hear important information about their journey.</p> </div> </div> </div> </div> </div> </div> <div class="hidden md:contents"> <div class="container"> <div class="flex items-start justify-start gap-8 lg:px-24" data-intro="slide-up" data-parallax> <div class="relative z-1 w-1/2 order-1 lg:w-[44%] -parallax-y-8"> <div class="relative"> <div class="relative z-0 w-full aspect-7/5 rounded overflow-hidden"> <img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=350 1x, https://maymobility.imgix.net/Accessibility/ACCESSIBILITY_Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=350&dpr=1.5 1.5x" width="500" height="350" alt="" loading="lazy"> </div> <div class="absolute -bottom-10 -left-4 lg:-bottom-16 lg:-left-16"> <svg class="block w-20 h-20 lg:w-32 lg:h-32 -rotate-90 fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> </div> <div class="relative z-0 md:w-1/2 pt-12 order-2 lg:w-[56%] lg:pt-24 lg:parallax-y-16"> <div class="p-8 pl-24 -ml-20 rounded bg-brand-gray-light"> <div class="grid gap-10"> <h2 class="h2 text-navy u-to-gradient">Our Approach</h2> <div class="prose prose-sm"> <p>We're putting accessibility at the forefront of our operations in partnership with companies like BraunAbility, the world's leading manufacturer of mobility transportation solutions. In collaboration with BraunAbility, we're modifying the May Mobility Toyota Sienna Autono-MaaS (S-AM) to include ADA-compliant wheelchair ramps in our vehicle fleets. In addition, we are working to equip our vehicle cabins with speakers and a display to help people with audio and/or visual impairments see and hear important information about their journey.</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="py-12 md:py-24 bg-brand-gray-light"> <div class="relative" data-parallax> <div class="absolute z-0 bottom-0 left-0 w-full h-[80%] lg:h-1/2 lg:-parallax-y-16"> <x-svelte component="route" data-path="video-simple"></x-svelte> </div> <div class="relative w-full max-w-7xl mx-auto px-12 grid gap-8 md:p-0 md:grid-cols-14 md:gap-x-3 md:gap-y-8 lg:gap-x-8"> <figure class="relative md:col-start-2 md:col-span-12 lg:col-start-3 lg:col-span-10" data-intro="slide-up"> <div class="relative"> <div class="group relative aspect-video overflow-hidden rounded bg-navy shadow-xl"> <div class="w-full h-full" data-toggle="#video-simple-modal-10160"> <picture class="block w-full h-full object-cover object-center opacity-70 scale-105 transition-all duration-600 ease-in-out group-hover:opacity-30 group-hover:scale-110"><source srcset="https://maymobility.imgix.net/Accessibility-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=1200&height=675 1x, https://maymobility.imgix.net/Accessibility-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=1200&height=675&dpr=1.5 1.5x" width="1200" height="675" media="(min-width: 640px)"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Accessibility-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=325 1x, https://maymobility.imgix.net/Accessibility-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=325&dpr=1.5 1.5x" width="600" height="325" alt="" loading="lazy"></picture> </div> <button type="button" class="absolute top-1/2 left-1/2 w-16 h-16 p-3 -mt-8 -ml-8 flex items-center justify-center rounded-full bg-navy-800/90 text-white transition-colors duration-200 group-hover:text-gray-100" data-toggle="#video-simple-modal-10160"> <span class="sr-only">Show Video</span> <svg width="24" height="29" viewBox="0 0 24 29" class="block w-8 h-8 translate-x-0.5 fill-current transition-transform duration-200 group-hover:scale-105"> <path d="M24 15C24 14.3125 23.625 13.625 23 13.3125L3 1.3125C2.4375 0.9375 1.625 0.875 1 1.25C0.375 1.625 0 2.25 0 3V27C0 27.75 0.375 28.375 1 28.75C1.3125 28.9375 1.6875 29 2 29C2.375 29 2.6875 28.875 3 28.6875L23 16.6875C23.625 16.375 24 15.6875 24 15Z" /> </svg> </button> </div> </div> <figcaption class="absolute top-0 left-0 -translate-y-1/2 -translate-x-8 block w-max max-w-full py-1 px-3 rounded-full bg-green text-white text-xs uppercase md:font-semibold md:text-sm lg:text-md"> Mobility for Everyone, Everywhere: Wheelchair-Accessible AVs in Minnesota <svg width="12" height="12" class="block absolute top-full left-4 w-4 h-4 -mt-px fill-green" viewBox="0 0 12 12" fill="none"> <path d="M0 0H12V12L0 0Z" /> </svg> </figcaption> </figure> </div> </div> </div> <div class="py-12 md:py-24 bg-white"> <div class="relative"> <div class="relative container lg:grid lg:grid-cols-14 lg:gap-8"> <div class="lg:col-start-2 lg:col-span-12"> <div class="grid grid-cols-1 gap-x-6 gap-y-12 md:grid-cols-2 md:gap-x-8 md:gap-y-14 lg:grid-cols-2"> <div class="md:delay-0 lg:delay-0" data-intro="slide-up"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14" aria-hidden="true"> <svg class="block w-full h-full fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M466.5 83.71l-192-80c-5.875-2.5-12.16-3.703-18.44-3.703S243.5 1.203 237.6 3.703L45.61 83.71C27.73 91.08 16 108.6 16 127.1C16 385.4 205.4 512 255.9 512C305.2 512 496 387.3 496 127.1C496 108.6 484.3 91.08 466.5 83.71zM256 464C158.5 423.4 64 297.3 64 128l192-80L448 128C448 301.8 349.6 425 256 464zM200.1 247C196.3 242.3 190.1 239.1 184 239.1c-13.71 0-24 11.21-24 24C160 270.1 162.3 276.3 167 280.1l48 48C219.5 333.5 225.7 335.1 232 335.1c2.595 0 11.46-.4962 18.22-8.375l96-112c3.881-4.528 5.781-10.09 5.781-15.62c0-7.405-5.79-23.99-23.98-23.99c-6.756 0-13.48 2.831-18.24 8.362L230.7 276.7L200.1 247z"/></svg> </div> <h3 class="h4">Our Commitment to Safety</h3> <p class="text-md text-brand-gray-dark"> Riders and other road users’ safety is our top priority. Our combined sensor stack and unique Multi-Policy Decision Making platform work together to monitor the road and run simulations on possible situations and hazards far more reliably than rules-based systems. The result is a vehicle that reacts quickly with safe, predictable vehicle movements, which in turn ensures the safety of our riders—and everyone on the roadway. </p> <div class="flex items-center gap-1 text-sm font-medium text-brand-gray-dark group-hover:text-blue transition-all ease-in-out duration-400"> <span class="block">Learn More</span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> </div> <a class="absolute -inset-1 z-0 block rounded" href="https://maymobility.com/technology/safety/" aria-label="Learn More"></a> </article> </div> </div> <div class="md:delay-300 lg:delay-300" data-intro="slide-up"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14" aria-hidden="true"> <svg class="block w-full h-full fill-green" width="48" height="58" viewBox="0 0 48 58" fill="none"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M248 104C248 117.3 237.3 128 224 128C210.7 128 200 117.3 200 104V24C200 10.75 210.7 0 224 0C237.3 0 248 10.75 248 24V104zM104 360C104 346.7 114.7 336 128 336C141.3 336 152 346.7 152 360C152 373.3 141.3 384 128 384C114.7 384 104 373.3 104 360zM344 360C344 373.3 333.3 384 320 384C306.7 384 296 373.3 296 360C296 346.7 306.7 336 320 336C333.3 336 344 346.7 344 360zM86.02 207.8C96.26 179.1 123.4 160 153.8 160H294.2C324.6 160 351.7 179.1 361.1 207.8L390.6 287.9C390.8 288.4 390.9 288.9 391.1 289.3C415.8 306.7 432 335.5 432 368V488C432 501.3 421.3 512 408 512C394.7 512 384 501.3 384 488V448H64V488C64 501.3 53.25 512 40 512C26.75 512 16 501.3 16 488V368C16 335.5 32.18 306.7 56.94 289.3C57.08 288.9 57.23 288.4 57.4 287.9L86.02 207.8zM153.8 208C143.7 208 134.6 214.4 131.2 223.9L114.1 272H333.9L316.8 223.9C313.4 214.4 304.3 208 294.2 208H153.8zM384 368C384 341.5 362.5 320 336 320H112C85.49 320 64 341.5 64 368V400H384V368zM7.029 39.03C16.4 29.66 31.6 29.66 40.97 39.03L88.97 87.03C98.34 96.4 98.34 111.6 88.97 120.1C79.6 130.3 64.4 130.3 55.03 120.1L7.029 72.97C-2.343 63.6-2.343 48.4 7.029 39.03V39.03zM407 39.03C416.4 29.66 431.6 29.66 440.1 39.03C450.3 48.4 450.3 63.6 440.1 72.97L392.1 120.1C383.6 130.3 368.4 130.3 359 120.1C349.7 111.6 349.7 96.4 359 87.03L407 39.03z"/></svg> </div> <h3 class="h4">What Sets Our Technology Apart</h3> <p class="text-md text-brand-gray-dark"> Our technology allows our vehicles to imagine multitudes of what might happen next and make a decision more effectively than rules-based autonomy systems. We're putting this technology to work with cities and businesses all over the world to improve the convenience, safety and environmental impact of mobility. </p> <div class="flex items-center gap-1 text-sm font-medium text-brand-gray-dark group-hover:text-green transition-all ease-in-out duration-400"> <span class="block">Learn More</span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> </div> <a class="absolute -inset-1 z-0 block rounded" href="https://maymobility.com/technology/" aria-label="Learn More"></a> </article> </div> </div> </div> </div> </div> </div> </div> <div class="py-12 md:py-24 bg-brand-gray-light"> <div class="splide" data-splide='{"type":"loop","perPage":1,"perMove":1,"arrows":true,"pagination":false,"mediaQuery":"min","breakpoints":{"460":{"perPage":1,"padding":{"left":"0","right":"20%"}},"780":{"perPage":2,"padding":{"left":"0","right":"10%"}},"960":{"perPage":2,"padding":{"left":"0","right":"20%"}}}}'> <div class="container mb-8 lg:px-16 xl:px-24"> <div class="lg:flex lg:justify-between lg:gap-8"> <div class="flex flex-col gap-6 lg:flex-row lg:gap-8 lg:items-center" data-intro="slide-up"> <h2 class="h2 text-navy"> Featured Tech Resources </h2> <p><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/resources/" aria-label="View all posts"><span class="block flex-initial pointer-events-none">View All</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a></p> </div> <div class="hidden lg:flex items-center gap-2 splide__arrows"> <button class="splide__arrow splide__arrow--prev flex items-center justify-center p-3 rounded-full fill-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Previous"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37 .7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z"/></svg> </button> <button class="splide__arrow splide__arrow--next flex items-center justify-center p-3 rounded-full fill-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Next"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </button> </div> </div> </div> <div class="relative bg-navy ml-6 py-2 overflow-hidden rounded-bl-24 rounded-tl-sm lg:rounded-bl-48 lg:ml-[calc(2rem_+_max(0rem,calc(calc(100vw-theme(maxWidth.7xl))/2)))] xl:ml-[calc(4rem_+_max(0rem,calc(calc(100vw-theme(maxWidth.7xl))/2)))]"> <div class="relative"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Building an AV the May Way</h3> </div> <ol class="flex gap-2 w-full -mr-6 overflow-hidden md:-mr-8"> <li class="flex items-center gap-1 px-3 py-1 rounded-full border-solid border-navy border-2 text-navy text-xs font-medium md:text-sm"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" aria-hidden="true"><path d="M320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H245.5C262.5 0 278.7 6.743 290.7 18.75L365.3 93.26C377.3 105.3 384 121.5 384 138.5V448C384 483.3 355.3 512 320 512zM64 464H320C328.8 464 336 456.8 336 448V138.5C336 134.3 334.3 130.2 331.3 127.2L256.8 52.69C253.8 49.69 249.7 48 245.5 48H64C55.16 48 48 55.16 48 64V448C48 456.8 55.16 464 64 464V464z"/></svg> <span class="block"> Whitepapers </span> </li> <li class="flex items-center gap-2 px-3 py-1 rounded-full border-solid border-blue border-2 text-blue text-xs font-medium md:text-sm"> <span class="block"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M472.8 168.4C525.1 221.4 525.1 306.6 472.8 359.6L360.8 472.9C351.5 482.3 336.3 482.4 326.9 473.1C317.4 463.8 317.4 448.6 326.7 439.1L438.6 325.9C472.5 291.6 472.5 236.4 438.6 202.1L310.9 72.87C301.5 63.44 301.6 48.25 311.1 38.93C320.5 29.61 335.7 29.7 344.1 39.13L472.8 168.4zM144 143.1C144 161.7 129.7 175.1 112 175.1C94.33 175.1 80 161.7 80 143.1C80 126.3 94.33 111.1 112 111.1C129.7 111.1 144 126.3 144 143.1zM410.7 218.7C435.7 243.7 435.7 284.3 410.7 309.3L277.3 442.7C252.3 467.7 211.7 467.7 186.7 442.7L18.75 274.7C6.743 262.7 0 246.5 0 229.5V80C0 53.49 21.49 32 48 32H197.5C214.5 32 230.7 38.74 242.7 50.75L410.7 218.7zM48 79.1V229.5C48 233.7 49.69 237.8 52.69 240.8L220.7 408.8C226.9 415.1 237.1 415.1 243.3 408.8L376.8 275.3C383.1 269.1 383.1 258.9 376.8 252.7L208.8 84.69C205.8 81.69 201.7 79.1 197.5 79.1L48 79.1z"/></svg> </span> <span class="block"> Technology </span> </li> </ol> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/resources/building-an-av-the-may-way/" aria-label="View resource - Building an AV the May Way"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">How Autonomous Vehicles Can Herald a New Era For Airports</h3> </div> <ol class="flex gap-2 w-full -mr-6 overflow-hidden md:-mr-8"> <li class="flex items-center gap-1 px-3 py-1 rounded-full border-solid border-navy border-2 text-navy text-xs font-medium md:text-sm"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" aria-hidden="true"><path d="M320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H245.5C262.5 0 278.7 6.743 290.7 18.75L365.3 93.26C377.3 105.3 384 121.5 384 138.5V448C384 483.3 355.3 512 320 512zM64 464H320C328.8 464 336 456.8 336 448V138.5C336 134.3 334.3 130.2 331.3 127.2L256.8 52.69C253.8 49.69 249.7 48 245.5 48H64C55.16 48 48 55.16 48 64V448C48 456.8 55.16 464 64 464V464z"/></svg> <span class="block"> Whitepapers </span> </li> <li class="flex items-center gap-2 px-3 py-1 rounded-full border-solid border-blue border-2 text-blue text-xs font-medium md:text-sm"> <span class="block"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M472.8 168.4C525.1 221.4 525.1 306.6 472.8 359.6L360.8 472.9C351.5 482.3 336.3 482.4 326.9 473.1C317.4 463.8 317.4 448.6 326.7 439.1L438.6 325.9C472.5 291.6 472.5 236.4 438.6 202.1L310.9 72.87C301.5 63.44 301.6 48.25 311.1 38.93C320.5 29.61 335.7 29.7 344.1 39.13L472.8 168.4zM144 143.1C144 161.7 129.7 175.1 112 175.1C94.33 175.1 80 161.7 80 143.1C80 126.3 94.33 111.1 112 111.1C129.7 111.1 144 126.3 144 143.1zM410.7 218.7C435.7 243.7 435.7 284.3 410.7 309.3L277.3 442.7C252.3 467.7 211.7 467.7 186.7 442.7L18.75 274.7C6.743 262.7 0 246.5 0 229.5V80C0 53.49 21.49 32 48 32H197.5C214.5 32 230.7 38.74 242.7 50.75L410.7 218.7zM48 79.1V229.5C48 233.7 49.69 237.8 52.69 240.8L220.7 408.8C226.9 415.1 237.1 415.1 243.3 408.8L376.8 275.3C383.1 269.1 383.1 258.9 376.8 252.7L208.8 84.69C205.8 81.69 201.7 79.1 197.5 79.1L48 79.1z"/></svg> </span> <span class="block"> Service, Technology </span> </li> </ol> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/resources/how-autonomous-vehicles-can-herald-a-new-era-for-airports/" aria-label="View resource - How Autonomous Vehicles Can Herald a New Era For Airports"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Busting Myths and Building Futures: The Real Story of Autonomous Vehicles</h3> </div> <ol class="flex gap-2 w-full -mr-6 overflow-hidden md:-mr-8"> <li class="flex items-center gap-1 px-3 py-1 rounded-full border-solid border-navy border-2 text-navy text-xs font-medium md:text-sm"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" aria-hidden="true"><path d="M320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H245.5C262.5 0 278.7 6.743 290.7 18.75L365.3 93.26C377.3 105.3 384 121.5 384 138.5V448C384 483.3 355.3 512 320 512zM64 464H320C328.8 464 336 456.8 336 448V138.5C336 134.3 334.3 130.2 331.3 127.2L256.8 52.69C253.8 49.69 249.7 48 245.5 48H64C55.16 48 48 55.16 48 64V448C48 456.8 55.16 464 64 464V464z"/></svg> <span class="block"> Whitepapers </span> </li> <li class="flex items-center gap-2 px-3 py-1 rounded-full border-solid border-blue border-2 text-blue text-xs font-medium md:text-sm"> <span class="block"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M472.8 168.4C525.1 221.4 525.1 306.6 472.8 359.6L360.8 472.9C351.5 482.3 336.3 482.4 326.9 473.1C317.4 463.8 317.4 448.6 326.7 439.1L438.6 325.9C472.5 291.6 472.5 236.4 438.6 202.1L310.9 72.87C301.5 63.44 301.6 48.25 311.1 38.93C320.5 29.61 335.7 29.7 344.1 39.13L472.8 168.4zM144 143.1C144 161.7 129.7 175.1 112 175.1C94.33 175.1 80 161.7 80 143.1C80 126.3 94.33 111.1 112 111.1C129.7 111.1 144 126.3 144 143.1zM410.7 218.7C435.7 243.7 435.7 284.3 410.7 309.3L277.3 442.7C252.3 467.7 211.7 467.7 186.7 442.7L18.75 274.7C6.743 262.7 0 246.5 0 229.5V80C0 53.49 21.49 32 48 32H197.5C214.5 32 230.7 38.74 242.7 50.75L410.7 218.7zM48 79.1V229.5C48 233.7 49.69 237.8 52.69 240.8L220.7 408.8C226.9 415.1 237.1 415.1 243.3 408.8L376.8 275.3C383.1 269.1 383.1 258.9 376.8 252.7L208.8 84.69C205.8 81.69 201.7 79.1 197.5 79.1L48 79.1z"/></svg> </span> <span class="block"> Technology, Safety, Service </span> </li> </ol> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/resources/busting-myths-and-building-futures-the-real-story-of-autonomous-vehicles/" aria-label="View resource - Busting Myths and Building Futures: The Real Story of Autonomous Vehicles"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">WEBINAR: The importance of accessibility in autonomous transportation</h3> </div> <ol class="flex gap-2 w-full -mr-6 overflow-hidden md:-mr-8"> <li class="flex items-center gap-1 px-3 py-1 rounded-full border-solid border-navy border-2 text-navy text-xs font-medium md:text-sm"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" aria-hidden="true"><path d="M96 0C60.7 0 32 28.7 32 64V248.4C49 233.2 71.4 224 96 224V64l448 0V224c24.6 0 47 9.2 64 24.4V64c0-35.3-28.7-64-64-64H96zm64 320c0-35.3-28.7-64-64-64s-64 28.7-64 64s28.7 64 64 64s64-28.7 64-64zM0 480c0 17.7 14.3 32 32 32H160c17.7 0 32-14.3 32-32c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64zM384 320c0-35.3-28.7-64-64-64s-64 28.7-64 64s28.7 64 64 64s64-28.7 64-64zM224 480c0 17.7 14.3 32 32 32H384c17.7 0 32-14.3 32-32c0-35.3-28.7-64-64-64H288c-35.3 0-64 28.7-64 64zm320-96c35.3 0 64-28.7 64-64s-28.7-64-64-64s-64 28.7-64 64s28.7 64 64 64zm-32 32c-35.3 0-64 28.7-64 64c0 17.7 14.3 32 32 32H608c17.7 0 32-14.3 32-32c0-35.3-28.7-64-64-64H512z"/></svg> <span class="block"> Webinars </span> </li> <li class="flex items-center gap-2 px-3 py-1 rounded-full border-solid border-blue border-2 text-blue text-xs font-medium md:text-sm"> <span class="block"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M472.8 168.4C525.1 221.4 525.1 306.6 472.8 359.6L360.8 472.9C351.5 482.3 336.3 482.4 326.9 473.1C317.4 463.8 317.4 448.6 326.7 439.1L438.6 325.9C472.5 291.6 472.5 236.4 438.6 202.1L310.9 72.87C301.5 63.44 301.6 48.25 311.1 38.93C320.5 29.61 335.7 29.7 344.1 39.13L472.8 168.4zM144 143.1C144 161.7 129.7 175.1 112 175.1C94.33 175.1 80 161.7 80 143.1C80 126.3 94.33 111.1 112 111.1C129.7 111.1 144 126.3 144 143.1zM410.7 218.7C435.7 243.7 435.7 284.3 410.7 309.3L277.3 442.7C252.3 467.7 211.7 467.7 186.7 442.7L18.75 274.7C6.743 262.7 0 246.5 0 229.5V80C0 53.49 21.49 32 48 32H197.5C214.5 32 230.7 38.74 242.7 50.75L410.7 218.7zM48 79.1V229.5C48 233.7 49.69 237.8 52.69 240.8L220.7 408.8C226.9 415.1 237.1 415.1 243.3 408.8L376.8 275.3C383.1 269.1 383.1 258.9 376.8 252.7L208.8 84.69C205.8 81.69 201.7 79.1 197.5 79.1L48 79.1z"/></svg> </span> <span class="block"> Accessibility </span> </li> </ol> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/resources/webinar-the-importance-of-accessibility-in-autonomous-transportation/" aria-label="View resource - WEBINAR: The importance of accessibility in autonomous transportation"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Arlington Rideshare, Automation, and Payment Integration Demonstration (RAPID) Final Report</h3> </div> <ol class="flex gap-2 w-full -mr-6 overflow-hidden md:-mr-8"> <li class="flex items-center gap-1 px-3 py-1 rounded-full border-solid border-navy border-2 text-navy text-xs font-medium md:text-sm"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" aria-hidden="true"><path d="M320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H245.5C262.5 0 278.7 6.743 290.7 18.75L365.3 93.26C377.3 105.3 384 121.5 384 138.5V448C384 483.3 355.3 512 320 512zM64 464H320C328.8 464 336 456.8 336 448V138.5C336 134.3 334.3 130.2 331.3 127.2L256.8 52.69C253.8 49.69 249.7 48 245.5 48H64C55.16 48 48 55.16 48 64V448C48 456.8 55.16 464 64 464V464z"/></svg> <span class="block"> Whitepapers </span> </li> <li class="flex items-center gap-2 px-3 py-1 rounded-full border-solid border-blue border-2 text-blue text-xs font-medium md:text-sm"> <span class="block"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M472.8 168.4C525.1 221.4 525.1 306.6 472.8 359.6L360.8 472.9C351.5 482.3 336.3 482.4 326.9 473.1C317.4 463.8 317.4 448.6 326.7 439.1L438.6 325.9C472.5 291.6 472.5 236.4 438.6 202.1L310.9 72.87C301.5 63.44 301.6 48.25 311.1 38.93C320.5 29.61 335.7 29.7 344.1 39.13L472.8 168.4zM144 143.1C144 161.7 129.7 175.1 112 175.1C94.33 175.1 80 161.7 80 143.1C80 126.3 94.33 111.1 112 111.1C129.7 111.1 144 126.3 144 143.1zM410.7 218.7C435.7 243.7 435.7 284.3 410.7 309.3L277.3 442.7C252.3 467.7 211.7 467.7 186.7 442.7L18.75 274.7C6.743 262.7 0 246.5 0 229.5V80C0 53.49 21.49 32 48 32H197.5C214.5 32 230.7 38.74 242.7 50.75L410.7 218.7zM48 79.1V229.5C48 233.7 49.69 237.8 52.69 240.8L220.7 408.8C226.9 415.1 237.1 415.1 243.3 408.8L376.8 275.3C383.1 269.1 383.1 258.9 376.8 252.7L208.8 84.69C205.8 81.69 201.7 79.1 197.5 79.1L48 79.1z"/></svg> </span> <span class="block"> Technology, Service </span> </li> </ol> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/resources/arlington-rapid-final-report/" aria-label="View resource - Arlington Rideshare, Automation, and Payment Integration Demonstration (RAPID) Final Report"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">How AVs are transforming public transportation</h3> </div> <ol class="flex gap-2 w-full -mr-6 overflow-hidden md:-mr-8"> <li class="flex items-center gap-1 px-3 py-1 rounded-full border-solid border-navy border-2 text-navy text-xs font-medium md:text-sm"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" aria-hidden="true"><path d="M320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H245.5C262.5 0 278.7 6.743 290.7 18.75L365.3 93.26C377.3 105.3 384 121.5 384 138.5V448C384 483.3 355.3 512 320 512zM64 464H320C328.8 464 336 456.8 336 448V138.5C336 134.3 334.3 130.2 331.3 127.2L256.8 52.69C253.8 49.69 249.7 48 245.5 48H64C55.16 48 48 55.16 48 64V448C48 456.8 55.16 464 64 464V464z"/></svg> <span class="block"> Whitepapers </span> </li> <li class="flex items-center gap-2 px-3 py-1 rounded-full border-solid border-blue border-2 text-blue text-xs font-medium md:text-sm"> <span class="block"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M472.8 168.4C525.1 221.4 525.1 306.6 472.8 359.6L360.8 472.9C351.5 482.3 336.3 482.4 326.9 473.1C317.4 463.8 317.4 448.6 326.7 439.1L438.6 325.9C472.5 291.6 472.5 236.4 438.6 202.1L310.9 72.87C301.5 63.44 301.6 48.25 311.1 38.93C320.5 29.61 335.7 29.7 344.1 39.13L472.8 168.4zM144 143.1C144 161.7 129.7 175.1 112 175.1C94.33 175.1 80 161.7 80 143.1C80 126.3 94.33 111.1 112 111.1C129.7 111.1 144 126.3 144 143.1zM410.7 218.7C435.7 243.7 435.7 284.3 410.7 309.3L277.3 442.7C252.3 467.7 211.7 467.7 186.7 442.7L18.75 274.7C6.743 262.7 0 246.5 0 229.5V80C0 53.49 21.49 32 48 32H197.5C214.5 32 230.7 38.74 242.7 50.75L410.7 218.7zM48 79.1V229.5C48 233.7 49.69 237.8 52.69 240.8L220.7 408.8C226.9 415.1 237.1 415.1 243.3 408.8L376.8 275.3C383.1 269.1 383.1 258.9 376.8 252.7L208.8 84.69C205.8 81.69 201.7 79.1 197.5 79.1L48 79.1z"/></svg> </span> <span class="block"> Technology, Service </span> </li> </ol> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/resources/how-avs-are-transforming-public-transportation/" aria-label="View resource - How AVs are transforming public transportation"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">How Does Multi-Policy Decision Making (MPDM) Work?</h3> </div> <ol class="flex gap-2 w-full -mr-6 overflow-hidden md:-mr-8"> <li class="flex items-center gap-1 px-3 py-1 rounded-full border-solid border-navy border-2 text-navy text-xs font-medium md:text-sm"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" aria-hidden="true"><path d="M24.52 38.13C39.66 29.64 58.21 29.99 73.03 39.04L361 215C375.3 223.8 384 239.3 384 256C384 272.7 375.3 288.2 361 296.1L73.03 472.1C58.21 482 39.66 482.4 24.52 473.9C9.377 465.4 0 449.4 0 432V80C0 62.64 9.377 46.63 24.52 38.13V38.13zM48 432L336 256L48 80V432z"/></svg> <span class="block"> Videos </span> </li> <li class="flex items-center gap-2 px-3 py-1 rounded-full border-solid border-blue border-2 text-blue text-xs font-medium md:text-sm"> <span class="block"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M472.8 168.4C525.1 221.4 525.1 306.6 472.8 359.6L360.8 472.9C351.5 482.3 336.3 482.4 326.9 473.1C317.4 463.8 317.4 448.6 326.7 439.1L438.6 325.9C472.5 291.6 472.5 236.4 438.6 202.1L310.9 72.87C301.5 63.44 301.6 48.25 311.1 38.93C320.5 29.61 335.7 29.7 344.1 39.13L472.8 168.4zM144 143.1C144 161.7 129.7 175.1 112 175.1C94.33 175.1 80 161.7 80 143.1C80 126.3 94.33 111.1 112 111.1C129.7 111.1 144 126.3 144 143.1zM410.7 218.7C435.7 243.7 435.7 284.3 410.7 309.3L277.3 442.7C252.3 467.7 211.7 467.7 186.7 442.7L18.75 274.7C6.743 262.7 0 246.5 0 229.5V80C0 53.49 21.49 32 48 32H197.5C214.5 32 230.7 38.74 242.7 50.75L410.7 218.7zM48 79.1V229.5C48 233.7 49.69 237.8 52.69 240.8L220.7 408.8C226.9 415.1 237.1 415.1 243.3 408.8L376.8 275.3C383.1 269.1 383.1 258.9 376.8 252.7L208.8 84.69C205.8 81.69 201.7 79.1 197.5 79.1L48 79.1z"/></svg> </span> <span class="block"> Technology, Safety </span> </li> </ol> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/resources/how-does-multi-policy-decision-making-work/" aria-label="View resource - How Does Multi-Policy Decision Making (MPDM) Work?"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">How autonomous vehicles are making transportation more inclusive</h3> </div> <ol class="flex gap-2 w-full -mr-6 overflow-hidden md:-mr-8"> <li class="flex items-center gap-1 px-3 py-1 rounded-full border-solid border-navy border-2 text-navy text-xs font-medium md:text-sm"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" aria-hidden="true"><path d="M320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H245.5C262.5 0 278.7 6.743 290.7 18.75L365.3 93.26C377.3 105.3 384 121.5 384 138.5V448C384 483.3 355.3 512 320 512zM64 464H320C328.8 464 336 456.8 336 448V138.5C336 134.3 334.3 130.2 331.3 127.2L256.8 52.69C253.8 49.69 249.7 48 245.5 48H64C55.16 48 48 55.16 48 64V448C48 456.8 55.16 464 64 464V464z"/></svg> <span class="block"> Whitepapers </span> </li> <li class="flex items-center gap-2 px-3 py-1 rounded-full border-solid border-blue border-2 text-blue text-xs font-medium md:text-sm"> <span class="block"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M472.8 168.4C525.1 221.4 525.1 306.6 472.8 359.6L360.8 472.9C351.5 482.3 336.3 482.4 326.9 473.1C317.4 463.8 317.4 448.6 326.7 439.1L438.6 325.9C472.5 291.6 472.5 236.4 438.6 202.1L310.9 72.87C301.5 63.44 301.6 48.25 311.1 38.93C320.5 29.61 335.7 29.7 344.1 39.13L472.8 168.4zM144 143.1C144 161.7 129.7 175.1 112 175.1C94.33 175.1 80 161.7 80 143.1C80 126.3 94.33 111.1 112 111.1C129.7 111.1 144 126.3 144 143.1zM410.7 218.7C435.7 243.7 435.7 284.3 410.7 309.3L277.3 442.7C252.3 467.7 211.7 467.7 186.7 442.7L18.75 274.7C6.743 262.7 0 246.5 0 229.5V80C0 53.49 21.49 32 48 32H197.5C214.5 32 230.7 38.74 242.7 50.75L410.7 218.7zM48 79.1V229.5C48 233.7 49.69 237.8 52.69 240.8L220.7 408.8C226.9 415.1 237.1 415.1 243.3 408.8L376.8 275.3C383.1 269.1 383.1 258.9 376.8 252.7L208.8 84.69C205.8 81.69 201.7 79.1 197.5 79.1L48 79.1z"/></svg> </span> <span class="block"> Technology, Service </span> </li> </ol> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/resources/how-autonomous-vehicles-are-making-transportation-more-inclusive/" aria-label="View resource - How autonomous vehicles are making transportation more inclusive"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Autonomy at Scale: Multi-Policy Decision Making (MPDM) v. Early Commitment in Autonomous Driving</h3> </div> <ol class="flex gap-2 w-full -mr-6 overflow-hidden md:-mr-8"> <li class="flex items-center gap-1 px-3 py-1 rounded-full border-solid border-navy border-2 text-navy text-xs font-medium md:text-sm"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" aria-hidden="true"><path d="M320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H245.5C262.5 0 278.7 6.743 290.7 18.75L365.3 93.26C377.3 105.3 384 121.5 384 138.5V448C384 483.3 355.3 512 320 512zM64 464H320C328.8 464 336 456.8 336 448V138.5C336 134.3 334.3 130.2 331.3 127.2L256.8 52.69C253.8 49.69 249.7 48 245.5 48H64C55.16 48 48 55.16 48 64V448C48 456.8 55.16 464 64 464V464z"/></svg> <span class="block"> Whitepapers </span> </li> <li class="flex items-center gap-2 px-3 py-1 rounded-full border-solid border-blue border-2 text-blue text-xs font-medium md:text-sm"> <span class="block"> <svg class="block w-3.5 h-3.5 flex-initial fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M472.8 168.4C525.1 221.4 525.1 306.6 472.8 359.6L360.8 472.9C351.5 482.3 336.3 482.4 326.9 473.1C317.4 463.8 317.4 448.6 326.7 439.1L438.6 325.9C472.5 291.6 472.5 236.4 438.6 202.1L310.9 72.87C301.5 63.44 301.6 48.25 311.1 38.93C320.5 29.61 335.7 29.7 344.1 39.13L472.8 168.4zM144 143.1C144 161.7 129.7 175.1 112 175.1C94.33 175.1 80 161.7 80 143.1C80 126.3 94.33 111.1 112 111.1C129.7 111.1 144 126.3 144 143.1zM410.7 218.7C435.7 243.7 435.7 284.3 410.7 309.3L277.3 442.7C252.3 467.7 211.7 467.7 186.7 442.7L18.75 274.7C6.743 262.7 0 246.5 0 229.5V80C0 53.49 21.49 32 48 32H197.5C214.5 32 230.7 38.74 242.7 50.75L410.7 218.7zM48 79.1V229.5C48 233.7 49.69 237.8 52.69 240.8L220.7 408.8C226.9 415.1 237.1 415.1 243.3 408.8L376.8 275.3C383.1 269.1 383.1 258.9 376.8 252.7L208.8 84.69C205.8 81.69 201.7 79.1 197.5 79.1L48 79.1z"/></svg> </span> <span class="block"> Technology </span> </li> </ol> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/resources/autonomy-at-scale-white-paper/" aria-label="View resource - Autonomy at Scale: Multi-Policy Decision Making (MPDM) v. Early Commitment in Autonomous Driving"></a> </article> </div> </div> </li> </ul> </div> </div> <div class="absolute top-0 left-0 w-8 h-full pointer-events-none bg-gradient-cut-off-left"></div> </div> </div> </div> <div class="contents lg:hidden"> <div class="py-12"> <div class="max-w-lg pr-16 mr-auto md:max-w-2xl"> <div class="relative h-full"> <div class="relative z-0 w-full aspect-video mr-auto rounded-tr object-center overflow-hidden"> <picture><source srcset="https://maymobility.imgix.net/Bring-May-To-Your-Community-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450 1x, https://maymobility.imgix.net/Bring-May-To-Your-Community-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450&dpr=1.5 1.5x" width="600" height="450" media="(min-width: 480px)"><img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Bring-May-To-Your-Community-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250 1x, https://maymobility.imgix.net/Bring-May-To-Your-Community-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250&dpr=1.5 1.5x" width="400" height="250" alt="" loading="lazy"></picture> </div> <svg class="block w-14 h-14 absolute -top-7 -right-7 rotate-90 md:w-20 md:h-20 md:-top-10 md:-right-10 fill-green" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> <div class="relative px-6 -mt-6 md:px-16"> <div class="grid gap-4 p-6 bg-brand-gray-light rounded md:p-8"> <h2 class="h2 text-navy">Bring May Mobility To Your Community</h2> <div class="prose "> <p> We love meeting transit agencies, cities, campuses, organizations and businesses where they are to explore how our AV solutions can solve their transportation gaps for good. Ready to partner up? Let’s talk. </p> </div> <ol class="flex flex-wrap items-center gap-4"> <li><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/contact/" data-gtm-element="call-to-action-button-11497"><span class="block flex-initial pointer-events-none">Contact Us</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a></li> </ol> </div> </div> </div> </div> <div class="hidden lg:contents"> <div class="relative pt-10 overflow-hidden bg-brand-gray-light"> <div class="hidden md:block absolute -bottom-20 left-0 w-full h-40 bg-brand-gradient-full-dark blur-3xl opacity-20 animation-enabled:bg-gradient-pulse"></div> <div class="relative container grid grid-cols-14 gap-8 items-end"> <div class="col-start-2 col-span-7 pb-20 pt-10" data-intro="slide-right" data-parallax> <div class="grid gap-4 pr-4 text-gray-900 -parallax-y-12"> <h2 class="h2 text-navy">Bring May Mobility To Your Community</h2> <div class="prose "> <p> We love meeting transit agencies, cities, campuses, organizations and businesses where they are to explore how our AV solutions can solve their transportation gaps for good. Ready to partner up? Let’s talk. </p> </div> <ol class="flex flex-wrap items-center gap-4"> <li><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/contact/" data-gtm-element="call-to-action-button-11497"><span class="block flex-initial pointer-events-none">Contact Us</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a></li> </ol> </div> </div> <div class="relative col-start-9 col-span-6" data-intro="slide-left" data-parallax> <div class="absolute -bottom-20 -left-8 w-[50vw] h-[calc(5rem+50%)] rounded-tl-48 bg-green parallax-y-16 parallax-x-6"></div> <div class="relative z-0 block aspect-7/5 rounded-t-48 object-cover object-center overflow-hidden -parallax-x-6"> <img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Bring-May-To-Your-Community-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400 1x, https://maymobility.imgix.net/Bring-May-To-Your-Community-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400&dpr=1.5 1.5x" width="600" height="400" alt="" loading="lazy"> </div> </div> </div> </div> </div> </main> <footer> <h2 class="sr-only"> Footer: Contact Information and Additional Links </h2> <div class="h-3 bg-brand-gradient-full-dark lg:hidden"></div> <div class="pt-12 pb-32 bg-navy text-white"> <div class="container lg:grid lg:grid-cols-14 lg:gap-x-8 lg:gap-y-12"> <div class="lg:col-start-2 lg:col-span-12"> <a href="https://maymobility.com/" class="inline-block p-1 -ml-1 rounded-full" title="May Mobility Home page"> <svg class="block w-[192px] h-[76px] fill-white" width="675" height="125" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675 125"><path d="M330 35.6c-8.6 0-14.2 4.7-17 10.8-3.1-6.8-9.1-10.8-16.5-10.8s-13.4 4.6-15.9 10.4v-8.9h-4.8c-3.7 0-6.6 3-6.6 6.6V88h12.2V61c0-9.5 4.7-15.6 11.4-15.6s10 5.2 10 14V88H315V61c0-9.5 4.7-15.6 11.5-15.6s9.9 5.2 9.9 14V88h12.2V57c0-13.3-7.7-21.5-18.6-21.5ZM386.2 35.6c-14.8 0-27.2 11.5-27.2 27s12.4 27.1 27.2 27.1 27.3-11.7 27.3-27.1-12.3-27-27.3-27Zm0 43.4c-8.6 0-15.4-6.6-15.4-16.4s6.8-16.3 15.4-16.3 15.4 6.4 15.4 16.3S395.1 79 386.2 79ZM452.4 35.6c-4.7 0-8.8 1.2-12 3.3v10.2c2.5-1.9 5.7-2.9 9.5-2.9 9.4 0 15.4 6.3 15.4 16.3s-6 16.1-15.3 16.1-15.3-6.6-15.3-16.5V11.7h-5.4c-3.3 0-6 2.7-6 6v43.5c0 17.2 10.5 28.5 26.6 28.5s27.2-11.6 27.2-27.3-10.6-26.8-24.7-26.8ZM486.9 37.2h12.2v50.9h-12.2zM493.1 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM527.1 75.9V11.7h-12.2v65.6c0 7.3 4.4 12.4 11.8 12.4s4.5-.6 5.8-1.5v-9.5c-.6.4-1.3.5-2.3.5-1.8 0-3.1-1-3.1-3.4ZM552.5 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM546.3 37.2h12.2v50.9h-12.2zM650.9 37.2l-13 38.1-13.2-38.1h-13l20.9 53.6c-2.2 6-5.5 8.4-10.3 8.4s-5.2-.8-6.8-1.8v10.5c1.5 1.1 4.4 2.2 8.3 2.2 8.3 0 14.1-4.5 17.7-13.7l21.3-59.2H651ZM587.6 37.2V21.4h-12v15.8h-7v10.7h7v21.7c0 12.6 6.8 20.2 18.1 20.2s6.2-.6 7.9-1.5V77.4c-1.2.5-3.6 1-5.8 1-5.7 0-8.3-3.2-8.3-8.8V47.9h14.1V37.2h-14.1ZM236.5 16.9l-16 44.6-16.1-44.6h-21.5l28 71.2-9 25.2h20.6l35.6-96.4h-21.6z" class="cls-1"/><path d="m151.2 16.9-28.7 71.2H144l16.1-44.8 16.1 44.8h21.5L169 16.9h-17.8zM12.3 88.1l28.8-71.2h17.8l17.9 44.5 18-44.5h17.8L125.1 48l-10.4 26-11-30.7-16.1 44.8H66L50 43.3 33.9 88.1H12.3" class="cls-1"/></svg> </a> </div> <div class="lg:col-start-2 lg:col-span-12"> <div class="contents lg:hidden"> <div class="pt-6 pb-12"> <div class="py-6 border-solid border-white/30 border-t flex items-center justify-between gap-6 lg:items-start"> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 rounded-full border-berry text-white hover:bg-berry is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/contact/"><span class="block flex-initial pointer-events-none">Contact</span></a> <h3 class="sr-only"> Follow May Mobility </h3> <ul class="flex flex-wrap items-center lg:grid lg:grid-flow-row lg:grid-cols-3"> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.linkedin.com/company/maymobility/" target="_blank"> <span class="sr-only">on LinkedIn</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/><title>LinkedIn</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.instagram.com/maymobility/" target="_blank"> <span class="sr-only">on Instagram</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/><title>Instagram</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://twitter.com/may_mobility" target="_blank"> <span class="sr-only">on Twitter</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/><title>Twitter</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://medium.com/may-mobility" target="_blank"> <span class="sr-only">on Medium</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" role="img"><path d="M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"/><title>Medium</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.facebook.com/maymobility/" target="_blank"> <span class="sr-only">on Facebook</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/><title>Facebook</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" target="_blank"> <span class="sr-only">on YouTube</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" role="img"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/><title>YouTube</title></svg></a> </li> </ul> </div> <ol class="pt-6 border-solid border-white/30 border-t grid grid-cols-2 gap-6 md:grid-cols-3"> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/our-solutions/" data-gtm-element="footer-nav-item-level1-5131">Our Solutions</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/our-solutions/commercial/" data-gtm-element="footer-nav-item-level2-5134">Commercial</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/locations/" data-gtm-element="footer-nav-item-level1-5132">Our Locations</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/for-riders/" data-gtm-element="footer-nav-item-level2-5135">For Riders</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/meet-may/" data-gtm-element="footer-nav-item-level1-5136">About May Mobility</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/careers/" data-gtm-element="footer-nav-item-level2-5137">Careers</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/technology/" data-gtm-element="footer-nav-item-level1-5138">Technology</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/technology/safety/" data-gtm-element="footer-nav-item-level2-5139">Safety</a> </li> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/technology/accessibility/" data-gtm-element="footer-nav-item-level2-5140">Accessibility</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/resources/" data-gtm-element="footer-nav-item-level1-5143">Resources</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/posts/type/company-news/" data-gtm-element="footer-nav-item-level2-5144">News & Updates</a> </li> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/posts/type/company-blog/?types=237&page=1" data-gtm-element="footer-nav-item-level2-5145">Blog</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/investors/" data-gtm-element="footer-nav-item-level1-5146">Investors</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/investors/ntt/" data-gtm-element="footer-nav-item-level2-82409">NTT</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <span class="block text-sm font-medium">Languages</span> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://www.maymobility.co.jp/technology/accessibility/"> 日本語 </a> </li> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/es/technology/accessibility/"> Español (Estados Unidos) </a> </li> </ol> </li> </ol> </div> </div> <div class="hidden lg:contents"> <div class="flex items-start justify-between gap-6"> <ol class="flex-grow flex flex-wrap gap-8"> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/our-solutions/" data-gtm-element="footer-nav-item-level1-5131">Our Solutions</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/our-solutions/commercial/" data-gtm-element="footer-nav-item-level2-5134">Commercial</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/locations/" data-gtm-element="footer-nav-item-level1-5132">Our Locations</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/for-riders/" data-gtm-element="footer-nav-item-level2-5135">For Riders</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/meet-may/" data-gtm-element="footer-nav-item-level1-5136">About May Mobility</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/careers/" data-gtm-element="footer-nav-item-level2-5137">Careers</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/technology/" data-gtm-element="footer-nav-item-level1-5138">Technology</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/technology/safety/" data-gtm-element="footer-nav-item-level2-5139">Safety</a> </li> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/technology/accessibility/" data-gtm-element="footer-nav-item-level2-5140">Accessibility</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/resources/" data-gtm-element="footer-nav-item-level1-5143">Resources</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/posts/type/company-news/" data-gtm-element="footer-nav-item-level2-5144">News & Updates</a> </li> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/posts/type/company-blog/?types=237&page=1" data-gtm-element="footer-nav-item-level2-5145">Blog</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/investors/" data-gtm-element="footer-nav-item-level1-5146">Investors</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/investors/ntt/" data-gtm-element="footer-nav-item-level2-82409">NTT</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <span class="block text-14px font-medium">Languages</span> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://www.maymobility.co.jp/technology/accessibility/"> 日本語 </a> </li> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/es/technology/accessibility/"> Español (Estados Unidos) </a> </li> </ol> </li> </ol> <div class="flex flex-col justify-center gap-6"> <p> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 rounded-full border-white text-white hover:bg-white hover:text-gray-800 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/contact/"><span class="block flex-initial pointer-events-none">Contact</span></a> </p> <h3 class="sr-only"> Follow May Mobility </h3> <ul class="flex flex-wrap items-center lg:grid lg:grid-flow-row lg:grid-cols-3"> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.linkedin.com/company/maymobility/" target="_blank"> <span class="sr-only">on LinkedIn</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/><title>LinkedIn</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.instagram.com/maymobility/" target="_blank"> <span class="sr-only">on Instagram</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/><title>Instagram</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://twitter.com/may_mobility" target="_blank"> <span class="sr-only">on Twitter</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/><title>Twitter</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://medium.com/may-mobility" target="_blank"> <span class="sr-only">on Medium</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" role="img"><path d="M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"/><title>Medium</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.facebook.com/maymobility/" target="_blank"> <span class="sr-only">on Facebook</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/><title>Facebook</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" target="_blank"> <span class="sr-only">on YouTube</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" role="img"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/><title>YouTube</title></svg></a> </li> </ul> </div> </div> </div> </div> <div class="pt-8 border-solid border-white/30 border-t lg:col-start-2 lg:col-span-12"> <div class="flex flex-col gap-6 text-14px uppercase md:flex-row md:gap-2"> <p> © 2024 May Mobility </p> <ol class="flex flex-col gap-6 md:flex-row md:gap-2"> <li> <button class="linkClasses" onclick="window.displayPreferenceModal();return false;" id="termly-consent-preferences"> Consent Preferences </button> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/privacy-policy/" data-gtm-element="footer-legal-menu-337">Privacy Policy</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/terms-of-use/" data-gtm-element="footer-legal-menu-338">Terms of Use</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/ada-policy/" data-gtm-element="footer-legal-menu-11111">ADA Policy</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://net.maymobility.com/" target="_blank" data-gtm-element="footer-legal-menu-22653">Network Security</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://www.mostlyserious.io/" data-gtm-element="footer-legal-menu-339">Site by Mostly Serious</a> </li> </ol> </div> </div> </div> </div> </footer> </div> <x-svelte component="animation-control"></x-svelte> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebSite","author":{"@id":"https://www.maymobility.com#identity"},"copyrightHolder":{"@id":"https://www.maymobility.com#identity"},"copyrightYear":"2023","creator":{"@id":"#creator"},"dateCreated":"2023-01-16T11:30:16-05:00","dateModified":"2024-03-22T12:40:02-04:00","datePublished":"2023-01-16T11:30:00-05:00","description":"Learn about how we’re continually working toward our commitment to real-world accessibility with autonomous vehicles.","headline":"May Mobility’s Commitment to Accessibility","image":{"@type":"ImageObject","url":"https://media.maymobility.com/_1200x630_crop_center-center_82_none/MAY-OG-Image.png?mtime=1679593220"},"inLanguage":"en-us","mainEntityOfPage":"https://maymobility.com/technology/accessibility/","name":"May Mobility’s Commitment to Accessibility","publisher":{"@id":"#creator"},"url":"https://maymobility.com/technology/accessibility/"},{"@id":"https://www.maymobility.com#identity","@type":"Organization","address":{"@type":"PostalAddress","addressCountry":"United States of America","addressLocality":"Ann Arbor","addressRegion":"Michigan","postalCode":"48108","streetAddress":"650 Avis Drive"},"alternateName":"May","description":"May Mobility aims to make transit more sustainable, safe, accessible and equitable for everyone by building a better autonomous vehicle technology that works in the real world.","email":"info@maymobility.com","founder":"Edwin Olson","foundingDate":"2017","foundingLocation":"Ann Arbor, MI","image":{"@type":"ImageObject","height":"261","url":"https://media.maymobility.com/may-mobility-logo-charcoal-horizontal.png","width":"1407"},"logo":{"@type":"ImageObject","height":"60","url":"https://media.maymobility.com/_600x60_fit_center-center_82_none/may-mobility-logo-charcoal-horizontal.png?mtime=1727705561","width":"323"},"name":"May Mobility","sameAs":["https://www.linkedin.com/company/maymobility/","https://www.instagram.com/maymobility/","https://twitter.com/may_mobility","https://medium.com/may-mobility","https://www.facebook.com/maymobility/","https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw"],"telephone":"(734) 369-8874","url":"https://www.maymobility.com"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://maymobility.com/","name":"Home","position":1},{"@type":"ListItem","item":"https://maymobility.com/technology/","name":"Technology","position":2},{"@type":"ListItem","item":"https://maymobility.com/technology/accessibility/","name":"Accessibility","position":3}],"name":"Breadcrumbs"}]}</script> <div id="video-simple-modal-10160" class="invisible opacity-0 fixed z-50 top-0 left-0 w-full h-full flex items-center justify-center py-12 transition-all duration-600 is-active:opacity-100" data-target-lock-scroll data-target-trap-focus data-target-duration="600"> <div class="absolute inset-0 bg-gray-900 opacity-95" data-toggle="#video-simple-modal-10160"></div> <div class="flex items-center justify-center aspect-video h-full max-h-[65vh] max-w-full translate-y-12 transition-all duration-400 is-active:translate-y-0"> <div class="relative w-full"> <div class="absolute -top-12 right-3 flex items-center justify-end"> <button type="button" class="flex items-center gap-1 p-3 text-base font-bold text-white transition-opacity duration-200 hover:opacity-90" data-toggle="#video-simple-modal-10160"> <span class="block">Close Video</span> <svg class="block w-4 h-auto fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"/></svg> </button> </div> <div class="w-full"> <div class="aspect-video overflow-hidden rounded-[2px]"> <iframe class="block w-full h-full" src="https://www.youtube-nocookie.com/embed/zgKbv8S8qF0?feature=oembed&enablejsapi=1&autoplay=0&controls=0&playsinline=1&rel=0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" frameborder="0" loading="lazy"></iframe></div> </div> </div> </div> </div> </body> </html>

CINXE.COM

May Mobility’s Commitment to Accessibility | May Mobility