.preorder{--white-soft:#ffffffd6;--white-tone:#ffffffa3}.preorder :is(.home-ask,.home-os,.home-faq) .mono-label{color:var(--ink-soft)}.preorder-hero{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding:clamp(40px, 6vw, 96px) var(--gutter) clamp(64px, 8vw, 120px);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,5vw,80px);margin-inline:auto;animation:.7s cubic-bezier(.2,.7,.2,1) both page-hero-rise;display:grid}.preorder-hero-copy{justify-items:start;gap:0;max-width:40rem;display:grid}.preorder-hero-copy .page-hero-title{font-size:clamp(44px,5.6vw,84px)}.preorder-hero-phone{place-items:center;display:grid}.preorder-hero-phone img{object-fit:contain;filter:drop-shadow(0 40px 60px #0a101c73);width:auto;height:min(64svh,600px)}.preorder-price{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex;margin-top:32px!important}.preorder-price strong{color:#fff;letter-spacing:-.03em;font-size:clamp(34px,3.4vw,44px);font-weight:500}.preorder-price span{color:var(--white-soft);font-size:16px}.preorder-buy{flex-wrap:wrap;align-items:center;gap:12px 22px;width:100%;margin-top:28px;display:flex}.preorder-buy .preorder-error{flex-basis:100%}.preorder-cta{min-height:60px;color:var(--ink);font:inherit;letter-spacing:-.01em;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;margin-left:-3px;padding:6px 6px 6px 24px;font-size:18px;font-weight:500;transition:transform .16s ease-out,box-shadow .16s ease-out;display:inline-flex;box-shadow:0 8px 18px -6px #0a101c4d}.preorder-cta:hover{transform:translateY(-1px);box-shadow:0 12px 24px -6px #0a101c5c}.preorder-cta:active{transform:translateY(0)scale(.99)}.preorder-cta:focus-visible{outline-offset:3px;outline:2px solid #fff}.preorder-cta:disabled{cursor:progress}.preorder-cta-arrow{background:var(--ink);color:#fff;border-radius:999px;place-items:center;width:48px;height:48px;display:grid}.preorder-cta-arrow svg{transition:translate .16s ease-out}.preorder-cta:hover .preorder-cta-arrow svg{translate:2px}.preorder-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:18px;height:18px;animation:.8s linear infinite preorder-spin}@keyframes preorder-spin{to{rotate:360deg}}.preorder-micro{color:var(--white-soft);font-size:14px;line-height:1.45}.preorder-micro-phrase{white-space:nowrap}.preorder-error:empty,.preorder-buy .signup-error:empty{display:none}.preorder-error{color:#ffd7d3;font-size:14px}.preorder-low{color:#fff;margin-top:12px!important}.preorder-fineprint{max-width:34rem;color:var(--white-tone);font-size:13px;line-height:1.5;margin-top:14px!important}.preorder-fineprint a,.preorder-note a{text-underline-offset:2px;text-decoration:underline}.preorder-hero-copy .home-backed{color:var(--white-soft);margin-top:36px}.preorder-closed{width:100%;max-width:460px;color:var(--white-soft);gap:14px;margin-top:28px;display:grid}.preorder-closed strong{color:#fff;font-weight:500}.preorder-closed .preorder-buy{width:100%;max-width:460px;margin-top:0;display:grid}.preorder-done{color:var(--ink);background:#fff;border-radius:999px;padding:14px 18px;font-weight:500;display:block}.preorder main{width:100%}.preorder main>section>.home-section-title,.preorder main>section>.mono-label,.preorder main>section>ol,.preorder main>section>ul{max-width:var(--max);margin-inline:auto}.preorder main>section>.home-section-title{margin-top:18px}.preorder main>section>ol,.preorder main>section>ul{margin-top:clamp(40px,5vw,64px)}.preorder main>.home-faq{max-width:none}@media (min-width:861px){.preorder-four{grid-template-columns:repeat(4,minmax(0,1fr))}}.preorder-note{max-width:26rem;color:var(--ink-soft);font-size:15px;line-height:1.6;margin-top:24px!important}.preorder .home-join .preorder-buy{margin-top:32px}.preorder-sticky{z-index:20;right:12px;bottom:max(12px, env(safe-area-inset-bottom));opacity:0;pointer-events:none;background:#fff;border:1px solid #11111324;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:5px 5px 5px 20px;transition:opacity .18s ease-out,transform .18s ease-out;display:flex;position:fixed;left:12px;transform:translateY(20px);box-shadow:0 14px 34px #16171a2e}.preorder-sticky[data-show]{opacity:1;pointer-events:auto;transform:none}.preorder-sticky div{line-height:1.2;display:grid}.preorder-sticky span{color:var(--ink-soft);font-size:13px}.preorder-sticky .signup-button span{color:#fff;font-size:15px}@media (min-width:900px){.preorder-sticky{display:none}}@media (max-width:899px){.preorder-hero{grid-template-columns:minmax(0,1fr);padding-top:28px}.preorder-hero-copy .page-hero-title{font-size:42px}.preorder-hero-copy .page-hero-lede{font-size:16px}.preorder-price{margin-top:24px!important}.preorder-hero-phone img{height:min(40svh,340px)}}@media (max-width:520px){.preorder-buy{display:grid}.preorder-cta{width:calc(100% + 3px);padding-left:20px}}@media (prefers-reduced-motion:reduce){.preorder-hero{animation:none}.preorder-sticky,.preorder-cta{transition:none}}.preorder-receipt{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);margin-top:8px;display:grid}.preorder-receipt div{border-bottom:1px solid var(--rule);justify-content:space-between;gap:16px;padding:16px 20px;display:flex}.preorder-receipt div:last-child{border-bottom:0}.preorder-receipt span{color:var(--ink-soft)}.preorder-receipt strong{text-align:right;font-weight:500}.preorder-thanks{gap:20px;max-width:40rem;display:grid}.preorder-thanks .preorder-note{max-width:none;margin-top:4px!important}.preorder-thanks .home-os-list{margin-top:16px}.preorder-step-done{color:var(--slate)}.preorder .page-hero-lede a{color:#fff;text-underline-offset:2px;text-decoration:underline}.preorder-device{isolation:isolate;background:linear-gradient(150deg,#5d636d 0%,#2a2e35 30%,#1b1e23 62%,#3b4048 100%);border-radius:48px;width:min(300px,68vw,43.4783svh - 86.9565px);padding:3px;position:relative;box-shadow:inset 0 1px #ffffff24,0 40px 70px -10px #080c168c,0 12px 24px -8px #080c1666}.preorder-device-screen{background:#050608;border-radius:45px;padding:6px;position:relative;overflow:hidden}.preorder-device img{border-radius:39px;width:100%;height:auto;display:block}.preorder-device-camera{aspect-ratio:1;background:radial-gradient(circle at 38% 36%,#2b3442 0 14%,#050608 34%);border-radius:50%;width:4.2%;position:absolute;top:calc(6px + 3.6%);left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #000c}.preorder-device-glass{pointer-events:none;background:linear-gradient(118deg,#ffffff17 0%,#fff0 34%);border-radius:39px;position:absolute;inset:6px}.preorder-device-button{z-index:-1;background:linear-gradient(90deg,#1b1e23 0%,#3d434c 55%,#6a717c 100%);border-radius:0 3px 3px 0;width:6px;position:absolute;right:-4px}.preorder-device-power{height:7.5%;top:21%}.preorder-device-volume{height:13%;top:31%}@media (max-width:899px){.preorder-device{width:min(260px,66vw)}}.preorder-3d{place-items:center;width:100%;padding-block:28px;display:grid;position:relative}.preorder-3d-poster{transition:opacity .5s ease-out}.preorder-3d-canvas{opacity:0;touch-action:pan-y;filter:drop-shadow(0 36px 44px #080c166b);width:100%;height:100%;transition:opacity .5s ease-out;position:absolute;inset:0}.preorder-3d[data-ready] .preorder-3d-canvas{opacity:1}.preorder-3d[data-ready] .preorder-3d-poster{opacity:0;transition:opacity 0s linear .5s}.preorder-3d-canvas:focus-visible{outline-offset:-2px;border-radius:24px;outline:2px solid #ffffffb3}@media (prefers-reduced-motion:reduce){.preorder-3d-poster,.preorder-3d-canvas{transition:none}}.preorder-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 10px;width:100%;max-width:36rem;margin:36px 0 0;padding:0;list-style:none;display:grid}.preorder-progress li{border-top:3px solid #ffffff38;align-content:start;gap:6px;padding-top:14px;display:grid}.preorder-progress li[aria-current]{border-top-color:#fff}.preorder-progress-label{color:var(--white-tone);font-size:15px;font-weight:500}.preorder-progress li[aria-current] .preorder-progress-label{color:#fff}.preorder-progress-detail{color:var(--white-tone);font-size:13px;line-height:1.4}.preorder-confirmed-main{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding:clamp(48px, 6vw, 80px) var(--gutter) var(--section);margin-inline:auto}@media (max-width:600px){.preorder-progress{grid-template-columns:minmax(0,1fr);gap:0;margin-top:28px}.preorder-progress li{border-top:0;border-left:3px solid #ffffff38;grid-template-columns:7.5rem minmax(0,1fr);gap:10px;padding:10px 0 10px 14px}.preorder-progress li[aria-current]{border-left-color:#fff}}@media (max-width:520px){.preorder-receipt div{flex-direction:column;gap:2px}.preorder-receipt strong{text-align:left}}.preorder-3d-open{display:none}@media (max-width:899px){.preorder-3d-open{z-index:1;cursor:zoom-in;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.preorder-3d-open-icon{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:20px;right:-52px}.preorder-3d-open:focus-visible .preorder-3d-open-icon{outline-offset:2px;outline:2px solid #fff}}.preorder-viewer{color:#fff;overscroll-behavior:contain;background:linear-gradient(#1d283a 0%,#34445d 60%,#4d6079 100%);border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.preorder-viewer::backdrop{background:#1d283a}.preorder-viewer .preorder-3d{height:100%;padding:0}.preorder-viewer .preorder-3d-poster img{width:auto;height:min(78dvh,170vw)}.preorder-viewer .preorder-3d-canvas{touch-action:none}.preorder-viewer-close{top:max(16px, env(safe-area-inset-top));color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:absolute;right:16px}.preorder-viewer-hint{bottom:max(24px, env(safe-area-inset-bottom));color:#ffffffb8;white-space:nowrap;pointer-events:none;font-size:15px;transition:opacity .4s ease-out;position:absolute;left:50%;transform:translate(-50%)}.preorder-viewer-hint[data-hidden]{opacity:0}.preorder-confirmed .preorder-hero-phone img,.preorder-hero-phone .preorder-3d-poster img{filter:none;max-width:none;height:min(100svh - 240px,46vw,860px)}@media (min-width:900px){.preorder-hero-phone .preorder-3d-canvas{width:220%;height:112%;inset:-6% -60%}.preorder-hero-copy{z-index:1;position:relative}}@media (max-width:899px){.preorder-hero-phone{--phone-h:min(44svh, 400px);--phone-w:calc(var(--phone-h) * .459)}.preorder-hero-phone .preorder-3d-poster img{height:var(--phone-h)}.preorder-hero-phone .preorder-3d{padding-block:0}.preorder-hero-phone .preorder-3d-canvas{pointer-events:none;height:116%;inset:-8% 0}.preorder-hero-phone .preorder-3d-open-icon{bottom:4px;right:auto;left:calc(50% + var(--phone-w) / 2 + 24px)}}@media (pointer:coarse){.preorder-sticky:not([data-show]){display:none}}
