PageSourceSearch

https://bird.co/

html bird.co collected 2026-09-24 08:45:44 UTC 136,576 bytes, 101 lines download raw bytes

1<!DOCTYPE html><html lang="en" data-critters-container> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="Unlock a Bird scooter or e-bike near you and ride through the city. Available in 100+ cities worldwide."><meta name="theme-color" content="#002139"><!-- Canonical + hreflang --><link rel="canonical" href="https://bird.co/"><link rel="alternate" hreflang="en" href="https://bird.co/"><link rel="alternate" hreflang="es" href="https://bird.co/es/"><link rel="alternate" hreflang="de" href="https://bird.co/de/"><link rel="alternate" hreflang="fr" href="https://bird.co/fr/"><link rel="alternate" hreflang="it" href="https://bird.co/it/"><link rel="alternate" hreflang="pt" href="https://bird.co/pt/"><link rel="alternate" hreflang="x-default" href="https://bird.co/"><!-- Open Graph --><meta property="og:site_name" content="Bird"><meta property="og:type" content="website"><meta property="og:url" content="https://bird.co/"><meta property="og:title" content="Bird — Shared Electric Scooters and E-Bikes"><meta property="og:description" content="Unlock a Bird scooter or e-bike near you and ride through the city. Available in 100+ cities worldwide."><meta property="og:image" content="https://bird.co/og-image.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:locale" content="en_US"><!-- Twitter / X --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@birdride"><meta name="twitter:title" content="Bird — Shared Electric Scooters and E-Bikes"><meta name="twitter:description" content="Unlock a Bird scooter or e-bike near you and ride through the city. Available in 100+ cities worldwide."><meta name="twitter:image" content="https://bird.co/og-image.jpg"><!-- Favicon --><link rel="icon" href="/favicon.ico" sizes="any"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><title>Bird — Shared Electric Scooters and E-Bikes</title><!-- Per-page structured data -->
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://bird.co/#organization","name":"Bird","legalName":"Blue Jay Transit, Inc.","url":"https://bird.co","logo":{"@type":"ImageObject","url":"https://bird.co/apple-touch-icon.png","width":180,"height":180},"description":"Bird is a shared electric scooter and e-bike company operating in 100+ cities worldwide, on a mission to reduce car trips and make cities more livable.","foundingDate":"2017","foundingLocation":{"@type":"Place","name":"Santa Monica, California, USA"},"sameAs":["https://www.instagram.com/bird/","https://www.tiktok.com/@ridebird","https://www.linkedin.com/company/birdapp/","https://en.wikipedia.org/wiki/Bird_(company)"],"contactPoint":{"@type":"ContactPoint","contactType":"customer support","url":"https://help.bird.co/"}},{"@type":"WebSite","@id":"https://bird.co/#website","name":"Bird","url":"https://bird.co","publisher":{"@id":"https://bird.co/#organization"}},{"@type":"MobileApplication","@id":"https://bird.co/#mobileapp","name":"Bird — Ride Electric","operatingSystem":["iOS","Android"],"applicationCategory":"TransportationApplication","publisher":{"@id":"https://bird.co/#organization"},"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"downloadUrl":["https://apps.apple.com/us/app/bird-ride-electric/id1260842311","https://play.google.com/store/apps/details?id=co.bird.android"]}]}</script>
1<style>@-webkit-keyframes leaflet-gestures-fadein{0%{opacity:0}to{opacity:1}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root{--font-sans:"Inter", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-esb:#26ccf0;--color-esb-on-light:#0b819b;--color-sea:#90e8fb;--color-air:#c4f2fc;--color-sand:#fff4e9;--color-new-road:#002139;--font-display:"Poppins", sans-serif}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}ul{list-style:none}img,svg{vertical-align:middle;display:block}img{max-width:100%;height:auto}button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}button{appearance:button}
1[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-8{top:calc(var(--spacing) * 8)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-8{bottom:calc(var(--spacing) * 8)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1100\]{z-index:1100}.z-\[1200\]{z-index:1200}.order-1{order:1}.order-2{order:2}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-3{margin-left:calc(var(--spacing) * 3)}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-52{height:calc(var(--spacing) * 52)}.h-\[53px\]{height:53px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[calc\(100dvh-6rem\)\]{max-height:calc(100dvh - 6rem)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-40{width:calc(var(--spacing) * 40)}.w-\[220px\]{width:220px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[94vw\]{max-width:94vw}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-\[190px\]{min-width:190px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}
1.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-black\/6{border-color:#0000000f}@supports (color:color-mix(in lab,red,red)){.border-black\/6{border-color:color-mix(in oklab,var(--color-black) 6%,transparent)}}.border-current\/10{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.border-current\/10{border-color:color-mix(in oklab,currentcolor 10%,transparent)}}.border-new-road\/10{border-color:#0021391a}@supports (color:color-mix(in lab,red,red)){.border-new-road\/10{border-color:color-mix(in oklab,var(--color-new-road) 10%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.border-white\/50{border-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.bg-\[\#F4FBFE\]{background-color:#f4fbfe}.bg-air{background-color:var(--color-air)}.bg-esb{background-color:var(--color-esb)}.bg-new-road{background-color:var(--color-new-road)}.bg-new-road\/40{background-color:#00213966}@supports (color:color-mix(in lab,red,red)){.bg-new-road\/40{background-color:color-mix(in oklab,var(--color-new-road) 40%,transparent)}}.bg-new-road\/95{background-color:#002139f2}@supports (color:color-mix(in lab,red,red)){.bg-new-road\/95{background-color:color-mix(in oklab,var(--color-new-road) 95%,transparent)}}.bg-sand{background-color:var(--color-sand)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.bg-white\/25{background-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-new-road\/30{--tw-gradient-from:#0021394d}@supports (color:color-mix(in lab,red,red)){.from-new-road\/30{--tw-gradient-from:color-mix(in oklab, var(--color-new-road) 30%, transparent)}}.from-new-road\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-new-road\/65{--tw-gradient-via:#002139a6}@supports (color:color-mix(in lab,red,red)){.via-new-road\/65{--tw-gradient-via:color-mix(in oklab, var(--color-new-road) 65%, transparent)}}.via-new-road\/65{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-new-road\/40{--tw-gradient-to:#00213966}@supports (color:color-mix(in lab,red,red)){.to-new-road\/40{--tw-gradient-to:color-mix(in oklab, var(--color-new-road) 40%, transparent)}}.to-new-road\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-\[50\%_15\%\]{object-position:50% 15%}.object-\[50\%_20\%\]{object-position:50% 20%}.object-\[50\%_25\%\]{object-position:50% 25%}.object-\[50\%_30\%\]{object-position:50% 30%}.p-0{padding:calc(var(--spacing) * 0)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-6{padding:calc(var(--spacing) * 6)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);
1line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-esb{color:var(--color-esb)}.text-esb-on-light{color:var(--color-esb-on-light)}.text-new-road{color:var(--color-new-road)}.text-new-road\/70{color:#002139b3}@supports (color:color-mix(in lab,red,red)){.text-new-road\/70{color:color-mix(in oklab,var(--color-new-road) 70%,transparent)}}.text-new-road\/75{color:#002139bf}@supports (color:color-mix(in lab,red,red)){.text-new-road\/75{color:color-mix(in oklab,var(--color-new-road) 75%,transparent)}}.text-new-road\/80{color:#002139cc}@supports (color:color-mix(in lab,red,red)){.text-new-road\/80{color:color-mix(in oklab,var(--color-new-road) 80%,transparent)}}.text-white{color:var(--color-white)}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab,red,red)){.text-white\/55{color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-40{opacity:.4}
1.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-white\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.ring-white\/10{--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}@media(hover:hover){.group-hover\:translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:gap-2:is(:where(.group):hover *){gap:calc(var(--spacing) * 2)}.group-hover\/link\:translate-x-0\.5:is(:where(.group\/link):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.hover\:bg-new-road\/5:hover{background-color:#0021390d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-new-road\/5:hover{background-color:color-mix(in oklab,var(--color-new-road) 5%,transparent)}}.hover\:bg-sea:hover{background-color:var(--color-sea)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:text-esb:hover{color:var(--color-esb)}.hover\:text-new-road:hover{color:var(--color-new-road)}.hover\:text-white:hover{color:var(--color-white)}}.focus-visible\:rounded:focus-visible{border-radius:.25rem}.focus-visible\:bg-white\/10:focus-visible{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.focus-visible\:bg-white\/10:focus-visible{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-esb-on-light:focus-visible{outline-color:var(--color-esb-on-light)}@media(min-width:40rem){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:h-\[3px\]{height:3px}.sm\:w-7{width:calc(var(--spacing) * 7)}.sm\:w-\[240px\]{width:240px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-start{justify-content:flex-start}.sm\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}
1.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:from-new-road\/30{--tw-gradient-from:#0021394d}@supports (color:color-mix(in lab,red,red)){.sm\:from-new-road\/30{--tw-gradient-from:color-mix(in oklab, var(--color-new-road) 30%, transparent)}}.sm\:from-new-road\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.sm\:via-new-road\/20{--tw-gradient-via:#00213933}@supports (color:color-mix(in lab,red,red)){.sm\:via-new-road\/20{--tw-gradient-via:color-mix(in oklab, var(--color-new-road) 20%, transparent)}}.sm\:via-new-road\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.sm\:to-new-road\/45{--tw-gradient-to:#00213973}@supports (color:color-mix(in lab,red,red)){.sm\:to-new-road\/45{--tw-gradient-to:color-mix(in oklab, var(--color-new-road) 45%, transparent)}}.sm\:to-new-road\/45{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-16{padding-inline:calc(var(--spacing) * 16)}.sm\:py-28{padding-block:calc(var(--spacing) * 28)}.sm\:py-32{padding-block:calc(var(--spacing) * 32)}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media(min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:64rem){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:w-\[260px\]{width:260px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-start{justify-content:flex-start}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:px-24{padding-inline:calc(var(--spacing) * 24)}.lg\:text-left{text-align:left}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-italic.DpCbqKDY.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/poppins-latin-600-normal.zEkxB9Mr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/poppins-latin-700-normal.Qrb0O0WB.woff2)format("woff2");
1unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}h1,h2,h3{font-family:var(--font-display)}html{scroll-behavior:smooth}section[id]{scroll-margin-top:6rem}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{color:#fff;z-index:9999;background:#002139;border-radius:0 0 .25rem .25rem;padding:.5rem 1rem;font-weight:600;transition:top .1s;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);
1--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}:root{--cc-font-family:"Inter", sans-serif;--cc-bg:#002139;--cc-primary-color:rgba(255, 255, 255, .85);--cc-secondary-color:rgba(255, 255, 255, .55);--cc-link-color:#26ccf0;--cc-btn-primary-bg:#26ccf0;--cc-btn-primary-text:#002139;--cc-btn-primary-border-color:transparent;--cc-btn-primary-hover-bg:#1db8da;--cc-btn-primary-hover-text:#002139;--cc-btn-primary-hover-border-color:transparent;--cc-btn-secondary-bg:transparent;--cc-btn-secondary-text:rgba(255, 255, 255, .85);--cc-btn-secondary-border-color:rgba(255, 255, 255, .3);--cc-btn-secondary-hover-bg:rgba(255, 255, 255, .08);--cc-btn-secondary-hover-text:#fff;--cc-btn-secondary-hover-border-color:rgba(255, 255, 255, .5);--cc-separator-border-color:rgba(255, 255, 255, .1);--cc-cookie-category-block-bg:rgba(255, 255, 255, .05);--cc-cookie-category-block-bg-hover:rgba(255, 255, 255, .08);--cc-toggle-on-bg:#26ccf0;--cc-toggle-off-bg:rgba(255, 255, 255, .2);--cc-toggle-on-knob-bg:#002139;--cc-toggle-off-knob-bg:#fff;--cc-toggle-enabled-icon-color:#002139;--cc-toggle-disabled-icon-color:rgba(255, 255, 255, .5);--cc-toggle-readonly-bg:rgba(255, 255, 255, .1);--cc-toggle-readonly-knob-bg:rgba(255, 255, 255, .6);--cc-overlay-bg:rgba(0, 0, 0, .5)}</style><link rel="stylesheet" href="/_astro/CitiesMap.C6yMaeb6.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/_astro/CitiesMap.C6yMaeb6.css"></noscript><link rel="stylesheet" href="/_astro/BaseLayout.Dk8SOTt8.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/_astro/BaseLayout.Dk8SOTt8.css"></noscript><style>@keyframes progress-fill{0%{width:0%}to{width:100%}}@keyframes caret-bounce{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(3px);opacity:.2}}.scroll-caret[data-astro-cid-bbe6dxrz]{animation:caret-bounce 2s ease-in-out infinite}.hero-slide-image[data-astro-cid-bbe6dxrz]{object-position:var(--desktop-pos)}@media(max-width:639px){.hero-slide-image[data-astro-cid-bbe6dxrz]{object-position:var(--mobile-pos)}}[data-astro-cid-bbe6dxrz][data-slide]{will-change:opacity}@media(prefers-reduced-motion:reduce){.scroll-caret[data-astro-cid-bbe6dxrz]{animation:none}[data-astro-cid-bbe6dxrz][data-slide]{transition:none!important}}.phone-frame[data-astro-cid-4xty6sx2]{border-radius:2.25rem;border:8px solid #002139;box-shadow:0 0 0 1px #0021391f,inset 0 0 0 1px #0021390f,0 24px 64px #0021392e;overflow:hidden;position:relative;flex-shrink:0}.phone-frame[data-astro-cid-4xty6sx2]:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:52px;height:16px;background:#002139;border-radius:10px;z-index:10}.leaflet-container{font-family:Inter,sans-serif;background:#c4f2fc}.leaflet-attribution-flag{display:none!important}.leaflet-control-attribution a{color:#26ccf0}.bird-city-tooltip{background:#002139;color:#fff;border:none;border-radius:6px;padding:3px 8px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #00213947}.bird-city-tooltip.leaflet-tooltip-top:before{border-top-color:#002139}
2</style></head> <body class="bg-white text-new-road font-sans antialiased"> <a href="#main-content" class="skip-link">Skip to main content</a> <header class="fixed top-0 left-0 right-0 z-[1100] transition-colors duration-300" id="site-header"> <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between h-24" aria-label="Main navigation"> <!-- Logo --> <a href="/" aria-label="Bird — go to homepage" class="flex-shrink-0 focus-visible:rounded"> <img src="/_astro/bird_logo_with_wordmark.CDs20Cj_.svg" alt="Bird" width="192" height="64" class="h-16 w-auto"> </a> <!-- Desktop links --> <div class="hidden md:flex items-center gap-7"> <a href="/#cities" class="text-sm font-medium transition-colors text-white hover:text-esb"> Locations </a><div class="relative" data-nav-item> <a href="/#ride" class="text-sm font-medium transition-colors inline-flex items-center gap-1 text-white hover:text-esb" aria-haspopup="menu" aria-expanded="false" data-anchor>
2 Ride <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" class="chevron transition-transform duration-200"> <polyline points="6 9 12 15 18 9"/> </svg> </a> <div class="submenu-panel absolute top-full left-0 mt-2 min-w-[190px] bg-white rounded-xl shadow-xl border border-black/6 py-1.5 opacity-0 pointer-events-none transition-opacity duration-150 z-50" role="menu" data-submenu> <a href="/how/" class="flex items-center justify-between px-4 py-2.5 text-sm font-medium text-new-road/75 hover:text-new-road hover:bg-new-road/5 transition-colors mx-1 rounded-lg" role="menuitem"> How to Ride <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" class="ml-3 opacity-40 flex-shrink-0"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a><a href="/safety/" class="flex items-center justify-between px-4 py-2.5 text-sm font-medium text-new-road/75 hover:text-new-road hover:bg-new-road/5 transition-colors mx-1 rounded-lg" role="menuitem"> Safety <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" class="ml-3 opacity-40 flex-shrink-0"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a> </div> </div><div class="relative" data-nav-item> <a href="/#mission" class="text-sm font-medium transition-colors inline-flex items-center gap-1 text-white hover:text-esb" aria-haspopup="menu" aria-expanded="false" data-anchor>
2 About Bird <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" class="chevron transition-transform duration-200"> <polyline points="6 9 12 15 18 9"/> </svg> </a> <div class="submenu-panel absolute top-full left-0 mt-2 min-w-[190px] bg-white rounded-xl shadow-xl border border-black/6 py-1.5 opacity-0 pointer-events-none transition-opacity duration-150 z-50" role="menu" data-submenu> <a href="/vehicles/" class="flex items-center justify-between px-4 py-2.5 text-sm font-medium text-new-road/75 hover:text-new-road hover:bg-new-road/5 transition-colors mx-1 rounded-lg" role="menuitem"> Vehicles <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" class="ml-3 opacity-40 flex-shrink-0"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a><a href="/sustainability/" class="flex items-center justify-between px-4 py-2.5 text-sm font-medium text-new-road/75 hover:text-new-road hover:bg-new-road/5 transition-colors mx-1 rounded-lg" role="menuitem"> Sustainability <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" class="ml-3 opacity-40 flex-shrink-0"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a><a href="/access/" class="flex items-center justify-between px-4 py-2.5 text-sm font-medium text-new-road/75 hover:text-new-road hover:bg-new-road/5 transition-colors mx-1 rounded-lg" role="menuitem"> Access <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" class="ml-3 opacity-40 flex-shrink-0"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a><a href="/careers/" class="flex items-center justify-between px-4 py-2.5 text-sm font-medium text-new-road/75 hover:text-new-road hover:bg-new-road/5 transition-colors mx-1 rounded-lg" role="menuitem"> Careers <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" class="ml-3 opacity-40 flex-shrink-0"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a> </div> </div><div class="relative" data-nav-item> <a href="/#partners" class="text-sm font-medium transition-colors inline-flex items-center gap-1 text-white hover:text-esb" aria-haspopup="menu" aria-expanded="false" data-anchor>
2 Partners <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" class="chevron transition-transform duration-200"> <polyline points="6 9 12 15 18 9"/> </svg> </a> <div class="submenu-panel absolute top-full left-0 mt-2 min-w-[190px] bg-white rounded-xl shadow-xl border border-black/6 py-1.5 opacity-0 pointer-events-none transition-opacity duration-150 z-50" role="menu" data-submenu> <a href="/cities/" class="flex items-center justify-between px-4 py-2.5 text-sm font-medium text-new-road/75 hover:text-new-road hover:bg-new-road/5 transition-colors mx-1 rounded-lg" role="menuitem"> City Partner <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" class="ml-3 opacity-40 flex-shrink-0"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a><a href="/advertising/" class="flex items-center justify-between px-4 py-2.5 text-sm font-medium text-new-road/75 hover:text-new-road hover:bg-new-road/5 transition-colors mx-1 rounded-lg" role="menuitem"> Corporate Partner <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" class="ml-3 opacity-40 flex-shrink-0"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a><a href="/transit/" class="flex items-center justify-between px-4 py-2.5 text-sm font-medium text-new-road/75 hover:text-new-road hover:bg-new-road/5 transition-colors mx-1 rounded-lg" role="menuitem"> Transit Partner <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" class="ml-3 opacity-40 flex-shrink-0"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a><a href="/us-op/" class="flex items-center justify-between px-4 py-2.5 text-sm font-medium text-new-road/75 hover:text-new-road hover:bg-new-road/5 transition-colors mx-1 rounded-lg" role="menuitem"> Operations Partner <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" class="ml-3 opacity-40 flex-shrink-0"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a> </div> </div><div class="relative" data-nav-item> <a href="/#news" class="text-sm font-medium transition-colors inline-flex items-center gap-1 text-white hover:text-esb" aria-haspopup="menu" aria-expanded="false" data-anchor>
2 News <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" class="chevron transition-transform duration-200"> <polyline points="6 9 12 15 18 9"/> </svg> </a> <div class="submenu-panel absolute top-full left-0 mt-2 min-w-[190px] bg-white rounded-xl shadow-xl border border-black/6 py-1.5 opacity-0 pointer-events-none transition-opacity duration-150 z-50" role="menu" data-submenu> <a href="/news/" class="flex items-center justify-between px-4 py-2.5 text-sm font-medium text-new-road/75 hover:text-new-road hover:bg-new-road/5 transition-colors mx-1 rounded-lg" role="menuitem"> All Stories <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" class="ml-3 opacity-40 flex-shrink-0"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a> </div> </div> <!-- Help (external) --> <a href="https://help.bird.co/" target="_blank" rel="noopener noreferrer" aria-label="Help (opens in new tab)" data-analytics-event="outbound_click" data-analytics-destination="help.bird.co" class="inline-flex items-center gap-1 text-sm font-medium transition-colors text-white hover:text-esb"> Help <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/> <polyline points="15 3 21 3 21 9"/> <line x1="10" y1="14" x2="21" y2="3"/> </svg> </a> <!-- Download CTA --> <a href="https://go.bird.co/" data-analytics-event="app_download" data-analytics-destination="go.bird.co" class="px-5 py-2 text-sm font-semibold rounded-full transition-colors bg-esb text-new-road hover:bg-sea"> Download App </a> <!-- Language switcher — hidden when this page has no other-language equivalent --> <div class="relative" id="lang-switcher"> <button type="button" class="flex items-center gap-1 text-sm font-medium transition-colors text-white hover:text-esb" aria-haspopup="listbox" aria-expanded="false" aria-label="Language" id="lang-btn"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> <circle cx="12" cy="12" r="10"/> <line x1="2" y1="12" x2="22" y2="12"/> <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/> </svg> <span>EN</span> <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> <polyline points="6 9 12 15 18 9"/> </svg> </button> <ul role="listbox" aria-label="Language" id="lang-menu" class="hidden absolute right-0 mt-2 w-40 bg-new-road border border-white/10 rounded-lg shadow-xl py-1"> <li role="option" aria-selected="true" tabindex="0" data-lang-href="/" class="px-4 py-2 text-sm text-white font-medium flex items-center justify-between cursor-pointer focus-visible:bg-white/10 hover:bg-white/10"> English <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" aria-hidden="true"> <polyline points="20 6 9 17 4 12"/> </svg> </li><li role="option" aria-selected="false" tabindex="0" data-lang-href="/es/" class="px-4 py-2 text-sm text-white font-medium flex items-center justify-between cursor-pointer focus-visible:bg-white/10 hover:bg-white/10"> Español  </li><li role="option" aria-selected="false" tabindex="0" data-lang-href="/de/" class="px-4 py-2 text-sm text-white font-medium flex items-center justify-between cursor-pointer focus-visible:bg-white/10 hover:bg-white/10"> Deutsch  </li><li role="option" aria-selected="false" tabindex="0" data-lang-href="/fr/" class="px-4 py-2 text-sm text-white font-medium flex items-center justify-between cursor-pointer focus-visible:bg-white/10 hover:bg-white/10"> Français  </li><li role="option" aria-selected="false" tabindex="0" data-lang-href="/it/" class="px-4 py-2 text-sm text-white font-medium flex items-center justify-between cursor-pointer focus-visible:bg-white/10 hover:bg-white/10"> Italiano  </li><li role="option" aria-selected="false" tabindex="0" data-lang-href="/pt/" class="px-4 py-2 text-sm text-white font-medium flex items-center justify-between cursor-pointer focus-visible:bg-white/10 hover:bg-white/10"> Português  </li> </ul> </div> </div> <!-- Mobile hamburger --> <button type="button" class="md:hidden p-2 rounded-md text-white" aria-expanded="false" aria-controls="mobile-menu" aria-label="Open navigation menu" data-label-open="Open navigation menu" data-label-close="Close navigation menu" id="hamburger-btn"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" id="hamburger-icon"> <line x1="3" y1="6" x2="21" y2="6"/> <line x1="3" y1="12" x2="21" y2="12"/> <line x1="3" y1="18" x2="21" y2="18"/> </svg> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" id="close-icon" class="hidden"> <line x1="18" y1="6" x2="6" y2="18"/> <line x1="6" y1="6" x2="18" y2="18"/> </svg> </button> </nav> <!-- Mobile menu — submenu deeplinks shown inline under each section link --> <div id="mobile-menu" class="hidden md:hidden px-4 pb-6 pt-2 max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain bg-new-road/95 backdrop-blur" role="navigation" aria-label="Mobile navigation"> <ul class="flex flex-col gap-3"> <li> <a href="/#cities" class="block text-base font-medium py-1 text-white hover:text-esb"> Locations </a>  </li><li> <a href="/#ride" class="block text-base font-medium py-1 text-white hover:text-esb"> Ride </a> <ul class="ml-3 mt-0.5 flex flex-col gap-0.5 border-l-2 border-current/10 pl-3"> <li> <a href="/how/" class="block text-sm py-1 text-white/55 hover:text-white"> How to Ride </a> </li><li> <a href="/safety/" class="block text-sm py-1 text-white/55 hover:text-white"> Safety </a> </li> </ul> </li><li> <a href="/#mission" class="block text-base font-medium py-1 text-white hover:text-esb"> About Bird </a> <ul class="ml-3 mt-0.5 flex flex-col gap-0.5 border-l-2 border-current/10 pl-3"> <li> <a href="/vehicles/" class="block text-sm py-1 text-white/55 hover:text-white"> Vehicles </a> </li><li> <a href="/sustainability/" class="block text-sm py-1 text-white/55 hover:text-white"> Sustainability </a> </li><li> <a href="/access/" class="block text-sm py-1 text-white/55 hover:text-white"> Access </a> </li><li> <a href="/careers/" class="block text-sm py-1 text-white/55 hover:text-white"> Careers </a> </li> </ul> </li><li> <a href="/#partners" class="block text-base font-medium py-1 text-white hover:text-esb"> Partners </a> <ul class="ml-3 mt-0.5 flex flex-col gap-0.5 border-l-2 border-current/10 pl-3"> <li> <a href="/cities/" class="block text-sm py-1 text-white/55 hover:text-white"> City Partner </a> </li><li> <a href="/advertising/" class="block text-sm py-1 text-white/55 hover:text-white"> Corporate Partner </a> </li><li> <a href="/transit/" class="block text-sm py-1 text-white/55 hover:text-white"> Transit Partner </a> </li><li> <a href="/us-op/" class="block text-sm py-1 text-white/55 hover:text-white"> Operations Partner </a> </li> </ul> </li><li> <a href="/#news" class="block text-base font-medium py-1 text-white hover:text-esb"> News </a> <ul class="ml-3 mt-0.5 flex flex-col gap-0.5 border-l-2 border-current/10 pl-3"> <li> <a href="/news/" class="block text-sm py-1 text-white/55 hover:text-white">
2 All Stories </a> </li> </ul> </li> <li> <a href="https://help.bird.co/" target="_blank" rel="noopener noreferrer" aria-label="Help (opens in new tab)" data-analytics-event="outbound_click" data-analytics-destination="help.bird.co" class="inline-flex items-center gap-1 text-base font-medium py-1 text-white hover:text-esb"> Help <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/> <polyline points="15 3 21 3 21 9"/> <line x1="10" y1="14" x2="21" y2="3"/> </svg> </a> </li> <li> <a href="https://go.bird.co/" data-analytics-event="app_download" data-analytics-destination="go.bird.co" class="inline-block px-5 py-2 font-semibold rounded-full transition-colors bg-esb text-new-road hover:bg-sea"> Download App </a> </li> <li class="pt-3 mt-1 border-t border-current/10"> <div class="flex items-center gap-2 mb-2"> <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" class="text-white/55"> <circle cx="12" cy="12" r="10"/> <line x1="2" y1="12" x2="22" y2="12"/> <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/> </svg> <span class="text-sm font-medium text-white/55">Language</span> </div> <ul class="flex gap-4 ml-0.5" role="listbox" aria-label="Language"> <li role="option" aria-selected="true"> <a href="/" class="inline-flex items-center gap-1.5 text-sm font-medium py-1 text-white hover:text-esb" aria-current="page"> English <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" aria-hidden="true"> <polyline points="20 6 9 17 4 12"/> </svg> </a> </li><li role="option" aria-selected="false"> <a href="/es/" class="inline-flex items-center gap-1.5 text-sm font-medium py-1 text-white/55 hover:text-white"> Español  </a> </li><li role="option" aria-selected="false"> <a href="/de/" class="inline-flex items-center gap-1.5 text-sm font-medium py-1 text-white/55 hover:text-white"> Deutsch  </a> </li><li role="option" aria-selected="false"> <a href="/fr/" class="inline-flex items-center gap-1.5 text-sm font-medium py-1 text-white/55 hover:text-white"> Français  </a> </li><li role="option" aria-selected="false"> <a href="/it/" class="inline-flex items-center gap-1.5 text-sm font-medium py-1 text-white/55 hover:text-white"> Italiano  </a> </li><li role="option" aria-selected="false"> <a href="/pt/" class="inline-flex items-center gap-1.5 text-sm font-medium py-1 text-white/55 hover:text-white"> Português  </a> </li> </ul> </li> </ul> </div> </header> 
2<script type="module">const v=document.getElementById("site-header"),a=document.getElementById("hamburger-btn"),c=document.getElementById("mobile-menu"),h=document.getElementById("hamburger-icon"),p=document.getElementById("close-icon"),d=document.getElementById("lang-btn"),r=document.getElementById("lang-menu"),L=v?.dataset.solid==="true";function y(){L||(window.scrollY>20?v?.classList.add("bg-new-road/95","backdrop-blur","shadow-sm"):v?.classList.remove("bg-new-road/95","backdrop-blur","shadow-sm"))}window.addEventListener("scroll",y,{passive:!0});y();a?.addEventListener("click",()=>{const t=a.getAttribute("aria-expanded")==="true";a.setAttribute("aria-expanded",String(!t)),c?.classList.toggle("hidden"),h?.classList.toggle("hidden"),p?.classList.toggle("hidden"),a.setAttribute("aria-label",t?a.dataset.labelOpen??"":a.dataset.labelClose??"")});c?.querySelectorAll("a").forEach(t=>{t.addEventListener("click",()=>{c.classList.add("hidden"),h?.classList.remove("hidden"),p?.classList.add("hidden"),a?.setAttribute("aria-expanded","false"),a?.setAttribute("aria-label",a.dataset.labelOpen??"")})});d?.addEventListener("click",t=>{t.stopPropagation();const n=d.getAttribute("aria-expanded")==="true";d.setAttribute("aria-expanded",String(!n)),r?.classList.toggle("hidden"),n||r?.querySelector('[role="option"]')?.focus()});r?.querySelectorAll("[data-lang-href]").forEach(t=>{const n=()=>{const e=t.dataset.langHref;e&&(window.location.href=e)};t.addEventListener("click",n),t.addEventListener("keydown",e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),n())})});document.addEventListener("click",()=>{r?.classList.add("hidden"),d?.setAttribute("aria-expanded","false")});let o=!1;document.addEventListener("touchstart",()=>{o=!0},{passive:!0});document.addEventListener("mousemove",()=>{o=!1},{passive:!0});function m(t,n){t.classList.remove("opacity-0","pointer-events-none"),t.classList.add("opacity-100","pointer-events-auto"),n.setAttribute("aria-expanded","true"),t.dataset.open="true";const e=n.querySelector(".chevron");e&&(e.style.transform="rotate(180deg)")}function l(t,n){t.classList.add("opacity-0","pointer-events-none"),t.classList.remove("opacity-100","pointer-events-auto"),n.setAttribute("aria-expanded","false"),delete t.dataset.open;const e=n.querySelector(".chevron");e&&(e.style.transform="")}function u(t){document.querySelectorAll("[data-submenu]").forEach(n=>{if(n===t)return;const e=n.closest("[data-nav-item]")?.querySelector("[data-anchor]");e&&l(n,e)})}document.querySelectorAll("[data-nav-item]").forEach(t=>{const n=t.querySelector("[data-anchor]"),e=t.querySelector("[data-submenu]");if(!n||!e)return;let g;t.addEventListener("mouseenter",()=>{clearTimeout(g),o||m(e,n)}),t.addEventListener("mouseleave",()=>{o||(g=setTimeout(()=>l(e,n),120))}),n.addEventListener("click",s=>{o&&(e.dataset.open==="true"?u():(s.preventDefault(),u(),m(e,n)))}),n.addEventListener("keydown",s=>{s.key==="ArrowDown"&&(s.preventDefault(),m(e,n),e.querySelector('[role="menuitem"]')?.focus())}),e.addEventListener("keydown",s=>{const i=Array.from(e.querySelectorAll('[role="menuitem"]')),f=i.indexOf(document.activeElement);s.key==="ArrowDown"?(s.preventDefault(),i[(f+1)%i.length]?.focus()):s.key==="ArrowUp"?(s.preventDefault(),f<=0?(l(e,n),n.focus()):i[f-1]?.focus()):s.key==="Escape"&&(s.preventDefault(),l(e,n),n.focus())})});document.addEventListener("click",t=>{t.target.closest("[data-nav-item]")||u()});document.addEventListener("keydown",t=>{if(t.key!=="Escape")return;const n=!c?.classList.contains("hidden"),e=!r?.classList.contains("hidden");u(),c?.classList.add("hidden"),r?.classList.add("hidden"),h?.classList.remove("hidden"),p?.classList.add("hidden"),a?.setAttribute("aria-expanded","false"),d?.setAttribute("aria-expanded","false"),n?a?.focus():e&&d?.focus()});</script>
2 <main id="main-content" tabindex="-1">   <section class="relative h-screen overflow-hidden" aria-label="Hero slideshow" aria-roledescription="carousel" data-slide-label-template="Slide {n} of {total}" data-analytics-section="hero" id="hero-carousel" data-astro-cid-bbe6dxrz> <!-- Screen reader live announcements --> <div class="sr-only" aria-live="polite" aria-atomic="true" id="carousel-announcement" data-astro-cid-bbe6dxrz></div> <!-- Slide images --> <div role="group" aria-roledescription="slide" aria-label="Slide 1 of 4" data-slide="0" data-media-loaded="true" class="absolute inset-0 transition-opacity duration-700" style="opacity:1;z-index:2" data-astro-cid-bbe6dxrz> <picture data-astro-cid-bbe6dxrz> <source media="(max-width: 639px)" srcset="/_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_vSMDA.avif 360w, /_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_Z1FHgMF.avif 540w, /_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_XzGOi.avif 720w" type="image/avif" sizes="100vw" data-astro-cid-bbe6dxrz> <source media="(max-width: 639px)" srcset="/_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_Z1BwGB2.webp 360w, /_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_1g3mKD.webp 540w, /_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_1UTV1z.webp 720w" type="image/webp" sizes="100vw" data-astro-cid-bbe6dxrz> <source media="(min-width: 640px)" srcset="/_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_8Qzyl.avif 640w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_2wpvt7.avif 960w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_Z1kx4hU.avif 1280w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_3DcvB.avif 1600w" type="image/avif" sizes="100vw" data-astro-cid-bbe6dxrz> <source media="(min-width: 640px)" srcset="/_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_Z1YyTGh.webp 640w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_nY1du.webp 960w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_Z1vpyA5.webp 1280w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_ZNgr9m.webp 1600w" type="image/webp" sizes="100vw" data-astro-cid-bbe6dxrz> <img src="/_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_27Be7G.webp" srcset="/_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_Z1YyTGh.webp 640w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_nY1du.webp 960w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_Z1vpyA5.webp 1280w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_ZNgr9m.webp 1600w" alt="Two people standing together next to a Bird e-bike on a sunny path" class="hero-slide-image w-full h-full object-cover" style="--desktop-pos:50% 15%; --mobile-pos:center 20%;" loading="eager" fetchpriority="high" decoding="sync" sizes="100vw" data-astro-cid-bbe6dxrz> </picture> </div><div role="group" aria-roledescription="slide" aria-label="Slide 2 of 4" aria-hidden="true" data-slide="1" class="absolute inset-0 transition-opacity duration-700" style="opacity:0;z-index:0" data-astro-cid-bbe6dxrz> <picture data-astro-cid-bbe6dxrz> <source media="(max-width: 639px)" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_620.DL1K6Z1Y_Z17Sqet.avif 360w, /_astro/Copy%20of%20Bird_LauraAustin_620.DL1K6Z1Y_Z1osq9h.avif 540w, /_astro/Copy%20of%20Bird_LauraAustin_620.DL1K6Z1Y_Z2fJ4La.avif 720w" type="image/avif" sizes="100vw" data-astro-cid-bbe6dxrz> <source media="(max-width: 639px)" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_620.DL1K6Z1Y_ZXbh12.webp 360w, /_astro/Copy%20of%20Bird_LauraAustin_620.DL1K6Z1Y_Z1eKgUP.webp 540w, /_astro/Copy%20of%20Bird_LauraAustin_620.DL1K6Z1Y_2hGDqg.webp 720w" type="image/webp" sizes="100vw" data-astro-cid-bbe6dxrz> <source media="(min-width: 640px)" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_2wspgI.avif 640w, /_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_1MNVNb.avif 960w, /_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_nDTAT.avif 1280w, /_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_ZAmOvc.avif 1600w" type="image/avif" sizes="100vw" data-astro-cid-bbe6dxrz> <source media="(min-width: 640px)" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_Z2o1zjL.webp 640w, /_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_1Ww61C.webp 960w, /_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_enrBG.webp 1280w, /_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_Z1Ymp79.webp 1600w" type="image/webp" sizes="100vw" data-astro-cid-bbe6dxrz> <img data-src="/_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_Z21uhBB.webp" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_Z2o1zjL.webp 640w, /_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_1Ww61C.webp 960w, /_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_enrBG.webp 1280w, /_astro/Copy%20of%20Bird_LauraAustin_595.BLWkYWd2_Z1Ymp79.webp 1600w" alt="Group of riders on Bird e-bikes and scooters crossing a sunny city intersection" class="hero-slide-image w-full h-full object-cover" style="--desktop-pos:40% 25%; --mobile-pos:center 20%;" loading="lazy" fetchpriority="auto" decoding="async" sizes="100vw" data-astro-cid-bbe6dxrz> </picture> </div><div role="group" aria-roledescription="slide" aria-label="Slide 3 of 4" aria-hidden="true" data-sli
2de="2" class="absolute inset-0 transition-opacity duration-700" style="opacity:0;z-index:0" data-astro-cid-bbe6dxrz> <picture data-astro-cid-bbe6dxrz> <source media="(max-width: 639px)" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_819.DQe_MEXt_Z103PpO.avif 360w, /_astro/Copy%20of%20Bird_LauraAustin_819.DQe_MEXt_Z1gCPkC.avif 540w, /_astro/Copy%20of%20Bird_LauraAustin_819.DQe_MEXt_Z27TtWv.avif 720w" type="image/avif" sizes="100vw" data-astro-cid-bbe6dxrz> <source media="(max-width: 639px)" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_819.DQe_MEXt_ZPlGcn.webp 360w, /_astro/Copy%20of%20Bird_LauraAustin_819.DQe_MEXt_Z16UG7b.webp 540w, /_astro/Copy%20of%20Bird_LauraAustin_819.DQe_MEXt_2pweeU.webp 720w" type="image/webp" sizes="100vw" data-astro-cid-bbe6dxrz> <source media="(min-width: 640px)" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_Z1Px0Sr.avif 640w, /_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_x0U1k.avif 960w, /_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_Z20DQA6.avif 1280w, /_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_ZBszLz.avif 1600w" type="image/avif" sizes="100vw" data-astro-cid-bbe6dxrz> <source media="(min-width: 640px)" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_16dCER.webp 640w, /_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_Z1Apzei.webp 960w, /_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_Z2bwlSg.webp 1280w, /_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_Z1tnerx.webp 1600w" type="image/webp" sizes="100vw" data-astro-cid-bbe6dxrz> <img data-src="/_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_1ruqOv.webp" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_16dCER.webp 640w, /_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_Z1Apzei.webp 960w, /_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_Z2bwlSg.webp 1280w, /_astro/Copy%20of%20Bird_LauraAustin_847.qWUe3uUF_Z1tnerx.webp 1600w" alt="Bird e-bikes parked in front of a colorful yellow and teal mural" class="hero-slide-image w-full h-full object-cover" style="--desktop-pos:center center; --mobile-pos:center 20%;" loading="lazy" fetchpriority="auto" decoding="async" sizes="100vw" data-astro-cid-bbe6dxrz> </picture> </div><div role="group" aria-roledescription="slide" aria-label="Slide 4 of 4" aria-hidden="true" data-slide="3" class="absolute inset-0 transition-opacity duration-700" style="opacity:0;z-index:0" data-astro-cid-bbe6dxrz> <picture data-astro-cid-bbe6dxrz> <source media="(max-width: 639px)" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_880.DHbuHDBR_2q3PqA.avif 360w, /_astro/Copy%20of%20Bird_LauraAustin_880.DHbuHDBR_drKYk.avif 540w, /_astro/Copy%20of%20Bird_LauraAustin_880.DHbuHDBR_Z2crocD.avif 720w" type="image/avif" sizes="100vw" data-astro-cid-bbe6dxrz> <source media="(max-width: 639px)" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_880.DHbuHDBR_hClaX.webp 360w, /_astro/Copy%20of%20Bird_LauraAustin_880.DHbuHDBR_Z1TXIgi.webp 540w, /_astro/Copy%20of%20Bird_LauraAustin_880.DHbuHDBR_Z1f7a0m.webp 720w" type="image/webp" sizes="100vw" data-astro-cid-bbe6dxrz> <source media="(min-width: 640px)" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_Xi1fc.avif 640w, /_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_Z1IlbDX.avif 960w, /_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_Z186e7a.avif 1280w, /_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_g52Gm.avif 1600w" type="image/avif" sizes="100vw" data-astro-cid-bbe6dxrz> <source media="(min-width: 640px)" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_Z1a8t0q.webp 640w, /_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_1dprTl.webp 960w, /_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_Z1iXIpk.webp 1280w, /_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_ZAOAXB.webp 1600w" type="image/webp" sizes="100vw" data-astro-cid-bbe6dxrz> <img data-src="/_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_2k34ir.webp" data-srcset="/_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_Z1a8t0q.webp 640w, /_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_1dprTl.webp 960w, /_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_Z1iXIpk.webp 1280w, /_astro/Copy%20of%20Bird_LauraAustin_868.BgnbrSH1_ZAOAXB.webp 1600w" alt="Bird e-bikes and scooters parked outside a modern building" class="hero-slide-image w-full h-full object-cover" style="--desktop-pos:center center; --mobile-pos:center 20%;" loading="lazy" fetchpriority="auto" decoding="async" sizes="100vw" data-astro-cid-bbe6dxrz> </picture> </div> <!-- Full-screen vertical wash. Responsive because the copy is positioned
3       differently per breakpoint:
4       • Mobile: copy is effectively full-width and vertically centred, so the
5         left scrim below can't help it — this wash (strong mid-stop) is the
6         sole contrast layer and must stay dark behind the centre band.
7       • Desktop (sm+): copy is left-aligned and the scrim carries contrast, so
8         the wash is kept light to let the photos read brightly.
9       Verify any change with `node scripts/check-contrast.mjs` at BOTH widths. --> <div class="absolute inset-0 z-10 bg-gradient-to-b from-new-road/30 via-new-road/65 to-new-road/40 sm:from-new-road/30 sm:via-new-road/20 sm:to-new-road/45" aria-hidden="true" data-astro-cid-bbe6dxrz></div> <!-- Left scrim (desktop only): the contrast-critical layer behind the
10       left-aligned desktop copy. Hidden on mobile, where the copy is centred and
11       full-width so a left→right ramp would leave the right half unprotected —
12       mobile relies on the wash above instead. Stops are PIXEL-based, not %:
13       the copy block is a fixed width (lg:px-24 + max-w-md ≈ 544px), so a
14       %-based dark band shrinks out from under the subtext on mid-size
15       viewports (measured 2.49:1 at 768px with the old 38% stop). The 560px
16       stop keeps the full copy block covered at every sm+ width; do not
17       lighten or narrow without re-running check-contrast.mjs at 1440, 768
18       AND 390 widths. --> <div class="absolute inset-0 z-10 hidden sm:block" aria-hidden="true" style="background: linear-gradient(to right, rgba(0,33,57,0.42) 0px, rgba(0,33,57,0.36) 560px, rgba(0,33,57,0.08) 900px, transparent 1150px)" data-astro-cid-bbe6dxrz></div> <!-- Text overlay — identical on every slide, so rendered once and kept static
19       while only the background photo cross-fades behind it --> <div class="absolute inset-0 z-20 flex flex-col items-start justify-center text-left px-8 sm:px-16 lg:px-24 pointer-events-none" data-astro-cid-bbe6dxrz> <h1 class="text-4xl sm:text-6xl lg:text-7xl font-bold text-white leading-tight mb-1" data-astro-cid-bbe6dxrz> Ride On </h1> <p class="text-lg sm:text-2xl font-medium text-white max-w-md" data-astro-cid-bbe6dxrz> Cleaner air. Less traffic. More joy. </p> <!-- Hero CTAs — wrapper re-enables pointer events (overlay is pointer-events-none) --> <div class="mt-7 flex flex-col sm:flex-row items-start gap-3 pointer-events-auto" data-astro-cid-bbe6dxrz> <a href="#download" data-analytics-event="cta_click" data-analytics-label="hero_get_the_app" class="inline-flex items-center justify-center px-7 py-3 text-base font-semibold rounded-full bg-esb text-new-road hover:bg-sea transition-colors" data-astro-cid-bbe6dxrz> Download the App </a> <a href="#cities" class="group inline-flex items-center gap-1.5 px-7 py-3 text-base font-semibold rounded-full border border-white/50 text-white hover:bg-white/10 transition-colors" data-astro-cid-bbe6dxrz>
19 Locations <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" class="group-hover:translate-y-0.5 transition-transform" data-astro-cid-bbe6dxrz=""> <polyline points="6 9 12 15 18 9" data-astro-cid-bbe6dxrz=""/> </svg> </a> </div> </div> <!-- Combined bottom bar: progress pills + controls --> <div class="absolute bottom-8 left-1/2 -translate-x-1/2 z-20" role="group" aria-label="Slideshow controls" data-astro-cid-bbe6dxrz> <div class="flex items-center gap-2 sm:gap-2.5 px-3 sm:px-4 py-2.5 rounded-full bg-new-road/40 backdrop-blur-md border border-white/15 shadow-lg" data-astro-cid-bbe6dxrz> <!-- Prev --> <button id="carousel-prev" type="button" aria-label="Previous slide" class="p-1.5 text-white/70 hover:text-white hover:bg-white/10 rounded-full transition-colors" data-astro-cid-bbe6dxrz> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-astro-cid-bbe6dxrz=""> <polyline points="15 18 9 12 15 6" data-astro-cid-bbe6dxrz=""/> </svg> </button> <!-- Progress indicators: dots on mobile, bars on desktop --> <div class="flex items-center gap-1 sm:gap-1.5" aria-hidden="true" data-astro-cid-bbe6dxrz> <div class="h-1.5 w-1.5 sm:h-[3px] sm:w-7 rounded-full bg-white/25 overflow-hidden" data-astro-cid-bbe6dxrz> <div class="h-full bg-white rounded-full" data-bar="0" style="width:0%" data-astro-cid-bbe6dxrz></div> </div><div class="h-1.5 w-1.5 sm:h-[3px] sm:w-7 rounded-full bg-white/25 overflow-hidden" data-astro-cid-bbe6dxrz> <div class="h-full bg-white rounded-full" data-bar="1" style="width:0%" data-astro-cid-bbe6dxrz></div> </div><div class="h-1.5 w-1.5 sm:h-[3px] sm:w-7 rounded-full bg-white/25 overflow-hidden" data-astro-cid-bbe6dxrz> <div class="h-full bg-white rounded-full" data-bar="2" style="width:0%" data-astro-cid-bbe6dxrz></div> </div><div class="h-1.5 w-1.5 sm:h-[3px] sm:w-7 rounded-full bg-white/25 overflow-hidden" data-astro-cid-bbe6dxrz> <div class="h-full bg-white rounded-full" data-bar="3" style="width:0%" data-astro-cid-bbe6dxrz></div> </div> </div> <!-- Next --> <button id="carousel-next" type="button" aria-label="Next slide" class="p-1.5 text-white/70 hover:text-white hover:bg-white/10 rounded-full transition-colors" data-astro-cid-bbe6dxrz> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-astro-cid-bbe6dxrz=""> <polyline points="9 18 15 12 9 6" data-astro-cid-bbe6dxrz=""/> </svg> </button> <!-- Divider --> <div class="w-px h-3.5 bg-white/20 mx-0.5" aria-hidden="true" data-astro-cid-bbe6dxrz></div> <!-- Pause / Play --> <button id="carousel-pause" type="button" aria-label="Pause slideshow" data-label-pause="Pause slideshow" data-label-resume="Resume slideshow" aria-pressed="false" class="p-1.5 text-white/70 hover:text-white hover:bg-white/10 rounded-full transition-colors" data-astro-cid-bbe6dxrz> <svg id="pause-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-astro-cid-bbe6dxrz=""> <rect x="6" y="4" width="4" height="16" rx="1" data-astro-cid-bbe6dxrz=""/> <rect x="14" y="4" width="4" height="16" rx="1" data-astro-cid-bbe6dxrz=""/> </svg> <svg id="play-icon" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="hidden" data-astro-cid-bbe6dxrz=""> <polygon points="5 3 19 12 5 21 5 3" data-astro-cid-bbe6dxrz=""/> </svg> </button> </div> </div> </section>  
19<script type="module">const i=[...document.querySelectorAll("[data-slide]")],y=[...document.querySelectorAll("[data-bar]")],T=document.getElementById("carousel-prev"),L=document.getElementById("carousel-next"),r=document.getElementById("carousel-pause"),p=document.getElementById("pause-icon"),h=document.getElementById("play-icon"),g=document.getElementById("carousel-announcement"),I=document.getElementById("hero-carousel"),E=window.matchMedia("(prefers-reduced-motion: reduce)").matches,v=700;let t=0,u=0,f=!1,l=null,m=null;function B(s){const a=i[s];!a||a.dataset.mediaLoaded==="true"||(a.querySelectorAll("[data-src],[data-srcset]").forEach(n=>{const c=n.dataset.src,e=n.dataset.srcset;c&&(n.src=c),e&&n.setAttribute("srcset",e)}),a.dataset.mediaLoaded="true")}function d(s,a=!0){B(s);const n=i.length;t=(s%n+n)%n,m&&clearTimeout(m),i.forEach((e,o)=>{o===t?(e.style.zIndex="2",e.style.opacity="1"):o===u?(e.style.zIndex="1",e.style.opacity="1"):(e.style.zIndex="0",e.style.opacity="0"),e.setAttribute("aria-hidden",String(o!==t))});const c=u;if(m=setTimeout(()=>{c!==t&&(i[c].style.opacity="0",i[c].style.zIndex="0")},v),u=t,E||y.forEach((e,o)=>{e.style.animation="none",e.offsetWidth,o<t?(e.style.width="100%",e.style.animation=""):o===t?(e.style.width="0%",e.style.animation="progress-fill 5000ms linear forwards"):(e.style.width="0%",e.style.animation="")}),a&&g){const e=i[t]?.querySelector("img")?.getAttribute("alt")??"",b=(I?.dataset.slideLabelTemplate??"Slide {n} of {total}").replace("{n}",String(t+1)).replace("{total}",String(i.length));g.textContent=`${b}${e?`: ${e}`:""}`}A()}function A(){l&&clearTimeout(l),f||(l=setTimeout(()=>d(t+1),5e3))}function S(s){f=s,r?.setAttribute("aria-pressed",String(s)),s?(l&&clearTimeout(l),y.forEach(a=>{a.style.animationPlayState="paused"}),p?.classList.add("hidden"),h?.classList.remove("hidden"),r?.setAttribute("aria-label",r.dataset.labelResume??"")):(y.forEach(a=>{a.style.animationPlayState="running"}),p?.classList.remove("hidden"),h?.classList.add("hidden"),r?.setAttribute("aria-label",r.dataset.labelPause??""),A())}T?.addEventListener("click",()=>d(t-1));L?.addEventListener("click",()=>d(t+1));r?.addEventListener("click",()=>S(!f));I?.addEventListener("keydown",s=>{s.key==="ArrowLeft"&&(s.preventDefault(),d(t-1)),s.key==="ArrowRight"&&(s.preventDefault(),d(t+1))});d(0,!1);E&&S(!0);</script>
19 <section id="download" class="relative overflow-hidden bg-white" aria-labelledby="cta-heading" data-analytics-section="download" data-astro-cid-4xty6sx2> <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" data-astro-cid-4xty6sx2> <div class="flex flex-col lg:flex-row items-center gap-12 lg:gap-16 py-24 sm:py-32" data-astro-cid-4xty6sx2> <!-- Text + buttons --> <div class="flex-1 text-center lg:text-left" data-astro-cid-4xty6sx2> <h2 id="cta-heading" class="text-3xl sm:text-5xl font-bold text-new-road mb-4" data-astro-cid-4xty6sx2> Download the Bird App </h2> <p class="text-new-road/70 text-lg mb-10 leading-relaxed" data-astro-cid-4xty6sx2> Scan a Bird scooter or e-bike near you and ride in seconds. </p> <div class="flex flex-col sm:flex-row items-center lg:items-start justify-center lg:justify-start gap-4" data-astro-cid-4xty6sx2> <a href="https://apps.apple.com/us/app/bird-ride-electric/id1260842311" target="_blank" rel="noopener noreferrer" aria-label="Download on the App Store (opens in new tab)" data-analytics-event="app_download" data-analytics-destination="apple" data-astro-cid-4xty6sx2> <img src="/badge-app-store.svg" alt="Download on the App Store" width="160" height="53" class="h-[53px] w-auto" data-astro-cid-4xty6sx2> </a> <a href="https://play.google.com/store/apps/details?id=co.bird.android" target="_blank" rel="noopener noreferrer" aria-label="Get it on Google Play (opens in new tab)" data-analytics-event="app_download" data-analytics-destination="google" data-astro-cid-4xty6sx2> <img src="/badge-google-play.svg" alt="Get it on Google Play" width="180" height="53" class="h-[53px] w-auto" data-astro-cid-4xty6sx2> </a> </div> </div> <!-- Phone mockup --> <div class="flex-1 flex justify-center lg:justify-end" aria-hidden="true" data-astro-cid-4xty6sx2> <div class="phone-frame w-[220px] sm:w-[240px] lg:w-[260px]" data-astro-cid-4xty6sx2> <picture data-astro-cid-4xty6sx2="true"> <source srcset="/_astro/map.CP_rw5Hg_1pcYVJ.avif 260w, /_astro/map.CP_rw5Hg_1gV5k2.avif 520w, /_astro/map.CP_rw5Hg_Z1mk8ym.avif 780w" type="image/avif" sizes="(max-width: 640px) 220px, (max-width: 1024px) 240px, 260px"><source srcset="/_astro/map.CP_rw5Hg_278Cng.webp 260w, /_astro/map.CP_rw5Hg_Z2kh6hn.webp 520w, /_astro/map.CP_rw5Hg_6DNDa.webp 780w" type="image/webp" sizes="(max-width: 640px) 220px, (max-width: 1024px) 240px, 260px">  <img src="/_astro/map.CP_rw5Hg_Y3aAU.webp" srcset="/_astro/map.CP_rw5Hg_278Cng.webp 260w, /_astro/map.CP_rw5Hg_Z2kh6hn.webp 520w, /_astro/map.CP_rw5Hg_6DNDa.webp 780w" alt loading="lazy" sizes="(max-width: 640px) 220px, (max-width: 1024px) 240px, 260px" data-astro-cid-4xty6sx2="true" decoding="async" width="1179" height="2556" class="w-full h-auto block"> </picture> </div> </div> </div> </div> </section> <section id="cities" class="relative" aria-labelledby="cities-heading" data-analytics-section="cities"> <!-- Full-bleed map --> <div id="cities-map" role="region" aria-label="Interactive map of Bird operating cities across North America and Europe. A full text list of cities follows." data-gesture-touch="Use two fingers to move the map" data-gesture-scroll="Use ctrl + scroll to zoom the map" data-gesture-scroll-mac="Use ⌘ + scroll to zoom the map" style="height: 700px; width: 100%;"></div> <!-- Heading overlaid on map — pointer-events-none so map stays interactive --> <div class="absolute top-8 inset-x-0 text-center z-[1000] pointer-events-none px-4"> <h2 id="cities-heading" class="text-3xl sm:text-4xl font-bold text-new-road mb-2"> Find a Bird Near You </h2> <p class="text-new-road/70 text-lg max-w-xl mx-auto"> Bird operates in cities around the world. </p> </div> <!-- Accessible fallback: city list for screen readers and no-JS --> <div class="sr-only" aria-label="List of Bird cities"> <ul> <li>Adeje</li><li>Agen</li><li>Ajaccio</li><li>Akron</li><li>Ann Arbor</li><li>Antigua</li><li>Arlington</li><li>Atlanta</li><li>Auburn</li><li>Austin</li><li>Bakersfield</li><li>Baltimore</li><li>Barcelona</li><li>Basel</li><li>Baton Rouge</li><li>Bibione</li><li>Bismarck</li><li>Blois</li><li>Bloomington</li><li>Braga</li><li>Calgary</li><li>Cascais</li><li>Chalons-en-Champagne</li><li>Charlotte</li><li>Cherbourg-en-Cotentin</li><li>Cleveland</li><li>Coimbra</li><li>Columbus</li><li>Coral Gables</li><li>Dallas</li><li>Davis</li><li>Detroit</li><li>Durham</li><li>Eau Claire</li><li>Edmonton</li><li>Fairfax</li><li>Florence</li><li>Fort Collins</li><li>Fort Myers</li><li>Funchal</li><li>Gainesville</li><li>Gijon</li><li>Greensboro</li><li>Halifax</li><li>Hamilton</li><li>Harrisonburg</li><li>Idaho Falls</li><li>Indianapolis</li><li>Jacksonville</li><li>Kamloops</li><li>Kansas City</li><li>Knoxville</li><li>Lansing</li><li>Lausanne</li><li>Laval</li><li>Lethbridge</li><li>Lexington</li><li>Lisbon</li><li>Long Beach</li><li>Los Angeles</li><li>Memphis</li><li>Milan</li><li>Minneapolis</li><li>Mississauga</li><li>Murcia</li><li>Napoli</li><li>Nashville</li><li>New York City</li><li>Newark</li><li>Oeiras</li><li>Oklahoma City</li><li>Okotoks</li><li>Orange County</li><li>Orlando</li><li>Oshawa</li><li>Ottawa</li><li>Oviedo</li><li>Palermo</li><li>Penn State</li><li>Phoenix</li><li>Portimao</li><li>Providence</li><li>Pullman</li><li>
19Raleigh</li><li>Reno</li><li>Richmond</li><li>Roanoke</li><li>Rome</li><li>Rota</li><li>Sacramento</li><li>Salt Lake City</li><li>San Antonio</li><li>San Diego</li><li>San Francisco</li><li>South Lake Tahoe</li><li>Spruce Grove</li><li>St. George</li><li>St. Louis</li><li>St. Petersburg</li><li>Tampa</li><li>Tel Aviv</li><li>Tempe</li><li>Torino</li><li>Vichy</li><li>Windsor</li><li>Zurich</li> </ul> </div> <noscript> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <p class="text-new-road font-medium mb-3">Bird operates in:</p> <ul class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-2"> <li class="text-sm text-new-road/80">Adeje</li><li class="text-sm text-new-road/80">Agen</li><li class="text-sm text-new-road/80">Ajaccio</li><li class="text-sm text-new-road/80">Akron</li><li class="text-sm text-new-road/80">Ann Arbor</li><li class="text-sm text-new-road/80">Antigua</li><li class="text-sm text-new-road/80">Arlington</li><li class="text-sm text-new-road/80">Atlanta</li><li class="text-sm text-new-road/80">Auburn</li><li class="text-sm text-new-road/80">Austin</li><li class="text-sm text-new-road/80">Bakersfield</li><li class="text-sm text-new-road/80">Baltimore</li><li class="text-sm text-new-road/80">Barcelona</li><li class="text-sm text-new-road/80">Basel</li><li class="text-sm text-new-road/80">Baton Rouge</li><li class="text-sm text-new-road/80">Bibione</li><li class="text-sm text-new-road/80">Bismarck</li><li class="text-sm text-new-road/80">Blois</li><li class="text-sm text-new-road/80">Bloomington</li><li class="text-sm text-new-road/80">Braga</li><li class="text-sm text-new-road/80">Calgary</li><li class="text-sm text-new-road/80">Cascais</li><li class="text-sm text-new-road/80">Chalons-en-Champagne</li><li class="text-sm text-new-road/80">Charlotte</li><li class="text-sm text-new-road/80">Cherbourg-en-Cotentin</li><li class="text-sm text-new-road/80">Cleveland</li><li class="text-sm text-new-road/80">Coimbra</li><li class="text-sm text-new-road/80">Columbus</li><li class="text-sm text-new-road/80">Coral Gables</li><li class="text-sm text-new-road/80">Dallas</li><li class="text-sm text-new-road/80">Davis</li><li class="text-sm text-new-road/80">Detroit</li><li class="text-sm text-new-road/80">Durham</li><li class="text-sm text-new-road/80">Eau Claire</li><li class="text-sm text-new-road/80">Edmonton</li><li class="text-sm text-new-road/80">Fairfax</li><li class="text-sm text-new-road/80">Florence</li><li class="text-sm text-new-road/80">Fort Collins</li><li class="text-sm text-new-road/80">Fort Myers</li><li class="text-sm text-new-road/80">Funchal</li><li class="text-sm text-new-road/80">Gainesville</li><li class="text-sm text-new-road/80">Gijon</li><li class="text-sm text-new-road/80">Greensboro</li><li class="text-sm text-new-road/80">Halifax</li><li class="text-sm text-new-road/80">Hamilton</li><li class="text-sm text-new-road/80">Harrisonburg</li><li class="text-sm text-new-road/80">Idaho Falls</li><li class="text-sm text-new-road/80">Indianapolis</li><li class="text-sm text-new-road/80">Jacksonville</li><li class="text-sm text-new-road/80">Kamloops</li><li class="text-sm text-new-road/80">Kansas City</li><li class="text-sm text-new-road/80">Knoxville</li><li class="text-sm text-new-road/80">Lansing</li><li class="text-sm text-new-road/80">Lausanne</li><li class="text-sm text-new-road/80">Laval</li><li class="text-sm text-new-road/80">Lethbridge</li><li class="text-sm text-new-road/80">Lexington</li><li class="text-sm text-new-road/80">Lisbon</li><li class="text-sm text-new-road/80">Long Beach</li><li class="text-sm text-new-road/80">Los Angeles</li><li class="text-sm text-new-road/80">Memphis</li><li class="text-sm text-new-road/80">Milan</li><li class="text-sm text-new-road/80">Minneapolis</li><li class="text-sm text-new-road/80">Mississauga</li><li class="text-sm text-new-road/80">Murcia</li><li class="text-sm text-new-road/80">Napoli</li><li class="text-sm text-new-road/80">Nashville</li><li class="text-sm text-new-road/80">New York City</li><li class="text-sm text-new-road/80">Newark</li><li class="text-sm text-new-road/80">Oeiras</li><li class="text-sm text-new-road/80">Oklahoma City</li><li class="text-sm text-new-road/80">Okotoks</li><li class="text-sm text-new-road/80">Orange County</li><li class="text-sm text-new-road/80">Orlando</li><li class="text-sm text-new-road/80">Oshawa</li><li class="text-sm text-new-road/80">Ottawa</li><li class="text-sm text-new-road/80">Oviedo</li><li class="text-sm text-new-road/80">Palermo</li><li class="text-sm text-new-road/80">Penn State</li><li class="text-sm text-new-road/80">Phoenix</li><li class="text-sm text-new-road/80">Portimao</li><li class="text-sm text-new-road/80">Providence</li><li class="text-sm text-new-road/80">Pullman</li><li class="text-sm text-new-road/80">Raleigh</li><li class="text-sm text-new-road/80">Reno</li><li class="text-sm text-new-road/80">Richmond</li><li class="text-sm text-new-road/80">Roanoke</li><li class="text-sm text-new-road/80">Rome</li><li class="text-sm text-new-road/80">Rota</li><li class="text-sm text-new-road/80">Sacramento</li><li class="text-sm text-new-road/80">Salt Lake City</li><li class="text-sm text-new-road/80">San Antonio</li><li class="text-sm text-new-road/80">San Diego</li><li class="text-sm text-new-road/80">San Francisco</li><li class="text-sm text-new-road/80">South Lake Tahoe</li><li class="text-sm text-new-road/80">Spruce Grove</li><li class="text-sm text-new-road/80">
19St. George</li><li class="text-sm text-new-road/80">St. Louis</li><li class="text-sm text-new-road/80">St. Petersburg</li><li class="text-sm text-new-road/80">Tampa</li><li class="text-sm text-new-road/80">Tel Aviv</li><li class="text-sm text-new-road/80">Tempe</li><li class="text-sm text-new-road/80">Torino</li><li class="text-sm text-new-road/80">Vichy</li><li class="text-sm text-new-road/80">Windsor</li><li class="text-sm text-new-road/80">Zurich</li> </ul> </div> </noscript> </section>  
19<script type="module" src="/_astro/CitiesMap.astro_astro_type_script_index_0_lang.to8y_ptF.js"></script>
19 <section id="ride" class="py-20 sm:py-28 bg-new-road" aria-labelledby="ride-heading" data-analytics-section="ride"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center"> <!-- Summary --> <div> <p class="text-esb text-sm font-semibold uppercase tracking-widest mb-3">Riding with Bird</p> <h2 id="ride-heading" class="text-3xl sm:text-4xl font-bold text-white mb-6 leading-snug"> Easy to ride, built to be safe </h2> <p class="text-white/70 text-lg leading-relaxed mb-8"> Getting around on a Bird takes seconds to learn and feels good every time. Find a vehicle, scan to unlock, and ride. And from Beginner Mode and ID verification to in-app Safety School, every ride is built and maintained with your safety in mind. </p> <div class="flex flex-col sm:flex-row gap-3"> <a href="/how/" class="inline-flex items-center justify-center gap-2 px-6 py-3 text-sm font-semibold rounded-full bg-esb text-new-road hover:bg-sea transition-colors"> How to ride <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"> <polyline points="9 18 15 12 9 6"/> </svg> </a> <a href="/safety/" class="inline-flex items-center justify-center gap-2 px-6 py-3 text-sm font-semibold rounded-full border border-white/50 text-white hover:bg-white/10 transition-colors"> Rider safety <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"> <polyline points="9 18 15 12 9 6"/> </svg> </a> </div> </div> <!-- Highlights --> <ul class="space-y-4 list-none p-0" role="list"> <li class="flex gap-5 items-start p-6 rounded-2xl bg-white/5 border border-white/10"> <img src="/_astro/Scooter.x510KwmN.svg" alt aria-hidden="true" class="w-10 h-10 object-contain flex-shrink-0 brightness-0 invert"> <div> <h3 class="text-base font-bold text-white mb-1">Easy to start</h3> <p class="text-white/70 text-sm leading-relaxed">Download the app, scan a nearby Bird, and go — your first ride takes less than a minute.</p> </div> </li><li class="flex gap-5 items-start p-6 rounded-2xl bg-white/5 border border-white/10"> <img src="/_astro/Security.DqddZUys.svg" alt aria-hidden="true" class="w-10 h-10 object-contain flex-shrink-0 brightness-0 invert"> <div> <h3 class="text-base font-bold text-white mb-1">Safety School</h3> <p class="text-white/70 text-sm leading-relaxed">Become a safer rider in minutes with Bird&#39;s in-app Safety School.</p> </div> </li><li class="flex gap-5 items-start p-6 rounded-2xl bg-white/5 border border-white/10"> <img src="/_astro/Lock.I7fPZPWy.svg" alt aria-hidden="true" class="w-10 h-10 object-contain flex-shrink-0 brightness-0 invert"> <div> <h3 class="text-base font-bold text-white mb-1">Safe Start</h3> <p class="text-white/70 text-sm leading-relaxed">A checkpoint that discourages riding after drinking. Never drink and ride.</p> </div> </li><li class="flex gap-5 items-start p-6 rounded-2xl bg-white/5 border border-white/10"> <img src="/_astro/Parking.DIGEU4Xn.svg" alt aria-hidden="true" class="w-10 h-10 object-contain flex-shrink-0 brightness-0 invert"> <div> <h3 class="text-base font-bold text-white mb-1">Visual Parking System</h3> <p class="text-white/70 text-sm leading-relaxed">Precise parking guidance keeps sidewalks clear and parking organized.</p> </div> </li> </ul> </div> </div> </section> <section id="mission" class="py-20 sm:py-28 bg-white" aria-labelledby="mission-heading" data-analytics-section="mission"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center"> <!-- Photo --> <div class="order-2 lg:order-1 rounded-3xl overflow-hidden" style="box-shadow: 0 8px 32px rgba(0,33,57,0.10), 0 2px 8px rgba(0,33,57,0.06);"> <picture> <source srcset="/_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_1gdE7L.avif 640w, /_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_CE4Kn.avif 900w" type="image/avif" sizes="(max-width: 1024px) 100vw, 50vw"><source srcset="/_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_Z25SDQS.webp 640w, /_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_Z1T4FGg.webp 900w" type="image/webp" sizes="(max-width: 1024px) 100vw, 50vw">  <img src="/_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_ZRgOoO.jpg" srcset="/_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_Z1G9sHC.jpg 640w, /_astro/Copy%20of%20Bird_LauraAustin_324.BJTQkDV8_utGn0.jpg 900w" alt="Man in a blazer riding a Bird e-bike with a metro train passing overhead" style="object-position: 50% 30%" loading="lazy" sizes="(max-width: 1024px) 100vw, 50vw" decoding="async" width="1334" height="2000" class="w-full h-full object-cover aspect-[3/4]"> </picture> </div> <!-- Content --> <div class="order-1 lg:order-2"> <p class="text-esb-on-light text-sm font-semibold uppercase tracking-widest mb-3"> Our mission </p> <h2 id="mission-heading" class="text-3xl sm:text-4xl font-bold text-new-road mb-6 leading-snug"> About Bird </h2> <div class="text-new-road/70 text-base leading-relaxed space-y-4 mb-10"> <p>Bird is on a mission to make cities more livable by reducing car trips and their emissions through the deployment of affordable, accessible shared electric vehicles.</p>
20<p>Founded in 2017 in Santa Monica, California, Bird pioneered the shared electric scooter category and has since expanded to cities across North America, Europe, the Middle East, and beyond. We believe that getting around a city should be simple, affordable, and kind to the planet.</p>
21<p>Our fleet of scooters and e-bikes are purpose-built for urban environments — durable, safe, and designed to last. We partner closely with cities, transportation agencies, and local communities to ensure our services integrate seamlessly into the existing transit ecosystem.</p>
22<p>Every Bird ride is a small step toward a future with cleaner air, less traffic, and more vibrant streets.</p> </div> <!--
23          Stats: dt = term (label), dd = definition (value).
24          DOM order: icon → dt → dd (correct for screen readers: "rides taken: 100M+").
25          Visual order: icon → dd (value) → dt (label) via CSS order properties.
26        --> <dl class="grid grid-cols-3 gap-6" aria-label="Bird at a glance"> <div class="text-center sm:text-left flex flex-col"> <div class="mb-2 flex justify-center sm:justify-start" style="order:1" aria-hidden="true"> <img src="/_astro/Bike.IvBjeFrE.svg" alt width="28" height="28" class="w-7 h-7"> </div>
26 <dt class="text-xs text-new-road/70 font-medium mt-0.5" style="order:3">rides taken</dt> <dd class="text-2xl font-bold text-new-road" style="order:2">150M+</dd> </div><div class="text-center sm:text-left flex flex-col"> <div class="mb-2 flex justify-center sm:justify-start" style="order:1" aria-hidden="true"> <img src="/_astro/Cities.Dc7rgtOM.svg" alt width="28" height="28" class="w-7 h-7"> </div> <dt class="text-xs text-new-road/70 font-medium mt-0.5" style="order:3">cities served</dt> <dd class="text-2xl font-bold text-new-road" style="order:2">100+</dd> </div><div class="text-center sm:text-left flex flex-col"> <div class="mb-2 flex justify-center sm:justify-start" style="order:1" aria-hidden="true"> <img src="/_astro/Trees.CjiFtD2X.svg" alt width="28" height="28" class="w-7 h-7"> </div> <dt class="text-xs text-new-road/70 font-medium mt-0.5" style="order:3">tonnes CO₂ avoided</dt> <dd class="text-2xl font-bold text-new-road" style="order:2">50K+</dd> </div> </dl> <!-- Links to the About sub-pages (mirror the About nav submenu) --> <nav class="mt-10 pt-8 border-t border-new-road/10 flex flex-wrap gap-3" aria-label="More about Bird"> <a href="/vehicles/" class="inline-flex items-center justify-center gap-2 px-6 py-3 text-sm font-semibold rounded-full bg-esb text-new-road hover:bg-sea transition-colors"> Vehicles <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"> <polyline points="9 18 15 12 9 6"/> </svg> </a><a href="/sustainability/" class="inline-flex items-center justify-center gap-2 px-6 py-3 text-sm font-semibold rounded-full bg-esb text-new-road hover:bg-sea transition-colors"> Sustainability <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"> <polyline points="9 18 15 12 9 6"/> </svg> </a><a href="/access/" class="inline-flex items-center justify-center gap-2 px-6 py-3 text-sm font-semibold rounded-full bg-esb text-new-road hover:bg-sea transition-colors"> Access <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"> <polyline points="9 18 15 12 9 6"/> </svg> </a> </nav> </div> </div> </div> </section> <section id="partners" class="py-20 sm:py-28 bg-[#F4FBFE]" aria-labelledby="partners-heading" data-analytics-section="partners"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center max-w-2xl mx-auto mb-14"> <p class="text-new-road text-sm font-semibold uppercase tracking-widest mb-3">Partner with Bird</p> <h2 id="partners-heading" class="text-3xl sm:text-4xl font-bold text-new-road mb-4"> Grow with our network </h2> <p class="text-new-road/70 text-lg leading-relaxed"> Whether you bring Bird to your city, plan transit, or reach riders with your brand — there&#39;s a partnership built for you. </p> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8"> <a href="/cities/" class="group flex flex-col rounded-2xl overflow-hidden bg-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-esb-on-light" style="box-shadow: 0 8px 32px rgba(0,33,57,0.10), 0 2px 8px rgba(0,33,57,0.06);" aria-label="City Partner — Bring Bird to your city"> <!-- Photo header --> <div class="aspect-[4/3] overflow-hidden bg-air"> <picture> <source srcset="/_astro/Copy%20of%20Bird_LauraAustin_542.DVa0DalJ_1YOkJc.avif 320w, /_astro/Copy%20of%20Bird_LauraAustin_542.DVa0DalJ_1PNAal.avif 480w, /_astro/Copy%20of%20Bird_LauraAustin_542.DVa0DalJ_Z2oPkEq.avif 720w" type="image/avif" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw"><source srcset="/_astro/Copy%20of%20Bird_LauraAustin_542.DVa0DalJ_emQrD.webp 320w, /_astro/Copy%20of%20Bird_LauraAustin_542.DVa0DalJ_5m6RM.webp 480w, /_astro/Copy%20of%20Bird_LauraAustin_542.DVa0DalJ_Z14BCzq.webp 720w" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw">  <img src="/_astro/Copy%20of%20Bird_LauraAustin_542.DVa0DalJ_6FfCj.jpg" srcset="/_astro/Copy%20of%20Bird_LauraAustin_542.DVa0DalJ_Z1FADVr.jpg 320w, /_astro/Copy%20of%20Bird_LauraAustin_542.DVa0DalJ_Z1OBovi.jpg 480w, /_astro/Copy%20of%20Bird_LauraAustin_542.DVa0DalJ_uw90f.jpg 720w" alt="Bird scooter parked on a city street" loading="lazy" sizes="(max-width: 640px) 100v
26w, (max-width: 1024px) 50vw, 25vw" decoding="async" width="1334" height="2000" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 object-[50%_15%]"> </picture> </div> <!-- Text body --> <div class="p-6 flex flex-col flex-1 bg-white"> <p class="text-esb-on-light text-xs font-semibold uppercase tracking-widest mb-2">City Partner</p> <h3 class="text-lg font-bold text-new-road mb-2 leading-snug">Bring Bird to your city</h3> <p class="text-new-road/70 text-sm leading-relaxed flex-1">Work with Bird to launch or expand shared micromobility in your community. We collaborate with city governments on permits, operations, and data-sharing agreements.</p> <span class="mt-4 inline-flex items-center gap-1 text-sm font-semibold text-esb-on-light group-hover:gap-2 transition-all"> Learn more <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"> <polyline points="9 18 15 12 9 6"/> </svg> </span> </div> </a><a href="/advertising/" class="group flex flex-col rounded-2xl overflow-hidden bg-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-esb-on-light" style="box-shadow: 0 8px 32px rgba(0,33,57,0.10), 0 2px 8px rgba(0,33,57,0.06);" aria-label="Corporate Partner — Reach riders where they ride"> <!-- Photo header --> <div class="aspect-[4/3] overflow-hidden bg-air"> <picture> <source srcset="/_astro/Copy%20of%20Bird_LauraAustin_895.D1DbAcoc_PA2Uv.avif 320w, /_astro/Copy%20of%20Bird_LauraAustin_895.D1DbAcoc_GzilE.avif 480w, /_astro/Copy%20of%20Bird_LauraAustin_895.D1DbAcoc_1w7vkO.avif 720w" type="image/avif" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw"><source srcset="/_astro/Copy%20of%20Bird_LauraAustin_895.D1DbAcoc_ZTQqm3.webp 320w, /_astro/Copy%20of%20Bird_LauraAustin_895.D1DbAcoc_Z13RaUT.webp 480w, /_astro/Copy%20of%20Bird_LauraAustin_895.D1DbAcoc_Z2dPUo7.webp 720w" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw">  <img src="/_astro/Copy%20of%20Bird_LauraAustin_895.D1DbAcoc_Nd6v.jpg" srcset="/_astro/Copy%20of%20Bird_LauraAustin_895.D1DbAcoc_2fmc3N.jpg 320w, /_astro/Copy%20of%20Bird_LauraAustin_895.D1DbAcoc_26lrtW.jpg 480w, /_astro/Copy%20of%20Bird_LauraAustin_895.D1DbAcoc_ZDH8Nr.jpg 720w" alt="Bird rider in an urban environment" loading="lazy" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" decoding="async" width="1334" height="2000" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 object-[50%_20%]"> </picture> </div> <!-- Text body --> <div class="p-6 flex flex-col flex-1 bg-white"> <p class="text-esb-on-light text-xs font-semibold uppercase tracking-widest mb-2">Corporate Partner</p> <h3 class="text-lg font-bold text-new-road mb-2 leading-snug">Reach riders where they ride</h3> <p class="text-new-road/70 text-sm leading-relaxed flex-1">Connect your brand with Bird&#39;s engaged urban audience through hyper-local in-app placements and on-vehicle advertising opportunities.</p> <span class="mt-4 inline-flex items-center gap-1 text-sm font-semibold text-esb-on-light group-hover:gap-2 transition-all"> Learn more <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"> <polyline points="9 18 15 12 9 6"/> </svg> </span> </div> </a><a href="/transit/" class="group flex flex-col rounded-2xl overflow-hidden bg-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-esb-on-light" style="box-shadow: 0 8px 32px rgba(0,33,57,0.10), 0 2px 8px rgba(0,33,57,0.06);" aria-label="Transit Partner — Integrate Bird into your network"> <!-- Photo header --> <div class="aspect-[4/3] overflow-hidden bg-air"> <picture> <source srcset="/_astro/Copy%20of%20Bird_LauraAustin_803.ChvcbmFe_ZUuET3.avif 320w, /_astro/Copy%20of%20Bird_LauraAustin_803.ChvcbmFe_1f5Gvy.avif 480w, /_astro/Copy%20of%20Bird_LauraAustin_803.ChvcbmFe_2waDo5.avif 720w" type="image/avif" sizes="(max-width: 640px) 100v
26w, (max-width: 1024px) 50vw, 25vw"><source srcset="/_astro/Copy%20of%20Bird_LauraAustin_803.ChvcbmFe_Mz9Ue.webp 320w, /_astro/Copy%20of%20Bird_LauraAustin_803.ChvcbmFe_Z271Bt6.webp 480w, /_astro/Copy%20of%20Bird_LauraAustin_803.ChvcbmFe_ZOVEAz.webp 720w" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw">  <img src="/_astro/Copy%20of%20Bird_LauraAustin_803.ChvcbmFe_2hphFj.jpg" srcset="/_astro/Copy%20of%20Bird_LauraAustin_803.ChvcbmFe_1cjl4u.jpg 320w, /_astro/Copy%20of%20Bird_LauraAustin_803.ChvcbmFe_Z1HhqjP.jpg 480w, /_astro/Copy%20of%20Bird_LauraAustin_803.ChvcbmFe_Zqctrj.jpg 720w" alt="City transit map showing Bird vehicle locations" loading="lazy" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" decoding="async" width="2000" height="1334" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 object-[50%_25%]"> </picture> </div> <!-- Text body --> <div class="p-6 flex flex-col flex-1 bg-white"> <p class="text-esb-on-light text-xs font-semibold uppercase tracking-widest mb-2">Transit Partner</p> <h3 class="text-lg font-bold text-new-road mb-2 leading-snug">Integrate Bird into your network</h3> <p class="text-new-road/70 text-sm leading-relaxed flex-1">Municipal transit agencies and journey-planning apps can access Bird&#39;s real-time MDS and GBFS data feeds to show live vehicle availability across your city.</p> <span class="mt-4 inline-flex items-center gap-1 text-sm font-semibold text-esb-on-light group-hover:gap-2 transition-all"> Learn more <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"> <polyline points="9 18 15 12 9 6"/> </svg> </span> </div> </a><a href="/us-op/" class="group flex flex-col rounded-2xl overflow-hidden bg-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-esb-on-light" style="box-shadow: 0 8px 32px rgba(0,33,57,0.10), 0 2px 8px rgba(0,33,57,0.06);" aria-label="Operations Partner — Own and operate Bird in your city"> <!-- Photo header --> <div class="aspect-[4/3] overflow-hidden bg-air"> <picture> <source srcset="/_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_2vVvKG.avif 320w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_ZnEfCD.avif 480w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_SpGeS.avif 720w" type="image/avif" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw"><source srcset="/_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_ZPaMdX.webp 320w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_1kpzbD.webp 480w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_Z2sGBJL.webp 720w" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw">  <img src="/_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_2r3bby.jpg" srcset="/_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_ZqqB4H.jpg 320w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_1J9KkT.jpg 480w, /_astro/Copy%20of%20Bird_LauraAustin_491.Dw8zZJHa_Z23WqAv.jpg 720w" alt="Bird operations partner loading scooters for deployment" loading="lazy" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" decoding="async" width="2000" height="1334" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 object-[50%_30%]"> </picture> </div> <!-- Text body --> <div class="p-6 flex flex-col flex-1 bg-white"> <p class="text-esb-on-light text-xs font-semibold uppercase tracking-widest mb-2">Operations Partner</p> <h3 class="text-lg font-bold text-new-road mb-2 leading-snug">Own and operate Bird in your city</h3> <p class="text-new-road/70 text-sm leading-relaxed flex-1">Scale your business with Bird — manage day-to-day fleet tasks or build and run your own Bird operation, with no upfront vehicle costs.</p> <span class="mt-4 inline-flex items-center gap-1 text-sm font-semibold text-esb-on-light group-hover:gap-2 transition-all"> Learn more <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"> <polyline points="9 18 15 12 9 6"/> </svg> </span> </div> </a> </div> </div> </section> <section id="news" class="py-20 sm:py-28 bg-sand" aria-labelledby="news-heading" data-analytics-section="news"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <!-- Heading row --> <div class="flex items-end justify-between mb-12"> <div> <p class="text-new-road text-sm font-semibold uppercase tracking-widest mb-2">Stories</p> <h2 id="news-heading" class="text-3xl sm:text-4xl font-bold text-new-road"> News </h2> </div> <a href="/news/" class="hidden sm:inline-flex items-center justify-center gap-2 px-6 py-3 text-sm font-semibold rounded-full bg-esb text-new-road hover:bg-sea transition-colors" aria-label="View all Bird stories">
26 View all stories <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a> </div> <!-- Cards --> <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8" role="list"> <li> <article class="bg-white rounded-2xl overflow-hidden h-full flex flex-col group" style="box-shadow: 0 8px 32px rgba(0,33,57,0.10), 0 2px 8px rgba(0,33,57,0.06);"> <a href="/news/bird-atlanta-housing-equitable-mobility-partnership/" class="block overflow-hidden flex-shrink-0" tabindex="-1" aria-hidden="true"> <picture> <source srcset="/_astro/bird-atlanta-housing-equitable-mobility-partnership.BzHFuxFX_Z18DNOD.avif 400w, /_astro/bird-atlanta-housing-equitable-mobility-partnership.BzHFuxFX_Z1dqWxH.avif 640w" type="image/avif" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw"><source srcset="/_astro/bird-atlanta-housing-equitable-mobility-partnership.BzHFuxFX_22wWUa.webp 400w, /_astro/bird-atlanta-housing-equitable-mobility-partnership.BzHFuxFX_1WJOc6.webp 640w" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw">  <img src="/_astro/bird-atlanta-housing-equitable-mobility-partnership.BzHFuxFX_ZIzsVU.jpg" srcset="/_astro/bird-atlanta-housing-equitable-mobility-partnership.BzHFuxFX_BDOWd.jpg 400w, /_astro/bird-atlanta-housing-equitable-mobility-partnership.BzHFuxFX_wQGe9.jpg 640w" alt loading="lazy" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" decoding="async" width="1024" height="683" class="w-full h-52 object-cover group-hover:scale-105 transition-transform duration-500"> </picture> </a> <div class="p-6 flex flex-col flex-1"> <div class="flex items-center gap-2 mb-2"> <time datetime="2026-03-20T00:00:00.000Z" class="text-xs text-new-road/70 font-medium"> March 20, 2026 </time>  </div> <h3 class="text-lg font-bold text-new-road mb-2 leading-snug flex-1"> <a href="/news/bird-atlanta-housing-equitable-mobility-partnership/" class="hover:text-esb transition-colors"> How Bird and Atlanta Housing Increased Equitable Access to Mobility </a> </h3> <p class="text-new-road/70 text-sm leading-relaxed mb-4 line-clamp-3"> Bird&#39;s partnership with Atlanta Housing is giving public housing residents affordable access to e-scooters and e-bikes, connecting underserved communities to jobs, transit, and opportunity. </p> <a href="/news/bird-atlanta-housing-equitable-mobility-partnership/" aria-label="Read more: How Bird and Atlanta Housing Increased Equitable Access to Mobility" class="inline-flex items-center gap-1 text-sm font-semibold text-esb-on-light hover:text-new-road transition-colors group/link mt-auto"> Read more <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" class="group-hover/link:translate-x-0.5 transition-transform"> <polyline points="9 18 15 12 9 6"/> </svg> </a> </div> </article> </li><li> <article class="bg-white rounded-2xl overflow-hidden h-full flex flex-col group" style="box-shadow: 0 8px 32px rgba(0,33,57,0.10), 0 2px 8px rgba(0,33,57,0.06);"> <a href="/news/atlanta-housing-partnership/" class="block overflow-hidden flex-shrink-0" tabindex="-1" aria-hidden="true"> <picture> <source srcset="/_astro/atlanta-housing-partnership.HefP7mxS_Z1gTXjG.avif 400w, /_astro/atlanta-housing-partnership.HefP7mxS_Z2bp0yg.avif 640w" type="image/avif" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw"><source srcset="/_astro/atlanta-housing-partnership.HefP7mxS_1hHQv6.webp 400w, /_astro/atlanta-housing-partnership.HefP7mxS_ndOgw.webp 640w" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw">  <img src="/_astro/atlanta-housing-partnership.HefP7mxS_Z1oM40B.jpg" srcset="/_astro/atlanta-housing-partnership.HefP7mxS_eTkgI.jpg 400w, /_astro/atlanta-housing-partnership.HefP7mxS_ZEzGWQ.jpg 640w" alt loading="lazy" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" decoding="async" width="2500" height="1663" class="w-full h-52 object-cover group-hover:scale-105 transition-transform duration-500"> </picture> </a> <div class="p-6 flex flex-col flex-1"> <div class="flex items-center gap-2 mb-2"> <time datetime="2026-02-18T00:00:00.000Z" class="text-xs text-new-road/70 font-medium"> February 18, 2026 </time>  </div> <h3 class="text-lg font-bold text-new-road mb-2 leading-snug flex-1"> <a href="/news/atlanta-housing-partnership/" class="hover:text-esb transition-colors"> Pioneering City + Housing Partnerships: Atlanta Housing </a> </h3> <p class="text-new-road/70 text-sm leading-relaxed mb-4 line-clamp-3"> Bird and Atlanta Housing launched the nation&#39;s first micromobility, housing, and workforce initiative — driving a 54% increase in rides across newly designated Atlanta Housing zones. </p> <a href="/news/atlanta-housing-partnership/" aria-label="Read more: Pioneering City + Housing Partnerships: Atlanta Housing" class="inline-flex items-center gap-1 text-sm font-semibold text-esb-on-light hover:text-new-road transition-colors group/link mt-auto"> Read more <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" class="group-hover/link:translate-x-0.5 transition-transform"> <polyline points="9 18 15 12 9 6"/> </svg> </a> </div> </article> </li><li> <article class="bg-white rounded-2xl overflow-hidden h-full flex flex-col group" style="box-shadow: 0 8px 32px rgba(0,33,57,0.10), 0 2px 8px rgba(0,33,57,0.06);"> <a href="/news/culdesac-tempe-car-free-living/" class="block overflow-hidden flex-shrink-0" tabindex="-1" aria-hidden="true"> <picture> <source srcset="/_astro/Copy%20of%20Bird_LauraAustin_154.BFjlvGIy_17Rd4Q.avif 400w, /_astro/Copy%20of%20Bird_LauraAustin_154.BFjlvGIy_2qk5Sb.avif 640w" type="image/avif" sizes="(max-width: 640px) 100v
26w, (max-width: 1024px) 50vw, 33vw"><source srcset="/_astro/Copy%20of%20Bird_LauraAustin_154.BFjlvGIy_ZCzgcH.webp 400w, /_astro/Copy%20of%20Bird_LauraAustin_154.BFjlvGIy_ERBAC.webp 640w" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw">  <img src="/_astro/Copy%20of%20Bird_LauraAustin_154.BFjlvGIy_2dHtMG.jpg" srcset="/_astro/Copy%20of%20Bird_LauraAustin_154.BFjlvGIy_2wDmd9.jpg 400w, /_astro/Copy%20of%20Bird_LauraAustin_154.BFjlvGIy_Z1f5SMs.jpg 640w" alt loading="lazy" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" decoding="async" width="2000" height="1334" class="w-full h-52 object-cover group-hover:scale-105 transition-transform duration-500"> </picture> </a> <div class="p-6 flex flex-col flex-1"> <div class="flex items-center gap-2 mb-2"> <time datetime="2026-01-22T00:00:00.000Z" class="text-xs text-new-road/70 font-medium"> January 22, 2026 </time>  </div> <h3 class="text-lg font-bold text-new-road mb-2 leading-snug flex-1"> <a href="/news/culdesac-tempe-car-free-living/" class="hover:text-esb transition-colors"> Powering Car-Free Living: Culdesac Tempe </a> </h3> <p class="text-new-road/70 text-sm leading-relaxed mb-4 line-clamp-3"> Bird is the exclusive shared micromobility provider for Culdesac Tempe, the nation&#39;s first car-free neighborhood — where nearly 200 residents rely on Bird every day. </p> <a href="/news/culdesac-tempe-car-free-living/" aria-label="Read more: Powering Car-Free Living: Culdesac Tempe" class="inline-flex items-center gap-1 text-sm font-semibold text-esb-on-light hover:text-new-road transition-colors group/link mt-auto"> Read more <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" class="group-hover/link:translate-x-0.5 transition-transform"> <polyline points="9 18 15 12 9 6"/> </svg> </a> </div> </article> </li> </ul> <!-- Mobile view-all link --> <div class="mt-10 text-center sm:hidden"> <a href="/news/" class="inline-flex items-center justify-center gap-2 px-6 py-3 text-sm font-semibold rounded-full bg-esb text-new-road hover:bg-sea transition-colors" aria-label="View all Bird stories"> View all stories <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a> </div> </div> </section>  </main> <footer class="bg-new-road text-white" role="contentinfo" aria-label="Site footer"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-14"> <div class="grid grid-cols-1 md:grid-cols-4 gap-10 mb-12"> <!-- Brand column --> <div> <a href="/" aria-label="Bird — go to homepage" class="inline-block mb-4"> <img src="/_astro/bird_wordmark.DueVe4An.svg" alt="Bird" width="80" height="24" class="h-6 w-auto brightness-0 invert"> </a> <p class="text-white/60 text-sm leading-relaxed max-w-xs"> Making cities more livable through shared electric micromobility. </p> <!-- Social links --> <nav class="flex gap-4 mt-6" aria-label="Bird on social media"> <a href="https://www.instagram.com/bird/" target="_blank" rel="noopener noreferrer" aria-label="@bird on Instagram (opens in new tab)" class="text-white/60 hover:text-white transition-colors"> <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/> </svg> </a> <a href="https://www.tiktok.com/@ridebird" target="_blank" rel="noopener noreferrer" aria-label="Bird on TikTok (opens in new tab)" class="text-white/60 hover:text-white transition-colors"> <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 
266.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/> </svg> </a> <a href="https://www.linkedin.com/company/birdapp/" target="_blank" rel="noopener noreferrer" aria-label="Bird on LinkedIn (opens in new tab)" class="text-white/60 hover:text-white transition-colors"> <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/> </svg> </a> </nav> </div> <!-- Navigation column — grouped to mirror the main nav (Main item → sub-items) --> <nav aria-label="Footer navigation"> <h2 class="text-xs font-semibold uppercase tracking-widest text-white/60 mb-4">Navigate</h2> <ul class="space-y-3"> <li> <a href="/#cities" class="text-sm font-semibold text-white hover:text-esb transition-colors">Locations</a>  </li><li> <a href="/#ride" class="text-sm font-semibold text-white hover:text-esb transition-colors">Ride</a> <ul class="mt-1 space-y-1 border-l border-white/10 pl-3"> <li><a href="/how/" class="text-sm text-white/60 hover:text-esb transition-colors">How to Ride</a></li><li><a href="/safety/" class="text-sm text-white/60 hover:text-esb transition-colors">Safety</a></li> </ul> </li><li> <a href="/#mission" class="text-sm font-semibold text-white hover:text-esb transition-colors">About Bird</a> <ul class="mt-1 space-y-1 border-l border-white/10 pl-3"> <li><a href="/vehicles/" class="text-sm text-white/60 hover:text-esb transition-colors">Vehicles</a></li><li><a href="/sustainability/" class="text-sm text-white/60 hover:text-esb transition-colors">Sustainability</a></li><li><a href="/access/" class="text-sm text-white/60 hover:text-esb transition-colors">Access</a></li><li><a href="/careers/" class="text-sm text-white/60 hover:text-esb transition-colors">Careers</a></li> </ul> </li><li> <a href="/#partners" class="text-sm font-semibold text-white hover:text-esb transition-colors">Partners</a> <ul class="mt-1 space-y-1 border-l border-white/10 pl-3"> <li><a href="/cities/" class="text-sm text-white/60 hover:text-esb transition-colors">City Partner</a></li><li><a href="/transit/" class="text-sm text-white/60 hover:text-esb transition-colors">Transit Partner</a></li><li><a href="/advertising/" class="text-sm text-white/60 hover:text-esb transition-colors">Corporate Partner</a></li><li><a href="/us-op/" class="text-sm text-white/60 hover:text-esb transition-colors">Operations Partner</a></li> </ul> </li><li> <a href="/#news" class="text-sm font-semibold text-white hover:text-esb transition-colors">News</a> <ul class="mt-1 space-y-1 border-l border-white/10 pl-3"> <li><a href="/news/" class="text-sm text-white/60 hover:text-esb transition-colors">All Stories</a></li> </ul> </li><li> <a href="https://go.bird.co/" data-analytics-event="app_download" data-analytics-destination="go.bird.co" class="text-sm font-semibold text-white hover:text-esb transition-colors">Download App</a>  </li> <li> <a href="https://help.bird.co/" target="_blank" rel="noopener noreferrer" aria-label="Help (opens in new tab)" data-analytics-event="outbound_click" data-analytics-destination="help.bird.co" class="text-sm font-semibold text-white hover:text-esb transition-colors"> Help </a> </li> </ul> </nav> <!-- Contact column --> <div> <h2 class="text-xs font-semibold uppercase tracking-widest text-white/60 mb-4">Contact</h2> <ul class="space-y-3"> <li> <p class="text-xs text-white/60 mb-0.5">Customer Support</p> <a href="mailto:[email protected]" data-analytics-event="contact_click" data-analytics-email="[email protected]" class="text-sm text-white/70 hover:text-esb transition-colors">[email protected]</a> </li> <li> <p class="text-xs text-white/60 mb-0.5">City &amp; University Partners</p> <a href="mailto:[email protected]" data-analytics-event="contact_click" data-analytics-email="[email protected]" class="text-sm text-white/70 hover:text-esb transition-colors">[email protected]</a> </li> <li> <p class="text-xs text-white/60 mb-0.5">Press</p> <a href="mailto:[email protected]" data-analytics-event="contact_click" data-analytics-email="[email protected]" class="text-sm text-white/70 hover:text-esb transition-colors">[email protected]</a> </li> <li> <p class="text-xs text-white/60 mb-0.5">Help Center</p> <a href="https://help.bird.co/" target="_blank" rel="noopener noreferrer" aria-label="Help Center (opens in new tab)" data-analytics-event="outbound_click" data-analytics-destination="help.bird.co" class="text-sm text-white/70 hover:text-esb transition-colors">help.bird.co</a> </li> </ul> </div> <!-- Legal column --> <nav aria-label="Legal pages navigation"> <h2 class="text-xs font-semibold uppercase tracking-widest text-white/60 mb-4"> Legal </h2> <ul class="space-y-3"> <li> <a href="/terms/" class="text-sm text-white/70 hover:text-esb transition-colors"> Terms of Service </a> </li><li> <a href="/privacy/" class="text-sm text-white/70 hover:text-esb transition-colors"> Privacy Policy </a> </li> <li> <a href="/rental-agreements/" class="text-sm text-white/70 hover:text-esb transition-colors"> Rental Agreements </a> </li> <li> <a href="/birds-app-and-website-legal-notice/" class="text-sm text-white/70 hover:text-esb transition-colors"> App &amp; Website Legal Notice </a> </li><li> <a href="/biometric/" class="text-sm text-white/70 hover:text-esb transition-colors"> Biometric Consent Policy </a> </li><li> <a href="/agreement/" class="text-sm text-white/70 hover:text-esb transition-colors"> Bird Services Agreement </a> </li><li> <a href="/cookie-notice/" class="text-sm text-white/70 hover:text-esb transition-colors"> Cookie Notice </a> </li><li> <a href="/law-enforcement-guidelines/" class="text-sm text-white/70 hover:text-esb transition-colors"> Guidelines for Law Enforcement Requests </a> </li><li> <a href="/privacy-information-for-ca-residents/" class="text-sm text-white/70 hover:text-esb transition-colors"> Privacy Information for CA Residents </a> </li> <li> <!-- English-only CCPA request page (California-specific US law);
27                 links to the single root URL on every locale, like /news/. --> <a href="/california-access-deletion-web-form/" class="text-sm text-white/70 hover:text-esb transition-colors"> California Privacy Rights </a> </li> <li> <!-- Reopens the consent preferences modal. vanilla-cookieconsent
28                 auto-wires any element with data-cc="show-preferencesModal",
29                 so no click handler is needed. Lets users change or withdraw
30                 consent after dismissing the banner (GDPR Art. 7(3)). --> <button type="button" data-cc="show-preferencesModal" class="text-sm text-white/70 hover:text-esb transition-colors cursor-pointer text-left"> Cookie Preferences </button> </li> </ul> </nav> </div> <!-- Bottom bar --> <div class="border-t border-white/10 pt-8 flex flex-col sm:flex-row items-center justify-between gap-4"> <p class="text-white/60 text-xs"> © 2026 Blue Jay Transit, Inc. All rights reserved. </p> <p class="text-white/60 text-xs"> Built with ♥ for cleaner cities. </p> </div> </div> </footer> <div id="lang-banner" data-candidates="[{&quot;code&quot;:&quot;es&quot;,&quot;url&quot;:&quot;/es/&quot;,&quot;text&quot;:&quot;¿Ver esta página en español?&quot;,&quot;cta&quot;:&quot;Ver en español&quot;,&quot;
30dismiss&quot;:&quot;Descartar&quot;},{&quot;code&quot;:&quot;de&quot;,&quot;url&quot;:&quot;/de/&quot;,&quot;text&quot;:&quot;Diese Seite auf Deutsch ansehen?&quot;,&quot;cta&quot;:&quot;Auf Deutsch ansehen&quot;,&quot;dismiss&quot;:&quot;Schließen&quot;},{&quot;code&quot;:&quot;fr&quot;,&quot;url&quot;:&quot;/fr/&quot;,&quot;text&quot;:&quot;Voir cette page en français ?&quot;,&quot;cta&quot;:&quot;Voir en français&quot;,&quot;dismiss&quot;:&quot;Ignorer&quot;},{&quot;code&quot;:&quot;it&quot;,&quot;url&quot;:&quot;/it/&quot;,&quot;text&quot;:&quot;Vuoi vedere questa pagina in italiano?&quot;,&quot;cta&quot;:&quot;Vedi in italiano&quot;,&quot;dismiss&quot;:&quot;Ignora&quot;},{&quot;code&quot;:&quot;pt&quot;,&quot;url&quot;:&quot;/pt/&quot;,&quot;text&quot;:&quot;Ver esta página em português?&quot;,&quot;cta&quot;:&quot;Ver em português&quot;,&quot;dismiss&quot;:&quot;Ignorar&quot;}]" hidden role="region" aria-label class="fixed bottom-4 left-1/2 -translate-x-1/2 z-[1200] max-w-[94vw]"><div class="flex items-center gap-3 rounded-full bg-new-road text-white shadow-xl ring-1 ring-white/10 pl-5 pr-2 py-2"><span id="lang-banner-text" class="text-sm"></span><a id="lang-banner-go" href="#" class="flex-shrink-0 text-sm font-semibold bg-esb text-new-road rounded-full px-4 py-1.5 hover:bg-sea transition-colors"></a><button id="lang-banner-dismiss" type="button" aria-label class="flex-shrink-0 text-white/70 hover:text-white p-1.5 rounded-full transition-colors"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button></div>
30<script>
31      (function () {
32        try {
33          var KEY = 'bird-lang';
34          // Respect a prior dismissal or an explicit language choice.
35          if (localStorage.getItem(KEY + '-dismissed') === '1') return;
36          if (localStorage.getItem(KEY + '-pref')) return;
37          var bar = document.getElementById('lang-banner');
38          if (!bar) return;
39          var candidates;
40          try { candidates = JSON.parse(bar.getAttribute('data-candidates') || '[]'); } catch (e) { return; }
41          if (!candidates.length) return;
42          // The browser's ordered language preferences; match on the two-letter code.
43          var prefs = (navigator.languages && navigator.languages.length)
44            ? navigator.languages
45            : [navigator.language || ''];
46          var pageLang = (document.documentElement.lang || '').slice(0, 2).toLowerCase();
47          var offer = null;
48          for (var i = 0; i < prefs.length && !offer; i++) {
49            var two = (prefs[i] || '').slice(0, 2).toLowerCase();
50            // Stop at the page's own language: only offer a locale the browser
51            // prefers MORE than the one it is already reading.
52            if (two === pageLang) break;
53            for (var j = 0; j < candidates.length; j++) {
54              if (candidates[j].code === two) { offer = candidates[j]; break; }
55            }
56          }
57          // Only suggest when the browser actually prefers one of the candidates.
58          if (!offer) return;
59          var textEl = document.getElementById('lang-banner-text');
60          var go = document.getElementById('lang-banner-go');
61          var dz = document.getElementById('lang-banner-dismiss');
62          if (textEl) textEl.textContent = offer.text;
63          if (go) {
64            go.textContent = offer.cta;
65            go.setAttribute('href', offer.url);
66            go.setAttribute('hreflang', offer.code);
67          }
68          if (dz) dz.setAttribute('aria-label', offer.dismiss);
69          bar.setAttribute('aria-label', offer.text);
70          bar.hidden = false;
71          if (go) go.addEventListener('click', function () {
72            try { localStorage.setItem(KEY + '-pref', offer.code); } catch (e) {}
73          });
74          if (dz) dz.addEventListener('click', function () {
75            try { localStorage.setItem(KEY + '-dismissed', '1'); } catch (e) {}
76            bar.hidden = true;
77          });
78        } catch (e) {}
79      })();
80    </script>
80</div> 
80<script type="module" src="/_astro/CookieBanner.astro_astro_type_script_index_0_lang.7xT3eQ9V.js"></script>
80 <!-- Google Analytics 4 (Consent Mode v2) — loads for every visitor with a
81         cookieless default; the cookie banner upgrades/withdraws consent at
82         runtime. EU/EEA defaults to cookieless pings until opt-in; elsewhere
83         defaults to full tracking until opt-out. See src/lib/analytics.ts. --> 
83<script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_0_lang.6bqgqcuw.js"></script>
83 <!-- UserWay accessibility widget — deferred until idle or first interaction --> 
83<script>
84      (function () {
85        var loaded = false;
86        function loadUserWay() {
87          if (loaded) return;
88          loaded = true;
89          var s = document.createElement('script');
90          s.setAttribute('data-position', 5); // bottom-left
91          s.setAttribute('data-widget_layout', 'full');
92          s.setAttribute('data-account', 'FGaumkPD7e');
93          s.setAttribute('src', 'https://cdn.userway.org/widget.js');
94          (document.body || document.head).appendChild(s);
95        }
96        requestIdleCallback(loadUserWay);
97        ['mousemove', 'keydown', 'touchstart', 'scroll'].forEach(function (evt) {
98          window.addEventListener(evt, loadUserWay, { once: true, passive: true });
99        });
100      })();
101    </script>
101 <noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript> </body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.