.main-content {
    line-height: 1.2;
}

.navbar-top.bg-transparent {
    --bs-navbar-color: #fff;
    --menu-color: #fff;
}
.navbar-top.bg-transparent:hover {
    --menu-color: #000;
} 

.page-offset-header {
    margin-top: calc(var(--header-height)* -1);
}

.content {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: visible;
}

/**/
@layer theme {
    :root,:host {
        --color-red-500: #fb2c36;
        --color-red-600: #e40014;
        --color-blue-300: #90c5ff;
        --color-blue-400: #54a2ff;
        --color-slate-500: #62748e;
        --color-slate-600: #45556c;
        --color-slate-900: #0f172b;
        --color-gray-50: #f9fafb;
        --color-gray-100: #f3f4f6;
        --color-gray-200: #e5e7eb;
        --color-gray-300: #d1d5dc;
        --color-gray-400: #99a1af;
        --color-gray-500: #6a7282;
        --color-gray-800: #1e2939;
        --color-zinc-100: #f4f4f5;
        --color-zinc-200: #e4e4e7;
        --color-zinc-400: #9f9fa9;
        --color-zinc-500: #71717b;
        --color-zinc-700: #3f3f46;
        --color-zinc-800: #27272a;
        --color-zinc-900: #18181b;
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-2xl: 42rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --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: calc(1.5 / 1);
        --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: calc(2.25 / 1.875);
        --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;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tighter: -.05em;
        --tracking-tight: -.025em;
        --tracking-normal: 0em;
        --tracking-wide: .025em;
        --tracking-widest: .1em;
        --leading-relaxed: 1.625;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-bounce: bounce 1s infinite;
        --blur-sm: 8px;
        --blur-md: 12px;
        --aspect-video: 16 / 9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-geist-sans);
        --default-mono-font-family: var(--font-geist-mono)
    }

    @supports (color: lab(0% 0 0)) {
        :root,:host {
            --color-red-500:lab(55.4814% 75.0732 48.8528);
            --color-red-600: lab(48.4493% 77.4328 61.5452);
            --color-blue-300: lab(77.5052% -6.4629 -36.42);
            --color-blue-400: lab(65.0361% -1.42065 -56.9802);
            --color-slate-500: lab(48.0876% -2.03595 -16.5814);
            --color-slate-600: lab(35.5623% -1.74978 -15.4316);
            --color-slate-900: lab(7.78673% 1.82345 -15.0537);
            --color-gray-50: lab(98.2596% -.247031 -.706708);
            --color-gray-100: lab(96.1596% -.0823438 -1.13575);
            --color-gray-200: lab(91.6229% -.159115 -2.26791);
            --color-gray-300: lab(85.1236% -.612259 -3.7138);
            --color-gray-400: lab(65.9269% -.832707 -8.17473);
            --color-gray-500: lab(47.7841% -.393182 -10.0268);
            --color-gray-800: lab(16.1051% -1.18239 -11.7533);
            --color-zinc-100: lab(96.1634% .0993311 -.364041);
            --color-zinc-200: lab(90.6853% .399232 -1.45452);
            --color-zinc-400: lab(65.6464% 1.53497 -5.42429);
            --color-zinc-500: lab(47.8878% 1.65477 -5.77283);
            --color-zinc-700: lab(26.8019% 1.35387 -4.68303);
            --color-zinc-800: lab(15.7305% .613764 -2.16959);
            --color-zinc-900: lab(8.30603% .618205 -2.16572)
        }
    }
}
@layer components;@layer utilities {
    .h-auto {
        height: auto
    }
    .h-full {
        height: 100%
    }
    .w-full {
        width: 100%
    }
    .w-24 {
        width: calc(var(--spacing) * 24)
    }
    .h-11\.75 {
        height: calc(var(--spacing) * 11.75)
    }

    @media (min-width: 48rem) {
        .md\:w-42\.5 {
            width: calc(var(--spacing) * 42.5)
        }
    }
}
/**/

.AuraPage-module-scss-module__y75HEa__root {
    min-height: 100vh
}

.index-module-scss-module__kctq0G__home_detail_box, .index-module-scss-module__kctq0G__formBox {
    border-radius: 20px;
    max-width: 1440px;
    margin: 0 auto 20px
}

@media screen and (max-width:1920px) {
    .index-module-scss-module__kctq0G__home_detail_box, .index-module-scss-module__kctq0G__formBox {
        max-width: 1280px
    }
}

@media screen and (max-width:1360px) {
    .index-module-scss-module__kctq0G__home_detail_box, .index-module-scss-module__kctq0G__formBox {
        width: 100%;
        max-width: none;
        padding-left: 20px;
        padding-right: 20px
    }
}

.index-module-scss-module__kctq0G__home_detail_box_bgImg {
    aspect-ratio: 16/9;
    background-position: 50%;
    background-size: cover
}

@media screen and (max-width:1000px) {
    .index-module-scss-module__kctq0G__home_detail_box_bgImg {
        aspect-ratio: unset;
        height: 525px
    }
}

