@font-face{font-family:"Plus Jakarta Sans";src:url("./assets/canon/PlusJakartaSans-Variable.02121e2acec9.woff2") format("woff2"),url("./assets/canon/PlusJakartaSans-Variable.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:block}
html{background:#000}body{min-height:100vh;min-height:100dvh;background:#000 linear-gradient(180deg,#1c1c1e 0%,#000 62.147%)}#root{background:transparent}
.viewport-top-fill,.viewport-bottom-fill{display:none;position:fixed;left:0;right:0;pointer-events:none;z-index:10}
@media(any-pointer:coarse){.viewport-top-fill,.viewport-bottom-fill{display:block}}
.viewport-top-fill{top:0;height:max(12px,var(--layout-safe-top,env(safe-area-inset-top,0px)));background:#1b1b1d}
.viewport-bottom-fill{bottom:0;height:max(12px,var(--layout-safe-bottom,env(safe-area-inset-bottom,0px)));background:#000}
.viewport{aspect-ratio:auto;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);background:linear-gradient(180deg,#1c1c1e 0%,#000 62.147%)}
.viewport-size{box-sizing:border-box;position:fixed;left:0;top:0;width:100vw;height:100vh;height:100svh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);visibility:hidden;pointer-events:none}
.viewport .stage{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);width:auto;height:auto;background:transparent}
.stage{background:linear-gradient(180deg,#1c1c1e 0%,#000 62.147%);font-family:"Plus Jakarta Sans",sans-serif;font-synthesis:none;font-kerning:normal}
.logo{top:calc(48 * var(--u))}
.headline{left:calc(80 * var(--u));top:calc(562 * var(--u));width:calc(338 * var(--u));height:calc(248 * var(--u));margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-size:calc(64 * var(--u));font-weight:600;line-height:calc(60 * var(--u));letter-spacing:calc(-1.28 * var(--u));color:#d9e5d7}
.headline span{display:block}
.headline-first{position:relative}
.headline .smart-mark{position:absolute;left:calc(305 * var(--u));top:0;width:calc(24 * var(--u));height:calc(24 * var(--u))}
.headline-light{margin-top:calc(8 * var(--u));font-weight:300;color:#8e978f}
.lens{position:absolute;left:calc(659 * var(--u));top:calc(269 * var(--u));width:calc(1242 * var(--u));height:calc(833 * var(--u));transform-origin:center;pointer-events:none}
.lens img{width:calc(1242 * var(--u));height:calc(833 * var(--u))}
.phone{pointer-events:none}
.phone img{width:100%;height:100%;object-fit:cover}
.cards{position:absolute;inset:0;pointer-events:none}
.desktop-assembly-contents{display:contents}
.desktop-assembly{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.card-image{position:absolute;object-fit:cover}
.markets{position:absolute;inset:auto;left:calc(80 * var(--u));top:calc(1292 * var(--u));width:calc(135 * var(--u));height:calc(100 * var(--u));margin:0;padding:0;font-size:calc(18 * var(--u));font-weight:800;line-height:calc(25 * var(--u));letter-spacing:0;color:#d9e5d7}
.early-access[data-slot=button]{left:calc(2104 * var(--u));top:calc(1302 * var(--u));width:calc(376 * var(--u));height:calc(80 * var(--u));padding:0;background:transparent;border:0;border-radius:calc(40 * var(--u));font-family:"Plus Jakarta Sans",sans-serif;font-synthesis:none;color:#66d62b;transition:color 150ms ease-out}
@media(hover:hover) and (pointer:fine){.early-access[data-slot=button]:hover{color:#8ce060}}
.early-access[data-slot=button]:active{color:#abe88a}
.cta-outline,.cta-fill{position:absolute;left:0;top:0;width:calc(188 * var(--u));height:calc(80 * var(--u));display:block;pointer-events:none}
.cta-fill{left:calc(188 * var(--u))}
.early-label{left:calc(42 * var(--u));top:calc(29 * var(--u));height:calc(22 * var(--u));font-size:calc(16 * var(--u));font-weight:800;line-height:calc(22 * var(--u));letter-spacing:0;white-space:nowrap;color:inherit}
.stage .early-arrow{left:calc(268 * var(--u));top:calc(26.9438 * var(--u));width:calc(30.1125 * var(--u));height:calc(26.1124 * var(--u))}
.stage[data-motion=planes]{perspective:var(--perspective-distance);perspective-origin:var(--perspective-x) var(--perspective-y);transform-style:flat}
.stage[data-motion=planes] .phone{transform-origin:50.0559% 48.4652%}
.stage[data-motion=planes] .cards{transform-origin:var(--cards-origin-x) var(--cards-origin-y);transform-style:preserve-3d}
.stage[data-motion=planes] .card-right{transform-origin:78.6071% 63.7689%}
.stage[data-motion=planes] .card-middle{transform-origin:50.0839% 69.7166%}
.stage[data-motion=planes] .card-left{transform-origin:21.4345% 63.7689%}
@media(prefers-reduced-motion:reduce){.desktop-assembly,.lens,.phone,.cards,.card-image{transform:none!important}}
@media(prefers-reduced-motion:reduce){.early-access[data-slot=button]{transition:none}}
.stage .scene-shell{opacity:var(--shell-opacity,0);visibility:hidden}
.stage .scene-reveal{opacity:var(--composition-opacity,0);visibility:hidden}
.stage[data-composition=hidden][data-artwork-ready=true][data-assets-ready=true][data-scene-font=ready] .scene-reveal{visibility:visible;will-change:opacity}
.stage[data-shell=revealing] .scene-shell{visibility:visible;will-change:opacity}
.stage[data-shell=visible] .scene-shell{visibility:visible}
.stage[data-composition=revealing] .scene-reveal{visibility:visible;will-change:opacity}
.stage[data-composition=visible] .scene-reveal{visibility:visible}
.logo-fallback{display:block;font-size:calc(32 * var(--u));font-weight:800;line-height:1;color:#d9e5d7}
@media(prefers-reduced-motion:reduce){.stage[data-shell=revealing] .scene-shell,.stage[data-composition=revealing] .scene-reveal{opacity:1;visibility:visible}}