.blob[data-astro-cid-ppuprteb]{width:100%;height:auto}.blob__shape[data-astro-cid-ppuprteb]{fill:var(--moss)}.blob__lines[data-astro-cid-ppuprteb]{fill:none;stroke:var(--sage);stroke-width:3px;stroke-opacity:.72;stroke-linecap:round}.hero[data-astro-cid-rhvo5egc]{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:clamp(3rem,8vw,6.5rem) 0;display:grid}.hero__copy[data-astro-cid-rhvo5egc]{grid-template-columns:minmax(0,1fr);justify-items:start;gap:1.5rem;display:grid}.hero[data-astro-cid-rhvo5egc] .display[data-astro-cid-rhvo5egc]{font-size:var(--text-display-split)}.hero__actions[data-astro-cid-rhvo5egc]{flex-wrap:wrap;gap:.75rem;display:flex}.hero__copy[data-astro-cid-rhvo5egc] .fine[data-astro-cid-rhvo5egc]{max-width:32rem}.hero__figure[data-astro-cid-rhvo5egc]{width:min(100%,34rem);margin-inline:auto;position:relative}.float-card[data-astro-cid-rhvo5egc]{width:min(19.5rem,80%);color:var(--ink);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-float);border-radius:16px;padding:1.1rem 1.25rem 1.2rem;animation:6s ease-in-out infinite drift;position:absolute;bottom:6%;right:-6%}.float-card__meta[data-astro-cid-rhvo5egc]{color:var(--muted);font-size:var(--text-fine)}.float-card__handle[data-astro-cid-rhvo5egc]{color:var(--moss-text);font-family:var(--font-mono);letter-spacing:.01em;margin-top:.45rem;font-size:1.375rem;font-weight:600}.float-card__rule[data-astro-cid-rhvo5egc]{background:var(--border);height:1px;margin-block:.85rem}.float-card__note[data-astro-cid-rhvo5egc]{color:var(--muted);font-size:var(--text-fine)}.float-card[data-astro-cid-rhvo5egc] .text-link[data-astro-cid-rhvo5egc]{margin-top:.75rem;display:inline-block}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=860px){.hero[data-astro-cid-rhvo5egc]{grid-template-columns:1fr}.hero__figure[data-astro-cid-rhvo5egc]{width:min(100%,26rem);margin-top:1.5rem}.float-card[data-astro-cid-rhvo5egc]{right:0}}@media (prefers-reduced-motion:reduce){.float-card[data-astro-cid-rhvo5egc]{animation: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:#101828;height:100%;font-family:var(--font-sans);background:#f4f5f7;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:32px 16px 40px;font-size:16px;line-height:1.5;display:flex}.lp-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;width:100%;padding:24px 20px;animation:.35s both mka-fade-in;box-shadow:0 1px 2px #1018280a,0 8px 24px #1018280f}.lp-card__wordmark{color:#98a2b3;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:600}.lp-card__title{margin:0 0 20px;font-size:22px;font-weight:650;line-height:1.3}.lp-player{color:#101828;font-variant-numeric:tabular-nums;background:#e9ebef;border-radius:22px;align-items:center;gap:10px;height:44px;padding:0 12px;font-size:13px;display:flex}.lp-player__btn{width:22px;height:22px;position:relative}.lp-player__btn .x-icon{fill:#101828;stroke:none;width:22px;height:22px;position:absolute;inset:0}.lp-player__btn .x-icon--pause{opacity:0}.lp-player__track{background:#c9cdd4;border-radius:2px;flex:1;height:4px;position:relative}.lp-player__track:after{content:"";background:#101828;border-radius:2px;width:0;position:absolute;inset:0 auto 0 0}.lp-player__vol .x-icon{fill:#101828;stroke:none;width:20px;height:20px}.appmock[data-step="3"] .lp-player__btn .x-icon--play{animation:10ms .5s both mka-hide}.appmock[data-step="3"] .lp-player__btn .x-icon--pause{animation:10ms .5s both mka-show}.appmock[data-step="3"] .lp-player__track:after{animation:1.5s linear .5s both mka-progress}.lp-card__link{color:#175cd3;margin-top:20px;font-size:15px;display:inline-block}.lp-footer{color:#667085;text-align:center;font-size:13px;line-height:1.6}.lp-footer p{margin:0 0 6px}.lp-footer b{color:#101828;font-weight:600}.mka-player{gap:.25rem;display:grid}.mka-player button{width:100%;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;gap:.4rem;padding:.6rem 0;display:grid}.mka-player button b{font-size:var(--text-secondary);color:inherit;font-weight:600}.mka-player button small{font-size:var(--text-fine);color:var(--muted)}.mka-player .is-active{color:var(--ink)}.mka-player .bar{background:var(--border);border-radius:2px;height:3px;position:relative;overflow:hidden}.mka-player .bar i{background:var(--moss);width:0;position:absolute;inset:0}.mka-player .is-done .bar i{width:100%}.mka-controls{align-items:center;gap:.75rem;display:none}.appmock.has-js .mka-controls{display:flex}.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}@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:34%}}@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-player__track:after{width:34%}}.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,1fr);align-items:start;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.demo__side[data-astro-cid-begy5hfj]{gap:1rem;display:grid}@media (width<=860px){.demo[data-astro-cid-begy5hfj]{grid-template-columns:1fr}}.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}