.index-module-scss-module__kctq0G__flex_column_between {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.index-module-scss-module__kctq0G__detail_box {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

@media screen and (max-width:1536px) {
    .index-module-scss-module__kctq0G__detail_box {
        max-width: 1200px
    }
}

@media screen and (max-width:1280px) {
    .index-module-scss-module__kctq0G__detail_box {
        max-width: 960px
    }
}

@media screen and (max-width:1000px) {
    .index-module-scss-module__kctq0G__detail_box {
        padding: 0 20px
    }
}

.index-module-scss-module__kctq0G__padding_box {
    padding-left: 240px;
    padding-right: 240px
}

@media screen and (max-width:1440px) {
    .index-module-scss-module__kctq0G__padding_box {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__padding_box {
        padding-left: 20px;
        padding-right: 20px
    }
}

.index-module-scss-module__kctq0G__padding_box_2 {
    padding: 0 240px
}

@media screen and (max-width:1440px) {
    .index-module-scss-module__kctq0G__padding_box_2 {
        padding: 0 120px
    }
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__padding_box_2 {
        padding: 0 60px
    }
}

.index-module-scss-module__kctq0G__video_box {
    object-fit: cover;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.index-module-scss-module__kctq0G__sticky_box {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0
}

.index-module-scss-module__kctq0G__background_cover {
    background-position: 50%;
    background-size: cover
}

.index-module-scss-module__kctq0G__font_100_500 {
    letter-spacing: -.04em;
    font-size: 100px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_100_500 {
        font-size: 48px
    }
}

.index-module-scss-module__kctq0G__font_100_500_2 {
    letter-spacing: -.04em;
    font-size: 100px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_100_500_2 {
        font-size: 64px
    }
}

.index-module-scss-module__kctq0G__font_72_400 {
    letter-spacing: -.04em;
    font-size: 72px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_72_400 {
        font-size: 48px
    }
}

.index-module-scss-module__kctq0G__font_64_400 {
    letter-spacing: -.04em;
    font-size: 64px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_64_400 {
        letter-spacing: -.03em;
        font-size: 36px
    }
}

.index-module-scss-module__kctq0G__font_56_400 {
    letter-spacing: -.04em;
    font-size: 56px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_56_400 {
        letter-spacing: -.03em;
        font-size: 32px
    }
}

.index-module-scss-module__kctq0G__font_48_400 {
    letter-spacing: -.04em;
    font-size: 48px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_48_400 {
        letter-spacing: -.03em;
        font-size: 32px
    }
}

.index-module-scss-module__kctq0G__font_48_400_2 {
    letter-spacing: -.04em;
    font-size: 48px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_48_400_2 {
        letter-spacing: -.03em;
        font-size: 36px
    }
}

.index-module-scss-module__kctq0G__font_32_400 {
    letter-spacing: -.03em;
    font-size: 32px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_32_400 {
        letter-spacing: -.02em;
        font-size: 18px
    }
}

.index-module-scss-module__kctq0G__font_24_400 {
    letter-spacing: -.02em;
    font-size: 24px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_24_400 {
        font-size: 18px
    }
}

.index-module-scss-module__kctq0G__font_22_500 {
    letter-spacing: -.03em;
    font-size: 22px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_22_500 {
        letter-spacing: -.02em;
        font-size: 14px
    }
}

.index-module-scss-module__kctq0G__font_18_400 {
    letter-spacing: -.02em;
    font-size: 18px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_18_400 {
        font-size: 14px
    }
}

.index-module-scss-module__kctq0G__font_18_250 {
    letter-spacing: -.02em;
    font-size: 18px;
    font-weight: 250
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_18_250 {
        font-size: 14px
    }
}

.index-module-scss-module__kctq0G__font_16_500 {
    letter-spacing: -.02em;
    font-size: 16px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_16_500 {
        font-size: 14px
    }
}

.index-module-scss-module__kctq0G__font_14_400 {
    letter-spacing: -.02em;
    font-size: 14px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_14_400 {
        font-size: 12px
    }
}

.index-module-scss-module__kctq0G__font_14_250 {
    letter-spacing: -.02em;
    font-size: 14px;
    font-weight: 250
}

@media screen and (max-width:768px) {
    .index-module-scss-module__kctq0G__font_14_250 {
        font-size: 12px
    }
}

.index-module-scss-module__kctq0G__text_100_500 {
    letter-spacing: -.04em;
    font-size: 100px;
    font-weight: 500
}

.index-module-scss-module__kctq0G__text_72_500 {
    letter-spacing: -.04em;
    font-size: 72px;
    font-weight: 500
}

.index-module-scss-module__kctq0G__text_56_500 {
    letter-spacing: -.04em;
    font-size: 56px;
    font-weight: 500
}

.index-module-scss-module__kctq0G__text_48_500 {
    letter-spacing: -.04em;
    font-size: 48px;
    font-weight: 500
}

.index-module-scss-module__kctq0G__text_36_500 {
    letter-spacing: -.03em;
    font-size: 36px;
    font-weight: 500
}

.index-module-scss-module__kctq0G__text_32_500 {
    letter-spacing: -.03em;
    font-size: 32px;
    font-weight: 500
}

.index-module-scss-module__kctq0G__text_24_500 {
    letter-spacing: -.03em;
    font-size: 24px;
    font-weight: 500
}

.index-module-scss-module__kctq0G__text_18_500 {
    letter-spacing: -.02em;
    font-size: 18px;
    font-weight: 500
}

.index-module-scss-module__kctq0G__text_18_300 {
    letter-spacing: -.02em;
    font-size: 18px;
    font-weight: 300
}

.index-module-scss-module__kctq0G__text_14_500 {
    letter-spacing: -.02em;
    font-size: 14px;
    font-weight: 500
}

.index-module-scss-module__kctq0G__text_14_300 {
    letter-spacing: -.02em;
    font-size: 14px;
    font-weight: 300
}

.index-module-scss-module__kctq0G__text_12_500 {
    letter-spacing: -.02em;
    font-size: 12px;
    font-weight: 500
}

.index-module-scss-module__kctq0G__formBox {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    display: flex
}

.index-module-scss-module__kctq0G__formBoxInput {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #ffffff03;
    border: 1px solid #fff;
    border-radius: 32px;
    justify-content: space-between;
    align-items: center;
    width: 434px;
    padding: 5px;
    transition: all .2s;
    display: flex;
    position: relative
}

.index-module-scss-module__kctq0G__formBoxInput input {
    color: #fff;
    background-color: #0000;
    border: none;
    outline: none;
    width: 55%;
    height: 100%;
    padding-left: 24px;
    font-size: 16px
}

.index-module-scss-module__kctq0G__formBoxInput input::placeholder {
    color: #fff3
}

.index-module-scss-module__kctq0G__formBoxInput button {
    color: #f30;
    background: 0 0;
    border: none;
    justify-content: center;
    align-items: center;
    display: flex
}

@media screen and not (max-width:1000px) {
    .index-module-scss-module__kctq0G__formBoxInput .index-module-scss-module__kctq0G__shimmer {
        pointer-events: none;
        border-radius: inherit;
        opacity: 1;
        mix-blend-mode: plus-lighter;
        animation: 3s linear -.5s infinite both index-module-scss-module__kctq0G__wipe;
        position: absolute;
        inset: -40px;
        -webkit-mask-image: linear-gradient(90deg, #0000 15%, #000 45% 55%, #0000 85%);
        mask-image: linear-gradient(90deg, #0000 15%, #000 45% 55%, #0000 85%);
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 200% 200%;
        mask-size: 200% 200%
    }

    .index-module-scss-module__kctq0G__formBoxInput .index-module-scss-module__kctq0G__shimmer:after, .index-module-scss-module__kctq0G__formBoxInput .index-module-scss-module__kctq0G__shimmer:before {
        content: "";
        border-radius: inherit;
        transition: all .5s;
        position: absolute;
        inset: 40px
    }

    .index-module-scss-module__kctq0G__formBoxInput .index-module-scss-module__kctq0G__shimmer:before {
        z-index: -1;
        box-shadow: 0 0 3px 2px #f0f2f5, 0 0 7px 4px #eef1f5, 0 0 8px 4px #e7e5f1, 0 0 12px 4px #dee0e3
    }

    .index-module-scss-module__kctq0G__formBoxInput .index-module-scss-module__kctq0G__shimmer:after {
        z-index: 2;
        box-shadow: inset 0 0 0 1px #ece9fb, inset 0 0 3px 1px #e5e3f0, inset 0 0 4px 1px #dadada
    }

    @keyframes index-module-scss-module__kctq0G__wipe {
        0% {
            -webkit-mask-position: 200%;
            mask-position: 200%
        }

        to {
            -webkit-mask-position: 0%;
            mask-position: 0%
        }
    }
}

.index-module-scss-module__kctq0G__formBox .index-module-scss-module__kctq0G__formBoxButton {
    cursor: pointer;
    color: #000;
    letter-spacing: -.02em;
    background: #fff;
    border: none;
    border-radius: 24px;
    padding: 11.5px 20px;
    font-size: 14px;
    font-weight: 500
}

@media screen and not (max-width:1000px) {
    .index-module-scss-module__kctq0G__formBoxShimmer {
        background-image: linear-gradient(315deg, #dde4ed, 0%, #eef0fb 47%, #fff 100%);
        border: .5px solid #eee;
        box-shadow: inset 0 2px 3px 1px #b5bac533
    }
}

@media screen and (max-width:1000px) {
    .index-module-scss-module__kctq0G__formBox {
        width: 270px;
        padding: 0
    }

    .index-module-scss-module__kctq0G__formBoxInput input {
        width: 100%;
        padding-left: 0
    }

    .index-module-scss-module__kctq0G__formBox .index-module-scss-module__kctq0G__formBoxButton {
        text-align: center;
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        padding: 10px 20px
    }
}

.index-module-scss-module__kctq0G__default, .index-module-scss-module__kctq0G__loading, .index-module-scss-module__kctq0G__success, .index-module-scss-module__kctq0G__warning, .index-module-scss-module__kctq0G__error {
    color: #fff6;
    text-align: center;
    letter-spacing: -.02em;
    height: 18px;
    margin-top: 14px;
    font-size: 12px;
    font-weight: 400
}

.index-module-scss-module__kctq0G__error {
    color: #f30
}

.index-module-scss-module__HSQkQG__auraUpdateFormBoxSty {
    align-items: flex-start;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.index-module-scss-module__HSQkQG__auraUpdateInputSty {
    background: #fff;
    border: 1px solid #00000010;
    width: 84%
}

.index-module-scss-module__HSQkQG__auraUpdateInputSty input {
    font-size: 14px;
    color: #1d1d1f !important
}

.index-module-scss-module__HSQkQG__auraUpdateInputSty input::placeholder {
    color: #00000020 !important
}

.index-module-scss-module__HSQkQG__auraUpdateSuccessTipsSty {
    color: #000
}

@media screen and (max-width:1000px) {
    .index-module-scss-module__HSQkQG__auraUpdateInputSty {
        padding: 4px 4px 4px 16px;
        width: 100% !important
    }

    .index-module-scss-module__HSQkQG__auraUpdateInputSty input {
        padding-left: 0
    }
}

.aura-page-scope {
    --aura-black: #000;
    --aura-ink: #1d1d1f;
    --aura-muted: #6e6e73;
    --aura-soft: #f5f5f7;
    --aura-white: #fff;
    --aura-blue: #0071e3;
    --aura-blue-hover: #0077ed;
    --aura-border: #00000029;
    --aura-border-dark: #ffffff38;
    --aura-glass: #ffffffc7;
    --font-display: "XREALDiatype", -apple-system, blinkmacsystemfont, "Helvetica Neue", arial, sans-serif;
    --font-text: "XREALDiatype", -apple-system, blinkmacsystemfont, "Helvetica Neue", arial, sans-serif;
    color: var(--aura-ink);
    text-rendering: optimizelegibility;
    background: var(--aura-white);
    -webkit-font-smoothing: antialiased
}

.aura-page-scope,.aura-page-scope *,.aura-page-scope :before,.aura-page-scope :after {
    box-sizing: border-box
}

html:has(.aura-page-scope) {
    scroll-behavior: smooth;
    overflow-x: clip
}

body:has(.aura-page-scope) {
    margin: 0;
    overflow-x: clip
}

body:has(.aura-page-scope.has-video-modal) {
    overflow: hidden
}

.aura-page-scope a {
    color: inherit
}

.aura-page-scope img,.aura-page-scope svg,.aura-page-scope video,.aura-page-scope canvas {
    max-width: 100%
}

.aura-page-scope .sr-only {
    white-space: nowrap;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden
}

.aura-page-scope .global-nav {
    z-index: 30;
    color: #ffffffdb;
    -webkit-backdrop-filter: saturate(180%)blur(20px);
    backdrop-filter: saturate(180%)blur(20px);
    background: #000000b8;
    border-bottom: 1px solid #ffffff24;
    align-items: center;
    gap: 28px;
    height: 48px;
    padding: 0 max(22px,50vw - 620px);
    font-size: 12px;
    line-height: 1.333;
    display: flex;
    position: sticky;
    top: 0
}

.aura-page-scope .brand {
    color: #fff;
    align-items: center;
    gap: 8px;
    margin-right: auto;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex
}

.aura-page-scope .brand-mark {
    border: 1px solid #ffffff6b;
    border-radius: 50%;
    place-items: center;
    width: 20px;
    height: 20px;
    font-size: 11px;
    display: grid
}

.aura-page-scope .global-nav__links {
    align-items: center;
    gap: 28px;
    display: flex
}

.aura-page-scope .global-nav a {
    text-decoration: none;
    transition: color .2s,opacity .2s
}

.aura-page-scope .global-nav a:hover {
    color: #fff
}

.aura-page-scope .nav-cta,.aura-page-scope .local-nav__cta {
    background: var(--aura-blue);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    min-height: 24px;
    padding: 0 12px;
    text-decoration: none;
    display: inline-flex;
    color: #fff!important
}

.aura-page-scope .nav-cta:hover,.aura-page-scope .local-nav__cta:hover {
    background: var(--aura-blue-hover)
}

.aura-page-scope .scene {
    position: relative;
    overflow: hidden
}

.aura-page-scope .scene--black,.aura-page-scope .section-dark {
    color: var(--aura-soft);
    background: var(--aura-black)
}

.aura-page-scope .section-light {
    color: var(--aura-ink);
    background: var(--aura-white)
}

.aura-page-scope .meet-aura-intro {
    background: #fff;
    justify-content: center;
    align-items: flex-start;
    min-height: calc(100svh - 48px);
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.aura-page-scope .meet-aura-intro:after {
    pointer-events: none;
    content: "";
    z-index: 1;
    background: linear-gradient(#fff0 0%,#ffffff80 100%);
    height: min(500px,42%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.aura-page-scope .meet-aura-intro img {
    z-index: 0;
    width: auto;
    max-width: none;
    height: calc(100svh - 48px);
    max-height: calc(100svh - 48px);
    display: block;
    position: relative
}

.aura-page-scope .meet-aura-copy {
    z-index: 2;
    color: #000;
    justify-content: space-between;
    align-items: center;
    min-height: 47px;
    display: flex;
    position: absolute;
    bottom: clamp(32px,5.2vh,72px);
    left: max(28px,50vw - 840px);
    right: max(28px,50vw - 840px)
}

.aura-page-scope .meet-aura-copy h1 {
    align-items: center;
    width: min(326px,100vw - 56px);
    max-width: none;
    min-height: 47px;
    margin: 0;
    line-height: 0;
    display: flex
}

.aura-page-scope .meet-aura-wordmark {
    width: 100%;
    height: auto;
    display: block
}

.aura-page-scope .meet-aura-partner {
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
    min-height: 47px;
    display: flex
}

.aura-page-scope .meet-aura-android-xr-logo {
    flex: none;
    width: 170px;
    height: auto;
    display: block
}

.aura-page-scope .meet-aura-actions {
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 14px;
    min-height: 47px;
    display: flex
}

.aura-page-scope .meet-aura-actions .button {
    min-height: 47px
}

.aura-page-scope .button--outline-dark {
    color: #1d1d1f;
    box-shadow: none;
    background: #fff;
    border-color: #000000d1
}

.aura-page-scope .button--outline-dark:hover {
    background: #0000000f;
    border-color: #000
}

.aura-page-scope .button--dark {
    color: #fff;
    background: #1d1d1f
}

.aura-page-scope .button--dark:hover {
    background: #000
}

.aura-page-scope .hero {
    place-items: end center;
    min-height: calc(100vh - 48px);
    padding: clamp(42px,5vw,68px) max(24px,50vw - 590px) clamp(118px,16vh,176px);
    display: grid
}

.aura-page-scope .hero:after,.aura-page-scope .final-cta:after,.aura-page-scope .developers:after {
    pointer-events: none;
    content: "";
    background: linear-gradient(#000000b8 0%,#00000042 42%,#00000094 100%);
    position: absolute;
    inset: 0
}

.aura-page-scope .hero-visual {
    background: #05070a;
    position: absolute;
    inset: 0
}

.aura-page-scope .hero-visual video {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    display: block
}

.aura-page-scope .hero-copy,.aura-page-scope .final-copy,.aura-page-scope .developer-copy,.aura-page-scope .definition-copy {
    z-index: 1;
    text-align: center;
    max-width: 930px;
    position: relative
}

.aura-page-scope .hero-copy {
    justify-items: center;
    max-width: 860px;
    padding-top: 0;
    display: grid
}

.aura-page-scope .eyebrow {
    color: currentColor;
    letter-spacing: 0;
    margin: 0 0 16px;
    font-size: clamp(19px,2.1vw,28px);
    font-weight: 700;
    line-height: 1.14
}

.aura-page-scope h1,.aura-page-scope h2,.aura-page-scope h3,.aura-page-scope p {
    margin-top: 0
}

.aura-page-scope h1,.aura-page-scope h2 {
    letter-spacing: -.018em
}

.aura-page-scope h1 {
    max-width: 820px;
    margin-bottom: 22px;
    font-size: 80px;
    font-weight: 750;
    line-height: .96
}

.aura-page-scope h2 {
    margin-bottom: 28px;
    font-size: 80px;
    font-weight: 740;
    line-height: 1.04
}

.aura-page-scope h3 {
    letter-spacing: -.012em;
    margin-bottom: 18px;
    font-size: clamp(28px,3vw,46px);
    font-weight: 730;
    line-height: 1.08
}

.aura-page-scope .hero-subhead {
    color: #fff;
    max-width: 700px;
    margin: 0 auto 16px;
    font-size: 24px;
    font-weight: 650;
    line-height: 1.2
}

.aura-page-scope .hero-body,.aura-page-scope .section-heading p,.aura-page-scope .wide-copy p,.aura-page-scope .definition-copy p,.aura-page-scope .developer-copy p,.aura-page-scope .final-copy p {
    color: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px
}

.aura-page-scope .hero-body {
    color: #f5f5f7ad;
    max-width: 720px;
    margin: 0 auto 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px
}

.aura-page-scope .availability {
    color: #ffffffe0;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: #ffffff26;
    border: 1px solid #ffffff61;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    min-height: 42px;
    margin-bottom: 28px;
    padding: 0 18px;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    display: inline-flex;
    box-shadow: 0 12px 34px #0000003d
}

.aura-page-scope .cta-row {
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin: 0 0 18px;
    display: flex
}

.aura-page-scope .button {
    text-align: center;
    white-space: normal;
    border: 1px solid #0000;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    min-height: 44px;
    padding: 0 22px;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    text-decoration: none;
    transition: background-color .2s,border-color .2s,color .2s,opacity .2s,transform .2s;
    display: inline-flex
}

.aura-page-scope .button:hover {
    transform: translateY(-1px)
}

.aura-page-scope .button--primary {
    color: #fff;
    background: var(--aura-blue)
}

.aura-page-scope .button--primary:hover {
    background: var(--aura-blue-hover)
}

.aura-page-scope .button--secondary {
    color: #fff;
    border-color: #ffffff9e
}

.aura-page-scope .button--secondary:hover {
    background: #ffffff1f
}

.aura-page-scope .button--inverted {
    color: #000;
    background: #fff
}

.aura-page-scope .button--secondary-dark {
    color: #fff;
    border-color: #ffffff85
}

.aura-page-scope .button--secondary-dark:hover {
    background: #ffffff1a
}

.aura-page-scope .meet-aura-actions .button--outline-dark {
    box-shadow: none;
    background: #fff;
    border-color: #000000d1
}

.aura-page-scope .meet-aura-actions .button--outline-dark:hover {
    box-shadow: none;
    border-color: #000
}

.aura-page-scope .trust-line {
    color: #f5f5f7ad;
    margin: 0;
    font-size: 14px;
    font-weight: 500
}

.aura-page-scope .trust-line--dark {
    color: var(--aura-muted)
}

.aura-page-scope .local-nav {
    z-index: 20;
    border-bottom: 1px solid var(--aura-border);
    height: 52px;
    color: var(--aura-ink);
    background: var(--aura-glass);
    -webkit-backdrop-filter: saturate(180%)blur(20px);
    backdrop-filter: saturate(180%)blur(20px);
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 0 22px;
    font-size: 12px;
    display: flex;
    position: sticky;
    top: 48px
}

.aura-page-scope .local-nav a {
    text-decoration: none
}

.aura-page-scope .section-heading,.aura-page-scope .wide-copy {
    text-align: center;
    max-width: 980px;
    margin: 0 auto
}

.aura-page-scope .section-heading {
    padding: 0 0 64px
}

.aura-page-scope .section-heading p,.aura-page-scope .wide-copy p {
    max-width: 760px;
    color: var(--aura-muted);
    margin-left: auto;
    margin-right: auto
}

.aura-page-scope .reserve,.aura-page-scope .pillars,.aura-page-scope .technology,.aura-page-scope .reviews,.aura-page-scope .faq,.aura-page-scope .product-specs,.aura-page-scope .xreal-family {
    padding: 128px max(24px,50vw - 590px)
}

.aura-page-scope .reservation-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 24px;
    max-width: 960px;
    margin: 0 auto;
    display: grid
}

.aura-page-scope .reservation-card-pagination {
    display: none
}

.aura-page-scope .reservation-notes {
    max-width: 760px;
    color: var(--aura-muted);
    gap: 8px;
    margin: 28px auto 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    list-style: none;
    display: grid
}

.aura-page-scope .reservation-fineprint {
    max-width: 760px;
    color: var(--aura-muted);
    text-align: center;
    margin: 29px auto 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px
}

.aura-page-scope .reservation-business {
    text-align: center;
    background: linear-gradient(#fafafbb8 0%,#f5f5f7b8 100%);
    border: 1px solid #1d1d1f14;
    border-radius: 8px;
    justify-items: center;
    gap: 8px;
    width: min(760px,100%);
    margin: 34px auto 0;
    padding: 18px 28px 19px;
    display: grid
}

.aura-page-scope .reservation-business__copy {
    justify-items: center;
    gap: 6px;
    display: grid
}

.aura-page-scope .reservation-business h3 {
    color: var(--aura-ink);
    margin: 0;
    font-size: 17px;
    font-weight: 750;
    line-height: 22px
}

.aura-page-scope .reservation-business p {
    color: var(--aura-muted);
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px
}

.aura-page-scope .reservation-business__contact {
    margin-top: 0;
    font-size: 13px;
    line-height: 19px
}

.aura-page-scope .reservation-business__email {
    font-size: inherit;
    color: var(--aura-ink);
    text-underline-offset: 4px;
    letter-spacing: .01em;
    font-weight: 750;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    display: inline
}

.aura-page-scope .reservation-business__email:hover {
    color: #000
}

.aura-page-scope .reservation-interest {
    text-align: center;
    justify-items: center;
    gap: 16px;
    max-width: 820px;
    margin: 24px auto 0;
    display: grid
}

.aura-page-scope .reservation-interest__copy {
    width: 100%;
    max-width: 760px;
    color: var(--aura-muted);
    gap: 7px;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    display: grid
}

.aura-page-scope .reservation-interest__copy p {
    margin: 0
}

.aura-page-scope .reservation-interest__supported {
    color: var(--aura-ink);
    font-size: 16px;
    font-weight: 800;
    line-height: 23px
}

.aura-page-scope .reservation-supported-countries {
    max-width: 100%;
    display: inline-block;
    position: relative
}

.aura-page-scope .reservation-supported-note {
    vertical-align: -1px;
    align-items: center;
    margin-left: 4px;
    display: inline-flex;
    position: relative
}

.aura-page-scope .reservation-interest .reservation-supported-note__trigger {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    width: 12px;
    min-width: 12px;
    max-width: 12px;
    height: 12px;
    min-height: 12px;
    max-height: 12px;
    font: inherit;
    color: #00000052;
    vertical-align: -1px;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 0;
    flex: none;
    justify-content: center;
    align-items: center;
    margin: 0 2px;
    padding: 0;
    line-height: 0;
    transition: color .16s;
    display: inline-flex;
    transform: none
}

.aura-page-scope .reservation-interest .reservation-supported-note__trigger .reservation-supported-note__icon {
    flex: none;
    width: 12px;
    height: 12px;
    display: block;
    overflow: hidden
}

.aura-page-scope .reservation-interest .reservation-supported-note__trigger:hover,.aura-page-scope .reservation-interest .reservation-supported-note__trigger:focus-visible {
    color: #0000008c;
    background: 0 0;
    outline: 0;
    transform: none
}

.aura-page-scope .reservation-supported-note__tooltip {
    --reservation-note-tail-x: calc(100% - 10px);
    --reservation-note-top-y: -100px;
    pointer-events: none;
    z-index: 4;
    top: var(--reservation-note-top-y);
    width: min(440px,100vw - 32px);
    color: var(--aura-ink);
    text-align: left;
    opacity: 0;
    background: #fff;
    border: 1px solid #0000001f;
    border-radius: 8px;
    padding: 14px 18px;
    font-size: 12px;
    font-weight: 600;
    line-height: 19px;
    transition: opacity .18s,transform .18s;
    position: absolute;
    left: 50%;
    transform: translate(-50%,6px);
    box-shadow: 0 18px 40px #00000024
}

.aura-page-scope .reservation-supported-note__tooltip:after {
    content: "";
    top: calc(100% - 4px);
    left: var(--reservation-note-tail-x);
    background: #fff;
    border-bottom: 1px solid #0000001f;
    border-right: 1px solid #0000001f;
    width: 10px;
    height: 10px;
    position: absolute;
    transform: translate(-50%)rotate(45deg)
}

.aura-page-scope .reservation-supported-countries:hover .reservation-supported-note__tooltip,.aura-page-scope .reservation-supported-countries:focus-within .reservation-supported-note__tooltip {
    opacity: 1;
    transform: translate(-50%)
}

.aura-page-scope .reservation-interest__controls {
    background: var(--aura-soft);
    width: min(620px,100%);
    min-height: 58px;
    box-shadow: none;
    border: 1px solid #0000001f;
    border-radius: 999px;
    align-items: center;
    gap: 8px;
    padding: 6px;
    display: flex
}

.aura-page-scope .reservation-interest__field {
    flex: 1 1 0;
    min-width: 0;
    position: relative
}

.aura-page-scope .reservation-interest__field--country {
    flex: 0 0 204px
}

.aura-page-scope .reservation-interest select,.aura-page-scope .reservation-interest input {
    width: 100%;
    height: 46px;
    font: 650 15px/1.2 var(--font-text);
    color: var(--aura-ink);
    background: 0 0;
    border: 0;
    border-radius: 999px;
    outline: 0;
    padding: 0 18px
}

.aura-page-scope .reservation-interest select {
    cursor: pointer;
    appearance: none;
    padding-right: 34px
}

.aura-page-scope .reservation-interest__field--country:after {
    pointer-events: none;
    content: "";
    border-bottom: 2px solid #1d1d1f85;
    border-right: 2px solid #1d1d1f85;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-65%)rotate(45deg)
}

.aura-page-scope .reservation-interest input::placeholder {
    color: #1d1d1f7a
}

.aura-page-scope .reservation-interest button {
    cursor: pointer;
    min-height: 46px;
    font: 650 15px/1.2 var(--font-text);
    color: #fff;
    appearance: none;
    background: var(--aura-ink);
    border: 0;
    border-radius: 999px;
    flex: none;
    padding: 0 24px;
    transition: background-color .2s,transform .2s
}

.aura-page-scope .reservation-interest button:hover {
    background: #000;
    transform: translateY(-1px)
}

.aura-page-scope .reservation-grid--aura-cards {
    --card-width: 400px;
    --card-height: 540px;
    --card-gap: 30px;
    --card-radius: 28px;
    --pointer-x: 50%;
    --pointer-y: 50%;
    --pointer-from-center: 0;
    --pointer-from-top: .5;
    --pointer-from-left: .5;
    --rotate-x: 0deg;
    --rotate-y: 0deg;
    --background-x: 50%;
    --background-y: 50%;
    --mask-x: 50%;
    --mask-y: 50%;
    --metal-brush-x: 0px;
    --metal-band-x: 0px;
    --metal-band-fine-x: 0px;
    --cavity-shadow-x: 0px;
    --cavity-shadow-y: 0px;
    --cavity-highlight-x: 0px;
    --cavity-highlight-y: 0px;
    --card-opacity: 0;
    --blue: var(--aura-blue);
    --founder-ink: #3a2c16;
    --founder-ink-muted: #3a2c168a;
    --founder-ink-soft: #3a2c1680;
    --founder-line: #3a2c1629;
    --founder-cream: #fef6e1;
    --founder-0: #fffae4;
    --founder-25: #f9f1da;
    --founder-50: #f6e7d2;
    --founder-75: #e1cdac;
    --founder-100: #cca57a;
    --launch-ink: #3b382c;
    --launch-top: #f4f4f6;
    --launch-bottom: #9fa3a5;
    --priority-top: #eaf5ff;
    --priority-bottom: #b7d2ed;
    --card-side-padding: 35px;
    --card-title-size: 28px;
    --card-title-line: 30px;
    --card-eyebrow-size: 13px;
    --card-copy-size: 13px;
    --card-copy-line: 18.2px;
    --card-price-top: 189px;
    --card-price-row-height: 56px;
    --card-price-size: 60px;
    --card-price-line: .94;
    --card-price-copy-top: 64px;
    --card-price-copy-gap: 10px;
    --card-detail-top: 248px;
    --card-detail-label-size: 13px;
    --card-detail-label-line: 18px;
    --card-detail-value-size: 36px;
    --card-detail-value-line: 42px;
    --card-benefits-top: 328px;
    --card-benefit-size: 13px;
    --card-benefit-line: 18.5px;
    --card-benefit-gap: 6px;
    --card-button-size: 16px;
    --card-button-line: 23px;
    --font: var(--font-text);
    grid-template-columns: repeat(3, minmax(0, var(--card-width)));
    gap: var(--card-gap);
    width: min(100%, calc((var(--card-width) * 3) + (var(--card-gap) * 2)));
    justify-content: center;
    align-items: center;
    max-width: none
}

.aura-page-scope .tilt-card {
    touch-action: none;
    width: var(--card-width);
    perspective: 900px;
    max-width: 100%;
    position: relative;
    transform: translateZ(.1px)
}

.aura-page-scope .tilt-card.is-active,.aura-page-scope .tilt-card:hover {
    --card-opacity: 1
}

.aura-page-scope .tilt-card__behind {
    pointer-events: none;
    z-index: 0;
    border-radius: calc(var(--card-radius) + 18px);
    opacity: calc(.42 * var(--card-opacity));
    background: radial-gradient(circle at var(--pointer-x) var(--pointer-y), #7dbeffb8 0%, #0071e357 24%, #0071e300 60%);
    filter: blur(24px)saturate(1.08);
    transition: opacity .18s;
    position: absolute;
    inset: -18px
}

.aura-page-scope .tilt-card--launch .tilt-card__behind {
    opacity: calc(.32 * var(--card-opacity));
    background: radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffffe0 0%, #aaa69657 28%, #3b382c1f 52%, #aaa69600 68%);
    filter: blur(22px)saturate(.9)
}

.aura-page-scope .tilt-card--founder .tilt-card__behind {
    opacity: calc(.3 * var(--card-opacity));
    background: radial-gradient(circle at var(--pointer-x) var(--pointer-y), #fef6e175 0%, #f8cc7838 28%, #52453d24 56%, #52453d00 72%);
    filter: blur(22px)saturate(.9)
}

.aura-page-scope .opacity-60 {
    opacity: .6
}

.aura-page-scope .opacity-40 {
    opacity: .4
}

.aura-page-scope .founder-card,.aura-page-scope .launch-card {
    will-change: transform;
    z-index: 1;
    transform-style: preserve-3d;
    transform: rotateX(var(--rotate-y)) rotateY(var(--rotate-x));
    aspect-ratio: auto;
    width: 100%;
    height: var(--card-height);
    border-radius: var(--card-radius);
    color: #000;
    transition: box-shadow .18s,transform .68s cubic-bezier(.2,.8,.2,1);
    position: relative;
    overflow: hidden
}

.aura-page-scope .founder-card {
    background: linear-gradient(180deg, var(--founder-0) 0%, var(--founder-25) 25%, var(--founder-50) 50%, var(--founder-75) 75%, var(--founder-100) 100%);
    box-shadow: inset 0 1px #ffffff8f,0 12px 30px -22px #3a2c1624
}

.aura-page-scope .founder-card--sold-out {
    will-change: auto;
    background: linear-gradient(#f2e8d3 0%,#ffeed0 65%,#c1aa81 100%);
    transition: box-shadow .18s;
    transform: none;
    box-shadow: inset 0 1px #ffffffb3,0 8px 22px -20px #3a2c1609
}

.aura-page-scope .tilt-card.is-active .founder-card {
    transition: box-shadow .18s,transform 90ms linear;
    box-shadow: inset 0 1px #ffffff94,0 16px 38px -24px #3a2c162e
}

.aura-page-scope .tilt-card.is-active .founder-card--sold-out {
    transform: none;
    box-shadow: inset 0 1px #ffffffb3,0 8px 22px -20px #3a2c1609
}

.aura-page-scope .tilt-card.is-entering .founder-card,.aura-page-scope .tilt-card.is-entering .launch-card {
    transition: box-shadow .18s,transform .18s ease-out
}

.aura-page-scope .founder-card__shade,.aura-page-scope .founder-metal,.aura-page-scope .founder-card__edge,.aura-page-scope .founder-card__shine,.aura-page-scope .founder-card__sparkle,.aura-page-scope .founder-card__glare,.aura-page-scope .launch-card__shine,.aura-page-scope .launch-card__sparkle,.aura-page-scope .launch-card__glare,.aura-page-scope .launch-card__edge {
    pointer-events: none;
    border-radius: inherit;
    position: absolute;
    inset: 0
}

.aura-page-scope .founder-metal {
    z-index: 2;
    opacity: calc(.06 + (.2 * var(--card-opacity)));
    mix-blend-mode: soft-light;
    background: linear-gradient(90deg,#ffffff2e 0%,#52453d0d 18%,#fef6e11f 34%,#52453d12 52%,#ffffff24 68%,#52453d12 100%);
    overflow: hidden
}

.aura-page-scope .founder-metal__brush {
    transform: translate3d(var(--metal-brush-x), 0, 0);
    transition: transform .22s;
    position: absolute;
    inset: 0
}

.aura-page-scope .founder-metal__band {
    transform-origin: 50%;
    transform: rotate(18deg) translate3d(var(--metal-band-x), 0, 0);
    transition: opacity .18s,transform .18s;
    position: absolute;
    inset: -22% -58%
}

.aura-page-scope .founder-metal__band--wide {
    opacity: calc(.06 + (.2 * var(--card-opacity)));
    background: linear-gradient(90deg,#fef6e100 0%,#fef6e114 38%,#ffffff47 48%,#f8cc7814 59%,#fef6e100 100%)
}

.aura-page-scope .founder-metal__band--fine {
    transform: rotate(18deg) translate3d(var(--metal-band-fine-x), -5%, 0);
    opacity: calc(.04 + (.16 * var(--card-opacity)));
    filter: blur(.3px);
    background: linear-gradient(90deg,#fef6e100 0%,#ffffff38 51%,#fef6e100 58%)
}

.aura-page-scope .founder-metal__band--edge {
    opacity: calc(.04 + (.1 * var(--card-opacity)));
    background: radial-gradient(ellipse at var(--pointer-x) var(--pointer-y), #ffffff29 0%, #fef6e112 24%, #fff0 56%);
    mix-blend-mode: soft-light
}

.aura-page-scope .founder-card__edge {
    z-index: 8;
    box-shadow: inset 0 0 0 1px #fef6e185,inset 0 0 0 1.5px #3a2c1614
}

.aura-page-scope .founder-card__edge:before {
    content: "";
    border-radius: inherit;
    opacity: calc(.24 + (.36 * var(--card-opacity)));
    background: radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffffb8 0%, #fef6e147 15%, #fef6e100 38%);
    -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask-composite: xor;
    padding: 1px;
    transition: opacity .18s;
    position: absolute;
    inset: 0;
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.aura-page-scope .founder-card__shade {
    z-index: 3;
    opacity: .16;
    background: linear-gradient(#ffffff0d 0%,#fef6e108 34%,#3a2c1605 62%,#0000000d 100%),linear-gradient(96deg,#ffffff0a 0%,#ffffff03 32%,#52453d05 58%,#ffffff05 100%)
}

.aura-page-scope .founder-card--sold-out .founder-metal,.aura-page-scope .founder-card--sold-out .founder-card__shine,.aura-page-scope .founder-card--sold-out .founder-card__sparkle,.aura-page-scope .founder-card--sold-out .founder-card__glare {
    opacity: 0;
    animation: none
}

.aura-page-scope .founder-card--sold-out .founder-metal__brush,.aura-page-scope .founder-card--sold-out .founder-metal__band {
    transition: none;
    transform: none
}

.aura-page-scope .founder-card--sold-out .founder-card__shade {
    opacity: .08;
    background: linear-gradient(#ffffff1f 0%,#ffffff05 48%,#3a2c1608 100%)
}

.aura-page-scope .founder-card--sold-out .founder-card__edge {
    box-shadow: inset 0 0 0 1px #ffffff94,inset 0 0 0 1.5px #3a2c160d
}

.aura-page-scope .founder-card__shine {
    z-index: 3;
    transform-origin: 50%;
    opacity: calc(.14 + (.42 * var(--card-opacity)));
    background-image: linear-gradient(105deg, #fff0 12%, #ffffffc7 32%, #c6c2b252 43%, #fff3 55%, #fff0 74%), radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffffe0 0%, #ffffff42 20%, #aaa6960f 52%, #aaa69600 80%);
    background-position: calc(var(--background-x) * .8) calc(var(--background-y) * .8), center;
    filter: blur(.2px)brightness(1.05)saturate(1.08);
    mix-blend-mode: soft-light;
    background-size: 190% 190%,100% 100%;
    transition: opacity .18s;
    inset: -34%;
    transform: rotate(24deg)translateZ(1px)
}

.aura-page-scope .founder-card__sparkle {
    z-index: 4;
    opacity: calc(.04 + (.18 * var(--card-opacity)));
    background-image: radial-gradient(circle at 26% 30%,#ffffffa3 0%,#0000 20%),radial-gradient(circle at 68% 52%,#c6c2b24d 0%,#0000 22%),repeating-radial-gradient(circle,#ffffff38 0 .45px,#0000 .55px 5px);
    background-position: var(--pointer-x) var(--pointer-y), calc(var(--background-x) * 1.1) calc(var(--background-y) * 1.1), calc(var(--background-x) * .4) calc(var(--background-y) * .3);
    filter: blur(.35px);
    mix-blend-mode: overlay;
    background-size: 130px 130px,170px 170px,44px 44px;
    animation: 6s ease-in-out infinite alternate launch-sparkle;
    inset: -28%;
    transform: rotate(20deg)translateZ(1.2px)
}

.aura-page-scope .tilt-card.is-active .founder-card__shine,.aura-page-scope .tilt-card:hover .founder-card__shine {
    opacity: .64
}

.aura-page-scope .tilt-card.is-active .founder-card--sold-out .founder-card__shine,.aura-page-scope .tilt-card:hover .founder-card--sold-out .founder-card__shine {
    opacity: 0
}

.aura-page-scope .founder-card__glare {
    z-index: 5;
    opacity: calc(.09 + (.32 * var(--card-opacity)));
    background: radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffffe0 0%, #ffffff57 22%, #aaa69629 55%, #fff0 92%);
    mix-blend-mode: screen;
    transition: opacity .18s
}

.aura-page-scope .founder-card__header,.aura-page-scope .founder-card__price,.aura-page-scope .founder-card__edition,.aura-page-scope .founder-card__benefits,.aura-page-scope .founder-card__button,.aura-page-scope .founder-card__rule,.aura-page-scope .launch-card__header,.aura-page-scope .launch-card__price,.aura-page-scope .launch-card__countdown,.aura-page-scope .launch-card__benefits,.aura-page-scope .launch-card__button,.aura-page-scope .launch-card__rule {
    position: absolute
}

.aura-page-scope .founder-card__header,.aura-page-scope .founder-card__price,.aura-page-scope .founder-card__edition,.aura-page-scope .founder-card__benefits {
    z-index: 9
}

.aura-page-scope .founder-card__header,.aura-page-scope .launch-card__header {
    top: 60px;
    left: var(--card-side-padding);
    width: calc(100% - (var(--card-side-padding) * 2));
    text-align: center
}

.aura-page-scope .founder-card__header h3,.aura-page-scope .launch-card__header h3 {
    font-weight: 700;
    line-height: var(--card-title-line);
    letter-spacing: 0;
    white-space: normal;
    margin: 0;
    font-size: var(--card-title-size)!important
}

.aura-page-scope .founder-card__header h3 {
    color: var(--founder-ink)
}

.aura-page-scope .launch-card__header h3 {
    color: #000
}

.aura-page-scope .founder-card__header p,.aura-page-scope .launch-card__header p {
    font-size: var(--card-eyebrow-size);
    font-weight: 400;
    line-height: var(--card-copy-line);
    margin: 5px 0 0
}

.aura-page-scope .founder-card__header p {
    color: var(--founder-ink-soft)
}

.aura-page-scope .launch-card__header p {
    color: #3b382c8a
}

.aura-page-scope .founder-card__price,.aura-page-scope .launch-card__price {
    top: var(--card-price-top);
    left: var(--card-side-padding);
    width: calc(100% - (var(--card-side-padding) * 2));
    text-align: center;
    container-type: inline-size
}

.aura-page-scope .founder-card__price p,.aura-page-scope .launch-card__price p {
    height: var(--card-price-row-height);
    font-size: var(--card-price-size);
    font-weight: 800;
    line-height: var(--card-price-line);
    letter-spacing: 0;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    display: flex
}

.aura-page-scope .founder-card__price p {
    color: var(--founder-ink)
}

.aura-page-scope .founder-card--sold-out .founder-card__price p {
    font-size: min(var(--card-price-size), 18cqw);
    color: #3a2c16db;
    text-transform: uppercase
}

.aura-page-scope .founder-card--sold-out .founder-card__price>span {
    color: #3a2c16ad;
    width: min(100%,390px);
    font-weight: 620;
    position: relative;
    left: 50%;
    transform: translate(-50%)
}

.aura-page-scope .launch-card__price p {
    color: #000
}

.aura-page-scope .reservation-card__price--structured p {
    justify-content: center;
    align-items: baseline;
    gap: .025em;
    max-width: 100%;
    display: inline-flex
}

.aura-page-scope .reservation-card__price--long p {
    font-size: min(var(--card-price-size), 10.2cqw)
}

.aura-page-scope .reservation-card__price--single p {
    font-size: min(var(--card-price-size), 16cqw)
}

.aura-page-scope .reservation-card__price--range-short p {
    font-size: var(--card-price-size)
}

.aura-page-scope .reservation-card__price--range-medium p {
    font-size: min(var(--card-price-size), 12.5cqw)
}

.aura-page-scope .founder-card__price span,.aura-page-scope .launch-card__price span {
    margin-top: var(--card-price-copy-gap);
    font-size: var(--card-copy-size);
    font-weight: 400;
    line-height: var(--card-copy-line);
    display: block
}

.aura-page-scope .founder-card__price span {
    color: var(--founder-ink-muted)
}

.aura-page-scope .launch-card__price span {
    color: var(--launch-ink)
}

.aura-page-scope .reservation-card__price--structured p span {
    font: inherit;
    line-height: inherit;
    color: #000;
    margin: 0;
    display: inline
}

.aura-page-scope .founder-card__price.reservation-card__price--structured p span:not(.reservation-card__price-currency,.reservation-card__price-arrow) {
    color: var(--founder-ink)
}

.aura-page-scope .reservation-card__price--structured .reservation-card__price-currency {
    color: #0000009e;
    margin-right: .06em;
    font-size: .42em;
    line-height: 1;
    transform: translateY(-.95em)
}

.aura-page-scope .reservation-card__price--structured .reservation-card__price-arrow {
    color: #0000009e;
    margin: 0 .13em;
    font-size: .62em;
    line-height: 1;
    transform: translateY(-.12em)
}

.aura-page-scope .founder-card__rule,.aura-page-scope .launch-card__rule {
    left: var(--card-side-padding);
    width: calc(100% - (var(--card-side-padding) * 2));
    height: 1px
}

.aura-page-scope .founder-card__rule {
    z-index: 5;
    background: var(--founder-line)
}

.aura-page-scope .founder-card__rule--price {
    display: none;
    top: 296px
}

.aura-page-scope .founder-card__rule--benefits {
    display: none;
    top: 423px
}

.aura-page-scope .founder-card__edition {
    top: var(--card-detail-top);
    left: var(--card-side-padding);
    width: calc(100% - (var(--card-side-padding) * 2));
    text-align: center
}

.aura-page-scope .founder-card__edition p {
    font-size: var(--card-detail-label-size);
    font-weight: 400;
    line-height: var(--card-detail-label-line);
    color: var(--founder-ink);
    margin: 0
}

.aura-page-scope .founder-card__edition-counter {
    isolation: isolate;
    width: calc(100% - 18px);
    min-height: 46px;
    font-variant-numeric: tabular-nums;
    background: radial-gradient(ellipse at var(--pointer-x) var(--pointer-y), #ffffffeb 0%, #ffffffad 30%, #ecece88f 58%, #9e9e9833 100%), linear-gradient(180deg, #58585229 0%, #ffffffeb 45%, #b2b2aa47 100%);
    box-shadow: inset var(--cavity-shadow-x) var(--cavity-shadow-y) 17px #26262614, inset 0 13px 14px #2626261c, inset var(--cavity-highlight-x) var(--cavity-highlight-y) 20px #ffffff8f, inset 0 -10px 16px #ffffffa3;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    margin: 6px auto 0;
    padding: 0 30px;
    display: flex;
    position: relative;
    overflow: hidden
}

.aura-page-scope .founder-card__edition-counter--sold-out {
    background: linear-gradient(112deg,#dfcb9e 0%,#f1e4c4 48%,#d2b98b 100%);
    box-shadow: inset 0 1px #ffffff47,inset 0 0 0 1px #5b48260f,0 12px 24px -14px #4a3a1f29,0 4px 10px -4px #4a3a1f17,0 -5px 16px -12px #eccf8838
}

.aura-page-scope .founder-card__edition-counter:before,.aura-page-scope .founder-card__edition-counter:after {
    pointer-events: none;
    content: "";
    border-radius: inherit;
    position: absolute
}

.aura-page-scope .founder-card__edition-counter:before {
    z-index: 0;
    opacity: calc(.78 + (.18 * var(--card-opacity)));
    background: radial-gradient(ellipse at calc(var(--pointer-x) + var(--cavity-highlight-x)) calc(var(--pointer-y) + var(--cavity-highlight-y)), #ffffffc2 0%, #ffffff4d 30%, #fff0 62%), radial-gradient(ellipse at calc(100% - var(--pointer-x) + var(--cavity-shadow-x)) calc(100% - var(--pointer-y) + var(--cavity-shadow-y)), #2626261a 0%, #2626260b 32%, #26262600 62%);
    transition: opacity .18s;
    inset: -18%
}

.aura-page-scope .founder-card__edition-counter:after {
    z-index: 1;
    box-shadow: inset 0 1px 2px #ffffffa3, inset 0 12px 15px #2626261a, inset 0 -10px 15px #ffffffbd, inset var(--cavity-shadow-x) var(--cavity-shadow-y) 10px #2626260b;
    inset: 1px
}

.aura-page-scope .founder-card__edition-counter--sold-out:before {
    z-index: 0;
    opacity: .95;
    mix-blend-mode: soft-light;
    background: linear-gradient(110deg,#fff0 0% 26%,#ffffff4d 38%,#ffffffc7 50%,#ffffff61 62%,#fff0 78% 100%) -130% -130%/300% 300% no-repeat;
    transition: none;
    animation: 4.6s ease-in-out infinite founder-plaque-glare;
    inset: 0
}

.aura-page-scope .founder-card__edition-counter--sold-out:after {
    box-shadow: inset 0 1px #ffffff38,inset 0 0 0 1px #fff5cd1a
}

.aura-page-scope .founder-card__edition-number {
    z-index: 2;
    min-width: 0;
    font-size: 32px;
    font-weight: 800;
    line-height: var(--card-detail-value-line);
    letter-spacing: 0;
    flex: 1 1 0;
    position: relative;
    transform: translateY(2px)
}

.aura-page-scope .founder-card__edition-number--remaining {
    color: var(--founder-ink)
}

.aura-page-scope .founder-card__edition-counter--sold-out .founder-card__edition-number--remaining {
    color: #3e2a0ba3;
    text-shadow: 0 1px #fff5b861,0 -1px #4327071f
}

.aura-page-scope .founder-card__edition-number--total {
    color: #3a2c165c
}

.aura-page-scope .founder-card__edition-counter--sold-out .founder-card__edition-number--total,.aura-page-scope .founder-card__edition-counter--sold-out .founder-card__edition-unit {
    color: #3e2a0b66;
    text-shadow: 0 1px #fff5b84d,0 -1px #43270714
}

.aura-page-scope .founder-card__edition-value {
    display: inline-block
}

.aura-page-scope .founder-card__edition-unit {
    pointer-events: none;
    z-index: 1;
    color: #2626266b;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    bottom: 7px;
    left: calc(50% + 58px)
}

.aura-page-scope .founder-card__edition-separator {
    z-index: 2;
    background: #2626262e;
    border-radius: 999px;
    flex: 0 0 2px;
    width: 2px;
    height: 24px;
    position: relative
}

.aura-page-scope .founder-card__benefits,.aura-page-scope .launch-card__benefits {
    top: var(--card-benefits-top);
    left: var(--card-side-padding);
    gap: var(--card-benefit-gap);
    width: calc(100% - (var(--card-side-padding) * 2));
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.aura-page-scope .founder-card__benefits li,.aura-page-scope .launch-card__benefits li {
    min-height: var(--card-benefit-line);
    font-size: var(--card-benefit-size);
    font-weight: 400;
    line-height: var(--card-benefit-line);
    grid-template-columns: 12px 1fr;
    align-items: start;
    column-gap: 10px;
    display: grid
}

.aura-page-scope .founder-card__benefits li {
    color: var(--founder-ink)
}

.aura-page-scope .launch-card__benefits li {
    color: var(--launch-ink)
}

.aura-page-scope .founder-card__benefits li:before,.aura-page-scope .launch-card__benefits li:before {
    content: "";
    border-radius: 50%;
    width: 5px;
    height: 5px;
    margin-top: 6.75px
}

.aura-page-scope .founder-card__benefits li:before {
    background: var(--founder-ink);
    box-shadow: 0 0 0 3px #69552a1a,0 0 14px #af965e33
}

.aura-page-scope .launch-card__benefits li:before {
    background: #34404d
}

.aura-page-scope .founder-card__button,.aura-page-scope .launch-card__button {
    pointer-events: auto;
    z-index: 10;
    width: 260px;
    min-height: 52px;
    font-size: var(--card-button-size);
    font-weight: 700;
    line-height: var(--card-button-line);
    color: #000;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    text-decoration: none;
    display: inline-flex;
    bottom: 60px;
    left: 50%;
    transform: translate(-50%)
}

.aura-page-scope .founder-card__button {
    border: 1px solid var(--founder-cream);
    box-shadow: 0 10px 24px -16px #3a2c1614
}

.aura-page-scope .founder-card__button--disabled {
    pointer-events: none;
    cursor: not-allowed;
    color: #3a2c16;
    box-shadow: none;
    background: #fff;
    border-color: #3a2c161a
}

.aura-page-scope .launch-card__button {
    box-shadow: 0 10px 24px -16px #2a271e14
}

.aura-page-scope .founder-card__button:hover {
    background: #fff;
    box-shadow: 0 12px 28px -16px #3a2c161f
}

.aura-page-scope .launch-card__button:hover {
    background: #ffffffeb
}

.aura-page-scope .tilt-card:has(>.launch-card--no-hover) {
    pointer-events: none
}

.aura-page-scope .launch-card {
    background: linear-gradient(180deg, var(--launch-top) 0%, var(--launch-bottom) 100%);
    box-shadow: inset 0 0 24px #ffffff6b,0 12px 30px -22px #3b382c2e
}

.aura-page-scope .priority-card {
    background: linear-gradient(180deg, var(--priority-top) 0%, var(--priority-bottom) 100%);
    box-shadow: inset 0 0 24px #ffffff6b,0 12px 30px -22px #3b382c2e
}

.aura-page-scope .tilt-card.is-active .launch-card {
    transition: box-shadow .18s,transform 90ms linear;
    box-shadow: inset 0 0 28px #ffffff9e,0 16px 38px -24px #3b382c38
}

.aura-page-scope .launch-card__wash {
    pointer-events: none;
    z-index: 1;
    position: absolute;
    inset: 0
}

.aura-page-scope .launch-card__shine {
    z-index: 3;
    transform-origin: 50%;
    opacity: calc(.14 + (.42 * var(--card-opacity)));
    background-image: linear-gradient(105deg, #fff0 12%, #ffffffc7 32%, #c6c2b252 43%, #fff3 55%, #fff0 74%), radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffffe0 0%, #ffffff42 20%, #aaa6960f 52%, #aaa69600 80%);
    background-position: calc(var(--background-x) * .8) calc(var(--background-y) * .8), center;
    filter: blur(.2px)brightness(1.05)saturate(1.08);
    mix-blend-mode: soft-light;
    background-size: 190% 190%,100% 100%;
    transition: opacity .18s;
    inset: -34%;
    transform: rotate(24deg)translateZ(1px)
}

.aura-page-scope .launch-card__sparkle {
    z-index: 4;
    opacity: calc(.04 + (.18 * var(--card-opacity)));
    background-image: radial-gradient(circle at 26% 30%,#ffffffa3 0%,#0000 20%),radial-gradient(circle at 68% 52%,#c6c2b24d 0%,#0000 22%),repeating-radial-gradient(circle,#ffffff38 0 .45px,#0000 .55px 5px);
    background-position: var(--pointer-x) var(--pointer-y), calc(var(--background-x) * 1.1) calc(var(--background-y) * 1.1), calc(var(--background-x) * .4) calc(var(--background-y) * .3);
    filter: blur(.35px);
    mix-blend-mode: overlay;
    background-size: 130px 130px,170px 170px,44px 44px;
    animation: 6s ease-in-out infinite alternate launch-sparkle;
    inset: -28%;
    transform: rotate(20deg)translateZ(1.2px)
}

.aura-page-scope .launch-card__glare {
    z-index: 5;
    opacity: calc(.09 + (.32 * var(--card-opacity)));
    background: radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffffe0 0%, #ffffff57 22%, #aaa69629 55%, #fff0 92%);
    mix-blend-mode: screen;
    transition: opacity .18s
}

.aura-page-scope .launch-card__edge {
    z-index: 8;
    box-shadow: inset 0 0 0 1px #f4f9ff9e,inset 0 0 0 1.5px #263c5414
}

.aura-page-scope .tilt-card.is-active .launch-card__shine,.aura-page-scope .tilt-card:hover .launch-card__shine {
    opacity: .64
}

.aura-page-scope .launch-card__header,.aura-page-scope .launch-card__price,.aura-page-scope .launch-card__countdown,.aura-page-scope .launch-card__benefits,.aura-page-scope .launch-card__button,.aura-page-scope .launch-card__rule {
    z-index: 6
}

.aura-page-scope .launch-card__rule {
    background: #3b382c4d
}

.aura-page-scope .launch-card__rule--price {
    display: none;
    top: 296px
}

.aura-page-scope .launch-card__rule--benefits {
    display: none;
    top: 423px
}

.aura-page-scope .launch-card__countdown {
    top: var(--card-detail-top);
    text-align: center;
    width: calc(100% - 62px);
    left: 31px
}

.aura-page-scope .launch-card__countdown p {
    font-size: var(--card-detail-label-size);
    font-weight: 400;
    line-height: var(--card-detail-label-line);
    color: var(--launch-ink);
    text-transform: uppercase;
    margin: 0
}

.aura-page-scope .launch-card__timer {
    isolation: isolate;
    width: calc(100% - 18px);
    min-height: 46px;
    color: #000;
    background: radial-gradient(ellipse at var(--pointer-x) var(--pointer-y), #ffffffe0 0%, #ffffff94 28%, #e8e8e694 56%, #9e9e9a3d 100%), linear-gradient(180deg, #58585433 0%, #ffffffe6 43%, #b2b2ac4d 100%);
    box-shadow: inset var(--cavity-shadow-x) var(--cavity-shadow-y) 17px #26262614, inset 0 13px 14px #2626261c, inset var(--cavity-highlight-x) var(--cavity-highlight-y) 20px #ffffff8a, inset 0 -10px 16px #ffffff9e;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    margin: 6px auto 0;
    padding: 0 31px;
    font-weight: 800;
    line-height: 1;
    display: flex;
    position: relative;
    overflow: hidden
}

.aura-page-scope .launch-card__timer:before,.aura-page-scope .launch-card__timer:after {
    pointer-events: none;
    content: "";
    border-radius: inherit;
    position: absolute
}

.aura-page-scope .launch-card__timer:before {
    z-index: 0;
    opacity: calc(.78 + (.18 * var(--card-opacity)));
    background: radial-gradient(ellipse at calc(var(--pointer-x) + var(--cavity-highlight-x)) calc(var(--pointer-y) + var(--cavity-highlight-y)), #ffffffb8 0%, #ffffff47 30%, #fff0 62%), radial-gradient(ellipse at calc(100% - var(--pointer-x) + var(--cavity-shadow-x)) calc(100% - var(--pointer-y) + var(--cavity-shadow-y)), #2626261a 0%, #2626260b 32%, #26262600 62%);
    transition: opacity .18s;
    inset: -18%
}

.aura-page-scope .launch-card__timer:after {
    z-index: 1;
    box-shadow: inset 0 1px 2px #ffffff9e, inset 0 12px 15px #2626261a, inset 0 -10px 15px #ffffffb8, inset var(--cavity-shadow-x) var(--cavity-shadow-y) 10px #2626260b;
    inset: 1px
}

.aura-page-scope .launch-card__timer-unit {
    z-index: 2;
    font-variant-numeric: tabular-nums;
    flex: 1 1 0;
    justify-content: center;
    align-items: center;
    min-width: 0;
    display: inline-flex;
    position: relative
}

.aura-page-scope .launch-card__timer-unit+.launch-card__timer-unit:before {
    content: "";
    background: #2626262e;
    border-radius: 999px;
    width: 2px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%)
}

.aura-page-scope .launch-card__timer-value {
    font-size: 32px;
    line-height: var(--card-detail-value-line);
    display: inline-block;
    transform: translateY(2px)
}

.aura-page-scope .launch-card__timer-label {
    pointer-events: none;
    z-index: 1;
    color: #3b382c80;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    bottom: 7px;
    left: calc(50% + 24px)
}

@keyframes launch-sparkle {
    0% {
        background-position: var(--pointer-x) var(--pointer-y), calc(var(--background-x) * 1.1) calc(var(--background-y) * 1.1), calc(var(--background-x) * .4) calc(var(--background-y) * .3)
    }

    to {
        background-position: calc(var(--pointer-x) + 16px) calc(var(--pointer-y) - 12px), calc(var(--background-x) * 1.1 + 18px) calc(var(--background-y) * 1.1 + 14px), calc(var(--background-x) * .4 + 10px) calc(var(--background-y) * .3 - 16px)
    }
}

@keyframes founder-plaque-glare {
    0%,32% {
        background-position: -130% -130%
    }

    64%,to {
        background-position: 130% 130%
    }
}

.aura-page-scope .reservation-card {
    aspect-ratio: 2/3;
    background: linear-gradient(#fffffff5,#f5f5f7eb),radial-gradient(circle at 90% 10%,#0071e31c,#0000 28%);
    border: 1px solid #00000014;
    border-radius: 28px;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 0;
    padding: clamp(24px,3vw,42px);
    display: flex
}

.aura-page-scope .reservation-card--dark {
    color: #fff;
    background: #000;
    border-color: #ffffff29
}

.aura-page-scope .reservation-card__topline {
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-bottom: 12px;
    display: flex
}

.aura-page-scope .card-kicker {
    color: var(--aura-blue);
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700
}

.aura-page-scope .reservation-badge {
    min-height: 28px;
    color: var(--aura-blue);
    background: #0071e31f;
    border-radius: 999px;
    flex: none;
    align-items: center;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    display: inline-flex
}

.aura-page-scope .reservation-card--dark .card-kicker {
    color: #8cc9ff
}

.aura-page-scope .reservation-card--dark .reservation-badge {
    color: #d8ecff;
    background: #ffffff38
}

.aura-page-scope .reservation-card h3 {
    letter-spacing: -.01em;
    white-space: nowrap;
    margin-bottom: 0;
    font-size: 28px;
    line-height: 1.02
}

.aura-page-scope .reservation-price {
    color: var(--aura-ink);
    margin: 8px 0 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1
}

.aura-page-scope .reservation-price span {
    letter-spacing: 0;
    font-size: 46px;
    font-weight: 820;
    line-height: .95;
    display: block
}

.aura-page-scope .reservation-card--dark .reservation-price {
    color: #ffffffc7
}

.aura-page-scope .reservation-card--dark .reservation-price span {
    color: #fff
}

.aura-page-scope .reservation-price-note {
    color: #1d1d1f94;
    max-width: 260px;
    margin: 8px 0 0;
    font-size: 13px;
    font-weight: 620;
    line-height: 18px
}

.aura-page-scope .reservation-card--dark .reservation-price-note {
    color: #ffffff85
}

.aura-page-scope .card-subhead {
    color: var(--aura-muted);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.3
}

.aura-page-scope .reservation-section {
    margin-top: 22px
}

.aura-page-scope .reservation-card__footer {
    gap: 18px;
    margin-top: auto;
    display: grid
}

.aura-page-scope .reservation-section h4 {
    color: var(--aura-ink);
    margin: 0 0 14px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2
}

.aura-page-scope .reservation-card--dark .card-subhead,.aura-page-scope .reservation-card--dark p {
    color: #ffffffc7
}

.aura-page-scope .reservation-card--dark .reservation-section h4 {
    color: #ffffffeb
}

.aura-page-scope .reservation-footnote {
    color: var(--aura-muted);
    margin: 0;
    font-size: 13px;
    font-weight: 620;
    line-height: 1.4
}

.aura-page-scope .reservation-card--dark .reservation-footnote {
    color: #ffffff8a
}

.aura-page-scope .benefit-list,.aura-page-scope .spec-list {
    gap: 10px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
    display: grid
}

.aura-page-scope .benefit-list li,.aura-page-scope .spec-list li {
    color: inherit;
    padding-left: 22px;
    font-size: 16px;
    line-height: 23px;
    position: relative
}

.aura-page-scope .benefit-list li:before,.aura-page-scope .spec-list li:before {
    content: "";
    background: var(--aura-blue);
    border-radius: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    top: .7em;
    left: 0
}

.aura-page-scope .scarcity {
    max-width: 760px;
    color: var(--aura-muted);
    text-align: center;
    margin: 42px auto 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px
}

.aura-page-scope .developers,.aura-page-scope .final-cta {
    grid-template-columns: minmax(0,1fr) minmax(360px,620px);
    align-items: center;
    gap: 64px;
    min-height: 100vh;
    padding: 128px max(24px,50vw - 590px);
    display: grid
}

.aura-page-scope .developers {
    text-align: center;
    background: #05070a;
    grid-template-columns: 1fr;
    place-items: center
}

.aura-page-scope .developer-media {
    position: absolute;
    inset: 0;
    overflow: hidden
}

.aura-page-scope .developer-media img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    display: block
}

.aura-page-scope .developers:after {
    z-index: 1;
    background: linear-gradient(#000000b8 0%,#00000061 46%,#000000c7 100%)
}

.aura-page-scope .definition {
    color: #fff;
    background: #05070a;
    height: 420vh;
    min-height: 0;
    padding: 0;
    position: relative;
    overflow: visible
}

.aura-page-scope .definition-sticky {
    isolation: isolate;
    place-items: center;
    height: 100vh;
    min-height: 640px;
    padding: clamp(68px,9vh,96px) max(24px,50vw - 590px);
    display: grid;
    position: sticky;
    top: 0;
    overflow: hidden
}

.aura-page-scope .definition-media-stack,.aura-page-scope .definition-media,.aura-page-scope .definition-media:after {
    position: absolute;
    inset: 0
}

.aura-page-scope .definition-media-stack {
    z-index: 0;
    background: #05070a;
    overflow: hidden
}

.aura-page-scope .definition-media {
    opacity: 0;
    transition: opacity .58s,transform .95s;
    transform: scale(1.015)
}

.aura-page-scope .definition-media.is-active {
    opacity: 1;
    transform: scale(1)
}

.aura-page-scope .definition-media:after {
    pointer-events: none;
    content: none;
    background: 0 0
}

.aura-page-scope .definition-sticky.is-mode-intro .definition-media.is-active:after {
    content: "";
    background: linear-gradient(#000000b8 0%,#00000061 48%,#0000002e 100%)
}

.aura-page-scope .definition-media picture,.aura-page-scope .definition-media img,.aura-page-scope .definition-media video {
    width: 100%;
    height: 100%;
    display: block
}

.aura-page-scope .definition-media img,.aura-page-scope .definition-media video {
    object-fit: cover;
    object-position: center center
}

@media (min-width: 735px) {
    .aura-page-scope .definition-media[data-mode-media=intro] img {
        object-position:center 38%
    }
}

.aura-page-scope .developer-visual,.aura-page-scope .final-visual,.aura-page-scope .media-slot {
    background: #ffffff14;
    border-radius: 30px;
    min-height: 440px;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #ffffff1a
}

.aura-page-scope .section-light .media-slot {
    background: #f2f4f7;
    box-shadow: inset 0 0 0 1px #0000000f
}

.aura-page-scope .media-slot:before,.aura-page-scope .developer-visual:before,.aura-page-scope .final-visual:before,.aura-page-scope .section-light .media-slot:before {
    content: none
}

.aura-page-scope .has-media:before {
    display: none
}

.aura-page-scope .definition-copy,.aura-page-scope .developer-copy,.aura-page-scope .final-copy {
    text-align: left
}

.aura-page-scope .definition-copy {
    z-index: 1;
    transform: translateY(calc(-50% + var(--definition-copy-y,0px)));
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 12px #ffffff29;
    grid-template-columns: minmax(0,1fr);
    justify-content: center;
    justify-items: center;
    width: auto;
    max-width: none;
    transition: transform .48s;
    display: grid;
    position: absolute;
    top: 50%;
    left: max(24px,50% - 480px);
    right: max(24px,50% - 480px)
}

.aura-page-scope .definition-sticky:not(.is-mode-intro) .definition-copy {
    mix-blend-mode: difference
}

.aura-page-scope .definition-copy .eyebrow {
    transform: translateY(var(--definition-eyebrow-y,0));
    color: currentColor;
    margin-bottom: 18px
}

.aura-page-scope .definition-copy h2 {
    width: max-content;
    max-width: calc(100vw - 48px);
    font-size: var(--definition-title-size,76px);
    color: currentColor;
    text-align: center;
    justify-self: center;
    margin-bottom: 24px;
    line-height: .98;
    transition: font-size .2s linear
}

.aura-page-scope .definition-title__line {
    white-space: nowrap;
    display: block
}

.aura-page-scope .definition-body {
    color: currentColor;
    opacity: .72;
    max-width: 700px;
    margin: 0 auto
}

.aura-page-scope .definition-sticky.is-mode-focus .definition-body {
    opacity: .64
}

.aura-page-scope .developer-copy {
    z-index: 2;
    text-align: center;
    max-width: 920px;
    position: relative
}

.aura-page-scope .developer-copy p {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto
}

.aura-page-scope .developer-signup {
    justify-items: center;
    gap: 14px;
    margin-top: 24px;
    display: grid
}

.aura-page-scope .developer-signup__control {
    background: #ffffffe0;
    border: 1px solid #ffffff47;
    border-radius: 999px;
    align-items: center;
    width: min(620px,100%);
    min-height: 58px;
    padding: 6px;
    display: flex;
    box-shadow: 0 18px 60px #0000003d
}

.aura-page-scope .developer-signup input {
    min-width: 0;
    height: 46px;
    font: 650 18px/1.2 var(--font-text);
    color: #1d1d1f;
    background: 0 0;
    border: 0;
    outline: 0;
    flex: 1;
    padding: 0 24px
}

.aura-page-scope .developer-signup input::placeholder {
    color: #1d1d1f75
}

.aura-page-scope .developer-signup button {
    cursor: pointer;
    min-height: 46px;
    font: 650 16px/1.2 var(--font-text);
    color: #fff;
    appearance: none;
    background: #1d1d1f;
    border: 0;
    border-radius: 999px;
    flex: none;
    padding: 0 24px;
    transition: background-color .2s,transform .2s
}

.aura-page-scope .developer-signup button:hover {
    background: #000;
    transform: translateY(-1px)
}

.aura-page-scope .developer-signup p {
    color: #f5f5f7b8;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.aura-page-scope .developer-copy p,.aura-page-scope .final-copy p {
    color: #f5f5f7c7
}

.aura-page-scope .mode-title {
    transform: translateY(var(--definition-mode-y,22px));
    width: auto;
    min-height: 1.12em;
    color: #fff;
    text-shadow: 0 1px 12px #ffffff29;
    letter-spacing: -.012em;
    opacity: var(--definition-progress,0);
    margin-top: 0;
    font-size: clamp(44px,6vw,80px);
    font-weight: 740;
    line-height: 1.02;
    position: absolute;
    top: calc(100% + 44px);
    left: max(24px,50% - 460px);
    right: max(24px,50% - 460px)
}

.aura-page-scope .definition-sticky:not(.is-mode-intro) .mode-title {
    mix-blend-mode: difference
}

.aura-page-scope .mode-title span {
    opacity: 0;
    transition: opacity .18s,transform .32s cubic-bezier(.16,1,.3,1);
    display: block;
    position: absolute;
    inset: 0;
    transform: translateY(26px)
}

.aura-page-scope .mode-title span.is-active {
    opacity: 1;
    transform: translateY(0)
}

.aura-page-scope .mode-title span.is-exiting {
    opacity: 0;
    transition-duration: .14s,.22s;
    transform: translateY(-18px)
}

.aura-page-scope .mode-progress {
    z-index: 2;
    gap: 7px;
    display: flex;
    position: absolute;
    bottom: clamp(30px,5vh,52px);
    right: max(24px,50vw - 590px)
}

.aura-page-scope .definition-sticky:not(.is-mode-intro) .mode-progress {
    mix-blend-mode: difference
}

.aura-page-scope .mode-progress span {
    background: #ffffff47;
    border-radius: 999px;
    width: 7px;
    height: 7px;
    transition: width .3s,background-color .3s
}

.aura-page-scope .mode-progress span.is-active {
    background: #ffffffeb;
    width: 28px
}

.aura-page-scope .why {
    min-height: calc(100svh - 48px);
    color: var(--aura-ink);
    grid-template-rows: auto minmax(0,1fr);
    align-items: start;
    gap: clamp(34px,5vh,64px);
    padding: clamp(74px,10vh,104px) max(24px,50vw - 590px) clamp(34px,5vh,64px);
    display: grid;
    position: relative;
    overflow: hidden
}

.aura-page-scope .why-media {
    min-height: 0;
    box-shadow: none;
    background: 0 0;
    border-radius: 0;
    position: absolute;
    inset: 0
}

.aura-page-scope .why-media:before {
    content: none
}

.aura-page-scope .why-media.has-media:before {
    content: none;
    display: none
}

.aura-page-scope .why .wide-copy {
    z-index: 2;
    text-shadow: 0 2px 18px #0000006b;
    opacity: 1;
    margin-top: 0;
    position: relative;
    transform: none
}

.aura-page-scope .why-foreground {
    z-index: 1;
    place-items: end center;
    width: min(100%,1180px);
    min-height: 0;
    margin: 0 auto;
    display: grid;
    position: relative
}

.aura-page-scope .why-foreground img {
    object-fit: contain;
    object-position: center bottom;
    width: min(100%,1180px);
    height: auto;
    max-height: min(62svh,760px);
    display: block
}

.aura-page-scope .why .eyebrow {
    color: #ffffffb8
}

.aura-page-scope .why h2 {
    color: #fffffff0
}

.aura-page-scope .why .wide-copy p:not(.eyebrow) {
    color: #ffffffbd;
    max-width: 820px;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px
}

.aura-page-scope .why .wide-copy p+p {
    margin-top: 18px
}

.aura-page-scope .gemini {
    color: #fff;
    background: #05070a;
    grid-template-rows: auto minmax(0,1fr);
    align-items: start;
    gap: clamp(32px,4.8vh,58px);
    min-height: calc(100svh - 48px);
    padding: clamp(74px,10vh,104px) max(24px,50vw - 640px) clamp(34px,5vh,64px);
    display: grid;
    position: relative;
    overflow: hidden
}

.aura-page-scope .gemini-media {
    min-height: 0;
    box-shadow: none;
    background: #101820;
    border-radius: 0;
    position: absolute;
    inset: 0
}

.aura-page-scope .gemini-media:after {
    content: "";
    background: linear-gradient(#000000bd 0%,#0000003d 42%,#00000080 100%);
    position: absolute;
    inset: 0
}

.aura-page-scope .gemini-media img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    display: block
}

.aura-page-scope .gemini .wide-copy {
    z-index: 2;
    opacity: 1;
    margin-top: 0;
    position: relative;
    transform: none
}

.aura-page-scope .gemini-foreground {
    z-index: 1;
    place-items: end center;
    width: min(100%,1280px);
    min-height: 0;
    margin: 8px auto 0;
    display: grid;
    position: relative
}

.aura-page-scope .gemini-foreground img {
    object-fit: contain;
    object-position: center bottom;
    width: min(100%,1280px);
    height: auto;
    max-height: min(58svh,620px);
    display: block
}

.aura-page-scope .gemini .wide-copy p:not(.eyebrow) {
    color: #f5f5f7b8;
    max-width: 820px;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px
}

.aura-page-scope .gemini .wide-copy p+p {
    margin-top: 18px
}

.aura-page-scope .pillar-list {
    gap: 120px;
    display: grid
}

.aura-page-scope .pillar {
    grid-template-columns: minmax(0,1fr) minmax(360px,540px);
    align-items: center;
    gap: 64px;
    display: grid
}

.aura-page-scope .pillar--reversed {
    grid-template-columns: minmax(360px,540px) minmax(0,1fr)
}

.aura-page-scope .pillar--reversed .pillar-media {
    order: 2
}

.aura-page-scope .pillar-media {
    min-height: 560px
}

.aura-page-scope .proof-visual {
    touch-action: pan-y;
    aspect-ratio: 5/4;
    width: 100%;
    min-height: 0;
    box-shadow: none;
    background: 0 0;
    margin-bottom: 36px;
    padding: 0;
    overflow: visible
}

.aura-page-scope .proof-slide {
    will-change: opacity;
    opacity: 0;
    background: #f2f4f7;
    border-radius: 30px;
    transition: opacity .82s cubic-bezier(.22,1,.36,1);
    position: absolute;
    inset: 0;
    overflow: hidden;
    transform: none;
    box-shadow: inset 0 0 0 1px #0000000f
}

.aura-page-scope .proof-slide.is-active {
    opacity: 1;
    transform: none
}

.aura-page-scope .proof-slide:before {
    content: "";
    z-index: 1;
    background: linear-gradient(#00000057,#0000 42%);
    position: absolute;
    inset: 0
}

.aura-page-scope .proof-slide img,.aura-page-scope .proof-slide video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    transform: none
}

.aura-page-scope .proof-slide span {
    z-index: 2;
    max-width: min(100% - 48px,440px);
    color: #ffffffe0;
    letter-spacing: .01em;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: 0 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    font-size: clamp(18px,1.9vw,24px);
    font-weight: 650;
    line-height: 1.18;
    position: absolute;
    top: 24px;
    left: 24px
}

.aura-page-scope .proof-progress {
    z-index: 2;
    justify-content: center;
    gap: 7px;
    width: 100%;
    display: flex;
    position: absolute;
    bottom: -28px;
    left: 0;
    right: 0
}

.aura-page-scope .proof-progress button {
    cursor: pointer;
    appearance: none;
    background: #46464cc7;
    border: 0;
    border-radius: 999px;
    width: 7px;
    height: 7px;
    padding: 0;
    transition: width .25s,background-color .25s,opacity .2s
}

.aura-page-scope .proof-progress button:hover {
    opacity: .72
}

.aura-page-scope .proof-progress button:focus-visible {
    outline: 2px solid var(--aura-blue);
    outline-offset: 4px
}

.aura-page-scope .proof-progress button.is-active {
    background: #1d1d1ffa;
    width: 28px
}

.aura-page-scope .pillar p,.aura-page-scope .quote-card figcaption,.aura-page-scope .faq p {
    color: var(--aura-muted);
    font-size: 16px;
    line-height: 23px
}

.aura-page-scope .faq p {
    white-space: pre-line
}

.aura-page-scope .experience {
    padding: 128px max(36px,50vw - 840px)
}

.aura-page-scope .experience .section-heading p {
    color: #f5f5f7ad
}

.aura-page-scope .experience-tabs {
    --experience-tab-x: 6px;
    --experience-tab-width: calc((100% - 30px) / 4);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: #f5f5f729;
    border-radius: 999px;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 6px;
    width: min(760px,100%);
    margin: 0 auto 44px;
    padding: 6px;
    display: grid;
    position: relative
}

.aura-page-scope .experience-tabs__indicator {
    pointer-events: none;
    transform: translate3d(var(--experience-tab-x), 0, 0);
    width: var(--experience-tab-width);
    background: #fff;
    border-radius: 999px;
    transition: transform .36s cubic-bezier(.2,.8,.2,1),width .36s cubic-bezier(.2,.8,.2,1);
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 0
}

.aura-page-scope .experience-tabs button {
    cursor: pointer;
    z-index: 1;
    min-height: 50px;
    font: 700 16px/23px var(--font-text);
    color: #f5f5f7ad;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 999px;
    transition: background-color .2s,color .2s;
    position: relative
}

.aura-page-scope .experience-tabs button.is-active {
    color: #000
}

.aura-page-scope .experience-copy {
    text-align: center;
    max-width: 920px;
    min-height: 118px;
    margin: 0 auto 32px;
    position: relative
}

.aura-page-scope .experience-copy article {
    opacity: 0;
    transition: none;
    position: absolute;
    inset: 0;
    transform: none
}

.aura-page-scope .experience-copy article.is-active {
    opacity: 1
}

.aura-page-scope .experience-copy h3 {
    color: #fff;
    margin-bottom: 16px;
    font-size: 24px
}

.aura-page-scope .experience-copy p {
    color: #f5f5f7b3;
    max-width: 760px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px
}

.aura-page-scope .experience-stage {
    aspect-ratio: 16/9;
    background: #101820;
    border-radius: 34px;
    width: min(100%,1280px);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #ffffff1a
}

.aura-page-scope .experience-media {
    opacity: 0;
    background: #101820;
    transition: opacity .45s,transform .75s;
    position: absolute;
    inset: 0;
    transform: scale(1.015)
}

.aura-page-scope .experience-media.is-active {
    opacity: 1;
    transform: scale(1)
}

.aura-page-scope .experience-media:after {
    content: none
}

.aura-page-scope .experience-media video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.aura-page-scope .tech-bento {
    grid-auto-flow: dense;
    grid-template-columns: repeat(24,minmax(0,1fr));
    gap: 16px;
    display: grid
}

.aura-page-scope .tech-card {
    isolation: isolate;
    color: #fff;
    background: 0 0;
    border-radius: 28px;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 420px;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #ffffff1f
}

.aura-page-scope .tech-card--half {
    grid-column: span 12
}

.aura-page-scope .tech-card--full {
    grid-column: span 24
}

.aura-page-scope .tech-card--wide {
    grid-column: span 16
}

.aura-page-scope .tech-card--square {
    aspect-ratio: 1;
    grid-column: span 8;
    width: 100%;
    height: auto;
    min-height: 0
}

.aura-page-scope .tech-card.tech-card--square,.aura-page-scope .tech-card.tech-card--square:nth-child(4) {
    min-height: 0
}

.aura-page-scope .tech-card--third {
    grid-column: span 8
}

.aura-page-scope .tech-card--android {
    grid-column: span 15;
    min-height: 360px
}

.aura-page-scope .tech-card--gemini {
    aspect-ratio: auto;
    grid-column: span 9
}

.aura-page-scope .tech-card--gemini .tech-card__media:after {
    content: none
}

.aura-page-scope .tech-card__media {
    border-radius: inherit;
    background: 0 0;
    position: absolute;
    inset: -1px;
    overflow: hidden
}

.aura-page-scope .tech-card__media video,.aura-page-scope .tech-card__media img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    transform: scale(1.018)
}

.aura-page-scope .tech-card__media:after {
    content: none;
    position: absolute;
    inset: 0
}

.aura-page-scope .tech-card__copy {
    z-index: 1;
    max-width: 560px;
    padding: 28px;
    position: relative
}

.aura-page-scope .tech-card__kicker {
    color: #ffffffad;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.2
}

.aura-page-scope .tech-card h3 {
    color: #fff;
    margin-bottom: 12px;
    font-size: clamp(24px,2.1vw,38px);
    line-height: 1.06
}

.aura-page-scope .tech-card p:not(.tech-card__kicker) {
    color: #ffffffb8;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px
}

.aura-page-scope .tech-card:nth-child(2),.aura-page-scope .tech-card:nth-child(4),.aura-page-scope .tech-card:nth-child(5),.aura-page-scope .tech-card:nth-child(6) {
    min-height: 420px
}

.aura-page-scope .tech-card:nth-child(2) .tech-card__media:after,.aura-page-scope .tech-card:nth-child(5) .tech-card__media:after {
    content: none
}

.aura-page-scope .platform-line {
    color: #fff!important;
    font-size: 24px!important;
    font-weight: 740!important;
    line-height: 1.08!important
}

.aura-page-scope .quote-marquee {
    gap: 18px;
    width: min(1180px,100%);
    margin: 0 auto;
    display: grid;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg,#0000,#000 8% 92%,#0000);
    mask-image: linear-gradient(90deg,#0000,#000 8% 92%,#0000)
}

.aura-page-scope .quote-track {
    gap: 18px;
    width: max-content;
    animation: 34s linear infinite quote-marquee;
    display: flex
}

.aura-page-scope .quote-track--reverse {
    animation-duration: 42s;
    animation-direction: reverse
}

.aura-page-scope .quote-card {
    background: var(--aura-soft);
    border-radius: 24px;
    flex-direction: column;
    justify-content: space-between;
    width: 300px;
    min-height: 172px;
    margin: 0;
    padding: 22px;
    display: flex
}

.aura-page-scope .quote-card--soft {
    background: #fff;
    box-shadow: inset 0 0 0 1px #0000000f
}

.aura-page-scope .quote-card blockquote {
    letter-spacing: -.006em;
    margin: 0;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.16
}

.aura-page-scope .quote-card figcaption {
    margin-top: 28px
}

.aura-page-scope .quote-logo {
    object-fit: contain;
    object-position: left center;
    width: auto;
    max-width: 136px;
    height: 20px;
    display: block
}

@keyframes quote-marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.aura-page-scope .text-link {
    color: var(--aura-blue);
    margin: 42px auto 0;
    font-size: 21px;
    text-decoration: none;
    display: table
}

.aura-page-scope .text-link:hover {
    text-decoration: underline
}

.aura-page-scope .reviews__cta {
    color: #fff;
    background: #1d1d1f;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    gap: 9px;
    width: fit-content;
    min-height: 48px;
    margin: 42px auto 0;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 650;
    line-height: 22px;
    text-decoration: none;
    transition: background-color .2s,transform .2s;
    display: flex
}

.aura-page-scope .reviews__cta:hover {
    background: #000;
    transform: translateY(-1px)
}

.aura-page-scope .reviews__cta-shine {
    filter: drop-shadow(0 0 7px #ffffff6b);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(120deg,#f4f4f7 0% 34%,#fff 50%,#f4f4f7 66% 100%);
    background-position: 150%;
    background-size: 220%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: 2s linear infinite reviews-cta-shine;
    display: inline-block
}

.aura-page-scope .reviews__cta-arrow {
    color: #fff;
    font-size: 17px;
    line-height: 1
}

.aura-page-scope .hands-on-videos {
    width: min(1040px,100% - 48px);
    margin: clamp(52px,7vw,88px) auto 0
}

.aura-page-scope .hands-on-videos__heading {
    text-align: center;
    max-width: 620px;
    margin: 0 auto 24px
}

.aura-page-scope .hands-on-feature {
    margin: 0
}

.aura-page-scope .hands-on-feature__player {
    background: #05070a;
    border-radius: 18px;
    overflow: hidden
}

.aura-page-scope .hands-on-feature__player iframe {
    aspect-ratio: 16/9;
    border: 0;
    width: 100%;
    display: block
}

.aura-page-scope .hands-on-card__meta {
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: 8px;
    display: grid
}

.aura-page-scope .creator-avatar {
    -webkit-user-select: none;
    user-select: none;
    object-fit: cover;
    -webkit-user-drag: none;
    background: #d8d8dc;
    border-radius: 50%;
    flex: none;
    width: 42px;
    height: 42px;
    display: block
}

.aura-page-scope .hands-on-rail {
    margin-top: 24px;
    position: relative
}

.aura-page-scope .hands-on-list {
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
    scrollbar-width: none;
    gap: 10px;
    padding: 3px 0 6px;
    scroll-padding-inline: 0;
    display: flex;
    overflow-x: auto;
    -webkit-mask-image: linear-gradient(90deg,#0000 0,#000 36px calc(100% - 56px),#0000 100%);
    mask-image: linear-gradient(90deg,#0000 0,#000 36px calc(100% - 56px),#0000 100%)
}

.aura-page-scope .hands-on-list::-webkit-scrollbar {
    display: none
}

.aura-page-scope .hands-on-list.is-dragging {
    cursor: grabbing
}

.aura-page-scope .hands-on-rail__nav {
    cursor: pointer;
    z-index: 3;
    color: #1d1d1fb8;
    appearance: none;
    background: #f5f5f7eb;
    border: 0;
    border-radius: 50%;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    transition: background-color .2s,color .2s,transform .2s;
    display: grid;
    position: absolute;
    top: 48px
}

.aura-page-scope .hands-on-rail__nav:hover {
    color: #1d1d1feb;
    background: #e8e8ed;
    transform: translateY(-1px)
}

.aura-page-scope .hands-on-rail__nav--prev {
    left: -16px
}

.aura-page-scope .hands-on-rail__nav--next {
    right: -16px
}

.aura-page-scope .hands-on-rail__nav span {
    border-top: 2px solid;
    border-left: 2px solid;
    border-radius: 2px 0 0;
    width: 9px;
    height: 9px;
    transform: translate(2px)rotate(-45deg)
}

.aura-page-scope .hands-on-rail__nav--next span {
    transform: translate(-2px)rotate(135deg)
}

.aura-page-scope .hands-on-card {
    cursor: pointer;
    min-width: 0;
    color: inherit;
    text-align: left;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 10px;
    flex: 0 0 190px;
    gap: 9px;
    padding: 8px;
    transition: background-color .2s,transform .2s;
    display: grid
}

.aura-page-scope .hands-on-card:hover,.aura-page-scope .hands-on-card.is-active {
    background: #f5f5f7
}

.aura-page-scope .hands-on-card:hover {
    transform: translateY(-1px)
}

.aura-page-scope .hands-on-card.is-active {
    box-shadow: inset 0 0 0 1px #1d1d1f1f
}

.aura-page-scope .hands-on-card__thumb {
    isolation: isolate;
    clip-path: inset(0 round 8px);
    background: 0 0;
    border-radius: 8px;
    position: relative;
    overflow: clip
}

.aura-page-scope .hands-on-card__thumb img {
    -webkit-user-select: none;
    user-select: none;
    aspect-ratio: 16/9;
    border-radius: inherit;
    object-fit: cover;
    -webkit-user-drag: none;
    width: 100%;
    display: block;
    transform: translateZ(0)
}

.aura-page-scope .hands-on-card__play {
    background: #ffffffeb;
    border: 1px solid #ffffffb8;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 8px;
    right: 8px
}

.aura-page-scope .hands-on-card__play:before {
    content: "";
    border-top: 5px solid #0000;
    border-bottom: 5px solid #0000;
    border-left: 8px solid #1d1d1f;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-42%,-50%)
}

.aura-page-scope .hands-on-card .creator-avatar {
    width: 28px;
    height: 28px
}

.aura-page-scope .hands-on-card__creator,.aura-page-scope .hands-on-card__title {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden
}

.aura-page-scope .hands-on-card__creator {
    white-space: nowrap;
    margin-bottom: 1px;
    font-size: 13px;
    font-weight: 760;
    line-height: 17px
}

.aura-page-scope .hands-on-card__title {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    color: #1d1d1fad;
    -webkit-box-orient: vertical;
    font-size: 13px;
    font-weight: 560;
    line-height: 17px;
    display: -webkit-box
}

@keyframes reviews-cta-shine {
    0%,16% {
        background-position: 150%
    }

    78%,to {
        background-position: -50%
    }
}

@media (prefers-reduced-motion:reduce) {
    .aura-page-scope .reviews__cta-shine {
        -webkit-text-fill-color: currentcolor;
        background: 0 0;
        animation: none
    }
}

.aura-page-scope .video-modal {
    pointer-events: none;
    z-index: 80;
    opacity: 0;
    place-items: center;
    padding: 48px 0;
    transition: opacity .25s;
    display: grid;
    position: fixed;
    inset: 0
}

.aura-page-scope .video-modal.is-open {
    pointer-events: auto;
    opacity: 1
}

.aura-page-scope .video-modal__backdrop {
    cursor: pointer;
    background: #000000c7;
    border: 0;
    position: absolute;
    inset: 0
}

.aura-page-scope .video-modal__panel {
    z-index: 1;
    color: #fff;
    width: 100vw;
    max-height: min(860px,100vh - 96px);
    box-shadow: none;
    background: 0 0;
    border-radius: 0;
    gap: 18px;
    padding: 0;
    display: grid;
    position: relative;
    overflow: visible
}

.aura-page-scope .video-modal__rail {
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    grid-auto-columns: minmax(860px,54vw);
    grid-auto-flow: column;
    gap: 24px;
    padding: 0 max(48px,50vw - 430px) 8px;
    display: grid;
    overflow-x: auto
}

.aura-page-scope .video-modal__rail::-webkit-scrollbar {
    display: none
}

.aura-page-scope .video-card {
    scroll-snap-align: center;
    background: #05070a;
    border-radius: 18px;
    min-width: 0;
    position: relative;
    overflow: hidden
}

.aura-page-scope .video-card__placeholder {
    z-index: 0;
    background: #05070a;
    place-items: center;
    padding: clamp(28px,5vw,64px);
    display: grid;
    position: absolute;
    inset: 0
}

.aura-page-scope .video-card__placeholder .meet-aura-wordmark {
    opacity: .92;
    filter: invert();
    width: min(320px,48%);
    height: auto
}

.aura-page-scope .video-card iframe {
    z-index: 1;
    aspect-ratio: 16/9;
    border: 0;
    width: 100%;
    display: block;
    position: relative
}

.aura-page-scope .video-card__hit {
    cursor: pointer;
    z-index: 2;
    background: 0 0;
    border: 0;
    position: absolute;
    inset: 0
}

.aura-page-scope .video-card.is-centered .video-card__hit {
    pointer-events: none
}

.aura-page-scope .video-modal__controls {
    justify-content: center;
    gap: 22px;
    margin-top: 4px;
    display: flex
}

.aura-page-scope .video-modal__nav {
    cursor: pointer;
    color: #1d1d1fad;
    appearance: none;
    background: #e8e8ebeb;
    border: 0;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 0;
    transition: background-color .2s,color .2s,transform .2s;
    position: relative
}

.aura-page-scope .video-modal__nav:hover {
    color: #1d1d1fe6;
    background: #fff;
    transform: translateY(-1px)
}

.aura-page-scope .video-modal__nav span {
    border-top: 3px solid;
    border-left: 3px solid;
    border-radius: 3px 0 0;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-38%,-50%)rotate(-45deg)
}

.aura-page-scope .video-modal__nav--next span {
    transform: translate(-62%,-50%)rotate(135deg)
}

.aura-page-scope .faq-list {
    border-top: 1px solid var(--aura-border);
    max-width: 920px;
    margin: 0 auto
}

.aura-page-scope details {
    border-bottom: 1px solid var(--aura-border)
}

.aura-page-scope summary {
    cursor: pointer;
    padding: 24px 0;
    font-size: 24px;
    font-weight: 700;
    list-style: none
}

.aura-page-scope summary::-webkit-details-marker {
    display: none
}

.aura-page-scope summary:after {
    content: "+";
    float: right;
    color: var(--aura-muted);
    font-weight: 400
}

.aura-page-scope details[open] summary:after {
    content: "-"
}

.aura-page-scope .product-specs {
    background: #fff
}

.aura-page-scope .xreal-family {
    background: #fff;
    overflow: hidden
}

.aura-page-scope .xreal-family .section-heading {
    max-width: 1160px;
    padding-bottom: 54px
}

.aura-page-scope .xreal-family .section-heading h2 {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto
}

.aura-page-scope .xreal-family__grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: clamp(14px,1.8vw,24px);
    max-width: 1180px;
    margin: 0 auto;
    display: grid
}

.aura-page-scope .xreal-family-card {
    aspect-ratio: 16/9;
    color: inherit;
    border-radius: 28px;
    place-items: center;
    text-decoration: none;
    transition: transform .35s,filter .35s;
    display: grid;
    overflow: hidden;
    transform: translateY(0)
}

.aura-page-scope .xreal-family-card.reveal {
    transition: opacity .7s ease-out,transform .35s,filter .35s
}

.aura-page-scope .xreal-family-card img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .55s;
    display: block;
    transform: scale(1)
}

.aura-page-scope .xreal-family-card:hover,.aura-page-scope .xreal-family-card:focus-visible {
    filter: brightness(1.04);
    transform: translateY(-4px)
}

.aura-page-scope .xreal-family-card.reveal.is-visible:hover,.aura-page-scope .xreal-family-card.reveal.is-visible:focus-visible {
    transform: translateY(-4px)
}

.aura-page-scope .xreal-family-card:hover img,.aura-page-scope .xreal-family-card:focus-visible img {
    transform: scale(1.025)
}

.aura-page-scope .xreal-family-card:focus-visible {
    outline: 2px solid var(--aura-blue);
    outline-offset: 4px
}

.aura-page-scope .product-specs__hero {
    place-items: center;
    margin: 0 auto 82px;
    display: grid
}

.aura-page-scope .product-specs__hero img {
    object-fit: contain;
    width: min(1080px,88vw);
    max-height: 620px;
    display: block
}

.aura-page-scope .product-specs__list {
    border-top: 1px solid #0000002e;
    max-width: 1160px;
    margin: 0 auto
}

.aura-page-scope .product-spec-group__title {
    color: var(--aura-ink);
    letter-spacing: 0;
    margin: 0;
    padding: 46px 0 0;
    font-size: 40px;
    line-height: 48px
}

.aura-page-scope .product-spec-group+.product-spec-group {
    margin-top: 28px
}

.aura-page-scope .product-spec {
    border-bottom: 1px solid #0000002e;
    grid-template-columns: minmax(180px,280px) minmax(0,1fr);
    gap: clamp(32px,7vw,120px);
    padding: 48px 0;
    display: grid
}

.aura-page-scope .product-spec h3 {
    color: var(--aura-ink);
    margin: 0;
    font-size: 24px;
    line-height: 28px
}

.aura-page-scope .product-spec__body {
    color: #3a3a3c;
    gap: 12px;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    display: grid
}

.aura-page-scope .product-spec__body p {
    margin: 0
}

.aura-page-scope .product-spec__body strong {
    color: var(--aura-ink);
    font-weight: 800
}

.aura-page-scope .product-spec__body .product-spec__line--spaced {
    margin-top: 18px
}

.aura-page-scope .product-spec__chips {
    grid-template-columns: 96px minmax(0,1fr);
    align-items: start;
    row-gap: 42px
}

.aura-page-scope .chip-badge {
    width: 76px;
    height: 76px;
    color: #111;
    border: 5px solid #111;
    border-radius: 18px;
    place-items: center;
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    display: grid
}

.aura-page-scope .final-cta {
    text-align: center;
    background: #05070a;
    grid-template-columns: 1fr;
    place-items: center
}

.aura-page-scope .final-media {
    position: absolute;
    inset: 0;
    overflow: hidden
}

.aura-page-scope .final-media video {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    display: block
}

.aura-page-scope #final-cta:after {
    z-index: 1;
    background: linear-gradient(#000000c2 0%,#00000057 44%,#000000bd 100%)
}

.aura-page-scope #final-cta .final-copy {
    z-index: 2;
    text-align: center;
    max-width: 880px;
    position: relative
}

.aura-page-scope #final-cta .final-copy p {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto
}

.aura-page-scope #final-cta .final-cta__reserve-panel {
    width: min(100%,680px);
    margin: 24px auto 0
}

.aura-page-scope #final-cta .final-cta__reserve-panel>p:not(.trust-line) {
    color: #f5f5f7d1;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px
}

.aura-page-scope #final-cta .final-cta__actions {
    gap: 10px;
    margin: 18px 0 12px
}

.aura-page-scope #final-cta .final-cta__button {
    color: #fff;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: #ffffff26;
    border-color: #ffffff61;
    justify-content: center;
    gap: 10px;
    min-width: 0;
    min-height: 48px;
    padding: 0 16px 0 18px;
    box-shadow: 0 12px 34px #0000003d
}

.aura-page-scope #final-cta .final-cta__button:hover {
    background: #ffffff21;
    border-color: #ffffff94
}

.aura-page-scope #final-cta .final-cta__button--primary {
    color: #05070a;
    background: #fff;
    border-color: #ffffffe6;
    box-shadow: inset 0 1px #ffffffd9,0 16px 38px #ffffff1f,0 12px 34px #0000003d
}

.aura-page-scope #final-cta .final-cta__button--primary:hover {
    background: #ffffffeb
}

.aura-page-scope #final-cta .final-cta__button span:first-child {
    white-space: nowrap
}

.aura-page-scope #final-cta .final-cta__button span:last-child {
    white-space: nowrap;
    opacity: .76;
    border-left: 1px solid;
    padding: 3px 0 3px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1
}

.aura-page-scope #final-cta .trust-line {
    color: #f5f5f79e;
    margin-top: 0;
    font-size: 13px;
    line-height: 19px
}

.aura-page-scope .site-footer {
    color: var(--aura-muted);
    background: var(--aura-soft);
    justify-content: space-between;
    gap: 32px;
    padding: 42px max(24px,50vw - 590px);
    font-size: 12px;
    line-height: 1.45;
    display: flex
}

.aura-page-scope .site-footer strong {
    color: var(--aura-ink)
}

.aura-page-scope .site-footer nav {
    flex-wrap: wrap;
    gap: 18px;
    display: flex
}

.aura-page-scope .site-footer a {
    text-decoration: none
}

.aura-page-scope .reveal {
    opacity: 1;
    transition: opacity .7s ease-out,transform .7s ease-out;
    transform: translateY(24px)
}

.aura-page-scope .reveal.is-visible {
    opacity: 1;
    transform: translateY(0)
}

@media (prefers-reduced-motion:reduce) {
    html:has(.aura-page-scope) {
        scroll-behavior: auto
    }

    .aura-page-scope,.aura-page-scope *,.aura-page-scope :before,.aura-page-scope :after {
        scroll-behavior: auto!important;
        transition-duration: .01ms!important;
        animation-duration: .01ms!important;
        animation-iteration-count: 1!important
    }
}

@media (min-width: 735px) and (max-width:1180px) {
    .aura-page-scope .meet-aura-copy {
        gap:18px;
        min-height: 36px
    }

    .aura-page-scope .meet-aura-copy h1 {
        width: min(220px,30vw);
        min-height: 36px
    }

    .aura-page-scope .meet-aura-partner {
        min-height: 36px
    }

    .aura-page-scope .meet-aura-android-xr-logo {
        width: 128px
    }

    .aura-page-scope .meet-aura-actions {
        gap: 10px;
        min-height: 36px
    }

    .aura-page-scope .meet-aura-actions .button {
        min-height: 36px;
        padding: 0 16px;
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width: 980px) {
    .aura-page-scope .global-nav__links {
        display:none
    }

    .aura-page-scope .reservation-grid,.aura-page-scope .definition-sticky,.aura-page-scope .developers,.aura-page-scope .final-cta,.aura-page-scope .pillar,.aura-page-scope .pillar--reversed {
        grid-template-columns: 1fr
    }

    .aura-page-scope .reservation-grid--aura-cards {
        width: min(100%, var(--card-width));
        justify-items: center;
        gap: 24px
    }

    .aura-page-scope .pillar--reversed .pillar-media {
        order: 0
    }

    .aura-page-scope .tech-bento,.aura-page-scope .xreal-family__grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .aura-page-scope .tech-card--half,.aura-page-scope .tech-card--full,.aura-page-scope .tech-card--wide,.aura-page-scope .tech-card--square,.aura-page-scope .tech-card--third,.aura-page-scope .tech-card--android,.aura-page-scope .tech-card--gemini {
        grid-column: span 1
    }
}

@media (max-width: 734px) {
    .aura-page-scope .global-nav {
        gap:14px;
        padding: 0 16px
    }

    .aura-page-scope .brand span:last-child {
        display: none
    }

    .aura-page-scope .hero {
        align-items: center;
        min-height: max(640px,100svh - 48px);
        padding: clamp(54px,8vh,72px) 22px
    }

    .aura-page-scope .why {
        gap: clamp(16px,4.6vw,24px);
        min-height: auto;
        padding: 58px 18px 16px
    }

    .aura-page-scope .why .wide-copy {
        max-width: 100%
    }

    .aura-page-scope .why-foreground {
        width: 100%;
        line-height: 0
    }

    .aura-page-scope .why-foreground img {
        width: min(100%,640px);
        max-height: none
    }

    .aura-page-scope .gemini {
        gap: clamp(22px,5.8vw,34px);
        min-height: auto;
        padding: 58px 18px 28px
    }

    .aura-page-scope .gemini .wide-copy {
        max-width: 100%
    }

    .aura-page-scope .gemini-foreground {
        width: 100%;
        margin-top: 16px
    }

    .aura-page-scope .gemini-foreground img {
        width: min(100%,680px);
        max-height: none
    }

    .aura-page-scope .meet-aura-intro {
        align-items: flex-start;
        min-height: calc(100svh - 48px)
    }

    .aura-page-scope .meet-aura-intro:after {
        height: min(180px,20%)
    }

    .aura-page-scope .meet-aura-intro img {
        height: calc(100svh - 184px);
        max-height: none;
        transform: translate(-14px,136px)
    }

    .aura-page-scope .meet-aura-copy {
        text-align: center;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        display: flex;
        inset: 54px 22px auto
    }

    .aura-page-scope .meet-aura-partner {
        justify-content: flex-end;
        align-items: center;
        width: 118px;
        position: absolute;
        top: calc(100svh - 164px);
        left: auto;
        right: 20px;
        overflow: visible;
        transform: none
    }

    .aura-page-scope .meet-aura-android-xr-logo {
        width: 112px
    }

    .aura-page-scope .meet-aura-copy h1 {
        width: min(260px,100vw - 72px)
    }

    .aura-page-scope .meet-aura-actions {
        justify-content: center;
        gap: 10px
    }

    .aura-page-scope h1 {
        font-size: 40px;
        line-height: 44px
    }

    .aura-page-scope h2 {
        font-size: clamp(40px,11vw,56px)
    }

    .aura-page-scope h3,.aura-page-scope .hero-subhead,.aura-page-scope .experience-copy h3,.aura-page-scope .platform-line {
        font-size: 24px!important
    }

    .aura-page-scope .hero-copy {
        align-self: center;
        padding-top: 0
    }

    .aura-page-scope .hero-body,.aura-page-scope .section-heading p,.aura-page-scope .wide-copy p,.aura-page-scope .definition-copy p,.aura-page-scope .developer-copy p,.aura-page-scope .final-copy p,.aura-page-scope .why .wide-copy p:not(.eyebrow),.aura-page-scope .gemini .wide-copy p:not(.eyebrow),.aura-page-scope .experience-copy p,.aura-page-scope .pillar p,.aura-page-scope .faq p,.aura-page-scope .product-spec__body,.aura-page-scope #final-cta .final-cta__reserve-panel>p:not(.trust-line) {
        font-size: 14px;
        line-height: 18px
    }

    .aura-page-scope .trust-line,.aura-page-scope .availability,.aura-page-scope .reservation-notes,.aura-page-scope .reservation-fineprint,.aura-page-scope .reservation-business p,.aura-page-scope .reservation-interest__copy,.aura-page-scope .developer-signup p,.aura-page-scope #final-cta .trust-line {
        font-size: 12px;
        line-height: 16px
    }

    .aura-page-scope .availability {
        min-height: 34px;
        margin-bottom: 22px;
        padding: 0 14px
    }

    .aura-page-scope .cta-row {
        gap: 10px;
        margin-bottom: 14px
    }

    .aura-page-scope .button {
        min-height: 36px;
        padding: 0 15px;
        font-size: 14px;
        line-height: 18px
    }

    .aura-page-scope .nav-cta,.aura-page-scope .local-nav__cta {
        min-height: 22px;
        padding: 0 9px;
        font-size: 11px
    }

    .aura-page-scope .developer-signup__control {
        --developer-control-height: 46px;
        width: min(100%,304px);
        min-height: 0;
        box-shadow: none;
        background: 0 0;
        border: 0;
        border-radius: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 0
    }

    .aura-page-scope .developer-signup input,.aura-page-scope .developer-signup button {
        box-sizing: border-box;
        width: 100%;
        height: var(--developer-control-height);
        min-height: var(--developer-control-height);
        max-height: var(--developer-control-height);
        text-align: center;
        border-radius: 999px
    }

    .aura-page-scope .developer-signup input {
        font-size: 14px;
        line-height: var(--developer-control-height);
        appearance: none;
        background: #ffffffeb;
        border: 1px solid #ffffff57;
        padding: 0 18px;
        box-shadow: 0 10px 26px #0000002e
    }

    .aura-page-scope .developer-signup button {
        width: 100%;
        font-size: 13px;
        line-height: var(--developer-control-height);
        appearance: none;
        align-self: center;
        padding: 0 16px
    }

    .aura-page-scope .developer-signup p {
        max-width: 304px;
        font-size: 12px;
        line-height: 16px
    }

    .aura-page-scope .definition {
        height: 360vh
    }

    .aura-page-scope .definition-sticky {
        min-height: max(640px,100svh);
        padding: 76px 22px
    }

    .aura-page-scope .definition-copy {
        transform: translateY(var(--definition-copy-y,0));
        top: 188px
    }

    .aura-page-scope .definition-copy h2 {
        width: 100%;
        max-width: 620px;
        font-size: var(--definition-title-size,48px);
        line-height: 1.02
    }

    .aura-page-scope .definition-title__line {
        white-space: normal
    }

    .aura-page-scope .definition-body {
        max-width: 32rem
    }

    .aura-page-scope .mode-title {
        min-height: 2.25em;
        font-size: clamp(34px,10.4vw,46px);
        top: calc(100% + 34px)
    }

    .aura-page-scope .mode-title span {
        right: 0
    }

    .aura-page-scope .mode-progress {
        bottom: 28px;
        right: 22px
    }

    .aura-page-scope .mode-progress span {
        width: 7px
    }

    .aura-page-scope .mode-progress span.is-active {
        width: 28px
    }

    .aura-page-scope .local-nav {
        justify-content: flex-start;
        gap: 18px;
        overflow-x: auto
    }

    .aura-page-scope .reserve,.aura-page-scope .pillars,.aura-page-scope .technology,.aura-page-scope .reviews,.aura-page-scope .faq,.aura-page-scope .product-specs,.aura-page-scope .xreal-family,.aura-page-scope .experience,.aura-page-scope .why,.aura-page-scope .gemini,.aura-page-scope .developers,.aura-page-scope .final-cta {
        padding: 82px 22px
    }

    .aura-page-scope #why-aura {
        gap: clamp(16px,4.6vw,24px);
        padding-top: 58px;
        padding-bottom: 16px
    }

    .aura-page-scope #final-cta .final-cta__actions {
        width: min(100%,236px);
        max-width: 100%;
        margin: 24px auto 12px
    }

    .aura-page-scope #final-cta .final-cta__reserve-panel {
        width: 100%
    }

    .aura-page-scope #final-cta .final-cta__button {
        gap: 7px;
        width: 100%;
        min-width: 0;
        min-height: 40px;
        padding: 0 13px;
        font-size: 14px;
        line-height: 18px
    }

    .aura-page-scope .section-heading {
        text-align: left;
        padding-bottom: 42px
    }

    .aura-page-scope #pillars .section-heading {
        min-height: 160px;
        padding-bottom: 18px
    }

    .aura-page-scope #pillars .section-heading h2 {
        margin-bottom: 0
    }

    .aura-page-scope #pillars .pillar-list {
        gap: 72px
    }

    .aura-page-scope #pillars .pillar,.aura-page-scope #pillars .pillar--reversed {
        gap: 22px
    }

    .aura-page-scope .section-heading p,.aura-page-scope .wide-copy p,.aura-page-scope .reservation-notes {
        text-align: left;
        margin-left: 0
    }

    .aura-page-scope #why-aura .wide-copy,.aura-page-scope #why-aura .wide-copy p,.aura-page-scope #pillars .section-heading,.aura-page-scope #pillars .section-heading p,.aura-page-scope #gemini .wide-copy,.aura-page-scope #gemini .wide-copy p,.aura-page-scope #experience .section-heading,.aura-page-scope #experience .section-heading p,.aura-page-scope #technology .section-heading,.aura-page-scope #technology .section-heading p,.aura-page-scope .reviews .section-heading,.aura-page-scope .reviews .section-heading p,.aura-page-scope #faq .section-heading,.aura-page-scope #faq .section-heading p,.aura-page-scope #reserve .section-heading,.aura-page-scope #reserve .section-heading p,.aura-page-scope #reserve .reservation-notes,.aura-page-scope #xreal-family .section-heading,.aura-page-scope #xreal-family .section-heading p {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .aura-page-scope .reservation-fineprint {
        text-align: center;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto
    }

    .aura-page-scope .reservation-business {
        text-align: center;
        gap: 8px;
        margin-left: auto;
        margin-right: auto;
        padding: 18px
    }

    .aura-page-scope .reservation-business h3 {
        font-weight: 800;
        line-height: 23px;
        font-size: 16px!important
    }

    .aura-page-scope .reservation-interest {
        text-align: center;
        justify-items: center;
        margin-left: auto;
        margin-right: auto
    }

    .aura-page-scope .reservation-interest__copy {
        text-align: center
    }

    .aura-page-scope .reservation-interest__controls {
        --reservation-control-height: 46px;
        width: 100%;
        min-height: 0;
        box-shadow: none;
        background: 0 0;
        border: 0;
        border-radius: 0;
        grid-template-columns: minmax(128px,.82fr) minmax(0,1fr);
        gap: 12px;
        padding: 0;
        display: grid
    }

    .aura-page-scope .reservation-interest__field,.aura-page-scope .reservation-interest button {
        width: 100%
    }

    .aura-page-scope .reservation-interest__field--country {
        flex-basis: auto
    }

    .aura-page-scope .reservation-interest select,.aura-page-scope .reservation-interest input,.aura-page-scope .reservation-interest button {
        box-sizing: border-box;
        height: var(--reservation-control-height);
        min-height: var(--reservation-control-height);
        max-height: var(--reservation-control-height);
        font-size: 13px;
        line-height: var(--reservation-control-height);
        text-align: center;
        border-radius: 999px;
        grid-column: 1/-1;
        padding: 0 16px
    }

    .aura-page-scope .reservation-interest select,.aura-page-scope .reservation-interest input {
        font-size: 14px;
        line-height: var(--reservation-control-height);
        box-shadow: none;
        background: #f5f5f7eb;
        border: 1px solid #00000024
    }

    .aura-page-scope .reservation-interest select {
        text-align-last: center
    }

    .aura-page-scope .reservation-interest__field--country:after {
        right: 14px
    }

    .aura-page-scope .reservation-grid--aura-cards {
        --card-width: min(100%, 360px);
        --card-gap: 28px;
        --card-radius: 24px;
        --card-side-padding: clamp(20px, 6.4vw, 26px);
        --card-title-size: clamp(20px, 5.8vw, 23px);
        --card-title-line: clamp(22px, 6.5vw, 25px);
        --card-eyebrow-size: 14px;
        --card-copy-size: 14px;
        --card-copy-line: clamp(15px, 4.2vw, 17px);
        --card-price-top: 160px;
        --card-price-size: clamp(44px, 13.8vw, 56px);
        --card-price-copy-gap: 10px;
        --card-detail-top: clamp(232px, 66vw, 264px);
        --card-detail-label-size: clamp(11px, 3.2vw, 12px);
        --card-detail-label-line: clamp(15px, 4.2vw, 17px);
        --card-detail-value-line: 34px;
        --card-benefits-top: clamp(350px, 98vw, 382px);
        --card-benefit-size: clamp(11px, 3.25vw, 12.5px);
        --card-benefit-line: clamp(15.5px, 4.35vw, 17px);
        --card-benefit-gap: 6px;
        --card-button-size: 14px;
        --card-button-line: 14px;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        overscroll-behavior-x: contain;
        box-sizing: border-box;
        justify-content: flex-start;
        gap: 10px;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        padding: 0 22px;
        display: flex;
        overflow-x: auto
    }

    .aura-page-scope .reservation-grid--aura-cards::-webkit-scrollbar {
        display: none
    }

    .aura-page-scope .reservation-grid--aura-cards .tilt-card {
        touch-action: pan-x pan-y;
        scroll-snap-align: center;
        flex: 0 0 calc(100vw - 44px);
        width: calc(100vw - 44px);
        max-width: none
    }

    .aura-page-scope .reservation-card-pagination {
        justify-content: center;
        align-items: center;
        gap: 6px;
        height: 6px;
        margin-top: 20px;
        display: flex
    }

    .aura-page-scope .reservation-card-pagination button {
        cursor: pointer;
        background: #00000029;
        border: 0;
        border-radius: 999px;
        width: 5px;
        height: 5px;
        padding: 0;
        transition: width .18s,background-color .18s
    }

    .aura-page-scope .reservation-card-pagination button.is-active {
        background: #0000006b;
        width: 18px
    }

    .aura-page-scope .reservation-grid--aura-cards .tilt-card__behind {
        border-radius: calc(var(--card-radius) + 12px);
        filter: blur(24px)saturate(1.04);
        inset: -12px
    }

    .aura-page-scope .founder-card,.aura-page-scope .launch-card {
        will-change: auto;
        transform-style: flat;
        aspect-ratio: auto;
        height: 480px;
        transition: box-shadow .18s;
        transform: none
    }

    .aura-page-scope .tilt-card--static .tilt-card__behind,.aura-page-scope .reservation-grid--aura-cards .tilt-card__behind,.aura-page-scope .founder-card__shine,.aura-page-scope .founder-card__sparkle,.aura-page-scope .founder-card__glare,.aura-page-scope .launch-card__shine,.aura-page-scope .launch-card__sparkle,.aura-page-scope .launch-card__glare {
        display: none
    }

    .aura-page-scope .founder-metal {
        opacity: .045;
        mix-blend-mode: normal
    }

    .aura-page-scope .founder-metal__band,.aura-page-scope .founder-metal__brush {
        transition: none;
        animation: none;
        transform: none
    }

    .aura-page-scope .founder-metal__band {
        display: none
    }

    .aura-page-scope .founder-card__header,.aura-page-scope .launch-card__header {
        top: 40px
    }

    .aura-page-scope .founder-card__edition-counter,.aura-page-scope .launch-card__timer {
        width: 100%;
        min-height: 46px;
        padding: 0 clamp(14px,4vw,22px)
    }

    .aura-page-scope .founder-card__edition-number,.aura-page-scope .launch-card__timer-value {
        font-size: clamp(24px,7vw,29px);
        line-height: var(--card-detail-value-line)
    }

    .aura-page-scope .founder-card__edition-unit {
        bottom: 6px;
        left: calc(50% + clamp(38px,12vw,48px))
    }

    .aura-page-scope .founder-card__edition-separator,.aura-page-scope .launch-card__timer-unit+.launch-card__timer-unit:before {
        height: 20px
    }

    .aura-page-scope .launch-card__countdown {
        left: var(--card-side-padding);
        width: calc(100% - (var(--card-side-padding) * 2))
    }

    .aura-page-scope .launch-card__timer-label {
        bottom: 6px;
        left: calc(50% + clamp(17px,5.5vw,22px))
    }

    .aura-page-scope .founder-card__benefits li,.aura-page-scope .launch-card__benefits li {
        grid-template-columns: 10px 1fr;
        column-gap: 8px
    }

    .aura-page-scope .founder-card__benefits li:before,.aura-page-scope .launch-card__benefits li:before {
        width: 4px;
        height: 4px;
        margin-top: 5.75px
    }

    .aura-page-scope .founder-card__button,.aura-page-scope .launch-card__button {
        width: auto;
        min-width: 204px;
        max-width: calc(100% - (var(--card-side-padding) * 2));
        letter-spacing: 0;
        min-height: 48px;
        padding: 0 18px;
        bottom: 40px;
        left: 50%;
        right: auto;
        transform: translate(-50%)
    }

    .aura-page-scope .wide-copy {
        text-align: left
    }

    .aura-page-scope .product-specs__hero {
        margin-bottom: 54px
    }

    .aura-page-scope .xreal-family .section-heading {
        padding-bottom: 34px
    }

    .aura-page-scope .xreal-family .section-heading h2 {
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(38px,10vw,52px)
    }

    .aura-page-scope .xreal-family__grid {
        grid-template-columns: 1fr;
        gap: 14px
    }

    .aura-page-scope .xreal-family-card {
        border-radius: 22px;
        min-height: auto
    }

    .aura-page-scope .product-specs__hero img {
        width: min(760px,96vw);
        max-height: 480px
    }

    .aura-page-scope .product-spec-group__title {
        padding: 34px 0 0;
        font-size: 32px;
        line-height: 38px
    }

    .aura-page-scope .product-spec {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 34px 0
    }

    .aura-page-scope .product-spec h3 {
        font-size: 24px;
        line-height: 28px
    }

    .aura-page-scope .product-spec__body {
        font-size: 17px;
        line-height: 25px
    }

    .aura-page-scope .product-spec__chips {
        grid-template-columns: 72px minmax(0,1fr);
        row-gap: 30px
    }

    .aura-page-scope .chip-badge {
        border-width: 4px;
        border-radius: 14px;
        width: 58px;
        height: 58px;
        font-size: 19px
    }

    .aura-page-scope .reservation-card {
        aspect-ratio: auto;
        border-radius: 22px;
        min-height: auto
    }

    .aura-page-scope .reservation-card h3 {
        white-space: normal
    }

    .aura-page-scope .reservation-card__topline {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px
    }

    .aura-page-scope .developer-visual,.aura-page-scope .final-visual,.aura-page-scope .media-slot,.aura-page-scope .pillar-media {
        border-radius: 22px;
        min-height: 310px
    }

    .aura-page-scope .why-media,.aura-page-scope .gemini-media {
        border-radius: 0;
        min-height: 0
    }

    .aura-page-scope .why-media img {
        width: min(980px,160vw);
        top: clamp(560px,72vh,700px)
    }

    .aura-page-scope .proof-visual {
        aspect-ratio: 5/4;
        min-height: 0;
        margin-bottom: 0
    }

    .aura-page-scope .proof-progress {
        bottom: 14px
    }

    .aura-page-scope .proof-slide {
        border-radius: 22px
    }

    .aura-page-scope .tech-bento {
        grid-template-columns: 1fr
    }

    .aura-page-scope .experience {
        flex-direction: column;
        display: flex
    }

    .aura-page-scope .experience .section-heading {
        order: 1;
        padding-bottom: 18px
    }

    .aura-page-scope .experience-tabs {
        scrollbar-width: none;
        border-radius: 999px;
        order: 2;
        justify-content: flex-start;
        gap: 6px;
        width: fit-content;
        max-width: 100%;
        margin-bottom: 18px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        overflow-x: auto
    }

    .aura-page-scope .experience-tabs::-webkit-scrollbar {
        display: none
    }

    .aura-page-scope .experience-tabs button {
        flex: none;
        min-width: 72px;
        min-height: 32px;
        padding: 0 14px;
        font-size: 13px;
        line-height: 16px
    }

    .aura-page-scope .experience-copy {
        text-align: left;
        order: 4;
        width: 100%;
        min-height: 118px;
        margin-top: 20px;
        margin-bottom: 0;
        display: grid
    }

    .aura-page-scope .experience-copy article {
        pointer-events: none;
        opacity: 0;
        grid-area: 1/1;
        width: 100%;
        position: relative
    }

    .aura-page-scope .experience-copy article.is-active {
        pointer-events: auto;
        opacity: 1
    }

    .aura-page-scope .experience-copy p {
        margin-left: 0
    }

    .aura-page-scope .experience-stage {
        border-radius: 22px;
        order: 3
    }

    .aura-page-scope .tech-card,.aura-page-scope .tech-card--half,.aura-page-scope .tech-card--full,.aura-page-scope .tech-card--wide,.aura-page-scope .tech-card--square,.aura-page-scope .tech-card--third,.aura-page-scope .tech-card--android,.aura-page-scope .tech-card--gemini,.aura-page-scope .tech-card:nth-child(2),.aura-page-scope .tech-card:nth-child(4),.aura-page-scope .tech-card:nth-child(5),.aura-page-scope .tech-card:nth-child(6) {
        aspect-ratio: 5/4;
        border-radius: 22px;
        min-height: 0
    }

    .aura-page-scope .tech-card__copy {
        padding: 24px
    }

    .aura-page-scope .hands-on-videos {
        width: 100%;
        margin-top: 54px;
        padding: 0 18px
    }

    .aura-page-scope .hands-on-videos__heading {
        margin-bottom: 18px
    }

    .aura-page-scope .hands-on-feature__player {
        border-radius: 14px
    }

    .aura-page-scope .hands-on-list {
        gap: 8px;
        padding: 4px 18px 6px;
        scroll-padding-inline: 18px;
        -webkit-mask-image: linear-gradient(90deg,#0000 0,#000 28px calc(100% - 46px),#0000 100%);
        mask-image: linear-gradient(90deg,#0000 0,#000 28px calc(100% - 46px),#0000 100%)
    }

    .aura-page-scope .hands-on-rail {
        margin: 20px -18px 0
    }

    .aura-page-scope .hands-on-rail__nav {
        width: 30px;
        height: 30px;
        top: 52px
    }

    .aura-page-scope .hands-on-rail__nav--prev {
        left: 6px
    }

    .aura-page-scope .hands-on-rail__nav--next {
        right: 6px
    }

    .aura-page-scope .hands-on-card {
        border-radius: 10px;
        flex: 0 0 min(148px,45vw - 12px);
        gap: 7px;
        padding: 6px
    }

    .aura-page-scope .hands-on-card .creator-avatar {
        width: 20px;
        height: 20px
    }

    .aura-page-scope .hands-on-card__creator,.aura-page-scope .hands-on-card__title {
        font-size: 11px;
        line-height: 14px
    }

    .aura-page-scope .video-modal {
        place-items: center;
        padding: 18px 0
    }

    .aura-page-scope .video-modal__panel {
        border-radius: 0;
        grid-template-rows: auto auto;
        gap: 14px;
        width: 100%;
        max-height: calc(100svh - 36px);
        padding: 0;
        display: grid
    }

    .aura-page-scope .video-modal__rail {
        align-items: center;
        gap: 12px;
        width: 100%;
        padding: 0 18px;
        scroll-padding-inline: 18px;
        display: flex
    }

    .aura-page-scope .video-card {
        aspect-ratio: 16/9;
        border-radius: 14px;
        flex: 0 0 calc(100vw - 36px);
        width: calc(100vw - 36px)
    }

    .aura-page-scope .video-card iframe {
        aspect-ratio: auto;
        width: 100%;
        height: 100%
    }

    .aura-page-scope .video-card__hit {
        width: 100%;
        height: 100%
    }

    .aura-page-scope .video-modal__controls {
        margin-top: 0
    }

    .aura-page-scope .video-modal__nav {
        width: 34px;
        height: 34px
    }

    .aura-page-scope .video-modal__nav span {
        border-width: 2px;
        width: 8px;
        height: 8px
    }

    .aura-page-scope .site-footer {
        display: block
    }

    .aura-page-scope .site-footer nav {
        margin-top: 22px
    }
}

@media (max-width: 430px) {
    .aura-page-scope .reserve,.aura-page-scope .pillars,.aura-page-scope .technology,.aura-page-scope .reviews,.aura-page-scope .faq,.aura-page-scope .product-specs,.aura-page-scope .xreal-family,.aura-page-scope .experience,.aura-page-scope .why,.aura-page-scope .gemini,.aura-page-scope .developers,.aura-page-scope .final-cta {
        padding-left:16px;
        padding-right: 16px
    }

    .aura-page-scope .meet-aura-copy,.aura-page-scope .hero-copy,.aura-page-scope .experience-copy,.aura-page-scope .experience-stage,.aura-page-scope .tech-bento,.aura-page-scope .product-spec,.aura-page-scope .final-cta__actions,.aura-page-scope .xreal-family__grid {
        max-width: calc(100vw - 32px)
    }

    .aura-page-scope .reservation-grid--aura-cards .tilt-card {
        max-width: calc(100vw - 20px)
    }

    .aura-page-scope .experience-tabs {
        max-width: calc(100vw - 32px)
    }

    .aura-page-scope .proof-slide span {
        max-width: calc(100% - 36px);
        top: 18px;
        left: 18px
    }

    .aura-page-scope #final-cta .final-cta__button span:first-child {
        white-space: normal
    }

    .aura-page-scope .cta-row {
        gap: 8px
    }

    .aura-page-scope .button {
        min-height: 34px;
        padding: 0 13px;
        font-size: 13px;
        line-height: 17px
    }

    .aura-page-scope .meet-aura-actions .button {
        min-height: 32px;
        padding: 0 12px
    }

    .aura-page-scope #final-cta .final-cta__button {
        width: 100%;
        min-width: 0;
        min-height: 38px;
        padding: 0 12px
    }

    .aura-page-scope #final-cta .final-cta__button span:last-child {
        padding-left: 8px;
        font-size: 12px
    }
}

@media (hover: none),(pointer:coarse) {
    .aura-page-scope .tilt-card {
        touch-action:pan-y;
        perspective: none;
        transform: none
    }

    .aura-page-scope .founder-card,.aura-page-scope .launch-card {
        will-change: auto;
        transform-style: flat;
        transform: none
    }

    .aura-page-scope .tilt-card__behind,.aura-page-scope .founder-metal__band,.aura-page-scope .founder-card__shine,.aura-page-scope .founder-card__sparkle,.aura-page-scope .founder-card__glare,.aura-page-scope .launch-card__shine,.aura-page-scope .launch-card__sparkle,.aura-page-scope .launch-card__glare {
        display: none
    }
}