@import '_content/Nexus.Components/Nexus.Components.ubnj3itzst.bundle.scp.css';
@import '_content/Nexus.Retail.Components/Nexus.Retail.Components.n0j02t7s2d.bundle.scp.css';

/* /Pages/Admin/Setup/LocationSettings/LocationSettings.razor.rz.scp.css */
.qr-table[b-t4kwps4dqv] {
    height: 0;
    overflow: hidden;

    interpolate-size: allow-keywords; /*This will currently work on Chrome, Safari doesn't support this yet.*/

    transition: height 0.3s ease;
}

.qr-table-visible[b-t4kwps4dqv] {
    height: auto;
}
/* /Pages/Presentation/Home.razor.rz.scp.css */
main[b-z4dmpjpldz], header[b-z4dmpjpldz], footer[b-z4dmpjpldz] {
    font-family: 'Roboto', 'Oleo Script Swash Caps', sans-serif, system-ui;
}

.landing-page[b-z4dmpjpldz] {
    --landing-background: #ffffff;
    --landing-surface: rgba(255, 255, 255, 0.94);
    --landing-surface-strong: #ffffff;
    --landing-text: #1d1d1f;
    --landing-muted: #6e727b;
    --landing-primary: #005a80;
    --landing-primary-strong: #1d4075;
    --landing-shadow: 0 24px 80px rgba(29, 64, 117, 0.12);
    --landing-splash-pink: #FBE3FC;
    --landing-splash-blue: #ADB3FB;
    background:
        radial-gradient(circle at 82% 6%, rgba(251, 227, 252, 0.42), transparent 22%),
        radial-gradient(circle at 10% 92%, rgba(173, 179, 251, 0.24), transparent 26%),
        linear-gradient(180deg, #ffffff 0%, var(--landing-background) 100%);
    color: var(--landing-text);
    overflow-x: clip;
    position: relative;
    isolation: isolate;
}

.landing-page[data-booting="true"][b-z4dmpjpldz] {
            visibility: hidden;
        }

.landing-boot-overlay[b-z4dmpjpldz] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    background:
        radial-gradient(circle at 82% 6%, rgba(251, 227, 252, 0.42), transparent 22%),
        radial-gradient(circle at 10% 92%, rgba(173, 179, 251, 0.24), transparent 26%),
        linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}

.landing-boot-overlay__spinner[b-z4dmpjpldz] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 0.2rem solid rgba(0, 90, 128, 0.2);
    border-top-color: #005a80;
    animation: landing-boot-overlay-spin-b-z4dmpjpldz 0.8s linear infinite;
}

@keyframes landing-boot-overlay-spin-b-z4dmpjpldz {
    to {
        transform: rotate(360deg);
    }
}

.landing-page__background[b-z4dmpjpldz] {
    position: fixed;
    inset: -20% -12% -18%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.88) 100%);
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.landing-page__orb[b-z4dmpjpldz] {
    display: block;
    inset: -12%;
    pointer-events: none;
    position: absolute;
    transform-origin: center;
    will-change: transform, opacity;
}

.landing-page__orb--blue[b-z4dmpjpldz] {
    background:
        radial-gradient(circle at 18% 76%, rgba(173, 179, 251, 0.9) 0%, rgba(173, 179, 251, 0.74) 12%, rgba(173, 179, 251, 0.28) 24%, rgba(173, 179, 251, 0) 44%),
        radial-gradient(circle at 54% 88%, rgba(173, 179, 251, 0.2) 0%, rgba(173, 179, 251, 0) 28%);
    filter: blur(68px);
    opacity: 0.98;
    animation: landing-page-blue-drift-b-z4dmpjpldz 11s ease-in-out infinite alternate;
}

.landing-page__orb--pink[b-z4dmpjpldz] {
    background:
        radial-gradient(circle at 84% 24%, rgba(251, 227, 252, 0.92) 0%, rgba(251, 227, 252, 0.78) 12%, rgba(251, 227, 252, 0.28) 24%, rgba(251, 227, 252, 0) 44%),
        radial-gradient(circle at 70% 38%, rgba(251, 227, 252, 0.22) 0%, rgba(251, 227, 252, 0) 26%);
    filter: blur(62px);
    opacity: 0.95;
    animation: landing-page-pink-drift-b-z4dmpjpldz 9s ease-in-out infinite alternate;
}

.landing-page__orb--white[b-z4dmpjpldz] {
    background:
        radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.84) 18%, rgba(255, 255, 255, 0.16) 36%, rgba(255, 255, 255, 0) 60%);
    filter: blur(34px);
    opacity: 0.88;
    animation: landing-page-white-drift-b-z4dmpjpldz 8s ease-in-out infinite alternate;
}

.landing-page main[b-z4dmpjpldz] {
    display: flex;
    flex-direction: column;
}

.landing-header[b-z4dmpjpldz] {
    padding: 1.5rem clamp(1rem, 4vw, 4rem) 0;
    position: sticky;
    top: 0;
    z-index: 30;
}

.landing-nav[b-z4dmpjpldz] {
    align-items: center;
    backdrop-filter: blur(12px);
    background: rgba(239, 238, 240, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 1.25rem;
    box-shadow: 0 12px 40px rgba(29, 29, 31, 0.08);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 87rem;
    padding: 0.5rem 0.75rem;
    position: relative;
}

.landing-nav__brand[b-z4dmpjpldz] {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
}

.landing-nav__logo[b-z4dmpjpldz] {
    display: block;
    height: auto;
    width: 4.0625rem;
}

.landing-nav__toggle[b-z4dmpjpldz] {
    background: transparent;
    border: 0;
    border-radius: 0.875rem;
    color: var(--landing-text);
    cursor: pointer;
    display: none;
    font-size: 1.25rem;
    height: 2.875rem;
    justify-content: center;
    width: 2.875rem;
}

.landing-nav__panel[b-z4dmpjpldz] {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 8px;
}

.landing-nav__dropdown[b-z4dmpjpldz] {
    position: relative;
}

.landing-nav__links[b-z4dmpjpldz],
.landing-nav__actions[b-z4dmpjpldz],
.landing-hero__actions[b-z4dmpjpldz],
.landing-showcase__app-selector[b-z4dmpjpldz],
.landing-showcase__device-selector[b-z4dmpjpldz],
.landing-showcase__toggles[b-z4dmpjpldz] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.landing-showcase__toggles[b-z4dmpjpldz] {
    justify-content: center;

}

.landing-nav__link[b-z4dmpjpldz],
.landing-language__trigger[b-z4dmpjpldz],
.landing-language__option[b-z4dmpjpldz] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0.875rem;
    color: var(--landing-text);
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    gap: 0.5rem;
    line-height: 1.3;
    padding: 0.75rem 0.875rem;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.landing-nav__link--trigger[b-z4dmpjpldz] {
    justify-content: space-between;
}

.landing-nav__link--active[b-z4dmpjpldz] {
    background: rgba(255, 255, 255, 0.72);
    color: var(--landing-primary-strong);
}

.landing-nav__link:hover[b-z4dmpjpldz],
.landing-language__trigger:hover[b-z4dmpjpldz],
.landing-language__option:hover[b-z4dmpjpldz] {
    background: rgba(255, 255, 255, 0.72);
}

.landing-button[b-z4dmpjpldz] {
    align-items: center;
    background: linear-gradient(135deg, var(--landing-primary) 0%, var(--landing-primary-strong) 100%);
    border: 0;
    border-radius: 0.875rem;
    color: #fff;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 700;
    gap: 0.625rem;
    justify-content: center;
    min-height: 3rem;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.landing-button:hover[b-z4dmpjpldz] {
    box-shadow: 0 18px 30px rgba(0, 90, 128, 0.24);
    transform: translateY(-1px);
}

.landing-button--secondary[b-z4dmpjpldz] {
    background: rgba(216, 216, 216, 0.88);
    color: var(--landing-text);
}

.landing-language[b-z4dmpjpldz] {
    position: relative;
}

.landing-language__menu[b-z4dmpjpldz] {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(29, 64, 117, 0.1);
    border-radius: 1rem;
    box-shadow: 0 20px 44px rgba(29, 29, 31, 0.12);
    display: grid;
    gap: 0.25rem;
    padding: 0.5rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.75rem);
    width: 8rem;
    z-index: 40;
}

.landing-language__option[b-z4dmpjpldz] {
    justify-content: flex-start;
    width: 100%;
}

.landing-language__option--active[b-z4dmpjpldz] {
    background: rgba(66, 135, 172, 0.12);
    color: var(--landing-primary-strong);
}

.landing-language__flag[b-z4dmpjpldz] {
    border-radius: 999px;
    display: block;
    height: 1.125rem;
    object-fit: cover;
    width: 1.125rem;
}

.landing-hero[b-z4dmpjpldz],
.landing-section[b-z4dmpjpldz] {
    padding-inline: clamp(1rem, 4vw, 4rem);
}

.landing-hero[b-z4dmpjpldz] {
    align-items: center;
    margin: 0 auto;
    max-width: 87rem;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    min-height: 34rem;
    padding-block: clamp(4rem, 10vw, 6rem) 2rem;
    position: relative;
}

.landing-hero__content[b-z4dmpjpldz] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-inline: auto;
    max-width: 50rem;
    position: relative;
    text-align: center;
    z-index: 1;
}

