@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#07080b;--fg:#f3f4f7;--muted:#9aa0ad;--line:#ffffff1f;--accent:#7c9cff;--display:"Space Grotesk Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gutter:clamp(16px, 5vw, 72px);--vh:100svh;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:clip}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit}.skip{z-index:100;background:var(--fg);color:var(--bg);border-radius:8px;padding:10px 14px;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.eyebrow,.kicker{font-family:var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-size:.8rem;transition:color .6s}.h2{font-family:var(--display);letter-spacing:-.035em;margin-top:.6rem;font-size:clamp(2.2rem,6vw,5.2rem);font-weight:650;line-height:.95}.lead{color:var(--muted);max-width:34ch;margin-top:1rem;font-size:clamp(1rem,1.3vw,1.2rem)}.btn{background:var(--accent);color:#06070a;min-height:48px;font-family:var(--display);box-shadow:0 10px 40px -12px var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:0 1.6rem;font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .6s,box-shadow .3s;display:inline-flex}.btn:hover{transform:translateY(-2px)scale(1.02)}.btn--small{min-height:40px;padding:0 1.1rem;font-size:.9rem}.btn--ghost{color:var(--fg);border:1px solid var(--line);box-shadow:none;background:0 0}.nav{z-index:20;padding:14px var(--gutter);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,border-color .4s;display:flex;position:fixed;inset:0 0 auto}.nav.is-scrolled{-webkit-backdrop-filter:blur(14px)saturate(1.4);border-color:var(--line);background:#07080b99}.nav__brand{font-family:var(--display);letter-spacing:.2em;align-items:center;gap:.6rem;font-weight:700;text-decoration:none;display:inline-flex}.nav__mark{background:linear-gradient(140deg, var(--accent), #ff5f8f);color:#06070a;letter-spacing:0;border-radius:9px;place-items:center;width:30px;height:30px;transition:background .6s;display:grid}.nav__links{gap:2rem;display:none}.nav__links a{color:var(--muted);font-size:.95rem;text-decoration:none;transition:color .2s}.nav__links a:hover{color:var(--fg)}@media (min-width:768px){.nav__links{display:flex}}.stage{z-index:1;pointer-events:none;position:fixed;inset:0}.stage__canvas{opacity:0;width:100%;height:100%;display:block}.sec{position:relative}.sticky{height:var(--vh);z-index:2;position:sticky;top:0;overflow:hidden}.sec--hero{height:220vh}.sec--screen{height:340vh}.sec--explode{height:380vh}.sec--specs{height:320vh}.sec--colors{height:260vh}.sec--camera{height:320vh}.sec--hero .sticky{z-index:0;text-align:center;background:radial-gradient(60% 50% at 50% 55%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%);place-items:center;display:grid}.sec--hero .eyebrow{position:absolute;top:16vh;left:0;right:0}.hero__title{font-family:var(--display);letter-spacing:-.06em;font-size:clamp(7rem,34vw,30rem);font-weight:700;line-height:.8;display:flex;overflow:visible}.hero__title>span{display:flex}.hero__letter{background:linear-gradient(180deg, #fff 30%, color-mix(in srgb, var(--accent) 60%, #222));color:#0000;will-change:transform;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero__subtitle{bottom:14vh;left:var(--gutter);right:var(--gutter);max-width:30ch;color:var(--muted);margin:auto;font-size:clamp(1rem,1.6vw,1.3rem);position:absolute}.hero__hint{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;gap:10px;font-size:.75rem;display:flex;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.hero__hint i{background:linear-gradient(var(--accent), transparent);transform-origin:top;width:1px;height:40px;animation:1.8s ease-in-out infinite hint}@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.steps{left:var(--gutter);right:var(--gutter);min-height:13rem;position:absolute;bottom:7vh}.step{opacity:0;transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;inset:2rem 0 auto;transform:translateY(30px)}.step.is-active{opacity:1;transform:none}.step__num{font-family:var(--display);color:var(--accent);font-size:.85rem}.step__title{font-family:var(--display);letter-spacing:-.035em;margin:.3rem 0 .8rem;font-size:clamp(2rem,5vw,4.6rem);font-weight:650;line-height:.98}.step__body{color:var(--muted);max-width:34ch}.steps__bar{display:none}@media (min-width:768px){.step{left:2rem}.steps{width:min(40vw,36rem);min-height:22rem;padding-left:2rem;top:50%;bottom:auto;right:auto;transform:translateY(-50%)}.steps__bar{background:var(--line);width:2px;display:block;position:absolute;top:2rem;bottom:0;left:0}.steps__bar i{background:var(--accent);transform-origin:top;height:100%;display:block;transform:scaleY(0)}}.explode__intro{top:12vh;left:var(--gutter);right:var(--gutter);position:absolute}.callouts{inset:auto var(--gutter) 5vh;opacity:0;grid-template-columns:repeat(3,1fr);gap:14px 10px;transition:opacity .4s;display:grid;position:absolute}.callouts.is-active{opacity:1}.callout{--t:0;opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 16px));flex-direction:column;display:flex}.callout__detail{display:none}.callout__value{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:650;line-height:1}.callout__value small{color:var(--accent);margin-left:2px;font-size:.55em}.callout__label{color:var(--muted);font-size:.75rem}.callout-lines{display:none}@media (min-width:1024px){.callout-lines{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}.callout-lines.is-active{opacity:1}.callout-lines line{stroke:var(--accent);stroke-width:1px}.callout-lines circle{fill:var(--accent);stroke:color-mix(in srgb, var(--accent) 35%, transparent);stroke-width:6px}.callouts{display:block;inset:0}.callout{will-change:transform;width:15rem;position:absolute;top:0;left:0;translate:0 -50%}.callout__value{font-size:2.6rem}.callout__detail{color:var(--muted);font-size:.8rem;display:block}.callout__label{color:var(--fg);font-size:.95rem}.callout[data-side=left]{text-align:right;margin-left:-15rem}}.sec--specs .sticky{flex-direction:column;justify-content:center;display:flex}.sec--specs .kicker{padding:0 var(--gutter)}.specs__track{padding:2rem 10vw 0 var(--gutter);will-change:transform;gap:12vw;width:max-content;display:flex}.bigstat{flex-direction:column;display:flex}.bigstat__value{font-family:var(--display);letter-spacing:-.06em;white-space:nowrap;background:linear-gradient(180deg, #fff, color-mix(in srgb, var(--accent) 70%, #111));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(6rem,36vw,22rem);font-weight:700;line-height:.85}@media (min-width:768px){.bigstat__value{font-size:clamp(6rem,24vw,22rem)}}.bigstat__value small{letter-spacing:-.02em;margin-left:.1em;font-size:.3em}.bigstat__label{color:var(--muted);margin-top:.5rem;font-size:clamp(1rem,1.6vw,1.4rem)}.sec--colors .sticky{background:radial-gradient(45% 45% at 30% 50%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%)}@media (max-width:767px){.sec--colors .sticky{background:radial-gradient(70% 40% at 50% 35%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%)}}.colors__panel{left:var(--gutter);right:var(--gutter);position:absolute;bottom:6vh}.colors__panel .lead{margin-top:.6rem}.swatches{gap:14px;margin-top:1.4rem;display:flex}.swatch{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:48px;height:48px;padding:5px;transition:border-color .3s,transform .3s}.swatch:hover{transform:scale(1.08)}.swatch[aria-checked=true]{border-color:var(--fg)}.swatch__dot{background:radial-gradient(circle at 35% 30%, #ffffff8c, transparent 45%), var(--swatch);border-radius:50%;width:100%;height:100%;display:block}.colors__name{font-family:var(--display);margin-top:1rem;font-size:1.1rem}@media (min-width:768px){.colors__panel{left:auto;right:var(--gutter);width:min(40vw,32rem);top:50%;bottom:auto;transform:translateY(-50%)}}.camera__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.viewfinder{pointer-events:none;font-family:var(--display);letter-spacing:.12em;font-size:.8rem;position:absolute;inset:max(70px,7vmin) max(16px,5vmin) max(16px,5vmin)}.vf__corner{border:2px solid #fffc;width:26px;height:26px;position:absolute}.vf__corner--tl{border-bottom:0;border-right:0;top:0;left:0}.vf__corner--tr{border-bottom:0;border-left:0;top:0;right:0}.vf__corner--bl{border-top:0;border-right:0;bottom:0;left:0}.vf__corner--br{border-top:0;border-left:0;bottom:0;right:0}.vf__focus{border:1.5px solid #ffd36a;border-radius:12px;width:120px;height:120px;position:absolute;top:42%;left:51%;transform:translate(-50%,-50%)}.vf__rec{align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:18px}.vf__rec i{background:#ff3b3b;border-radius:50%;width:8px;height:8px;animation:1.2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.vf__readout{position:absolute;top:14px;right:18px}.vf__readout b{color:#ffd36a;font-variant-numeric:tabular-nums;margin-right:8px;font-weight:600}.vf__scale{background:#ffffff40;width:120px;height:2px;position:absolute;top:40px;right:18px}.vf__scale i{transform-origin:0;background:#ffd36a;height:100%;display:block;transform:scaleX(0)}.camera__copy{padding:18vh var(--gutter) 6vh;background:linear-gradient(#0000,#000000d9);position:absolute;bottom:0;left:0;right:0}.camstats{gap:2rem;margin-top:1.4rem;display:flex}.camstat{flex-direction:column;display:flex}.camstat__value{font-family:var(--display);font-size:1.8rem;font-weight:650;line-height:1}.camstat__value small{color:var(--accent);font-size:.55em}.camstat__label{color:var(--muted);font-size:.8rem}.sec--compare,.sec--preorder{z-index:2;padding:18vh var(--gutter);background:var(--bg)}.models{gap:18px;margin-top:3rem;display:grid}@media (min-width:900px){.models{grid-template-columns:repeat(3,1fr)}}.model{border:1px solid var(--line);background:linear-gradient(#ffffff0d,#ffffff03);border-radius:28px;padding:2rem;position:relative}.model--hl{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 30px 80px -40px var(--accent)}.model__badge{background:var(--accent);color:#06070a;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600;position:absolute;top:1.2rem;right:1.2rem}.model__name{font-family:var(--display);letter-spacing:-.02em;font-size:1.6rem}.model__price{font-family:var(--display);letter-spacing:-.04em;margin:.4rem 0 1.4rem;font-size:clamp(2.4rem,4vw,3.4rem);font-weight:650}.model__specs{margin:0}.model__specs div{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.75rem 0;display:flex}.model__specs dt{color:var(--muted)}.model__specs dd{text-align:right;margin:0}.sec--preorder{text-align:center;background:radial-gradient(50% 40% at 50% 60%, color-mix(in srgb, var(--accent) 25%, transparent), transparent), var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.mega{font-family:var(--display);letter-spacing:-.055em;flex-wrap:wrap;justify-content:center;margin-top:1rem;font-size:clamp(3.4rem,15vw,14rem);font-weight:700;line-height:.9;display:flex}.mega__word{white-space:nowrap;margin:0 .12em;display:inline-flex}.mega__ch{display:inline-block}.preorder__price{max-width:none;margin:1.6rem auto 0}.preorder__price span{color:var(--fg)}.preorder__price span:before{content:"· ";color:var(--muted)}.preorder__ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:2rem;display:flex}.fine{color:var(--muted);margin-top:3rem;font-size:.8rem}.footer{z-index:2;padding:2rem var(--gutter);border-top:1px solid var(--line);color:var(--muted);background:var(--bg);flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.85rem;display:flex;position:relative}.no-gl .stage{display:none}.noscript{padding:2rem}.is-reduced .sec{height:auto}.is-reduced .sticky{height:auto;min-height:var(--vh);position:relative;overflow:visible}.is-reduced .stage{height:var(--vh);position:absolute}.is-reduced .sec--hero .sticky{height:var(--vh)}.is-reduced .hero__title{opacity:.25}.is-reduced .hero__hint i,.is-reduced .vf__rec i{animation:none}.is-reduced .sec--screen .sticky,.is-reduced .sec--explode .sticky,.is-reduced .sec--colors .sticky{min-height:0;padding:14vh var(--gutter)}.is-reduced .steps,.is-reduced .explode__intro,.is-reduced .colors__panel,.is-reduced .callouts{width:auto;min-height:0;padding:0;position:static;transform:none}.is-reduced .step{opacity:1;margin-top:2.5rem;position:static;transform:none}.is-reduced .steps__bar{display:none}.is-reduced .callouts{opacity:1;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:2rem;margin-top:3rem;display:grid}.is-reduced .callout{--t:1;text-align:left;width:auto;margin:0;position:static;translate:none}.is-reduced .callout-lines{display:none}.is-reduced .specs__track{flex-wrap:wrap;gap:2rem 4rem;width:auto}.is-reduced .bigstat__value{font-size:clamp(4rem,12vw,9rem)}.is-reduced .sec--camera .sticky{height:var(--vh)}.is-reduced *,.is-reduced :before,.is-reduced :after{transition-duration:.01ms!important;animation-duration:.01ms!important}