._phone_14mh9_1{inline-size:var(--phone-width);aspect-ratio:var(--phone-aspect-ratio);transform-style:preserve-3d;will-change:transform}._bezel_14mh9_11{position:relative;inline-size:100%;block-size:100%;background-color:#fff;border-radius:var(--phone-radius, calc(var(--phone-width) * .18));padding:var(--phone-frame, calc(var(--space-2) - 2px));box-shadow:0 1px color-mix(in oklab,var(--gray-12) 8%,transparent) inset,0 0 0 1px color-mix(in oklab,var(--gray-12) 12%,transparent),0 30px 60px -20px color-mix(in oklab,var(--gray-12) 45%,transparent);transition:background-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}._bezel_14mh9_11[data-tone=dark]{background-color:var(--gray-12);box-shadow:0 1px color-mix(in oklab,white 18%,transparent) inset,0 0 0 1px color-mix(in oklab,white 6%,transparent),0 30px 60px -20px color-mix(in oklab,var(--gray-12) 60%,transparent)}._screen_14mh9_49{position:relative;inline-size:100%;block-size:100%;background-color:var(--gray-9);border-radius:calc(var(--phone-radius, calc(var(--phone-width) * .18)) - 4px);overflow:hidden}._video_14mh9_61{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;background-color:var(--gray-10)}._root_k5xg6_1{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--space-12);row-gap:0;align-items:start}._intro_k5xg6_16{grid-column:1;grid-row:1;block-size:60vh}._lane_k5xg6_25{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:var(--space-8);padding-block:25vh}._block_k5xg6_34{min-block-size:115vh;display:flex;flex-direction:column;justify-content:center;opacity:.35;transition:opacity var(--duration-base) var(--ease-out)}._blockActive_k5xg6_51{opacity:1}._blockTitle_k5xg6_55{margin:0;font-family:Gambarino,Inter Variable,system-ui,serif;font-size:var(--text-4xl);font-weight:400;letter-spacing:-.01em;line-height:var(--leading-tight);color:var(--color-fg)}._blockDesc_k5xg6_65{margin:var(--space-4) 0 0 0;font-size:var(--text-lg);color:var(--color-fg-muted);line-height:var(--leading-relaxed);max-inline-size:38ch}._stickyColumn_k5xg6_78{grid-column:2;grid-row:1 / -1;position:sticky;top:calc(var(--space-16) + var(--space-3));block-size:70vh;display:flex;align-items:center;justify-content:center}._stage_k5xg6_92{position:relative;perspective:700px;display:flex;justify-content:center;align-items:center;inline-size:100%;block-size:100%}._pair_k5xg6_108{position:relative;display:flex;justify-content:center;align-items:center;transition:translate var(--duration-base) var(--ease-out)}._pair_k5xg6_108[data-sharing=true]{translate:calc(var(--phone-width) * -.2) 0}._primarySlot_k5xg6_122{position:relative;z-index:2}._secondarySlot_k5xg6_127{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform-origin:center;translate:calc(var(--phone-width) * .4) -50%;z-index:1}@media(prefers-reduced-motion:reduce){._pair_k5xg6_108,._block_k5xg6_34{transition:none}}._stack_5bh49_3{display:flex;flex-direction:column;gap:var(--space-16);margin:0;padding:0;list-style:none}._card_5bh49_15{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}._phoneWrap_5bh49_23{inline-size:min(70vw,14rem);--phone-width: min(70vw, 14rem);--phone-frame: 4px}._pairWrap_5bh49_37{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-2);inline-size:100%;--phone-width: min(44vw, 11rem);--phone-frame: 3px}._text_5bh49_48{display:flex;flex-direction:column;gap:var(--space-2)}._title_5bh49_54{font-family:Gambarino,Inter Variable,system-ui,serif;font-size:var(--text-2xl);font-weight:400;letter-spacing:-.01em;color:var(--color-fg)}._desc_5bh49_62{font-size:var(--text-base);color:var(--color-fg-muted);line-height:var(--leading-relaxed);max-inline-size:32ch}.deep{display:flex;flex-direction:column;gap:var(--space-10);padding-block:var(--space-16)}.deep__head{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center;max-inline-size:60ch;margin-inline:auto}.deep__title{margin:0;font-family:Gambarino,Inter Variable,system-ui,serif;font-size:var(--text-4xl);font-weight:400;letter-spacing:-.02em;line-height:var(--leading-tight);color:var(--color-fg)}.deep__title-line{display:block;text-wrap:balance}.deep__title-soft{display:block;margin-block-start:var(--space-2);font-family:Inter Variable,system-ui,sans-serif;font-style:normal;font-weight:300;font-size:var(--text-lg);line-height:var(--leading-snug);letter-spacing:0;color:var(--color-fg-muted)}.lanes{display:flex;flex-direction:column;gap:var(--space-4);margin-inline:calc(var(--content-pad) * -1)}.lanes--mobile{display:none}@container (max-width: 64rem){.lanes--desktop{display:none}.lanes--mobile{display:flex}.lanes--mobile+.lanes--desktop+.lanes--mobile{margin-block-start:calc(var(--space-4) - var(--space-10))}}.marquee{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,transparent 0,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 6%,black 94%,transparent 100%)}.marquee::-webkit-scrollbar{display:none}.marquee__track{display:flex;inline-size:max-content}.card{flex-shrink:0;inline-size:18rem;margin-inline-end:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);min-block-size:12rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:color-mix(in oklab,white 5%,transparent);opacity:0;transform:translateY(8px) scale(.98);transition:opacity .32s var(--ease-out),transform .32s var(--ease-out),background-color .2s var(--ease-out),border-color .2s var(--ease-out);will-change:transform}.deep.is-in .card{opacity:1;transform:none}.deep.is-in .card:hover{background-color:color-mix(in oklab,white 8%,transparent);border-color:color-mix(in oklab,white 26%,transparent)}@container (max-width: 64rem){.card{inline-size:16rem}}.card__title{margin:0;font-family:Gambarino,Inter Variable,system-ui,serif;font-size:var(--text-2xl);font-weight:400;letter-spacing:-.01em;line-height:var(--leading-snug);color:var(--color-fg)}.card__copy{margin:0;font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-fg-muted)}.anim{--sq-fill: color-mix(in oklab, white 60%, transparent);--sq-border: color-mix(in oklab, white 45%, transparent);display:flex;gap:4px;block-size:12px;align-self:flex-start}.square{position:relative;display:inline-block;inline-size:12px;block-size:12px;border:1px solid var(--sq-border);background-color:transparent;flex-shrink:0;animation-play-state:paused}.deep.is-in .square,.deep.is-in .square:after{animation-play-state:running}.anim[data-anim=chips] .square{transform:translateY(14px);opacity:0;animation:anim-chips 2.8s ease-in-out infinite}.anim[data-anim=chips] .square:nth-child(1){animation-delay:0s}.anim[data-anim=chips] .square:nth-child(2){animation-delay:.22s}@keyframes anim-chips{0%,to{transform:translateY(14px);opacity:0;background-color:transparent}25%,70%{transform:translateY(0);opacity:1;background-color:var(--sq-fill)}}@keyframes anim-fill{0%,to{background-color:transparent}40%,60%{background-color:var(--sq-fill)}}.anim[data-anim=voice] .square{background-color:var(--sq-fill);transform-origin:center bottom;transform:scaleY(.4);animation:anim-voice 1.2s ease-in-out infinite}.anim[data-anim=voice] .square:nth-child(1){animation-delay:0s}.anim[data-anim=voice] .square:nth-child(2){animation-delay:.18s}.anim[data-anim=voice] .square:nth-child(3){animation-delay:.36s}@keyframes anim-voice{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.anim[data-anim=reorder] .square:nth-child(2){animation:swap-right-fill 2.6s ease-in-out infinite}.anim[data-anim=reorder] .square:nth-child(3){animation:swap-left 2.6s ease-in-out infinite}.anim[data-anim=toggle] .square:nth-child(1){animation:toggle-a 2s steps(2,end) infinite}.anim[data-anim=toggle] .square:nth-child(2){animation:toggle-b 2s steps(2,end) infinite}@keyframes toggle-a{0%{background-color:var(--sq-fill)}50%{background-color:transparent}to{background-color:var(--sq-fill)}}@keyframes toggle-b{0%{background-color:transparent}50%{background-color:var(--sq-fill)}to{background-color:transparent}}.anim[data-anim=lists] .square{opacity:0;animation:cascade 3s ease-in-out infinite}.anim[data-anim=lists] .square:nth-child(1){animation-delay:0s}.anim[data-anim=lists] .square:nth-child(2){animation-delay:.35s}.anim[data-anim=lists] .square:nth-child(3){animation-delay:.7s}@keyframes cascade{0%,80%,to{opacity:0;background-color:transparent}20%,60%{opacity:1;background-color:var(--sq-fill)}}@property --slash{syntax: "<percentage>"; initial-value: 0%; inherits: false;}.anim[data-anim=offline] .square{background-color:var(--sq-fill);--slash: 0%;-webkit-mask-image:linear-gradient(135deg,black calc(50% - var(--slash)),transparent calc(50% - var(--slash)),transparent calc(50% + var(--slash)),black calc(50% + var(--slash)));mask-image:linear-gradient(135deg,black calc(50% - var(--slash)),transparent calc(50% - var(--slash)),transparent calc(50% + var(--slash)),black calc(50% + var(--slash)));animation:anim-cut 2.4s ease-in-out infinite}@keyframes anim-cut{0%,20%{--slash: 0%}45%,70%{--slash: 4%}95%,to{--slash: 0%}}.anim[data-anim=pulse] .square{animation:anim-fill 1.5s ease-in-out infinite}.anim[data-anim=pulse] .square:nth-child(1){animation-delay:0s}.anim[data-anim=pulse] .square:nth-child(2){animation-delay:.2s}.anim[data-anim=pulse] .square:nth-child(3){animation-delay:.4s}.anim[data-anim=drag] .square:nth-child(1){animation:swap-right-fill 2s ease-in-out infinite}.anim[data-anim=drag] .square:nth-child(2){animation:swap-left 2s ease-in-out infinite}.anim[data-anim=sync] .square{animation:anim-fill 1.4s ease-in-out infinite}.anim[data-anim=sync] .square:nth-child(2){animation-delay:80ms}.anim[data-anim=nosignup] .square{animation:anim-go 2s ease-in-out infinite}@keyframes anim-go{0%,to{transform:translate(0);background-color:transparent}50%{transform:translate(7px);background-color:var(--sq-fill)}}.anim[data-anim=ai] .square{background-color:var(--sq-fill);animation:anim-breathe 2.2s ease-in-out infinite}@keyframes anim-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.anim[data-anim=langs] .square:nth-child(1){animation:langs-a 2.8s ease-in-out infinite}.anim[data-anim=langs] .square:nth-child(2){animation:langs-b 2.8s ease-in-out infinite}@keyframes langs-a{0%,to{transform:translate(0);background-color:var(--sq-fill)}50%{transform:translate(16px);background-color:transparent}}@keyframes langs-b{0%,to{transform:translate(0);background-color:transparent}50%{transform:translate(-16px);background-color:var(--sq-fill)}}.anim[data-anim=ios] .square{background-color:var(--sq-fill);animation:anim-ios 2.6s ease-in-out infinite}@keyframes anim-ios{0%,to{opacity:.65}50%{opacity:1}}@keyframes swap-right-fill{0%,to{transform:translate(0);background-color:transparent}30%,70%{transform:translate(16px);background-color:var(--sq-fill)}}@keyframes swap-left{0%,to{transform:translate(0)}30%,70%{transform:translate(-16px)}}@media(prefers-reduced-motion:reduce){.deep *,.deep *:before,.deep *:after{animation:none!important;transition:none!important}.card{opacity:1;transform:none}.anim[data-anim=chips] .square{background-color:var(--sq-fill);opacity:1;transform:none}.anim[data-anim=voice] .square{background-color:var(--sq-fill);transform-origin:center bottom;transform:scaleY(1)}.anim[data-anim=offline] .square{--slash: 4%}.anim[data-anim=reorder] .square:nth-child(2){transform:translate(16px);background-color:var(--sq-fill)}.anim[data-anim=reorder] .square:nth-child(3){transform:translate(-16px)}.anim[data-anim=toggle] .square:nth-child(1){background-color:var(--sq-fill)}.anim[data-anim=lists] .square{opacity:1;background-color:var(--sq-fill)}.anim[data-anim=pulse] .square{background-color:var(--sq-fill)}.anim[data-anim=drag] .square:nth-child(1){transform:translate(16px);background-color:var(--sq-fill)}.anim[data-anim=drag] .square:nth-child(2){transform:translate(-16px)}.anim[data-anim=sync] .square{background-color:var(--sq-fill)}.anim[data-anim=nosignup] .square{transform:translate(7px);background-color:var(--sq-fill)}.anim[data-anim=ai] .square{opacity:1}.anim[data-anim=langs] .square:nth-child(1){transform:translate(16px);background-color:transparent}.anim[data-anim=langs] .square:nth-child(2){transform:translate(-16px);background-color:var(--sq-fill)}.anim[data-anim=ios] .square{opacity:1}}.hero[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding-block:var(--space-16) var(--space-10);text-align:center}@media(max-width:640px){.hero[data-astro-cid-j7pv25f6]{padding-block-start:var(--space-6)}}@keyframes hero-drop-in{0%{opacity:0;transform:translateY(-16px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero__eyebrow[data-astro-cid-j7pv25f6],.hero__title[data-astro-cid-j7pv25f6]{animation:hero-drop-in .8s var(--ease-out) both}.hero__title[data-astro-cid-j7pv25f6]{animation-delay:.15s}@media(prefers-reduced-motion:reduce){.hero__eyebrow[data-astro-cid-j7pv25f6],.hero__title[data-astro-cid-j7pv25f6]{animation:none}}.hero__eyebrow[data-astro-cid-j7pv25f6]{margin:0;font-size:var(--text-sm);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.08em}.hero__eyebrow-count[data-astro-cid-j7pv25f6]{font-variant-numeric:tabular-nums;color:var(--brand-butter);font-weight:600}.hero__title[data-astro-cid-j7pv25f6]{margin:0;font-family:Gambarino,Inter Variable,system-ui,serif;font-size:var(--text-5xl);font-weight:400;letter-spacing:-.02em;line-height:var(--leading-tight);max-inline-size:22ch;color:var(--color-fg)}.showcase-hero[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--space-12);padding-block-end:var(--space-16)}.download-cta[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding-block:var(--space-16);text-align:center}.download-cta__title[data-astro-cid-j7pv25f6]{margin:0;font-family:Gambarino,Inter Variable,system-ui,serif;font-size:var(--text-5xl);font-weight:400;letter-spacing:-.02em;line-height:var(--leading-tight);color:var(--color-fg)}.download-cta__button[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);border-radius:999px;border:1px solid color-mix(in oklab,white 36%,transparent);background-color:transparent;color:var(--color-fg);font-size:var(--text-lg);font-weight:600;text-decoration:none;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.download-cta__button[data-astro-cid-j7pv25f6]:hover{transform:translateY(-1px);border-color:var(--color-fg);background-color:color-mix(in oklab,white 10%,transparent)}