.hero[data-astro-cid-rhvo5egc]{isolation:isolate;background:var(--paper);min-height:clamp(48rem,100svh - 4rem,64rem);position:relative;overflow:hidden}.hero__landscape[data-astro-cid-rhvo5egc]{z-index:-1;object-fit:cover;object-position:center bottom;width:100%;height:100%;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 48%)}.hero__content[data-astro-cid-rhvo5egc]{max-width:84rem;padding-block:1.5rem clamp(18rem,21vw,22rem)}.hero__copy[data-astro-cid-rhvo5egc]{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(1.25rem,1.5vw,1.5rem);width:100%;max-width:72rem;margin-inline:auto;display:grid}.hero[data-astro-cid-rhvo5egc] .status[data-astro-cid-rhvo5egc]{min-height:44px;font-size:clamp(var(--text-eyebrow), .85vw, var(--text-small));padding-inline:1.4rem}.hero[data-astro-cid-rhvo5egc] .display[data-astro-cid-rhvo5egc]{text-wrap:balance;font-size:clamp(2.5rem,4.2vw,4.25rem);line-height:1}.hero__copy[data-astro-cid-rhvo5egc] .lead[data-astro-cid-rhvo5egc]{max-width:41rem;font-size:clamp(var(--text-lead), 1.45vw, 1.5rem);line-height:1.4}.hero__conversion[data-astro-cid-rhvo5egc]{justify-items:center;gap:0;width:100%;display:grid}.hero__actions[data-astro-cid-rhvo5egc]{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:.25rem;display:flex}.hero__actions[data-astro-cid-rhvo5egc] .btn[data-astro-cid-rhvo5egc]{min-height:60px;font-size:clamp(var(--text-small), 1.2vw, 1.25rem);padding:.9rem 2rem;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s}.hero__actions[data-astro-cid-rhvo5egc] .btn[data-astro-cid-rhvo5egc]:hover{transform:none}.hero__conversion[data-astro-cid-rhvo5egc] .text-link[data-astro-cid-rhvo5egc]{min-height:44px;font-size:clamp(var(--text-small), 1.1vw, var(--text-lead));justify-content:center;align-items:center;gap:.3em;display:inline-flex}.hero__conversion[data-astro-cid-rhvo5egc] .fine[data-astro-cid-rhvo5egc]{max-width:46rem;font-size:clamp(var(--text-fine), .95vw, 1rem);margin-top:.25rem}@media (width>=861px){.hero[data-astro-cid-rhvo5egc]{min-height:clamp(48rem,100svh - 5rem,64rem)}}@media (width<=600px){.hero[data-astro-cid-rhvo5egc]{min-height:auto}.hero__content[data-astro-cid-rhvo5egc]{padding-block:2rem 20rem}.hero__landscape[data-astro-cid-rhvo5egc]{object-position:32% bottom;height:30rem;inset:auto 0 0;mask-image:linear-gradient(#0000 25%,#000 58%)}.hero[data-astro-cid-rhvo5egc] .display[data-astro-cid-rhvo5egc]{font-size:clamp(2.25rem,8.5vw,3.125rem)}.hero__actions[data-astro-cid-rhvo5egc] .btn[data-astro-cid-rhvo5egc]{min-height:52px;padding-inline:1.5rem}}@media (prefers-reduced-motion:reduce){.hero__actions[data-astro-cid-rhvo5egc] .btn[data-astro-cid-rhvo5egc]{transition:none}}.phone{background:var(--ink);width:100%;max-width:24rem;box-shadow:var(--shadow-float);color:#0f1419;font-family:var(--font-sans);border-radius:28px;margin-inline:auto;font-size:15px;line-height:1.35;overflow:hidden;transform:translateZ(0)}.phone__bar{color:#9aa09a;font-family:var(--font-sans);align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.75rem;display:flex}.phone__dots{gap:4px;display:inline-flex}.phone__dots i{background:#4a4f4a;border-radius:50%;width:6px;height:6px}.phone__title{text-align:center;flex:1}.phone__tag{letter-spacing:.12em;text-transform:uppercase;font-size:.625rem}.phone__stage{content-visibility:auto;contain-intrinsic-size:24rem 42rem;background:#fff;height:42rem;position:relative;overflow:hidden}.phone__screen{position:absolute;inset:0;overflow:hidden}.appmock [data-show]{display:none}.appmock[data-step="0"] [data-show~="0"],.appmock[data-step="1"] [data-show~="1"],.appmock[data-step="2"] [data-show~="2"],.appmock[data-step="3"] [data-show~="3"]{display:block}.appmock [data-show].x-reply{display:none}.appmock[data-step="1"] .x-reply[data-show~="1"],.appmock[data-step="2"] .x-reply[data-show~="2"]{display:grid}.appmock [data-show].x-compose__toolbar{display:none}.appmock[data-step="0"] .x-compose__toolbar[data-show~="0"]{display:flex}.appmock .lp[data-show]{display:none}.appmock[data-step="3"] .lp[data-show~="3"]{display:flex}.x-icon--fill{fill:currentColor;stroke:none}.x{background:#fff;padding:0 16px 16px}.x-head{grid-template-columns:32px 1fr 32px;align-items:center;height:52px;display:grid}.x-head b{text-align:center;font-size:17px;font-weight:700}.x-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;width:22px;height:22px;display:inline-block}.x-author{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:8px;display:grid}.x-avatar{color:#0f1419;background:#cfd9de;border-radius:50%;place-items:center;width:44px;height:44px;font-size:13px;font-weight:700;display:grid}.x-avatar--you{color:#fff;background:#536471}.x-avatar--bot{background:var(--moss);color:#f3f4ee}.x-author__name{align-items:center;gap:4px;font-size:16px;font-weight:700;display:flex}.x-author__name svg{width:18px;height:18px}.x-author__handle{color:#536471;font-size:15px}.x-author__source{color:#0f1419;font-size:17px;font-weight:700}.x-card{border:1px solid #cfd9de;border-radius:16px;margin-top:12px;overflow:hidden}.x-card__cover{width:100%;height:150px;display:block}.x-card__body{padding:12px}.x-card__body b{font-size:16px;font-weight:700;display:block}.x-card__body p{color:#0f1419;margin-top:4px;font-size:15px}.x-meta{color:#536471;margin-top:12px;font-size:14px}.x-meta b{color:#0f1419;font-weight:700}.x-actions{color:#536471;border-top:1px solid #eff3f4;border-bottom:1px solid #eff3f4;justify-content:space-between;margin-top:8px;padding:10px 4px;font-size:13px;display:flex}.x-actions span{align-items:center;gap:5px;display:inline-flex}.x-actions .x-icon{width:19px;height:19px}.x-compose-sheet{background:#fff;border-top:1px solid #eff3f4;padding:12px 16px 0;position:absolute;bottom:0;left:0;right:0}.x-compose{padding-top:0}.x-compose__to{color:#536471;font-size:15px}.x-compose__to span{color:#1d9bf0}.x-compose__box{background:#eff3f4;border-radius:22px;min-height:46px;margin-top:10px;padding:12px 40px 12px 14px;font-size:17px;position:relative}.x-compose__placeholder{color:#536471;position:absolute;top:12px;left:14px}.x-compose__typed{white-space:nowrap;vertical-align:bottom;color:#0f1419;width:0;display:inline-block;overflow:hidden}.x-compose__caret{vertical-align:-.15em;background:#1d9bf0;width:2px;height:1.1em;margin-left:1px;display:inline-block}.x-compose__expand{color:#0f1419;width:18px;height:18px;position:absolute;top:13px;right:12px}.x-compose__toolbar{color:#1d9bf0;align-items:center;gap:16px;margin-top:10px;display:flex}.x-compose__toolbar .x-icon{width:24px;height:24px}.x-compose__ring{border:2px solid #cfd9de;border-radius:50%;width:20px;height:20px;margin-left:auto}.x-compose__btn{color:#fff;background:#8ecdf8;border-radius:999px;padding:8px 18px;font-size:15px;font-weight:700}.appmock[data-step="0"] .x-compose__placeholder{animation:10ms .35s both mka-hide}.appmock[data-step="0"] .x-compose__typed{animation:1s steps(11,end) .35s both mka-typing}.appmock.is-playing[data-step="0"] .x-compose__caret{animation:.9s step-end infinite mka-caret}.appmock[data-step="0"] .x-compose__btn{animation:.2s 1.45s both mka-enable}.x-keyboard{background:#d1d4d9;margin:12px -16px 0;padding:8px 4px 10px}.x-keyboard__suggest{text-align:center;color:#0f1419;grid-template-columns:1fr 1fr 1fr;margin:0 4px 8px;font-size:16px;display:grid}.x-keyboard__suggest span+span{border-left:1px solid #b8bcc3}.x-keyboard__row{justify-content:center;gap:5px;margin-top:8px;display:flex}.x-keyboard__row i{color:#0f1419;background:#fff;border-radius:5px;place-items:center;width:31px;height:40px;font-size:20px;font-style:normal;display:grid;box-shadow:0 1px #898d95}.x-keyboard__row i.k-dark{background:#adb3bc}.x-keyboard__row i.k-wide{width:42px}.x-keyboard__row i.k-space{width:170px;font-size:15px}.x-keyboard__row i.k-return{width:84px;font-size:15px}.x-keyboard__row i.k-num{width:42px;font-size:15px}.x-keyboard__row .x-icon{width:20px;height:20px}.x-reply{grid-template-columns:40px minmax(0,1fr);gap:10px;padding-top:14px;animation:.45s cubic-bezier(.16,1,.3,1) both mka-slide-up}.x-reply .x-avatar{width:40px;height:40px;font-size:12px}.x-reply__who{font-size:15px;font-weight:700}.x-reply__who span{color:#536471;margin-left:4px;font-weight:400}.x-reply__text{margin-top:2px;font-size:15px}.x-mention{color:#1d9bf0}.x-wait{color:#536471;text-align:center;padding-top:22px;font-size:14px;animation:.4s .6s both mka-fade-in}.x-wait .x-icon{width:16px;height:16px;margin-right:6px}.lp{color:#141414;height:100%;font-family:var(--font-sans);text-align:center;background:#f7f6f2;flex-direction:column;align-items:center;padding:28px 20px 22px;display:flex}.lp-logo{width:auto;height:36px;display:block}.lp-title{max-width:18ch;font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:balance;margin-top:22px;font-size:34px;font-style:italic;font-weight:700;line-height:1.1}.lp-byline{color:#5c5f63;margin-top:12px;font-size:14px;font-weight:500}.lp-divider{background:#d9d8d2;width:44px;height:1px;margin-top:16px;display:block}.lp-player{background:#fff;border-radius:32px;width:100%;margin-top:34px;padding:28px 26px 22px;box-shadow:0 20px 50px -24px #14141440,0 1px 2px #1414140a}.lp-controls{color:#b9bbbd;justify-content:center;align-items:center;gap:44px;display:flex}.lp-controls>.x-icon{stroke-width:1.6px;width:30px;height:30px}.lp-play{background:#141414;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.lp-play .x-icon{fill:#fff;stroke:none;width:22px;height:22px;position:absolute}.lp-play .x-icon--pause{opacity:0}.lp-track{background:#eceae4;border-radius:3px;height:5px;margin-top:32px;position:relative}.lp-track:after{content:"";background:#141414;border-radius:3px;width:0;position:absolute;inset:0 auto 0 0}.lp-times{color:#6b6e72;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.lp-meta{color:#8a8d90;letter-spacing:.06em;border-top:1px solid #eceae4;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;font-size:12px;font-weight:700;display:flex}.lp-meta span{align-items:center;gap:10px;display:inline-flex}.lp-meta .x-icon{width:18px;height:18px}.lp-source{color:#141414;margin-top:34px;font-size:14px;font-weight:600}.lp-footer{color:#8a8d90;margin-top:auto;padding-top:20px;font-size:11px;line-height:1.6}.lp-footer b{letter-spacing:.2em;text-transform:uppercase;margin-top:8px;font-size:10px;font-weight:700;display:block}.appmock[data-step="3"] .lp-player{animation:.35s both mka-fade-in}.appmock[data-step="3"] .lp-play .x-icon--play{animation:10ms .5s both mka-hide}.appmock[data-step="3"] .lp-play .x-icon--pause{animation:10ms .5s both mka-show}.appmock[data-step="3"] .lp-track:after{animation:1.5s linear .5s both mka-progress}.mka-player{display:grid}.mka-player li{position:relative}.mka-player button{width:100%;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:3.5rem minmax(0,1fr);align-items:baseline;row-gap:.3rem;padding:1.1rem 0;display:grid;position:relative}.mka-player .mka-num{font-family:var(--font-serif);grid-area:1/1/span 2;padding-left:1.25rem;font-size:1.75rem;line-height:1}.mka-player button b{font-size:var(--text-lead);color:inherit;grid-area:1/2;font-weight:600;line-height:1.3}.mka-player button small{font-size:var(--text-secondary);color:var(--muted);grid-area:2/2;line-height:1.5}.mka-player .is-active{color:var(--ink)}.mka-player .is-active small{color:var(--body)}.mka-player button:hover{color:var(--ink)}.mka-player button:hover small{color:var(--body)}.mka-player .bar{background:var(--border);width:2px;position:absolute;inset:0 auto 0 0}.mka-player .bar i{height:calc(var(--p,0) * 100%);background:var(--moss);position:absolute;inset:0 0 auto}.mka-player .is-done .bar i{height:100%}.mka-controls{align-items:center;gap:.75rem;display:none}.appmock.has-js .mka-controls{display:flex}.appmock:not(.has-js) .mka-player .bar,.appmock.is-reduced .mka-controls,.appmock.is-reduced .mka-player .bar{display:none}.mka-controls .btn{min-height:40px;padding-inline:1.1rem}.mka-controls .fine{margin:0}.appmock[data-step] .mka-caption{display:none}.mka-caption b{color:var(--ink);font-size:var(--text-lead);font-weight:600;line-height:1.3}.mka-caption span{color:var(--body);font-size:var(--text-secondary);line-height:1.5}@media (width<=860px){.appmock.has-js:not(.is-reduced) .mka-player{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.appmock.has-js:not(.is-reduced) .mka-player button{flex-direction:column;justify-content:space-between;gap:.35rem;min-height:44px;padding:0;display:flex}.appmock.has-js:not(.is-reduced) .mka-player .bar{border-radius:2px;order:-1;width:100%;height:3px;position:relative;inset:auto;overflow:hidden}.appmock.has-js:not(.is-reduced) .mka-player .bar i{width:calc(var(--p,0) * 100%);height:100%;inset:0 auto 0 0}.appmock.has-js:not(.is-reduced) .mka-player .is-done .bar i{width:100%}.appmock.has-js:not(.is-reduced) .mka-player .mka-num{padding-left:0;font-size:1.25rem}.appmock.has-js:not(.is-reduced) .mka-player button b,.appmock.has-js:not(.is-reduced) .mka-player button small{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.appmock.has-js:not(.is-reduced) .mka-caption{min-height:5rem}.appmock.has-js:not(.is-reduced)[data-step="0"] .mka-caption[data-show~="0"],.appmock.has-js:not(.is-reduced)[data-step="1"] .mka-caption[data-show~="1"],.appmock.has-js:not(.is-reduced)[data-step="2"] .mka-caption[data-show~="2"],.appmock.has-js:not(.is-reduced)[data-step="3"] .mka-caption[data-show~="3"]{align-content:start;gap:.25rem;display:grid}}@keyframes mka-typing{0%{width:0}to{width:11ch}}@keyframes mka-caret{50%{opacity:0}}@keyframes mka-hide{to{opacity:0;visibility:hidden}}@keyframes mka-show{to{opacity:1}}@keyframes mka-enable{to{background:#1d9bf0}}@keyframes mka-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes mka-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mka-progress{to{width:30%}}@media (prefers-reduced-motion:reduce){.appmock *{animation:none!important}.appmock .x-compose__typed{width:11ch}.appmock .x-compose__placeholder{visibility:hidden}.appmock .x-compose__btn{background:#1d9bf0}.appmock .lp-track:after{width:30%}.appmock .lp-play .x-icon--play{opacity:0}.appmock .lp-play .x-icon--pause{opacity:1}}.section-head[data-astro-cid-begy5hfj]+.demo[data-astro-cid-begy5hfj]{margin-top:2rem}.demo[data-astro-cid-begy5hfj]{grid-template-columns:minmax(0,24rem) minmax(0,27rem);justify-content:start;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.demo__side[data-astro-cid-begy5hfj]{gap:1.5rem;display:grid}.phone[data-astro-cid-begy5hfj]{scroll-margin-top:1rem}@media (width<=860px){.demo[data-astro-cid-begy5hfj]{grid-template-columns:minmax(0,1fr)}.demo[data-astro-cid-begy5hfj].has-js:not(.is-reduced){grid-template-areas:"strip""cap""phone""ctl";row-gap:1.25rem}.demo[data-astro-cid-begy5hfj].has-js:not(.is-reduced) .demo__side[data-astro-cid-begy5hfj]{display:contents}.demo[data-astro-cid-begy5hfj].has-js:not(.is-reduced) .mka-player[data-astro-cid-begy5hfj]{grid-area:strip}.demo[data-astro-cid-begy5hfj].has-js:not(.is-reduced) .mka-caption[data-astro-cid-begy5hfj]{grid-area:cap}.demo[data-astro-cid-begy5hfj].has-js:not(.is-reduced) .phone[data-astro-cid-begy5hfj]{grid-area:phone}.demo[data-astro-cid-begy5hfj].has-js:not(.is-reduced) .mka-controls[data-astro-cid-begy5hfj]{grid-area:ctl}}#example[data-astro-cid-5cxqp2li]{scroll-margin-top:2rem}.example__detail[data-astro-cid-5cxqp2li]{max-width:34rem;color:var(--ink-muted);margin-block-start:.75rem}.example__action[data-astro-cid-5cxqp2li]{margin-block-start:1.25rem}.example__link[data-astro-cid-5cxqp2li]{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.6875rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block}.example__link[data-astro-cid-5cxqp2li]:hover{text-decoration:underline}.tracks[data-astro-cid-krft4stg]{gap:2.5rem;margin-block-start:2.75rem;display:grid}.track[data-astro-cid-krft4stg]{grid-template-columns:12rem minmax(0,1fr);align-items:start;gap:2rem;display:grid}.track__label[data-astro-cid-krft4stg]{padding-block-start:1.6rem}.track__meta[data-astro-cid-krft4stg]{color:var(--muted);font-size:var(--text-small);font-variant-numeric:tabular-nums;margin-block-start:.2rem}.track--toaudio[data-astro-cid-krft4stg] .track__meta[data-astro-cid-krft4stg]{color:var(--moss-text);font-weight:600}.track__apps[data-astro-cid-krft4stg],.track__stops[data-astro-cid-krft4stg]{grid-template-columns:repeat(var(--track-columns), minmax(0, 1fr));display:grid}.track__apps[data-astro-cid-krft4stg]{gap:.4rem;margin-block-end:.85rem}.track__apps[data-astro-cid-krft4stg] span[data-astro-cid-krft4stg]{border-radius:var(--radius-pill);background:var(--tint);color:var(--body);font-size:var(--text-fine);white-space:nowrap;text-overflow:ellipsis;padding:.3rem .7rem;font-weight:600;overflow:hidden}.track--toaudio[data-astro-cid-krft4stg] .track__apps[data-astro-cid-krft4stg] span[data-astro-cid-krft4stg]{background:var(--moss-tint);color:var(--moss-text)}.track__stops[data-astro-cid-krft4stg] li[data-astro-cid-krft4stg]{gap:.3rem;padding-inline-end:.75rem;display:grid;position:relative}.track__stops[data-astro-cid-krft4stg] li[data-astro-cid-krft4stg]:not(:last-child):after{content:"";background:var(--border);height:2px;position:absolute;top:5px;left:0;right:0}.stop__dot[data-astro-cid-krft4stg]{z-index:1;border:2px solid var(--sage);background:var(--paper);border-radius:50%;width:12px;height:12px;position:relative}.stop__label[data-astro-cid-krft4stg]{color:var(--body);font-size:var(--text-secondary);margin-block-start:.5rem;font-weight:600;line-height:1.35}.stop__app[data-astro-cid-krft4stg]{display:none}.track--toaudio[data-astro-cid-krft4stg] .track__stops[data-astro-cid-krft4stg] li[data-astro-cid-krft4stg]:not(:last-child):after{background:var(--moss)}.track--toaudio[data-astro-cid-krft4stg] .stop__dot[data-astro-cid-krft4stg]{border-color:var(--moss);background:var(--moss)}.track--toaudio[data-astro-cid-krft4stg] .stop__label[data-astro-cid-krft4stg]{color:var(--ink)}.tracks__wait-note[data-astro-cid-krft4stg]{margin-inline-start:14rem}@media (width<=760px){.tracks[data-astro-cid-krft4stg]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.75rem 1rem}.track[data-astro-cid-krft4stg]{grid-row:span 2;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:1.25rem}.track__label[data-astro-cid-krft4stg]{padding-block-start:0}.track__label[data-astro-cid-krft4stg] .h3[data-astro-cid-krft4stg]{font-size:var(--text-lead)}.track__apps[data-astro-cid-krft4stg]{display:none}.track__stops[data-astro-cid-krft4stg]{grid-template-columns:minmax(0,1fr)}.track__stops[data-astro-cid-krft4stg] li[data-astro-cid-krft4stg]{grid-template-columns:12px minmax(0,1fr);gap:.1rem .7rem;padding:0 0 1.4rem}.track__stops[data-astro-cid-krft4stg] li[data-astro-cid-krft4stg]:not(:last-child):after{width:2px;height:auto;inset:0 auto 0 5px}.stop__dot[data-astro-cid-krft4stg]{grid-row:span 2;margin-block-start:.3rem}.stop__label[data-astro-cid-krft4stg]{font-size:var(--text-small);margin:0}.stop__app[data-astro-cid-krft4stg]{color:var(--muted);font-size:var(--text-fine);display:block}.tracks__wait-note[data-astro-cid-krft4stg]{grid-column:1/-1;margin:0}}