@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@media not all and (min-width:1280px){html:is([data-device-os=ios],[data-device-os=android]) .landing-page [data-landing-cta=web]{border-color:var(--bui-border);color:var(--button-text);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000}@media(hover:hover){html:is([data-device-os=ios],[data-device-os=android]) .landing-page [data-landing-cta=web]:hover{background-color:var(--button-soft)}}html:is([data-device-os=ios],[data-device-os=android]) .landing-page [data-landing-cta=web]:active{background-color:var(--button-soft-hover)}html:is([data-device-os=ios],[data-device-os=android]) .landing-page [data-landing-cta=web]{--button-fill-active:var(--bui-neutral-active);--button-fill-hover:var(--bui-neutral-hover);--button-fill:var(--bui-neutral);--button-fg:var(--bui-neutral-fg);--button-soft-hover:var(--bui-neutral-soft-hover);--button-soft:var(--bui-neutral-soft);--button-border:var(--bui-neutral-border);--button-ring:var(--bui-neutral-ring);--button-text:var(--bui-neutral-text)}html[data-device-os=ios] .landing-page [data-landing-cta=ios],html[data-device-os=android] .landing-page [data-landing-cta=android]{background-color:var(--button-fill);color:var(--button-fg);--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff2e), 0 1px 2px var(--tw-shadow-color,#0f172a29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0000}@media(hover:hover){:is(html[data-device-os=ios] .landing-page [data-landing-cta=ios],html[data-device-os=android] .landing-page [data-landing-cta=android]):hover{background-color:var(--button-fill-hover)}}:is(html[data-device-os=ios] .landing-page [data-landing-cta=ios],html[data-device-os=android] .landing-page [data-landing-cta=android]):active{background-color:var(--button-fill-active)}html[data-device-os=ios] .landing-page [data-landing-cta=ios],html[data-device-os=android] .landing-page [data-landing-cta=android]{--button-fill-active:var(--bui-brand-active);--button-fill-hover:var(--bui-brand-hover);--button-fill:var(--bui-brand);--button-fg:var(--bui-brand-fg);--button-soft-hover:var(--bui-brand-soft-hover);--button-soft:var(--bui-brand-soft);--button-border:var(--bui-brand-border);--button-ring:var(--bui-brand-ring);--button-text:var(--bui-brand-text)}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.landing-page{--landing-glass: color-mix(in oklch, var(--bui-surface-raised) 78%, transparent);--landing-shadow: 0 20px 70px -32px color-mix(in oklch, var(--bui-fg) 20%, transparent)}@keyframes landing-preview-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}html[lang^=ja] .landing-page :is(p,h1,h2,h3,h4,.landing-step-body){word-break:normal;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){#root:has(.landing-page){scroll-behavior:auto}.landing-page *,.landing-page *:before,.landing-page *:after{animation:none!important;transition:none!important}}@media(prefers-reduced-motion:no-preference){#root:has(.landing-page){scroll-behavior:smooth}}.landing-header-scrim{background:linear-gradient(to bottom,color-mix(in oklch,var(--bui-canvas) 96%,transparent) 0%,color-mix(in oklch,var(--bui-canvas) 92%,transparent) 50%,color-mix(in oklch,var(--bui-canvas) 50%,transparent) 75%,transparent 100%)}.landing-hero-background{background:radial-gradient(ellipse at 75% 45%,color-mix(in oklch,var(--bui-brand) 9%,transparent),transparent 52%)}@media(prefers-reduced-motion:no-preference){html:is([data-hero-entrance=pending],[data-hero-entrance=active]) .landing-hero-card:not([data-hero-entered]){opacity:0;transform:translateY(12px)}html:is([data-hero-entrance=pending],[data-hero-entrance=active]) .landing-hero-card[data-hero-entered]:not([data-hero-complete]){animation:landing-card-enter .45s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--hero-entry-delay, 0ms)}html[data-hero-entrance=active] .landing-hero-card[data-hero-complete]{animation:landing-card-float var(--hero-float-duration, 12s) ease-in-out infinite;animation-delay:0s}}@keyframes landing-card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-card-float{0%,to{translate:0 0}50%{translate:0 calc(var(--hero-float-offset, -3px) * var(--hero-float-scale, 1))}}@keyframes landing-scroll-down{0%,15%{opacity:0;transform:translateY(0)}30%{opacity:.7}80%,to{opacity:0;transform:translateY(7px)}}.landing-start-background{background:radial-gradient(ellipse at 50% 20%,color-mix(in oklch,var(--bui-brand) 12%,transparent),transparent 72%),color-mix(in oklch,var(--bui-brand-soft) 38%,var(--bui-canvas))}
