.site [id]{scroll-margin-top:96px}.site h3{font:600 var(--text)/1.35 var(--sans);margin:0 0 2px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--wall) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-tools{display:flex;align-items:center;gap:8px}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px}.lang-switch button{min-height:44px;min-width:44px;padding:0 8px;border:0;border-radius:999px;background:none;color:var(--soft);font:550 var(--small) var(--sans);cursor:pointer;transition:color .2s,background .2s}.lang-switch button[aria-pressed=true]{color:var(--ink);background:rgba(255,255,255,.1)}.site-in{gap:8px}.site-in svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}@media (max-width:420px){.site-in span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.site-in{padding:0 12px}}.landing-hero{text-align:center;padding:40px 0 64px;display:flex;flex-direction:column;align-items:center}.landing-hero .over{justify-content:center}.landing-hero h1{max-width:16ch}.landing-hero h1 em,.site-head h1 em{font-style:italic;color:var(--soft)}.landing-hero .lede{margin:0 auto 28px}.landing-hero .button{width:auto}.hero-video{position:relative;width:100%;aspect-ratio:16/9;margin-top:44px;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 40px 120px -40px rgba(111,143,230,.35),0 0 0 1px var(--line)}.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hero-sound{position:absolute;right:14px;bottom:14px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(11,11,12,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);font:550 var(--small) var(--sans);cursor:pointer}.landing-intro{max-width:640px;margin-bottom:32px}.landing-intro .lede{margin:0}.product-photo{display:block;border-radius:18px;overflow:hidden;background:#ecebe8}.product-photo img{display:block;width:100%;height:auto}.exploded{display:grid;grid-gap:32px;gap:32px;align-items:center}.x-stage{border-radius:18px;overflow:hidden;background:radial-gradient(90% 80% at 50% 40%,#fbfaf8 0,#e9e6e1 70%,#dcd8d2 100%)}.x-stage svg{display:block;width:100%;height:auto}.x-move{transition:transform 1.2s var(--ease)}.x-badge circle{fill:#111}.x-badge text{fill:#fff;font:600 10px var(--sans)}.x-chin{fill:#d9d4cc;font:400 8px var(--serif);letter-spacing:.02em}.x-badge{opacity:0;transition:opacity .5s}.x-stage[data-open] .x-badge{opacity:1}.x-legend ol{display:grid;grid-gap:18px;gap:18px;margin-bottom:12px}.app-steps li,.x-legend li{display:grid;grid-template-columns:32px 1fr;grid-gap:14px;gap:14px;align-items:start}.app-steps p,.x-legend p{margin:0}.x-num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);font:600 var(--small)/1 var(--sans);color:var(--ink)}.app-steps{display:grid;grid-gap:18px;gap:18px;margin-top:8px}.app-shots{display:grid;grid-auto-flow:column;justify-content:start;grid-auto-columns:minmax(220px,300px);grid-gap:20px;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 16px;margin:0 -4px;scrollbar-width:none}.app-shots::-webkit-scrollbar{display:none}.phone{scroll-snap-align:start;aspect-ratio:390/844;border-radius:30px;border:7px solid #1d1d20;background:#000;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 30px 60px -30px rgba(0,0,0,.8)}.phone img{display:block;width:100%;height:100%;object-fit:cover}.preorder{display:grid;grid-gap:32px;gap:32px;align-items:start}.size-chart{margin:0}.size-chart svg{display:block;width:100%;height:auto;overflow:visible}.size-rect{fill:rgba(255,255,255,.015);stroke:var(--line-strong);stroke-width:.18}.size-rect[data-on]{stroke:var(--ink);stroke-width:.3}.size-lit{transition:y .5s var(--ease),width .5s var(--ease),height .5s var(--ease)}.size-dims line{stroke:var(--soft);stroke-width:.18}.size-dims text,.size-phone text{fill:var(--soft);font:500 2.3px var(--sans)}.size-phone rect{fill:none;stroke:var(--faint);stroke-width:.25}.size-phone .notch{fill:var(--faint);stroke:none}.size-base{stroke:var(--line-strong);stroke-width:.15}.size-chart figcaption{margin-top:10px}.size-pick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px}.size-pick button{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 2px;border-radius:14px;border:1px solid var(--line-strong);background:rgba(255,255,255,.02);color:var(--soft);font:400 var(--small) var(--sans);cursor:pointer;transition:border-color .2s,background .2s,color .2s}.size-pick button strong{font:600 var(--text) var(--sans);color:var(--ink)}.size-pick button[aria-checked=true]{border-color:var(--ink);background:rgba(255,255,255,.08);color:var(--ink)}.preorder-price{font:400 var(--title)/1 var(--serif);margin:28px 0 6px}.preorder-app{margin:16px 0 0;color:var(--soft)}.preorder-app strong{color:var(--ink)}.preorder-row{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 12px}.preorder-row .button{width:auto;flex:1 1 240px}@media (min-width:900px){.landing-hero{padding:72px 0 88px}.exploded{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:56px}.app-steps{grid-template-columns:repeat(3,1fr);gap:28px}.landing-app .landing-intro{max-width:none}.landing-app .landing-intro .site-title{max-width:22ch}.preorder{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:64px}}.landing-faq .faq-item summary{color:var(--ink);font-size:var(--text)}.landing-faq .faq-item summary:after{border:0;width:auto;height:auto;transform:none;font-size:26px;line-height:1;font-weight:300}.landing-faq .faq-item[open] summary:after{transform:rotate(45deg)}@media (min-width:900px){.app-shots{justify-content:center;gap:40px}}