.landing-hero__content[b-z4dmpjpldz]::before {
    content: "";
    position: absolute;
    inset: -12% -8%;
    background:
        radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.58) 40%, rgba(255, 255, 255, 0) 72%);
    filter: blur(48px);
    pointer-events: none;
    z-index: -1;
}

.landing-hero__title-block[b-z4dmpjpldz] {
    display: grid;
    gap: 1.5rem;
}

@keyframes landing-page-blue-drift-b-z4dmpjpldz {
    0% {
        transform: translate3d(-10%, 3%, 0) scale(1.04);
    }

    50% {
        transform: translate3d(10%, -12%, 0) scale(1.1);
    }

    100% {
        transform: translate3d(26%, 12%, 0) scale(0.94);
    }
}

@keyframes landing-page-pink-drift-b-z4dmpjpldz {
    0% {
        transform: translate3d(12%, -8%, 0) scale(1.04);
    }

    50% {
        transform: translate3d(-10%, 12%, 0) scale(1.08);
    }

    100% {
        transform: translate3d(-28%, -10%, 0) scale(0.93);
    }
}

@keyframes landing-page-white-drift-b-z4dmpjpldz {
    0% {
        transform: translate3d(-8%, -4%, 0) scale(1.02);
    }

    50% {
        transform: translate3d(10%, 10%, 0) scale(1.08);
    }

    100% {
        transform: translate3d(-12%, 14%, 0) scale(0.94);
    }
}

@media (prefers-reduced-motion: reduce) {
    .landing-page__orb[b-z4dmpjpldz] {
        animation: none;
    }
}


.landing-hero__title[b-z4dmpjpldz] {
    display: grid;
    font-size: clamp(2.75rem, 6vw, 4.375rem);
    font-weight: 800;
    gap: 0.375rem;
    line-height: 0.98;
    margin: 0;
}

.landing-hero__title-line[b-z4dmpjpldz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
}

.landing-hero__title-line--secondary[b-z4dmpjpldz] {
    font-size: clamp(2.125rem, 4.6vw, 3.25rem);
    letter-spacing: -0.03em;
}

