.mock[data-astro-cid-bgg65whh]{--loop:7s;--screen-w:280px;--tile:46px;--sheen:linear-gradient(180deg, color-mix(in srgb, var(--brand-50) 30%, transparent), transparent 46%);--rim:inset 0 0 0 1px color-mix(in srgb, var(--brand-50) 24%, transparent);--shade:color-mix(in srgb, var(--brand-900) 62%, transparent);justify-content:center;max-width:100%;display:flex}.stage[data-astro-cid-bgg65whh]{justify-content:center;max-width:100%;display:flex;position:relative}.stage[data-astro-cid-bgg65whh]:before{content:"";z-index:0;background:radial-gradient(closest-side, var(--accent), transparent), radial-gradient(38% 34% at 50% 14%, var(--grad-end), transparent 72%);opacity:.24;pointer-events:none;position:absolute;inset-block:6%;inset-inline:-14%}.stage[data-astro-cid-bgg65whh]:after{content:"";z-index:0;border-radius:var(--radius-pill);background:radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--brand-900) 55%, transparent), transparent 72%);opacity:.5;pointer-events:none;block-size:30px;position:absolute;inset-block-end:-14px;inset-inline:9%}.phone[data-astro-cid-bgg65whh]{z-index:1;background:linear-gradient(200deg, color-mix(in srgb, var(--brand-50) 62%, transparent), transparent 26%), linear-gradient(20deg, color-mix(in srgb, var(--brand-50) 34%, transparent), transparent 22%), linear-gradient(155deg, var(--brand-300), var(--brand-700) 64%, var(--brand-900));width:300px;max-width:100%;box-shadow:var(--shadow-lg), 0 2px 4px color-mix(in srgb, var(--brand-900) 22%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--brand-50) 34%, transparent);border-radius:44px;padding:10px;position:relative}.phone[data-astro-cid-bgg65whh]:before{content:"";z-index:2;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-900) 55%, transparent), inset 0 0 6px color-mix(in srgb, var(--brand-900) 22%, transparent);pointer-events:none;border-radius:35px;position:absolute;inset:7px}.phone[data-astro-cid-bgg65whh]:after{content:"";z-index:2;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand-900) 62%, transparent);pointer-events:none;block-size:3px;inline-size:44px;margin-inline:auto;position:absolute;inset-block-start:3.5px;inset-inline:0}.screen[data-astro-cid-bgg65whh]{width:var(--screen-w);background:var(--bg);border-radius:32px;flex-direction:column;max-width:100%;height:580px;display:flex;position:relative;overflow:hidden}.glare[data-astro-cid-bgg65whh]{z-index:6;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg, color-mix(in srgb, var(--brand-50) 46%, transparent) 0%, color-mix(in srgb, var(--brand-50) 10%, transparent) 18%, transparent 34%, transparent 66%, color-mix(in srgb, var(--brand-50) 14%, transparent) 84%, transparent 100%);opacity:.4;position:absolute;inset:0}.topbar[data-astro-cid-bgg65whh]{border-block-end:1px solid var(--border);flex:0 0 26px;align-items:center;gap:7px;padding-inline:10px;display:flex}.avatar[data-astro-cid-bgg65whh]{border-radius:var(--radius-pill);background:linear-gradient(140deg, var(--accent), var(--grad-end));block-size:15px;inline-size:15px;box-shadow:var(--rim)}.tb-lines[data-astro-cid-bgg65whh]{flex-direction:column;gap:3px;display:flex}.tb-ln[data-astro-cid-bgg65whh]{background:var(--text-faint);border-radius:2px;block-size:4px;inline-size:54px}.tb-ln[data-astro-cid-bgg65whh].s{inline-size:30px}.chat[data-astro-cid-bgg65whh]{flex-direction:column;flex:0 0 293px;justify-content:flex-end;gap:6px;padding:10px 10px 8px;display:flex;overflow:hidden}.msg[data-astro-cid-bgg65whh]{border-radius:14px;flex-direction:column;gap:5px;max-inline-size:68%;padding:8px 10px;display:flex}.msg[data-astro-cid-bgg65whh].in{background:var(--bg-grouped);border-end-start-radius:4px;align-self:flex-start}.msg[data-astro-cid-bgg65whh].out{background:linear-gradient(135deg, var(--grad-start), var(--grad-end));box-shadow:var(--shadow-sm);border-end-end-radius:4px;align-self:flex-end}.ln[data-astro-cid-bgg65whh]{background:var(--text-faint);border-radius:3px;block-size:6px;inline-size:92px}.ln[data-astro-cid-bgg65whh].s{inline-size:54px}.msg[data-astro-cid-bgg65whh].out .ln[data-astro-cid-bgg65whh]{background:var(--brand-50);opacity:.85}.media-msg[data-astro-cid-bgg65whh]{align-self:flex-end;position:relative}.media-card[data-astro-cid-bgg65whh]{block-size:62px;inline-size:62px;color:var(--brand-50);box-shadow:var(--shadow-sm), var(--rim);opacity:1;animation:landIn var(--loop) linear infinite;border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;transform:scale(1)}.media-card[data-astro-cid-bgg65whh] .play[data-astro-cid-bgg65whh]{block-size:26px;inline-size:26px}.media-card[data-astro-cid-bgg65whh] .play[data-astro-cid-bgg65whh] svg[data-astro-cid-bgg65whh]{block-size:13px;inline-size:13px}.tick[data-astro-cid-bgg65whh]{z-index:1;color:var(--brand-50);filter:drop-shadow(0 1px 1px var(--shade));opacity:1;animation:tickIn var(--loop) linear infinite;display:flex;position:absolute;inset-block-end:4px;inset-inline-end:5px;transform:none}.tick[data-astro-cid-bgg65whh] svg[data-astro-cid-bgg65whh]{block-size:13px;inline-size:13px}.compose[data-astro-cid-bgg65whh]{flex:0 0 42px;align-items:center;gap:8px;padding-inline:10px;display:flex}.field[data-astro-cid-bgg65whh]{border-radius:var(--radius-pill);background:var(--bg-grouped);block-size:30px;min-inline-size:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-500) 26%, transparent);flex:1;align-items:center;padding-inline:12px;display:flex;position:relative;overflow:hidden}.word[data-astro-cid-bgg65whh]{color:var(--text);white-space:nowrap;font-size:13px;font-weight:500}.caret[data-astro-cid-bgg65whh]{background:var(--brand-500);block-size:15px;inline-size:1.5px;box-shadow:0 0 4px color-mix(in srgb, var(--brand-500) 60%, transparent);opacity:1;border-radius:1px;margin-inline-start:2px;animation:1.05s step-end infinite blink}.cover[data-astro-cid-bgg65whh]{background:var(--bg-grouped);transform-origin:calc(50% + 50% * var(--dirx)) center;animation:reveal var(--loop) linear infinite;position:absolute;inset:0;transform:scaleX(0)}.send[data-astro-cid-bgg65whh]{border-radius:var(--radius-pill);block-size:28px;inline-size:28px;color:var(--brand-50);background:linear-gradient(140deg, var(--grad-start), var(--grad-end));box-shadow:var(--shadow-sm), var(--rim);transform:scaleX(var(--dirx));flex:none;justify-content:center;align-items:center;display:flex}.send[data-astro-cid-bgg65whh] svg[data-astro-cid-bgg65whh]{block-size:15px;inline-size:15px}.suggest[data-astro-cid-bgg65whh]{background:var(--bg-grouped);box-shadow:inset 0 1px 0 var(--border);flex:0 0 60px;justify-content:space-between;align-items:center;padding-inline:10px;display:flex}.tile[data-astro-cid-bgg65whh]{--drift:0px;flex:0 0 var(--tile);block-size:var(--tile);color:var(--brand-50);box-shadow:var(--shadow-sm), var(--rim);opacity:1;border-radius:13px;justify-content:center;align-items:center;display:flex;position:relative;transform:none}.tile[data-astro-cid-bgg65whh] svg[data-astro-cid-bgg65whh]{block-size:24px;inline-size:24px}.play[data-astro-cid-bgg65whh]{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand-900) 42%, transparent);block-size:21px;inline-size:21px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-50) 52%, transparent);justify-content:center;align-items:center;display:flex}.play[data-astro-cid-bgg65whh] svg[data-astro-cid-bgg65whh],.tile[data-astro-cid-bgg65whh] .play[data-astro-cid-bgg65whh] svg[data-astro-cid-bgg65whh]{block-size:11px;inline-size:11px;transform:scaleX(var(--dirx)) translateX(.6px)}.chip[data-astro-cid-bgg65whh]{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand-50) 78%, transparent);block-size:3px;inline-size:17px;box-shadow:0 0 0 1px var(--shade);position:absolute;inset-block-end:5px;inset-inline-start:5px}.tag[data-astro-cid-bgg65whh]{background:color-mix(in srgb, var(--brand-900) 62%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-50) 42%, transparent);color:var(--brand-50);letter-spacing:.04em;border-radius:4px;padding-inline:3px;font-size:7px;font-weight:600;line-height:1.7;position:absolute;inset-block-end:4px;inset-inline-end:4px}.loop-mark[data-astro-cid-bgg65whh]{opacity:.92;transform:translateY(-3px)}.tile[data-astro-cid-bgg65whh] .sticker[data-astro-cid-bgg65whh]{block-size:27px;inline-size:27px;filter:drop-shadow(0 1px 1.5px var(--shade));overflow:visible}.sk-body[data-astro-cid-bgg65whh]{fill:var(--brand-50);stroke:color-mix(in srgb, var(--brand-900) 30%, transparent);stroke-width:1.1px}.sk-mark[data-astro-cid-bgg65whh]{fill:var(--brand-800)}.sk-line[data-astro-cid-bgg65whh]{fill:none;stroke:var(--brand-800);stroke-width:1.7px;stroke-linecap:round}.t1[data-astro-cid-bgg65whh]{--drift:-5px;background:var(--sheen), radial-gradient(62% 56% at 22% 24%, color-mix(in srgb, var(--brand-50) 34%, transparent), transparent 72%), radial-gradient(74% 66% at 86% 92%, color-mix(in srgb, var(--brand-900) 55%, transparent), transparent 74%), linear-gradient(140deg, var(--accent), var(--grad-start));animation:tile1 var(--loop) linear infinite}.t2[data-astro-cid-bgg65whh]{--drift:-3.6px;animation:tile2 var(--loop) linear infinite}.t2[data-astro-cid-bgg65whh],.flier[data-astro-cid-bgg65whh],.media-card[data-astro-cid-bgg65whh]{background:var(--sheen), radial-gradient(64% 58% at 24% 20%, color-mix(in srgb, var(--accent) 82%, transparent), transparent 72%), radial-gradient(72% 64% at 84% 92%, color-mix(in srgb, var(--brand-900) 52%, transparent), transparent 74%), linear-gradient(140deg, var(--grad-start), var(--grad-end))}.t2[data-astro-cid-bgg65whh]:after{content:"";border-radius:inherit;background:radial-gradient(closest-side, color-mix(in srgb, var(--brand-50) 62%, transparent), transparent 74%);pointer-events:none;opacity:0;animation:ripple var(--loop) linear infinite;position:absolute;inset:0;transform:scale(1.5)}.t3[data-astro-cid-bgg65whh]{--drift:-2.4px;background:var(--sheen), radial-gradient(66% 60% at 26% 22%, color-mix(in srgb, var(--brand-200) 60%, transparent), transparent 74%), radial-gradient(70% 62% at 82% 90%, color-mix(in srgb, var(--brand-900) 50%, transparent), transparent 74%), linear-gradient(140deg, var(--brand-400), var(--brand-700));animation:tile3 var(--loop) linear infinite}.t4[data-astro-cid-bgg65whh]{--drift:-1.5px;background:var(--sheen), radial-gradient(60% 58% at 78% 20%, color-mix(in srgb, var(--accent) 60%, transparent), transparent 72%), radial-gradient(72% 64% at 18% 92%, color-mix(in srgb, var(--brand-900) 48%, transparent), transparent 74%), linear-gradient(140deg, var(--brand-300), var(--brand-600));animation:tile4 var(--loop) linear infinite}.t5[data-astro-cid-bgg65whh]{--drift:-.8px;background:var(--sheen), radial-gradient(62% 58% at 24% 22%, color-mix(in srgb, var(--brand-400) 70%, transparent), transparent 72%), radial-gradient(74% 66% at 86% 92%, color-mix(in srgb, var(--brand-900) 60%, transparent), transparent 76%), linear-gradient(140deg, var(--brand-500), var(--brand-900));animation:tile5 var(--loop) linear infinite}.keys[data-astro-cid-bgg65whh]{background:var(--bg-grouped);flex-direction:column;flex:0 0 145px;justify-content:center;gap:5px;padding:5px 8px;display:flex}.krow[data-astro-cid-bgg65whh]{gap:3px;block-size:30px;display:flex}.key[data-astro-cid-bgg65whh]{background:var(--bg);min-inline-size:0;color:var(--text);box-shadow:var(--shadow-sm), inset 0 -1px 0 color-mix(in srgb, var(--border) 70%, transparent);border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;font-size:11px;font-weight:500;line-height:1;display:flex;overflow:hidden}.key[data-astro-cid-bgg65whh] svg[data-astro-cid-bgg65whh]{block-size:14px;inline-size:14px}.key[data-astro-cid-bgg65whh].mod{background:var(--border);color:var(--text-muted);flex:1.4 1 0}.key[data-astro-cid-bgg65whh].space{flex:5 1 0}.key[data-astro-cid-bgg65whh].enter{background:linear-gradient(135deg, var(--grad-start), var(--grad-end));color:var(--brand-50);box-shadow:var(--shadow-sm), var(--rim);flex:1.8 1 0}.key[data-astro-cid-bgg65whh].enter svg[data-astro-cid-bgg65whh]{transform:scaleX(var(--dirx))}.home[data-astro-cid-bgg65whh]{background:var(--bg-grouped);flex:0 0 14px;justify-content:center;align-items:center;display:flex}.home[data-astro-cid-bgg65whh] span[data-astro-cid-bgg65whh]{border-radius:var(--radius-pill);background:var(--border-strong);block-size:4px;inline-size:96px}.flier[data-astro-cid-bgg65whh]{inset-inline-start:63.5px;inline-size:var(--tile);block-size:var(--tile);z-index:3;color:var(--brand-50);box-shadow:var(--shadow), var(--rim);pointer-events:none;opacity:0;animation:flyToChat var(--loop) linear infinite;border-radius:13px;justify-content:center;align-items:center;display:flex;position:absolute;top:368px}@keyframes reveal{0%{transform:scaleX(0)}2%{transform:scaleX(1)}5%{animation-timing-function:steps(7,end);transform:scaleX(1)}24%{transform:scaleX(0)}to{transform:scaleX(0)}}@keyframes blink{0%,50%{opacity:1}50.01%,99.99%{opacity:0}to{opacity:1}}@keyframes tile1{0%{opacity:1;transform:none}2%,26%{opacity:0;animation-timing-function:cubic-bezier(.22,1.4,.42,1);transform:translateY(11px)scale(.84)}31%{opacity:1;transform:none}64%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:none}84%{transform:translateX(calc(var(--drift) * var(--dirx)));animation-timing-function:cubic-bezier(.45,0,.25,1)}to{opacity:1;transform:none}}@keyframes tile2{0%{opacity:1;transform:none}2%,29%{opacity:0;animation-timing-function:cubic-bezier(.22,1.4,.42,1);transform:translateY(11px)scale(.84)}34%,46%{opacity:1;transform:none}48.5%{animation-timing-function:cubic-bezier(.22,1.45,.4,1);transform:scale(.86)}53%{transform:none}64%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:none}84%{transform:translateX(calc(var(--drift) * var(--dirx)));animation-timing-function:cubic-bezier(.45,0,.25,1)}to{opacity:1;transform:none}}@keyframes tile3{0%{opacity:1;transform:none}2%,32%{opacity:0;animation-timing-function:cubic-bezier(.22,1.4,.42,1);transform:translateY(11px)scale(.84)}37%{opacity:1;transform:none}64%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:none}84%{transform:translateX(calc(var(--drift) * var(--dirx)));animation-timing-function:cubic-bezier(.45,0,.25,1)}to{opacity:1;transform:none}}@keyframes tile4{0%{opacity:1;transform:none}2%,35%{opacity:0;animation-timing-function:cubic-bezier(.22,1.4,.42,1);transform:translateY(11px)scale(.84)}40%{opacity:1;transform:none}64%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:none}84%{transform:translateX(calc(var(--drift) * var(--dirx)));animation-timing-function:cubic-bezier(.45,0,.25,1)}to{opacity:1;transform:none}}@keyframes tile5{0%{opacity:1;transform:none}2%,38%{opacity:0;animation-timing-function:cubic-bezier(.22,1.4,.42,1);transform:translateY(11px)scale(.84)}43%{opacity:1;transform:none}64%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:none}84%{transform:translateX(calc(var(--drift) * var(--dirx)));animation-timing-function:cubic-bezier(.45,0,.25,1)}to{opacity:1;transform:none}}@keyframes ripple{0%,45%{opacity:0;transform:scale(.42)}47%{opacity:.6;animation-timing-function:cubic-bezier(.16,.8,.3,1);transform:scale(.5)}57%,to{opacity:0;transform:scale(1.5)}}@keyframes flyToChat{0%,46%{opacity:0;transform:translate(0)scale(1)rotate(0)}48%{opacity:1;transform:translate(0, -9px) scale(1.1) rotate(calc(-4deg * var(--dirx)));animation-timing-function:cubic-bezier(.42,0,.18,1)}59%{opacity:1;transform:translate(calc(152px * var(--dirx)), -111px) scale(1.34) rotate(0deg)}61%,to{opacity:0;transform:translate(calc(152px * var(--dirx)), -111px) scale(1.34) rotate(0deg)}}@keyframes landIn{0%{opacity:1;transform:scale(1)}2%,58%{opacity:0;transform:scale(.6)}60%{opacity:1;animation-timing-function:cubic-bezier(.3,1.2,.5,1);transform:scale(.74)}66%{animation-timing-function:cubic-bezier(.4,0,.4,1);transform:scale(1.13)}70%{animation-timing-function:cubic-bezier(.4,0,.3,1);transform:scale(.975)}74%,to{opacity:1;transform:scale(1)}}@keyframes tickIn{0%{opacity:1;transform:none}2%,70%{opacity:0;animation-timing-function:cubic-bezier(.22,1.4,.42,1);transform:translateY(3px)scale(.7)}75%,to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cover[data-astro-cid-bgg65whh],.caret[data-astro-cid-bgg65whh],.tile[data-astro-cid-bgg65whh],.t2[data-astro-cid-bgg65whh]:after,.flier[data-astro-cid-bgg65whh],.media-card[data-astro-cid-bgg65whh],.tick[data-astro-cid-bgg65whh]{animation:none!important}.cover[data-astro-cid-bgg65whh]{transform:scaleX(0)}.caret[data-astro-cid-bgg65whh]{opacity:1}.tile[data-astro-cid-bgg65whh],.media-card[data-astro-cid-bgg65whh],.tick[data-astro-cid-bgg65whh]{opacity:1;transform:none}.t2[data-astro-cid-bgg65whh]:after,.flier[data-astro-cid-bgg65whh]{opacity:0}}