{{--
    Sticky "Book a Demo" bar for phones. app.js slides it in after the visitor has scrolled past
    the first screen and tucks it away over the footer. Not shown on pages that are forms already.
--}}
@unless (request()->routeIs('book-demo', 'thank-you', 'contact', 'career'))
    <div data-mobile-cta inert aria-hidden="true"
         class="pointer-events-none fixed inset-x-0 bottom-0 z-40 translate-y-full bg-gradient-to-t from-white via-white/95 to-white/0 px-4 pb-[max(0.75rem,env(safe-area-inset-bottom))] pt-6 transition-transform duration-300 lg:hidden motion-reduce:transition-none">
        <a href="{{ route('book-demo') }}" class="btn-primary pointer-events-auto w-full py-3 text-base shadow-lg shadow-brand-700/30">Book a Demo</a>
    </div>
@endunless