.landing-hero__highlight[b-z4dmpjpldz],
.landing-benefits__title[b-z4dmpjpldz],
.landing-delivery__title span[b-z4dmpjpldz] {
    background: linear-gradient(135deg, var(--landing-primary) 0%, #4287ac 50%, var(--landing-primary-strong) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.landing-hero__summary[b-z4dmpjpldz],
.landing-section__heading p[b-z4dmpjpldz],
.landing-showcase__copy p[b-z4dmpjpldz],
.landing-benefits__list[b-z4dmpjpldz] {
    color: var(--landing-muted);
    font-size: 1.125rem;
    line-height: 1.7;
    margin: 0 0.5rem;
}

.landing-powered-by[b-z4dmpjpldz] {
    display: flex;
    color: var(--landing-muted);
    font-size: 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.landing-powered-by img[b-z4dmpjpldz] {
    height: 1rem;
    width: auto;
}

.landing-use-cases[b-z4dmpjpldz] {
    background: rgba(239, 238, 240, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 1.5rem;
    box-shadow: 0 18px 46px rgba(29, 29, 31, 0.08);
    display: grid;
    gap: 0.375rem;
    left: 0;
    padding: 1rem;
    position: absolute;
    top: calc(100% + 0.75rem);
    width: min(19rem, calc(100vw - 2rem));
    z-index: 45;
}

.landing-use-cases__chip[b-z4dmpjpldz] {
    background: transparent;
    border: 0;
    color: var(--landing-text);
    cursor: pointer;
    display: block;
    border-radius: 1rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3125rem;
    padding: 1rem 1.125rem;
    text-align: center;
    transition: background-color 0.2s ease, color 0.2s ease;
    width: 100%;
}

.landing-use-cases__chip:hover[b-z4dmpjpldz],
.landing-use-cases__chip:focus-visible[b-z4dmpjpldz] {
    background: rgba(228, 229, 230, 0.92);
    outline: none;
}

.landing-showcase[b-z4dmpjpldz] {
    padding-top: 8rem;
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
    color: #fff;
    overflow: hidden;
}

.landing-showcase__intro[b-z4dmpjpldz] {
    display: flex;
    flex-wrap: wrap;
    background: #2B2B2B;
    border-radius: 2rem 2rem 0 0;
    inset: 0 0 auto;
    justify-content: center;
    align-content: center;
    min-height: 4.625rem;
}

.landing-showcase__trusted-title[b-z4dmpjpldz] {
    color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
    white-space: nowrap;
}

.landing-showcase__trusted[b-z4dmpjpldz] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 2rem;
}

.landing-showcase__trusted img[b-z4dmpjpldz] {
    display: block;
    max-height: 2.625rem;
    object-fit: contain;
    opacity: 0.96;
}

.landing-showcase__trusted img:first-child[b-z4dmpjpldz] {
    width: 4.77275rem;
}

.landing-showcase__trusted img:nth-child(2)[b-z4dmpjpldz] {
    width: 2.8045rem;
}

.landing-showcase__trusted img:nth-child(3)[b-z4dmpjpldz] {
    width: 7.1686875rem;
}

.landing-showcase__canvas[b-z4dmpjpldz] {
    background:
        radial-gradient(ellipse, #323F5F 0%, #000000 100%);
    align-items: center;
    display: grid;
    gap: clamp(1rem, 3vw, 1.75rem);
    justify-items: center;
    min-height: 44rem;
    padding-top: 4rem;
    padding-inline: 2rem;
    padding-bottom: 2rem;
    position: relative;
    z-index: 1;
}

.landing-showcase__stage[b-z4dmpjpldz] {
    align-items: center;
    display: grid;
    justify-items: center;
    min-height: 31.25rem;
    position: relative;
    width: 100%;
}

.landing-showcase__scene[b-z4dmpjpldz] {
    align-items: center;
    display: flex;
    grid-area: 1 / 1;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transform: translateY(1.25rem) scale(0.96);
    transition: opacity 0.45s ease, transform 0.45s ease;
    width: 100%;
}

.landing-showcase__scene--active[b-z4dmpjpldz] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.landing-showcase__meta[b-z4dmpjpldz],
.landing-showcase__caption[b-z4dmpjpldz] {
    display: grid;
    gap: 0.75rem;
    justify-items: center;
    text-align: center;
}

.landing-showcase__meta[b-z4dmpjpldz] {
    gap: 1rem;
}

.landing-showcase__copy h2[b-z4dmpjpldz],
.landing-section__heading h2[b-z4dmpjpldz],
.landing-delivery__heading h2[b-z4dmpjpldz] {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.08;
    margin: 0;
}

.landing-showcase__label[b-z4dmpjpldz],
.landing-story-slide__step[b-z4dmpjpldz] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.landing-device-shell[b-z4dmpjpldz] {
    align-items: center;
    background: linear-gradient(180deg, rgba(25, 28, 36, 0.92), rgba(5, 8, 14, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 2.25rem;
    box-shadow: 0 24px 80px rgba(5, 8, 14, 0.48);
    display: flex;
    justify-content: center;
    margin-inline: auto;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    width: 100%;
}

.landing-device-shell[b-z4dmpjpldz]::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent);
    content: "";
    inset: 0;
    opacity: 0.36;
    pointer-events: none;
    position: absolute;
}

.landing-device-shell img[b-z4dmpjpldz] {
    border-radius: 1.5rem;
    display: block;
    height: 100%;
    object-fit: contain;
    position: relative;
    transform: scale(1);
    transition: opacity 0.45s ease, transform 0.45s ease;
    width: 100%;
    z-index: 1;
}

.landing-device-shell--phone[b-z4dmpjpldz] {
    aspect-ratio: 9 / 18.5;
    max-width: 19rem;
}

.landing-device-shell--tablet[b-z4dmpjpldz] {
    aspect-ratio: 4 / 3;
    max-width: 40.625rem;
}

.landing-device-shell--desktop[b-z4dmpjpldz],
.landing-device-shell--kiosk[b-z4dmpjpldz] {
    aspect-ratio: 16 / 10;
    max-width: 38.125rem;
}

.landing-segmented-control[b-z4dmpjpldz] {
    --segment-count: 1;
    --segment-active-index: 0;
    --segment-gap: 0.375rem;
    --segment-padding: 0.3125rem;
    --segment-layout-count: var(--segment-count);
    --segment-item-width: clamp(4.75rem, 14vw, 7rem);
    --segment-width: calc((100% - (var(--segment-padding) * 2) - (var(--segment-gap) * (var(--segment-count) - 1))) / var(--segment-count));
    --segment-track-width: calc((var(--segment-layout-count) * var(--segment-item-width)) + (var(--segment-gap) * (var(--segment-layout-count) - 1)) + (var(--segment-padding) * 2));
    --segment-offset: calc(((var(--segment-layout-count) - var(--segment-count)) * (var(--segment-width) + var(--segment-gap))) / 2);
    align-items: center;
    backdrop-filter: blur(12px);
    background: rgba(44, 43, 43, 1);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    box-sizing: border-box;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    display: flex;
    flex: 0 0 auto;
    gap: var(--segment-gap);
    isolation: isolate;
    padding: var(--segment-padding);
    position: relative;
    width: min(100%, var(--segment-track-width));
}

.landing-segmented-control[b-z4dmpjpldz]::before {
    background: #fff;
    border-radius: 999px;
    bottom: var(--segment-padding);
    box-sizing: border-box;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
    content: "";
    left: calc(var(--segment-padding) + var(--segment-offset));
    position: absolute;
    top: var(--segment-padding);
    transform: translateX(calc(var(--segment-active-index) * (var(--segment-width) + var(--segment-gap))));
    transition: transform 0.28s ease;
    width: var(--segment-width);
    z-index: 0;
}

.landing-segmented-control--icons[b-z4dmpjpldz] {
    --segment-gap: 1.5rem;
    --segment-item-width: 44px;
    --segment-padding: 4px;
    --segment-width: var(--segment-item-width);
    width: min(100%, var(--segment-track-width));
}

.landing-showcase__device-selector[b-z4dmpjpldz] {
    --segment-gap: 1.5rem;
    --segment-layout-count: 2;
    --segment-item-width: 84px;
    --segment-width: var(--segment-item-width);
    --segment-offset: 0px;
    height: 52px;
    justify-content: center;
    max-width: none;
    min-width: var(--segment-track-width);
    padding: 4px 4px;
    width: var(--segment-track-width);
}

.landing-showcase__device-selector .landing-segmented-control__button[b-z4dmpjpldz] {
    flex: 0 0 var(--segment-width);
    height: 44px;
    max-width: var(--segment-width);
    min-height: 44px;
    padding: 0;
    width: var(--segment-width);
}

.landing-showcase__device-selector--single[b-z4dmpjpldz] {
    --segment-width: calc(var(--segment-track-width) - (var(--segment-padding) * 2));
}

.landing-segmented-control__button[b-z4dmpjpldz] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.92);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 var(--segment-width);
    font-size: 1rem;
    font-weight: 600;
    gap: 0.625rem;
    justify-content: center;
    line-height: 1;
    min-height: 3rem;
    overflow: hidden;
    padding: 0.5rem 1rem;
    position: relative;
    text-align: center;
    transition: color 0.25s ease, transform 0.25s ease;
    white-space: nowrap;
    width: var(--segment-width);
    z-index: 1;
}

.landing-segmented-control__button--active[b-z4dmpjpldz] {
    color: #1d1d1f;
}

.landing-segmented-control__button:hover[b-z4dmpjpldz],
.landing-segmented-control__button:focus-visible[b-z4dmpjpldz] {
    outline: none;
    transform: translateY(-1px);
}

.landing-segmented-control__button:focus-visible[b-z4dmpjpldz] {
    box-shadow: inset 0 0 0 2px rgba(29, 64, 117, 0.22);
}

.landing-segmented-control__icon[b-z4dmpjpldz] {
    align-items: center;
    display: inline-flex;
    height: 1.25rem;
    justify-content: center;
    width: 1.25rem;
}

.landing-segmented-control--icons .landing-segmented-control__button[b-z4dmpjpldz] {
    aspect-ratio: 1 / 1;
    flex-basis: var(--segment-item-width);
    min-height: var(--segment-width);
    padding: 0;
    width: var(--segment-item-width);
}

.landing-segmented-control__label[b-z4dmpjpldz] {
    align-items: center;
    display: inline-flex;
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    text-align: center;
    width: 100%;
}

.landing-segmented-control__sr-only[b-z4dmpjpldz] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.landing-section[b-z4dmpjpldz] {
    padding-block: clamp(6rem, 8vw, 10rem);
}

.landing-story[b-z4dmpjpldz] {
    --landing-story-slide-width: min(78.1875rem, calc(100% - 4.5rem));
    background: rgba(248, 249, 253, 0.94);
    padding: 9rem 0rem 7rem;
}

.landing-story>.landing-section__heading[b-z4dmpjpldz] {
    margin: 0 auto 3rem;
    max-width: var(--landing-story-slide-width);
    transform: none;
    width: var(--landing-story-slide-width);
}

.landing-section__heading[b-z4dmpjpldz], 
.landing-delivery__heading[b-z4dmpjpldz] {
    display: grid;
    gap: 1rem;
    justify-items: center;
    max-width: 44rem;
    text-align: center;
}

.landing-section__heading--left[b-z4dmpjpldz] {
    justify-items: start;
    margin-inline: 0 auto 3rem;
    text-align: left;
}

.landing-story__carousel[b-z4dmpjpldz],
.landing-benefits__grid[b-z4dmpjpldz] {
    display: grid;
}

.landing-story__carousel[b-z4dmpjpldz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.landing-story__viewport[b-z4dmpjpldz] {
    --story-gap: 24px;
    --story-slide-width: var(--landing-story-slide-width);
    min-height: clamp(20rem, 48vw, 40.4375rem);
    overflow: hidden;
    position: relative;
    touch-action: pan-y pinch-zoom;
}

.landing-story__track[b-z4dmpjpldz] {
    align-items: stretch;
    display: flex;
    gap: var(--story-gap);
    overscroll-behavior-x: contain;
    transform: translateX(calc((100% - var(--story-slide-width)) / 2 - (var(--story-track-index) * (var(--story-slide-width) + var(--story-gap)))));
    transition: transform 0.85s ease;
}

.landing-story-slide[b-z4dmpjpldz],
.landing-benefits__card[b-z4dmpjpldz],
.landing-feature-card[b-z4dmpjpldz] {
    background: var(--landing-surface-strong);
    border: 1px solid rgba(29, 64, 117, 0.08);
    border-radius: 2rem;
    overflow: hidden;
}

.landing-story-slide[b-z4dmpjpldz] {
    aspect-ratio: 1251 / 647;
    flex: 0 0 var(--story-slide-width);
    position: relative;
    width: var(--story-slide-width);
}

.landing-story-slide__media[b-z4dmpjpldz] {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.landing-story-slide__media[b-z4dmpjpldz]::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0) 38%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.landing-story-slide__media img[b-z4dmpjpldz] {
    border-radius: inherit;
    display: block;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    width: 100%;
}

.landing-story-slide__overlay[b-z4dmpjpldz] {
    display: grid;
    gap: 0.75rem;
    max-width: min(25rem, 48%);
    position: absolute;
    top: clamp(1.5rem, 4vw, 2rem);
    z-index: 1;
}

.landing-story-slide__overlay--end[b-z4dmpjpldz] {
    right: clamp(1.5rem, 3vw, 2.5rem);
    text-align: right;
}

.landing-story-slide__overlay--start[b-z4dmpjpldz] {
    left: clamp(1.5rem, 3vw, 2.5rem);
    text-align: left;
}

.landing-story-slide__overlay--start-bottom[b-z4dmpjpldz] {
    bottom: clamp(1.5rem, 4vw, 2rem);
    left: clamp(1.5rem, 3vw, 2.5rem);
    text-align: left;
    top: auto;
}

.landing-story-slide__overlay--end-bottom[b-z4dmpjpldz] {
    bottom: clamp(1.5rem, 4vw, 2rem);
    right: clamp(1.5rem, 3vw, 2.5rem);
    text-align: right;
    top: auto;
}

.landing-story-slide__overlay h3[b-z4dmpjpldz] {
    color: #fff;
    font-family: 'Roboto', 'Oleo Script Swash Caps', sans-serif, system-ui;
    font-size: clamp(1.5rem, 2.2vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

.landing-story-slide--active .landing-story-slide__overlay[b-z4dmpjpldz] {
    opacity: 1;
}

.landing-story__controls[b-z4dmpjpldz] {
    width: 100%;
    max-width: 78.14rem;
    align-items: center;
    display: flex;
    gap: 1.5rem;
    justify-content: flex-end;
}

.landing-story__arrow[b-z4dmpjpldz] {
    align-items: center;
    background: rgba(207, 207, 210, 0.86);
    border: 0;
    border-radius: 999px;
    color: rgba(29, 29, 31, 0.58);
    cursor: pointer;
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    width: 2.25rem;
}

.landing-story__arrow:disabled[b-z4dmpjpldz] {
    background: rgba(207, 207, 210, 0.46);
    color: rgba(29, 29, 31, 0.28);
    cursor: default;
    transform: none;
}

.landing-story__arrow:hover[b-z4dmpjpldz],
.landing-story__arrow:focus-visible[b-z4dmpjpldz] {
    background: rgba(29, 64, 117, 0.14);
    color: var(--landing-primary-strong);
    outline: none;
    transform: translateY(-1px);
}

.landing-story__arrow:disabled:hover[b-z4dmpjpldz],
.landing-story__arrow:disabled:focus-visible[b-z4dmpjpldz] {
    background: rgba(207, 207, 210, 0.46);
    color: rgba(29, 29, 31, 0.28);
    outline: none;
    transform: none;
}

.landing-delivery[b-z4dmpjpldz] {
    background: #fff;
    overflow: hidden;
}

.landing-delivery__content[b-z4dmpjpldz] {
    display: grid;
    gap: 7.5rem;
    justify-items: center;
    margin: 0 auto;
    max-width: 100rem;
}

.landing-delivery__heading[b-z4dmpjpldz] {
    display: grid;
    gap: 0.625rem;
    justify-items: center;
    max-width: 62.5rem;
    text-align: center;
}



.landing-delivery__subtitle[b-z4dmpjpldz] {
    color: var(--landing-muted);
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    line-height: 1.2917;
    margin: 0;
    max-width: 62.5rem;
}

.landing-delivery__visual[b-z4dmpjpldz] {
    align-items: center;
    display: flex;
    gap: 1.25rem;
    justify-content: center;
    width: 100%;
}

.landing-delivery__visual>*[b-z4dmpjpldz] {
    opacity: 0;
    transform: translateY(2rem) scale(0.985);
    transition:
        opacity 1s cubic-bezier(0.2, 0.9, 0.22, 1),
        transform 1s cubic-bezier(0.2, 0.9, 0.22, 1);
    will-change: opacity, transform;
}

.landing-delivery--in-view .landing-delivery__visual>*[b-z4dmpjpldz] {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.landing-delivery--in-view .landing-delivery__visual>*:nth-child(1)[b-z4dmpjpldz] {
    transition-delay: 0s;
}

.landing-delivery--in-view .landing-delivery__visual>*:nth-child(2)[b-z4dmpjpldz] {
    transition-delay: 0.18s;
}

.landing-delivery--in-view .landing-delivery__visual>*:nth-child(3)[b-z4dmpjpldz] {
    transition-delay: 0.36s;
}

.landing-delivery--in-view .landing-delivery__visual>*:nth-child(4)[b-z4dmpjpldz] {
    transition-delay: 0.54s;
}

.landing-delivery--in-view .landing-delivery__visual>*:nth-child(5)[b-z4dmpjpldz] {
    transition-delay: 0.72s;
}

.landing-delivery__platforms[b-z4dmpjpldz] {
    display: grid;
    gap: 2.5rem;
    width: 9.625rem;
}

.landing-delivery__platform[b-z4dmpjpldz] {
    display: block;
    height: auto;
    width: 100%;
}

.landing-delivery__arrow[b-z4dmpjpldz] {
    display: block;
    flex: 0 0 auto;
    height: auto;
    width: 7.3125rem;
}

.landing-delivery__tablet[b-z4dmpjpldz] {
    display: block;
    height: auto;
    width: min(30.125rem, 31vw);
}

.landing-delivery__rider[b-z4dmpjpldz] {
    display: block;
    height: auto;
    width: min(28.125rem, 29vw);
}

.landing-delivery__caption[b-z4dmpjpldz] {
    color: #767676;
    font-family: 'Roboto', 'Oleo Script Swash Caps', sans-serif, system-ui;
    font-size: clamp(1.4rem, 2.2vw, 2rem);
    font-weight: 300;
    line-height: 1.3;
    margin: 0;
    text-align: center;
}

.landing-benefits__grid[b-z4dmpjpldz] {
    gap: 3.5rem;
    max-width: 87rem;
    align-items: center;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (hover: hover) and (pointer: fine) and (min-width: 64rem) {
    .landing-benefits__grid[b-z4dmpjpldz] {
        opacity: 0;
        transform: translateY(2rem);
        will-change: transform, opacity;
    }

    .landing-benefits--in-view .landing-benefits__grid[b-z4dmpjpldz] {
        animation: landing-benefits-grid-rise-b-z4dmpjpldz 0.95s cubic-bezier(0.2, 0.9, 0.22, 1) both;
    }
}

@media (min-width: 64rem) {
    .landing-delivery__visual>*[b-z4dmpjpldz] {
        transform: translateX(-2rem) scale(0.985);
    }

    .landing-delivery--in-view .landing-delivery__visual>*[b-z4dmpjpldz] {
        transform: translateX(0) scale(1);
    }
}

@property --landing-benefits-border-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.landing-benefits__column[b-z4dmpjpldz] {
    display: grid;
    gap: 1rem;
    padding: 2rem;
}

.landing-benefits__card--highlighted[b-z4dmpjpldz] {
    --landing-benefits-border-angle: 0deg;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(66, 135, 172, 0.18);
    box-shadow: 0 18px 40px rgba(189, 205, 216, 0.55);
    isolation: isolate;
    position: relative;
}

.landing-benefits__card--highlighted[b-z4dmpjpldz]::before {
    animation: landing-benefits-border-spin-b-z4dmpjpldz 7.5s linear infinite;
    background: conic-gradient(from var(--landing-benefits-border-angle),
            transparent 0deg,
            transparent 205deg,
            rgba(66, 135, 172, 0.14) 228deg,
            #4287ac 258deg,
            #77aecd 292deg,
            #d8e9f3 326deg,
            rgba(66, 135, 172, 0.14) 348deg,
            transparent 360deg);
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 50%;
    padding: 2px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    translate: -50% -50%;
    width: 100%;
    z-index: 0;
}

.landing-benefits__card--highlighted[b-z4dmpjpldz]::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.96));
    border-radius: calc(2rem - 2px);
    content: "";
    inset: 2px;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.landing-benefits__card--highlighted>*[b-z4dmpjpldz] {
    position: relative;
    z-index: 1;
}

.landing-benefits__card[b-z4dmpjpldz] {
    display: grid;
    gap: 0.75rem;
    padding: 2rem;
}

.landing-benefits__column h3[b-z4dmpjpldz],
.landing-benefits__card h3[b-z4dmpjpldz],
.landing-feature-card h3[b-z4dmpjpldz] {
    font-family: 'Roboto', 'Oleo Script Swash Caps', sans-serif, system-ui;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.275rem;
    margin: 0;
}

.landing-benefits[b-z4dmpjpldz] {
    background: rgba(255, 255, 255, 0.78);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
}

.landing-benefits__title[b-z4dmpjpldz],
.landing-delivery__title[b-z4dmpjpldz] {
    display: grid;
    gap: 0.25rem;
    margin: 0;
}

.landing-benefits__list[b-z4dmpjpldz] {
    display: grid;
    gap: 1rem;
    list-style: none;
    margin-top: 1rem;
    padding: 0;
}

.landing-benefits__list li[b-z4dmpjpldz] {
    align-items: flex-start;
    display: flex;
    gap: 0.875rem;
}

.landing-benefits__icon[b-z4dmpjpldz] {
    align-items: center;
    color: #7a7a7a;
    display: inline-flex;
    flex: 0 0 1.25rem;
    font-size: 1rem;
    justify-content: center;
    line-height: 1;
    margin-top: 0.125rem;
    min-height: 1.5rem;
}

.landing-benefits__icon svg[b-z4dmpjpldz] {
    display: block;
}

.landing-benefits__list li span:last-child[b-z4dmpjpldz] {
    flex: 1;
}

.landing-benefits__list--after .landing-benefits__icon[b-z4dmpjpldz] {
    color: var(--landing-primary);
}

.landing-features[b-z4dmpjpldz] {
    background: rgba(248, 249, 253, 0.96);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
}

.landing-feature-grid[b-z4dmpjpldz] {
    padding: 24px;
    max-width: 82rem;
    height: 55rem;
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: repeat(5, minmax(0, 1fr));
}

.landing-feature-card[b-z4dmpjpldz] {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    min-height: 0;
    position: relative;
}

.landing-feature-card__image img[b-z4dmpjpldz],
.landing-feature-card__logo[b-z4dmpjpldz],
.landing-feature-card__flags img[b-z4dmpjpldz] {
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
}

.landing-feature-card__copy--centered[b-z4dmpjpldz] {
    text-align: center;
}

.landing-feature-card__copy[b-z4dmpjpldz] {
    position: relative;
    z-index: 1;
}

.landing-feature-card__image[b-z4dmpjpldz] {
    align-items: flex-end;
    display: flex;
    flex: 1;
    justify-content: center;
    min-height: 10rem;
    overflow: hidden;
    padding-inline: 1.5rem;
}

.landing-feature-card__image img[b-z4dmpjpldz] {
    display: block;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
    width: 100%;
}

.landing-feature-card__image--contained[b-z4dmpjpldz] {
    align-items: center;
    padding-bottom: 1.5rem;
}

.landing-feature-card__image--orders[b-z4dmpjpldz],
.landing-feature-card__image--status[b-z4dmpjpldz] {
    padding: 0;
}

.landing-feature-card__image--right[b-z4dmpjpldz] {
    align-items: center;
    justify-content: flex-end;
    padding-right: 0;
}

.landing-feature-card__logo[b-z4dmpjpldz] {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    padding: 1rem 2rem 2rem;
}

.landing-feature-card__logo img[b-z4dmpjpldz] {
    width: min(9rem, 100%);
}

.landing-feature-card__flags[b-z4dmpjpldz] {
    display: grid;
    gap: 0.75rem;
    left: 2rem;
    position: absolute;
    top: 2rem;
}

.landing-feature-card__flags img[b-z4dmpjpldz] {
    border-radius: 0.4rem;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    height: 1.6rem;
    object-fit: cover;
    width: 2.25rem;
}

.landing-feature-card--kiosk[b-z4dmpjpldz] {
    background: #e8f5e9;
    grid-column: 1 / 5;
    grid-row: 1 / 5;
}

.landing-feature-card--orders[b-z4dmpjpldz] {
    background: #e3f2fd;
    justify-content: space-between;
    grid-column: 5 / 9;
    grid-row: 1 / 3;
}

.landing-feature-card--status[b-z4dmpjpldz] {
    background: #fff9e6;
    display: grid;
    grid-column: 5 / 9;
    grid-row: 3 / 5;
    grid-template-columns: minmax(11.75rem, 13rem) minmax(0, 1fr);
}

.landing-feature-card--orders .landing-feature-card__copy[b-z4dmpjpldz] {
    padding: 2.25rem 2.5rem 0;
}

.landing-feature-card--kiosk .landing-feature-card__copy[b-z4dmpjpldz] {
    padding: 1.5rem 2rem;
}

.landing-feature-card--kiosk .landing-feature-card__image[b-z4dmpjpldz] {
    align-items: flex-start;
    min-height: 22.5rem;
    padding-inline: 0;
}

.landing-feature-card--kiosk .landing-feature-card__image img[b-z4dmpjpldz] {
    height: 50rem;
    max-height: none;
    object-fit: cover;
    object-position: right top;
}

.landing-feature-card--orders .landing-feature-card__image--orders[b-z4dmpjpldz] {
    align-items: flex-end;
    justify-content: center;
    min-height: 12rem;
    overflow: hidden;
    padding: 0 1.25rem 0;
}

.landing-feature-card--orders .landing-feature-card__image--orders img[b-z4dmpjpldz] {
    height: 14rem;
    max-height: none;
    object-fit: cover;
    transform: translateY(1.85rem);
    width: 18.25rem;
}

.landing-feature-card--erp[b-z4dmpjpldz] {
    align-items: center;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 2.5rem;
    background: #f7ecd5;
    grid-column: 9 / 13;
    grid-row: 1 / 3;
}

.landing-feature-card--erp .landing-feature-card__copy[b-z4dmpjpldz] {
    display: block;
    max-width: 18rem;
}

.landing-feature-card--erp .landing-feature-card__logo[b-z4dmpjpldz] {
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    transform: none;
}

.landing-feature-card--erp .landing-feature-card__logo img[b-z4dmpjpldz] {
    width: 6.5rem;
}

.landing-feature-card--status .landing-feature-card__copy[b-z4dmpjpldz],
.landing-feature-card--status .landing-feature-card__image[b-z4dmpjpldz],
.landing-feature-card--dashboard .landing-feature-card__copy[b-z4dmpjpldz],
.landing-feature-card--dashboard .landing-feature-card__image[b-z4dmpjpldz] {
    padding: 2rem;
}

.landing-feature-card--status .landing-feature-card__copy[b-z4dmpjpldz] {
    display: block;
    max-width: 11.75rem;
    min-height: auto;
    padding: 2.5rem 0 2.5rem 2.5rem;
}

.landing-feature-card--status .landing-feature-card__image--status[b-z4dmpjpldz] {
    align-items: center;
    justify-content: flex-end;
    min-height: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.landing-feature-card--status .landing-feature-card__image--status img[b-z4dmpjpldz] {
    height: 12.5rem;
    max-height: none;
    object-fit: cover;
    object-position: left center;
    position: static;
    transform: translateX(12%) scale(1);
    width: 16.25rem;
}

.landing-feature-card--languages[b-z4dmpjpldz] {
    align-items: center;
    background: #f3e5f5;
    display: grid;
    flex-direction: row;
    gap: 2.25rem;
    grid-column: 9 / 13;
    grid-row: 3 / 5;
    grid-template-columns: auto minmax(0, 1fr);
    justify-content: center;
    padding: 2.5rem;
}

.landing-feature-card--languages .landing-feature-card__flags[b-z4dmpjpldz] {
    display: grid;
    gap: 1rem;
    left: auto;
    position: static;
    top: auto;
}

.landing-feature-card--languages .landing-feature-card__flags img[b-z4dmpjpldz] {
    height: 2.875rem;
    transform: none;
    width: 4.375rem;
}

.landing-feature-card--languages h3[b-z4dmpjpldz] {
    max-width: 14rem;
}

.landing-feature-card--dashboard[b-z4dmpjpldz] {
    background: #dce3eb;
    grid-column: 1 / 13;
    grid-row: 5 / 6;
    gap: 0;
    align-items: start;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 31rem);
}

.landing-feature-card--dashboard .landing-feature-card__copy[b-z4dmpjpldz] {
    display: block;
    max-width: 32rem;
    padding: 2.75rem 1.5rem 2rem 2.5rem;
}

.landing-feature-card--dashboard .landing-feature-card__image[b-z4dmpjpldz] {
    align-items: flex-end;
    justify-content: flex-end;
    overflow: hidden;
    padding: 0;
}

.landing-feature-card--dashboard .landing-feature-card__image img[b-z4dmpjpldz] {
    height: 24rem;
    max-height: none;
    object-fit: cover;
    object-position: left top;
    transform: translate(14%, 16%) scale(1);
    width: auto;
}

.landing-feature-card--in-view .landing-feature-card__image img[b-z4dmpjpldz],
.landing-feature-card--in-view .landing-feature-card__logo[b-z4dmpjpldz],
.landing-feature-card--in-view .landing-feature-card__flags img[b-z4dmpjpldz] {
    pointer-events: auto;
}

.landing-feature-card--in-view .landing-feature-card__image img[b-z4dmpjpldz],
.landing-feature-card--in-view .landing-feature-card__logo[b-z4dmpjpldz] {
    opacity: 1;
}

.landing-feature-card--in-view.landing-feature-card--kiosk .landing-feature-card__image img[b-z4dmpjpldz] {
    animation: landing-feature-pop-kiosk-b-z4dmpjpldz 1.45s cubic-bezier(0.2, 0.9, 0.22, 1) both;
}

.landing-feature-card--in-view.landing-feature-card--orders .landing-feature-card__image--orders img[b-z4dmpjpldz] {
    animation: landing-feature-pop-orders-b-z4dmpjpldz 1.4s cubic-bezier(0.2, 0.9, 0.22, 1) both;
}

.landing-feature-card--in-view.landing-feature-card--status .landing-feature-card__image--status img[b-z4dmpjpldz] {
    animation: landing-feature-pop-status-b-z4dmpjpldz 1.35s cubic-bezier(0.2, 0.9, 0.22, 1) both;
}

.landing-feature-card--in-view.landing-feature-card--erp .landing-feature-card__logo[b-z4dmpjpldz] {
    display: flex;
    animation: landing-feature-pop-erp-b-z4dmpjpldz 1.25s cubic-bezier(0.2, 0.9, 0.22, 1) both;
}

.landing-feature-card--in-view.landing-feature-card--languages .landing-feature-card__flags img[b-z4dmpjpldz] {
    animation: landing-feature-pop-flag-b-z4dmpjpldz 1.05s cubic-bezier(0.2, 0.9, 0.22, 1) both;
    opacity: 1;
}

.landing-feature-card--in-view.landing-feature-card--languages .landing-feature-card__flags img:nth-child(2)[b-z4dmpjpldz] {
    animation-delay: 0.24s;
}

.landing-feature-card--in-view.landing-feature-card--languages .landing-feature-card__flags img:nth-child(3)[b-z4dmpjpldz] {
    animation-delay: 0.48s;
}

.landing-feature-card--in-view.landing-feature-card--dashboard .landing-feature-card__image img[b-z4dmpjpldz] {
    animation: landing-feature-pop-dashboard-b-z4dmpjpldz 1.5s cubic-bezier(0.2, 0.9, 0.22, 1) both;
}

@keyframes landing-benefits-grid-rise-b-z4dmpjpldz {
    from {
        opacity: 0;
        transform: translateY(2rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes landing-benefits-border-spin-b-z4dmpjpldz {
    from {
        --landing-benefits-border-angle: 0deg;
    }

    to {
        --landing-benefits-border-angle: 360deg;
    }
}

@keyframes landing-feature-pop-kiosk-b-z4dmpjpldz {
    from {
        opacity: 0;
        transform: translate(-30%, 30%) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translate(-8%, 0) scale(1);
    }
}

@keyframes landing-feature-pop-orders-b-z4dmpjpldz {
    from {
        opacity: 0;
        transform: translateY(28%) scale(0.92);
    }

    to {
        opacity: 1;
        transform: translateY(1.85rem) scale(1);
    }
}

@keyframes landing-feature-pop-status-b-z4dmpjpldz {
    from {
        opacity: 0;
        transform: translateX(60%) scale(0.92);
    }

    to {
        opacity: 1;
        transform: translateX(20%) scale(1);
    }
}

@keyframes landing-feature-pop-erp-b-z4dmpjpldz {
    from {
        opacity: 0;
        transform: translateY(-60%) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes landing-feature-pop-flag-b-z4dmpjpldz {
    from {
        opacity: 0;
        transform: translateY(20%) scale(0.9);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes landing-feature-pop-dashboard-b-z4dmpjpldz {
    from {
        opacity: 0;
        transform: translate(45%, 45%) scale(0.92);
    }

    to {
        opacity: 1;
        transform: translate(3%, 0%) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .landing-showcase__scene[b-z4dmpjpldz],
    .landing-showcase__scene--active[b-z4dmpjpldz],
    .landing-device-shell img[b-z4dmpjpldz],
    .landing-story__track[b-z4dmpjpldz],
    .landing-story-slide[b-z4dmpjpldz],
    .landing-story-slide__media img[b-z4dmpjpldz],
    .landing-story-slide__overlay[b-z4dmpjpldz],
    .landing-delivery__visual > *[b-z4dmpjpldz],
    .landing-feature-card__image img[b-z4dmpjpldz],
    .landing-feature-card__logo[b-z4dmpjpldz],
    .landing-feature-card__flags img[b-z4dmpjpldz] {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }

    .landing-showcase__scene[b-z4dmpjpldz],
    .landing-showcase__scene--active[b-z4dmpjpldz] {
        transition: none !important;
    }

    .landing-showcase__scene--active[b-z4dmpjpldz],
    .landing-feature-card__image img[b-z4dmpjpldz],
    .landing-feature-card__logo[b-z4dmpjpldz],
    .landing-feature-card__flags img[b-z4dmpjpldz] {
        opacity: 1 !important;
    }

    .landing-story__viewport[b-z4dmpjpldz] {
        overflow: visible;
    }

    .landing-story__track[b-z4dmpjpldz] {
        flex-direction: column;
        gap: 1rem;
    }

    .landing-story-slide[b-z4dmpjpldz] {
        flex-basis: auto;
        width: min(100%, var(--story-slide-width));
    }

    .landing-story__controls[b-z4dmpjpldz] {
        display: none;
    }
}

.landing-footer[b-z4dmpjpldz] {
    background: white;
    padding-inline: clamp(1.5rem, 4vw, 4rem);
}

.landing-footer__main[b-z4dmpjpldz] {
    align-items: start;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 87rem;
    padding: 2rem 0 1.5rem;
    width: 100%;
}

.landing-footer__brand[b-z4dmpjpldz],
.landing-footer__compliance[b-z4dmpjpldz] {
    display: flex;
}

.landing-footer__brand[b-z4dmpjpldz] {
    align-items: flex-start;
}

.landing-footer__brand-logo[b-z4dmpjpldz] {
    display: block;
    height: auto;
    max-height: 4.75rem;
    max-width: min(11rem, 100%);
    object-fit: contain;
}

.landing-footer__columns[b-z4dmpjpldz] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-width: 0;
}

.landing-footer__section[b-z4dmpjpldz] {
    align-content: start;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.landing-footer__column--stack[b-z4dmpjpldz] {
    gap: 1.75rem;
}

.landing-footer__title[b-z4dmpjpldz],
.landing-footer__subtitle[b-z4dmpjpldz] {
    color: var(--landing-muted);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}

.landing-footer__list[b-z4dmpjpldz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    list-style: none;
    margin: 0;
    padding-left: 0.75rem;
}

.landing-footer__text[b-z4dmpjpldz],
.landing-footer__link[b-z4dmpjpldz],
.landing-footer__contact-link[b-z4dmpjpldz] {
    color: var(--landing-muted);
    font-size: 0.9375rem;
    line-height: 1.55;
}

.landing-footer__link[b-z4dmpjpldz],
.landing-footer__contact-link[b-z4dmpjpldz] {
    text-decoration: none;
    transition: color 0.2s ease, transform 0.2s ease;
}

.landing-footer__link:hover[b-z4dmpjpldz],
.landing-footer__link:focus-visible[b-z4dmpjpldz],
.landing-footer__contact-link:hover[b-z4dmpjpldz],
.landing-footer__contact-link:focus-visible[b-z4dmpjpldz],
.landing-footer__social-link:hover[b-z4dmpjpldz],
.landing-footer__social-link:focus-visible[b-z4dmpjpldz] {
    color: var(--landing-primary-strong);
    outline: none;
}

.landing-footer__social-list[b-z4dmpjpldz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    min-height: 1.875rem;
}

.landing-footer__social-link[b-z4dmpjpldz] {
    align-items: center;
    color: var(--landing-muted);
    display: inline-flex;
    font-size: 1.5rem;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    transition: color 0.2s ease, transform 0.2s ease;
}

.landing-footer__social-link:hover[b-z4dmpjpldz],
.landing-footer__social-link:focus-visible[b-z4dmpjpldz],
.landing-footer__contact-link:hover[b-z4dmpjpldz],
.landing-footer__contact-link:focus-visible[b-z4dmpjpldz] {
    transform: translateY(-1px);
}

.landing-footer__solution[b-z4dmpjpldz] {
    display: grid;
    gap: 0.875rem;
    margin-top: 0.5rem;
}

.landing-footer__solution-logos[b-z4dmpjpldz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.landing-footer__solution-logos a[b-z4dmpjpldz] {
    display: inline-flex;
}

.landing-footer__solution-logos img[b-z4dmpjpldz] {
    display: block;
    height: auto;
    max-height: 3rem;
    object-fit: contain;
    width: auto;
}

.landing-footer__contact-link[b-z4dmpjpldz] {
    color: var(--landing-muted);
    align-items: flex-start;
    display: inline-flex;
    gap: 0.625rem;
}

.landing-footer__contact-link--static[b-z4dmpjpldz] {
    cursor: default;
}

.landing-footer__contact-icon[b-z4dmpjpldz] {
    flex: 0 0 1rem;
    margin-top: 0.1875rem;
}

.landing-footer__contact-link:hover[b-z4dmpjpldz] {
    color: var(--landing-primary-strong);
}

.landing-footer__sections[b-z4dmpjpldz] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.landing-footer__compliance[b-z4dmpjpldz] {
    justify-content: flex-end;
}

.landing-footer__compliance-images[b-z4dmpjpldz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.landing-footer__compliance-images a[b-z4dmpjpldz] {
    display: block;
}

.landing-footer__compliance-images img[b-z4dmpjpldz] {
    display: block;
    height: auto;
    width: min(17rem, 100%);
}

.landing-footer__bottom[b-z4dmpjpldz] {
    border-top: 1px solid rgba(29, 64, 117, 0.1);
    margin: 0 auto;
    max-width: 87rem;
    padding: 1rem 0 1.5rem;
    width: 100%;
}

.landing-footer__bottom-text[b-z4dmpjpldz] {
    color: var(--landing-muted);
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
    text-align: center;
}

@media (max-width: 75rem) {

    .landing-benefits__column h3[b-z4dmpjpldz],
    .landing-benefits__card h3[b-z4dmpjpldz],
    .landing-feature-card h3[b-z4dmpjpldz] {
        font-size: 1.35rem;
        line-height: 1.75rem;
    }

    .landing-showcase__canvas[b-z4dmpjpldz],
    .landing-benefits__grid[b-z4dmpjpldz] {
        grid-template-columns: 1fr;
    }

    .landing-showcase__stage[b-z4dmpjpldz] {
        min-height: 27rem;
    }

    .landing-story__viewport[b-z4dmpjpldz] {
        --story-slide-width: min(78.1875rem, calc(100% - 2rem));
    }

    .landing-feature-grid[b-z4dmpjpldz] {
        height: auto;
        grid-template-rows: none;
        grid-auto-rows: minmax(13.5rem, auto);
    }

    .landing-delivery__content[b-z4dmpjpldz] {
        gap: 5rem;
    }

    .landing-delivery__visual[b-z4dmpjpldz] {
        flex-wrap: wrap;
        gap: 2rem 2.5rem;
        max-width: 56rem;
    }

    .landing-delivery__arrow[b-z4dmpjpldz] {
        display: none;
    }

    .landing-delivery__platforms[b-z4dmpjpldz] {
        gap: 1.5rem;
        justify-items: center;
        width: min(100%, 20rem);
    }

    .landing-delivery__tablet[b-z4dmpjpldz] {
        width: min(30.125rem, 100%);
    }

    .landing-delivery__rider[b-z4dmpjpldz] {
        width: min(24rem, 100%);
    }

    .landing-feature-card--kiosk[b-z4dmpjpldz],
    .landing-feature-card--orders[b-z4dmpjpldz],
    .landing-feature-card--status[b-z4dmpjpldz],
    .landing-feature-card--erp[b-z4dmpjpldz],
    .landing-feature-card--languages[b-z4dmpjpldz],
    .landing-feature-card--dashboard[b-z4dmpjpldz] {
        grid-column: span 12;
        grid-row: auto;
        min-height: 13.5rem;
    }

    .landing-feature-card--kiosk[b-z4dmpjpldz] {
        max-height: 20rem;
    }

    .landing-feature-card--kiosk .landing-feature-card__image[b-z4dmpjpldz] {
        min-height: 12rem;
    }

    .landing-footer__compliance[b-z4dmpjpldz] {
        justify-content: flex-start;
    }

    .landing-footer__main[b-z4dmpjpldz] {
        flex-direction: column;
        gap: 1.5rem;
        padding-top: 1.5rem;
    }

    .landing-footer[b-z4dmpjpldz] {
        padding-inline: 1.5rem;
    }

    .landing-footer__list[b-z4dmpjpldz] {
        padding-left: 0;
    }

    .landing-story__controls[b-z4dmpjpldz] {
        gap: 1rem;
        margin-right: 3rem;
    }

    .landing-feature-card--languages .landing-feature-card__flags img[b-z4dmpjpldz] {
        height: 1.625rem;
        transform: none;
        width: 2.25rem;
    }
}

@media (max-width: 60rem) {
    .landing-header[b-z4dmpjpldz] {
        padding-inline: 1rem;
    }

    .landing-nav__toggle[b-z4dmpjpldz] {
        display: inline-flex;
        align-content: center;
        flex-wrap: wrap;
    }

    .landing-nav__panel[b-z4dmpjpldz] {
        background: rgba(255, 255, 255, 0.96);
        border-radius: 1rem;
        box-shadow: 0 20px 44px rgba(29, 29, 31, 0.14);
        display: none;
        flex-direction: column-reverse ;
        left: 0;
        padding: 1rem;
        position: absolute;
        right: 0;
        top: calc(100% + 0.75rem);
    }

    .landing-nav__panel--open[b-z4dmpjpldz] {
        display: flex;
    }

    .landing-nav__links[b-z4dmpjpldz],
    .landing-nav__actions[b-z4dmpjpldz],
    .landing-showcase__toggles[b-z4dmpjpldz] {
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .landing-nav__link[b-z4dmpjpldz],
    .landing-button[b-z4dmpjpldz],
    .landing-language__trigger[b-z4dmpjpldz],
    .landing-showcase__app-selector[b-z4dmpjpldz],
    .landing-showcase__device-selector[b-z4dmpjpldz] {
        justify-content: center;
    }

    .landing-nav__dropdown[b-z4dmpjpldz] {
        width: 100%;
    }

    .landing-nav__link--trigger[b-z4dmpjpldz] {
        justify-content: space-between;
    }

    .landing-language[b-z4dmpjpldz] {
        width: 100%;
    }

    .landing-language__menu[b-z4dmpjpldz] {
        left: 0;
        width: 100%;
    }

    .landing-use-cases[b-z4dmpjpldz] {
        position: static;
        top: auto;
        width: 100%;
    }

    .landing-hero[b-z4dmpjpldz],
    .landing-section[b-z4dmpjpldz] {
        padding-inline: 1rem;
    }

    .landing-showcase__canvas[b-z4dmpjpldz] {
        min-height: 38rem;
    }

    .landing-delivery__content[b-z4dmpjpldz] {
        gap: 4rem;
    }

    .landing-delivery__visual[b-z4dmpjpldz] {
        flex-direction: column;
        gap: 2.5rem;
    }

    .landing-delivery__platforms[b-z4dmpjpldz] {
        align-items: center;
        display: flex;
        flex-direction: row;
        gap: 1rem;
        justify-content: center;
        width: min(100%, 20rem);
    }

    .landing-delivery__platform[b-z4dmpjpldz] {
        flex: 1 1 0;
        min-width: 0;
    }

    .landing-delivery__arrow[b-z4dmpjpldz] {
        display: block;
        transform: translateY(2rem) rotate(90deg) scale(0.985);
        width: 5rem;
    }

    .landing-delivery--in-view .landing-delivery__arrow[b-z4dmpjpldz] {
        transform: translateY(0) rotate(90deg) scale(1);
    }

    .landing-showcase__trusted[b-z4dmpjpldz] {
        justify-content: center;
        gap: 1rem;
    }

    .landing-showcase__app-selector[b-z4dmpjpldz],
    .landing-showcase__device-selector[b-z4dmpjpldz] {
        justify-content: center;
    }

    .landing-feature-card--status[b-z4dmpjpldz],
    .landing-feature-card--dashboard[b-z4dmpjpldz] {
        grid-template-columns: 1fr;
    }

    .landing-feature-card--status .landing-feature-card__copy[b-z4dmpjpldz] {
        max-width: none;
        padding: 2.5rem 2.5rem 0;
    }

    .landing-feature-card--status .landing-feature-card__image--status[b-z4dmpjpldz] {
        min-height: 12rem;
        padding: 0 0 1.5rem;
    }

    .landing-feature-card--status .landing-feature-card__image--status img[b-z4dmpjpldz] {
        transform: translateX(8%) scale(1);
    }

    .landing-story-slide__overlay[b-z4dmpjpldz] {
        max-width: min(18rem, 52%);
    }

    .landing-feature-card--languages[b-z4dmpjpldz] {
        padding: 2.5rem;
        gap: 1.5rem;
        justify-items: start;
    }

    .landing-feature-card--erp[b-z4dmpjpldz] {
        gap: 1rem;
        justify-items: start;
    }

    .landing-feature-card--languages .landing-feature-card__copy[b-z4dmpjpldz],
    .landing-feature-card--erp .landing-feature-card__copy[b-z4dmpjpldz] {
        max-width: none;
    }

    .landing-feature-card--erp .landing-feature-card__logo[b-z4dmpjpldz] {
        justify-content: flex-start;
        transform: none;
    }

    .landing-footer__columns[b-z4dmpjpldz] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .landing-footer__compliance-images[b-z4dmpjpldz] {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 40rem) {
    .landing-hero[b-z4dmpjpldz] {
        min-height: auto;
        padding-top: 3.5rem;
    }

    .landing-hero__actions[b-z4dmpjpldz] {
        align-items: stretch;
        flex-direction: column;
    }

    .landing-showcase[b-z4dmpjpldz] {
        padding-top: 0.3rem;
    }

    .landing-delivery[b-z4dmpjpldz], .landing-section[b-z4dmpjpldz] {
        padding-top: 8.5rem;
        padding-bottom: 8rem;
    }

    .landing-delivery__content[b-z4dmpjpldz] {
        gap: 3rem;
    }

    .landing-delivery__subtitle[b-z4dmpjpldz] {
        font-size: 1.0625rem;
        line-height: 1.6;
    }

    .landing-delivery__platforms[b-z4dmpjpldz] {
        gap: 1rem;
        width: min(100%, 16rem);
    }

    .landing-delivery__arrow[b-z4dmpjpldz] {
        width: 4rem;
    }

    .landing-story[b-z4dmpjpldz],
    .landing-features[b-z4dmpjpldz] {
        padding: 10rem 0rem 4rem;
    }

    .landing-benefits[b-z4dmpjpldz],
    .landing-features[b-z4dmpjpldz] {
        gap: 1.5rem;
    }

    .landing-showcase__canvas[b-z4dmpjpldz] {
        min-height: 32rem;
    }

    .landing-showcase__stage[b-z4dmpjpldz] {
        grid-template-columns: minmax(0, max-content);
        justify-content: center;
        min-height: 18rem;
    }

    .landing-showcase__scene[b-z4dmpjpldz] {
        justify-self: center;
        max-width: 100%;
        width: auto;
    }

    .landing-device-shell--desktop[b-z4dmpjpldz] {
        width: min(100%, 38.125rem);
    }

    .landing-device-shell--kiosk[b-z4dmpjpldz] {
        aspect-ratio: 252 / 500;
        width: min(100%, 13rem);
    }

    .landing-device-shell--tablet[b-z4dmpjpldz] {
        width: min(100%, 40.625rem);
    }

    .landing-story__viewport[b-z4dmpjpldz] {
        --story-gap: 0.75rem;
        --story-slide-width: calc(100% - 1rem);
        min-height: 15rem;
    }

    .landing-story__track[b-z4dmpjpldz] {
        cursor: grab;
    }

    .landing-story__track:active[b-z4dmpjpldz] {
        cursor: grabbing;
    }

    .landing-story-slide[b-z4dmpjpldz] {
        border-radius: 1.5rem;
    }

    .landing-story-slide__overlay[b-z4dmpjpldz] {
        gap: 0.5rem;
        max-width: min(13rem, 62%);
        top: 1rem;
    }

    .landing-story-slide__overlay--start-bottom[b-z4dmpjpldz],
    .landing-story-slide__overlay--end-bottom[b-z4dmpjpldz] {
        bottom: 1rem;
        top: auto;
    }

    .landing-story-slide__overlay h3[b-z4dmpjpldz] {
        font-size: 1.1rem;
        line-height: 1.2;
    }

    .landing-device-shell--phone[b-z4dmpjpldz] {
        width: min(100%, 15rem);
    }

    .landing-segmented-control__button[b-z4dmpjpldz] {
        min-height: 2.75rem;
    }

    .landing-segmented-control[b-z4dmpjpldz] {
        --segment-item-width: clamp(4.25rem, 22vw, 5.75rem);
    }

    .landing-segmented-control--icons[b-z4dmpjpldz] {
        --segment-item-width: 44px;
    }

    .landing-showcase__device-selector[b-z4dmpjpldz] {
        --segment-item-width: 84px;
    }

    .landing-feature-card--orders[b-z4dmpjpldz],
    .landing-feature-card--status[b-z4dmpjpldz],
    .landing-feature-card--erp[b-z4dmpjpldz],
    .landing-feature-card--languages[b-z4dmpjpldz],
    .landing-feature-card--dashboard[b-z4dmpjpldz] {
        min-height: 13rem;
    }

    .landing-feature-card--status .landing-feature-card__copy[b-z4dmpjpldz] {
        padding: 2rem 2rem 0 2.5rem;
    }

    .landing-feature-card--orders.landing-feature-card--in-view > .landing-feature-card__copy--centered[b-z4dmpjpldz] {
        padding: 2.5rem 2rem 0rem;
    }

    .landing-feature-card--orders .landing-feature-card__image--orders img[b-z4dmpjpldz] {
        transform: translateY(1rem);
    }

    .landing-feature-card--status>.landing-feature-card__copy[b-z4dmpjpldz] {
        max-width: none;
    }

    .landing-feature-card--dashboard .landing-feature-card__image img[b-z4dmpjpldz] {
        height: 15rem;
    }

    .landing-feature-card--dashboard>.landing-feature-card__copy[b-z4dmpjpldz] {
        max-width: none;
        padding: 2rem 2.5rem 0rem 2.5rem;
    }

    .landing-footer__brand-logo[b-z4dmpjpldz] {
        max-height: 3.75rem;
        max-width: 9rem;
    }

    .landing-footer__compliance-images img[b-z4dmpjpldz] {
        width: min(15rem, 100%);
    }

    @keyframes landing-feature-pop-status-b-z4dmpjpldz {
        from {
            opacity: 0;
            transform: translateX(100%) translateY(10%) scale(0.94);
        }

        to {
            opacity: 1;
            transform: translateX(-3%) translateY(10%) scale(1);
        }

    }

    @keyframes landing-feature-pop-dashboard-b-z4dmpjpldz {
        from {
            opacity: 0;
            transform: translate(90%, 90%) scale(0.92);
        }

        to {
            opacity: 1;
            transform: translate(0%, 10%) scale(1);
        }
    }
}