.waitlist-count[data-astro-cid-tq5gkkun]{border-block:1px solid var(--line);text-align:left;justify-content:center;align-items:center;gap:14px;min-height:79px;margin:20px 0 25px;padding:16px 0;display:flex}.count-mark[data-astro-cid-tq5gkkun]{width:27px;height:30px;color:var(--muted);flex-shrink:0;margin-right:2px;position:relative}.count-mark[data-astro-cid-tq5gkkun] i[data-astro-cid-tq5gkkun]{background:var(--paper);border:1px solid;border-radius:3px;width:22px;height:15px;position:absolute;top:2px;left:0;transform:rotate(-12deg)}.count-mark[data-astro-cid-tq5gkkun] i[data-astro-cid-tq5gkkun]:nth-child(2){top:8px;left:3px;transform:rotate(-4deg)}.count-mark[data-astro-cid-tq5gkkun] i[data-astro-cid-tq5gkkun]:nth-child(3){top:14px;left:6px;transform:rotate(4deg)}.count-number[data-astro-cid-tq5gkkun]{letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--ink);flex-shrink:0;font-size:38px;font-weight:350;line-height:1;display:inline-flex}.count-number[data-astro-cid-tq5gkkun] .count-digit{height:1em;display:inline-block;overflow:hidden}.count-number[data-astro-cid-tq5gkkun] .count-track{will-change:transform;flex-direction:column;display:flex}.count-number[data-astro-cid-tq5gkkun] .count-track>span{flex-shrink:0;height:1em;line-height:1}.count-caption[data-astro-cid-tq5gkkun]{color:var(--ink);flex-direction:column;gap:5px;font-size:12px;line-height:1.5;display:flex}.count-caption[data-astro-cid-tq5gkkun]>span[data-astro-cid-tq5gkkun]+span[data-astro-cid-tq5gkkun]{color:var(--muted);font-size:10px}.count-announcement[data-astro-cid-tq5gkkun]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.waitlist-count[data-astro-cid-tq5gkkun][data-large=true] .count-number[data-astro-cid-tq5gkkun]{font-size:24px}.waitlist-count[data-astro-cid-tq5gkkun][data-large=true] .count-mark[data-astro-cid-tq5gkkun]{display:none}.waitlist-count[data-astro-cid-tq5gkkun][data-large=true]{flex-wrap:wrap;gap:10px}@media (width<=400px){.waitlist-count[data-astro-cid-tq5gkkun]{gap:12px;margin-block:17px 22px;padding-block:14px}.count-number[data-astro-cid-tq5gkkun]{font-size:34px}.count-mark[data-astro-cid-tq5gkkun]{display:none}}@media (prefers-reduced-motion:reduce){.count-number[data-astro-cid-tq5gkkun] .count-track{will-change:auto}}.waitlist-dialog[data-complete=true] .waitlist-count[data-astro-cid-tq5gkkun]{display:none}.hero{min-height:790px}.phone-demo{isolation:isolate;min-width:0;height:auto;margin-left:20px;position:relative}.demo-stage{perspective:1300px;height:592px;position:relative}.demo-position{width:268px;transform-style:preserve-3d;margin-left:-134px;position:absolute;top:12px;left:50%}.demo-shell{width:100%;transform-style:preserve-3d;animation:10.8s cubic-bezier(.45,0,.55,1) infinite paused demo-device-sway;position:relative;transform:translateY(0)rotateX(3deg)rotateY(-12deg)rotate(-1deg)}.is-demonstrating .demo-shell{will-change:transform;animation-play-state:running}@keyframes demo-device-sway{0%,to{transform:translateY(0)rotateX(3deg)rotateY(-12deg)rotate(-1deg)}50%{transform:translateY(-6px)rotateX(-2deg)rotateY(9deg)rotate(1deg)}}.device-face{background:linear-gradient(115deg,#d8d8d3,#555754 22%,#bfc0ba 48%,#5c5e5b 77%,#e0e0da);border-radius:43px;padding:7px;position:relative;transform:translateZ(1px);box-shadow:inset 0 0 0 1px #888a84}.demo-display{aspect-ratio:603/1311;background:var(--paper);isolation:isolate;border:2px solid #151617;border-radius:36px;position:relative;overflow:clip}.device-depth{background:#8b8d88;border-radius:43px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #bfc0ba}.depth-back{background:#555753;transform:translateZ(-13px);box-shadow:0 30px 45px #00000024,inset 0 0 0 1px #969893}.depth-middle{transform:translateZ(-8px)}.depth-edge{background:#b1b2ac;transform:translateZ(-3px)}.device-key{z-index:-1;background:#868882;border-radius:3px;width:4px;position:absolute;transform:translateZ(-6px)}.key-action{height:18px;top:16%;left:-3px}.key-volume{height:61px;top:24%;left:-3px}.key-power{height:48px;top:28%;right:-3px}.device-island{z-index:4;pointer-events:none;background:#060607;border-radius:100px;width:30%;height:3.4%;position:absolute;top:2%;left:35%}.device-island:after{content:"";background:#1f272e;border-radius:50%;width:5px;height:5px;position:absolute;top:35%;right:8px}.demo-screen{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .35s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.025)}.demo-screen[data-demo-image=detail]{transform:translate(8%)}.demo-screen.is-active{opacity:1;transform:none}.demo-position,.demo-shell,.device-face,.demo-display{pointer-events:none}.demo-card-window{opacity:0;pointer-events:none;background:#fff;transition:opacity .35s;position:absolute;inset:27.5% 0 4.5%;overflow:clip}[data-scene=stack] .demo-card-window{opacity:1}.demo-card-scroll{object-fit:cover;clip-path:inset(0 0 4.5%);width:100%;max-width:none;height:147.059%;animation:4s cubic-bezier(.45,0,.55,1) infinite paused demo-card-drift;position:absolute;top:-40.4412%;left:0}.is-demonstrating[data-scene=stack] .demo-card-scroll{animation-play-state:running}@keyframes demo-card-drift{0%,15%,to{transform:translateY(0)}45%,65%{transform:translateY(-18px)}}.demo-scenes{justify-content:center;align-items:center;gap:20px;margin-top:12px;display:flex}.demo-scene{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.demo-scene.is-active{color:var(--ink)}.demo-step-dot{background:var(--line);border-radius:50%;width:4px;height:4px}.demo-scene.is-active .demo-step-dot{background:var(--ink)}.demo-note{text-align:center;margin-top:12px;font-size:10px;line-height:1.6}.phone-demo .product-kaka{z-index:2;pointer-events:none;width:120px;position:absolute;bottom:10px;right:12px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.collection .phone{border-radius:38px;width:280px}.collection .preview-stage{padding-top:30px}.collection-body{gap:90px}.preview-controls{margin-top:24px}:root[data-theme=dark] .depth-back{box-shadow:0 30px 45px #0009,inset 0 0 0 1px #969893}.motion-reduced .demo-shell{transition:none;animation:none;transform:none!important}.motion-reduced .demo-screen{transition:none;transform:none}.motion-reduced .demo-card-scroll{animation:none;transform:none}.motion-reduced .demo-card-window{transition:none}:root[data-theme=dark] .demo-card-window{background:#000}@media (width<=1080px){.phone-demo{margin-left:0}.demo-position{width:250px;margin-left:-125px;top:26px}.phone-demo .product-kaka{width:100px;right:0}.collection-body{gap:50px}}@media (width>=768px) and (width<=900px){.demo-position{width:230px;margin-left:-115px;top:50px}.phone-demo .product-kaka{width:90px;bottom:35px}}@media (width<=767px){.hero{min-height:0;padding-top:40px}.phone-demo{width:100%;margin:32px auto 20px}.demo-stage{height:555px}.demo-position{width:248px;margin-left:-124px;top:6px}.phone-demo .product-kaka{width:94px;bottom:5px;right:0}.demo-scenes{gap:16px}.collection .phone{border-radius:35px;width:255px}.collection-body{gap:40px}}@media (width<=359px){.demo-stage{height:500px}.demo-position{width:222px;margin-left:-111px}.phone-demo .product-kaka{width:78px}.demo-note{max-width:260px;margin-inline:auto}.collection .phone{border-radius:31px;width:221px}}@media (prefers-reduced-motion:reduce){.demo-shell{animation:none!important;transform:none!important}.demo-position,.demo-card-scroll{animation:none!important}}@media (forced-colors:active){.device-face{background:canvastext}}.otter-motion{isolation:isolate;pointer-events:none;aspect-ratio:3/2;line-height:0;display:block;position:relative}.otter-swipe{aspect-ratio:1}.otter-motion .otter-layer{object-fit:contain;border-radius:0;width:100%;max-width:none;height:100%;margin:0}.otter-motion .otter-base{position:relative}.otter-motion .otter-moving,.otter-motion .otter-front{position:absolute;inset:0}.otter-swipe .otter-moving{transform-origin:84.051% 72.01%}.otter-welcome .otter-moving{transform-origin:41.146% 39.551%}.otter-ready .otter-moving{transform-origin:0 45.3125%}.otter-swipe.is-playing .otter-moving{animation:1.8s ease-in-out infinite otter-swipe}.otter-welcome.is-playing .otter-moving{animation:1.75s ease-in-out infinite otter-collect}.otter-ready.is-playing .otter-moving{animation:1.75s ease-in-out infinite otter-wave}@keyframes otter-swipe{0%,66.667%,to{transform:rotate(0)}10%{transform:rotate(9deg)}31.111%,38.889%{transform:rotate(-30deg)}}@keyframes otter-collect{0%,62.857%,to{transform:rotate(0)}25.714%,34.286%{transform:rotate(-12deg)}}@keyframes otter-wave{0%,62.857%,to{transform:skew(0)}25.714%,34.286%{transform:skew(-17.744deg)}}.hero-product>.product-kaka{position:absolute}.header .brand-icon{flex:0 0 38px;width:38px}.privacy-heading>.privacy-motion{justify-self:center;width:390px;max-width:100%}.closing>.closing-motion{justify-self:center;width:430px;max-width:100%}.dialog-motion{width:270px;max-width:100%;margin:0 auto 10px}.motion-toggle .resume-icon,.motion-toggle[aria-pressed=true] .pause-icon{display:none}.motion-toggle[aria-pressed=true] .resume-icon{display:block}@media (width<=767px){.header .brand-icon{flex-basis:30px;width:30px}.privacy-heading,.closing{grid-template-columns:minmax(0,1fr)}.privacy-heading>.privacy-motion{grid-row:2;width:320px}.closing>.closing-motion{width:300px}.dialog-motion{width:240px}}@media (width<=359px){.header{gap:8px}.header .brand{gap:6px;font-size:18px}}@media (prefers-reduced-motion:reduce){.otter-motion .otter-moving{animation:none!important;transform:none!important}}@supports (animation-timeline:view()) and (animation-range:exit 0% exit 100%){@media (prefers-reduced-motion:no-preference){.preview-stage{view-timeline:--preview-scroll block;--preview-enter:36px;--preview-exit:-24px}.preview-stage>.phone{transform-origin:50%;animation:linear both phone-preview-scroll}.collection .preview-stage>.phone{animation-timeline:--preview-scroll;animation-range:cover}@media (width<=767px){.preview-stage{--preview-enter:20px;--preview-exit:-16px}}}}@keyframes phone-preview-scroll{0%{transform:translate3d(0, var(--preview-enter), 0) rotate(-2deg)}38%,68%{transform:translate(0,0)rotate(0)}to{transform:translate3d(0, var(--preview-exit), 0) rotate(1deg)}}:root[data-motion-paused=true] .preview-stage>.phone{animation:none!important}
