.scene{--scene-bg:#e8e8ed;--accent:#0a84ff;--rec:#e6383b;--ease:cubic-bezier(.23, 1, .32, 1);--ease-move:cubic-bezier(.77, 0, .175, 1);aspect-ratio:16/10;background:var(--scene-bg);border-radius:20px;margin-top:16px;position:relative;overflow:hidden;container-type:inline-size}.stage{color:#1d1d1f;-webkit-font-smoothing:antialiased;width:76em;height:47.5em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Geist Variable,system-ui,sans-serif;font-size:1.31579cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene[data-paused] *,.scene[data-paused] :before,.scene[data-paused] :after{animation-play-state:paused!important}.win{-webkit-backdrop-filter:blur(2em)saturate(1.6);background:#ffffffe0;border-radius:1.8em;position:absolute;overflow:hidden;box-shadow:0 0 0 .06em #00000012,inset 0 .06em #ffffffe6,0 .4em 1.2em #2828500f,0 2.8em 6em #28285029}.win-bar{align-items:center;height:4.4em;padding:0 1.6em;display:flex;position:relative}.lights{gap:.8em;display:flex}.lights i{background:#ff5f57;border-radius:50%;width:1.2em;height:1.2em;box-shadow:inset 0 0 0 .06em #0000001f}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.win-title{letter-spacing:-.01em;font-size:1.3em;font-weight:600}.win-bar>.win-title,.contact{position:absolute;left:50%;transform:translate(-50%)}.w{animation:word-in .42s var(--ease) backwards;display:inline-block}@keyframes word-in{0%{opacity:0;filter:blur(.3em);transform:translateY(.4em)}}.flow{flex-direction:column;align-items:center;gap:1em;display:flex;position:absolute;bottom:2.6em;left:50%;transform:translate(-50%)}.flow-transcript{color:#fff;opacity:0;max-width:50em;transition:opacity .25s ease, transform .35s var(--ease);background:#1c1c1eeb;border-radius:1.2em;padding:.8em 1.4em;transform:translateY(.6em)scale(.97)}.flow-transcript>span{white-space:nowrap;font-size:1.4em;font-weight:500;line-height:1.35;display:block}.flow[data-flow=listening] .flow-transcript,.flow[data-flow=command] .flow-transcript{opacity:1;transform:none}.flow-pill{color:#fff;width:4.4em;height:.7em;transition:width .45s var(--ease), height .45s var(--ease), background-color .3s ease;background:#1e1e228c;border-radius:2em;justify-content:center;align-items:center;gap:1em;display:flex;overflow:hidden;box-shadow:0 .8em 2em #0000002e}.flow-pill>*{opacity:0;flex-shrink:0;transition:opacity .2s}.flow:not([data-flow=idle]) .flow-pill{background:#000;height:3.8em}.flow[data-flow=listening] .flow-pill{width:16em}.flow[data-flow=command] .flow-pill{background:var(--accent);width:16em}.flow[data-flow=hover] .flow-pill{width:17em}.flow[data-flow=thinking] .flow-pill{width:5.6em}.flow[data-flow=pasted] .flow-pill{width:var(--pasted-width,13em)}.flow-hit{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:3em;margin:-1.2em -2em;padding:1.2em 2em}.flow-hit:focus-visible{outline:.2em solid var(--accent);outline-offset:-.4em}.flow-hint{white-space:nowrap;font-size:1.25em;font-weight:500;display:none}.flow[data-flow=hover] .flow-hint{opacity:1;display:block}.flow-mark{color:#fff;width:2.2em;display:none}.flow .flow-mark .yap-mark{color:#fff;width:100%}.flow:is([data-flow=listening],[data-flow=command],[data-flow=thinking]) .flow-mark{opacity:1;display:block}.flow-bars{align-items:center;gap:.35em;height:2em;display:none}.flow:is([data-flow=listening],[data-flow=command]) .flow-bars{opacity:1;display:flex}.flow-bars i{background:currentColor;border-radius:.2em;width:.3em;height:100%;animation:.9s ease-in-out infinite bar;transform:scaleY(.3)}.flow-bars i:nth-child(3n){animation-duration:.7s}.flow-bars i:nth-child(3n+1){animation-duration:1.1s;animation-delay:-.3s}.flow-bars i:nth-child(4n){animation-delay:-.5s}.flow-bars i:nth-child(5n){animation-duration:.6s;animation-delay:-.2s}@keyframes bar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.flow-check{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.3 2.3 4.7-5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% no-repeat;border-radius:50%;width:1.6em;height:1.6em;display:none}.flow-label{white-space:nowrap;font-size:1.35em;font-weight:600;display:none}.flow[data-flow=pasted] :is(.flow-check,.flow-label){opacity:1;display:block}.messages{width:46em;top:5em;left:50%;transform:translate(-50%)}.contact{align-items:center;gap:.8em;display:flex}.avatar{color:#fff;background:linear-gradient(#a4a9b6,#858a97);border-radius:50%;place-items:center;width:2.4em;height:2.4em;font-size:1.1em;font-weight:600;display:grid}.thread{flex-direction:column;justify-content:flex-end;gap:.6em;height:17em;padding:.4em 2em 1em;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 3em);mask-image:linear-gradient(#0000,#000 3em)}.stamp{color:#8e8e93;align-self:center;margin-bottom:.6em;font-size:1.1em;font-weight:500}.bubble{letter-spacing:-.01em;border-radius:1.3em;max-width:30em;margin:0;padding:.55em .95em;font-size:1.35em;line-height:1.3}.bubble.them{color:#1d1d1f;background:#e9e9eb;align-self:flex-start}.bubble.me{background:var(--accent);color:#fff;transform-origin:100% 100%;align-self:flex-end;max-width:26em}.bubble.me.dyn{animation:bubble-in .45s var(--ease) backwards}@keyframes bubble-in{0%{opacity:0;transform:translateY(1.2em)scale(.9)}}.composer{padding:.6em 1.6em 1.6em}.field{cursor:text;border:.07em solid #dedee3;border-radius:1.4em;align-items:center;min-height:2.4em;padding:.35em .9em;font-size:1.35em;line-height:1.3;transition:border-color .15s;display:flex}.field:focus-within{border-color:#0a84ff8c}.field-input{min-width:0;color:inherit;font:inherit;letter-spacing:-.01em;caret-color:var(--accent);background:0 0;border:0;outline:0;flex:1;padding:0}@media (pointer:coarse){.field-input{font-size:max(1em,16px)}}.field-input::placeholder{color:#b4b4b9}@keyframes blink{50%{opacity:0}}.menubar{z-index:3;-webkit-backdrop-filter:blur(1em);background:#ffffff8c;justify-content:space-between;align-items:center;height:2.8em;padding:0 1.6em;display:flex;position:absolute;inset:0 0 auto}.menubar-app{font-size:1.25em;font-weight:600}.menubar-left,.menubar-right{align-items:center;gap:.8em;display:flex}.menubar-mark{width:1.9em;height:1.9em}.menubar-mark .yap-mark,.rec-mark .yap-mark{width:100%}.rec{color:#1d1d1f;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:1em;align-items:center;gap:.6em;margin:-.3em -.6em;padding:.3em .6em;font-size:1.15em;font-weight:600;transition:background-color .25s,color .25s;display:flex}.rec:hover{background:#0000000f}.rec:focus-visible{outline:.2em solid var(--accent)}.rec-mark{width:1.9em;height:1.9em}.rec .rec-mark .yap-mark{color:inherit}.rec-time{display:none}.rec[data-on]{background:var(--rec);color:#fff}.rec[data-on]:hover{background:#d22e31}.rec[data-on] .rec-time{display:block}.screen{cursor:zoom-in;touch-action:manipulation;transition:transform .9s var(--ease-move);position:absolute;inset:0}.screen[data-zoom]{cursor:zoom-out;transform:scale(1.6)}.editor{width:60em;height:37em;top:5.6em;left:8em}.editor .win-bar{padding-right:1em}.publish{background:var(--accent);color:#fff;border-radius:.8em;margin-left:auto;padding:.5em 1.2em;font-size:1.2em;font-weight:600;transition:transform .15s,filter .15s}.publish[data-pressed]{filter:brightness(.85);transform:scale(.94)}.editor-body{border-top:.07em solid #ececf0;height:calc(100% - 4.4em);display:flex}.layers{background:#fafafb;border-right:.08em solid #ececf0;flex-direction:column;gap:1em;width:14em;padding:1.6em;display:flex}.layers b,.card b{background:#e6e6ea;border-radius:.5em;height:1em;display:block}.layers b:nth-child(2){width:70%}.layers b:nth-child(4){width:55%}.canvas{background:#f4f4f6;flex:1;place-items:center;display:grid;position:relative}.card{background:#fff;border-radius:1.2em;flex-direction:column;gap:1.2em;width:26em;padding:2.4em;display:flex;box-shadow:0 .6em 1.6em #0000000f}.card .w60{background:#1d1d1f;width:60%;height:1.8em}.card .w90{width:90%}.card .w75{width:75%}.toast-published{color:#fff;opacity:0;transition:opacity .25s ease, transform .35s var(--ease);background:#1d1d1f;border-radius:.8em;padding:.6em 1.2em;font-size:1.2em;font-weight:600;position:absolute;top:1.6em;right:1.6em;transform:translateY(-.6em)}.toast-published[data-on]{opacity:1;transform:none}.cursor{z-index:2;filter:drop-shadow(0 .2em .3em #00000040);width:2.4em;height:2.4em;transition:left 1.1s var(--ease-move), top 1.1s var(--ease-move);position:absolute;top:30em;left:30em}.ripple{opacity:0;pointer-events:none;background:#ffd60a8c;border-radius:50%;width:4em;height:4em;margin:-2em 0 0 -2em;position:absolute;transform:scale(.3);box-shadow:0 0 0 .2em #ffd60acc}.ripple[data-on]{animation:ripple .7s var(--ease) forwards}.user-ripple{z-index:3}@keyframes ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.camera{cursor:grab;touch-action:none;translate:var(--dx,0) var(--dy,0);z-index:3;opacity:0;width:10em;height:10em;transition:opacity .25s ease, transform .5s var(--ease);background:linear-gradient(150deg,#f5b97f,#e0748a 55%,#8a6fd6);border-radius:50%;position:absolute;bottom:2.4em;left:2.4em;overflow:hidden;transform:scale(.6);box-shadow:0 0 0 .3em #fff,0 1em 2.4em #0003}.camera:active{cursor:grabbing}.camera[data-on]{opacity:1;transform:none}.camera svg{width:100%;height:100%;display:block}.countdown{z-index:4;opacity:0;pointer-events:none;background:#00000040;place-items:center;transition:opacity .25s;display:grid;position:absolute;inset:0}.countdown[data-on]{opacity:1}.countdown span{color:#fff;font-variant-numeric:tabular-nums;background:#0009;border-radius:50%;place-items:center;width:2em;height:2em;font-size:6em;font-weight:600;display:grid}.countdown span[data-tick]{animation:tick .7s var(--ease)}@keyframes tick{0%{opacity:0;transform:scale(1.3)}}.flow-toast .flow-pill{--pasted-width:24em}.flow-toast{transition:opacity .25s}.flow-toast[data-flow=idle]{opacity:0}.mail{width:46em;top:5em;left:50%;transform:translate(-50%)}.mail-head{flex-direction:column;padding:0 2.4em;display:flex}.mail-head span{border-bottom:.07em solid #ececf0;padding:.75em 0;font-size:1.3em}.mail-head em{color:#8e8e93;width:4.4em;font-style:normal;display:inline-block}.mail-head b{font-weight:600}.mail-body{min-height:9.4em;margin:0;padding:1.8em 2.4em 2.4em}.sel{letter-spacing:-.01em;transition:background-size .7s var(--ease-move);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0a84ff38,#0a84ff38) 0/0% 100% no-repeat;font-size:1.5em;line-height:1.55}.sel[data-on]{background-size:100% 100%}.mail-foot{flex-wrap:wrap;align-items:center;gap:.7em;padding:0 2.4em 2em;display:flex}.foot-label{color:#8e8e93;margin-right:.3em;font-size:1.2em;font-weight:500}.chip{color:#1d1d1f;font:inherit;cursor:pointer;background:#fff;border:.07em solid #dedee3;border-radius:999px;padding:.5em 1em;font-size:1.2em;font-weight:500;transition:background-color .15s,color .15s,border-color .15s,transform .15s}.chip:hover{background:#f3f3f6}.chip:active{transform:scale(.96)}.chip:focus-visible{outline:.2em solid var(--accent);outline-offset:.1em}.chip[data-active]{background:var(--accent);color:#fff;border-color:#0000}.menubar-right .clock{font-size:1.25em;font-weight:500}.wifi{color:#1d1d1f;cursor:pointer;background:0 0;border:0;border-radius:.7em;place-items:center;width:2.6em;height:2.2em;margin:-.2em;padding:0;transition:background-color .15s,color .2s;display:grid}.wifi:hover{background:#00000012}.wifi:focus-visible{outline:.2em solid var(--accent)}.wifi svg{width:1.7em;height:1.7em}.wifi .slash{opacity:0;transition:opacity .2s}.scene[data-wifi=off] .wifi{color:#8e8e93}.scene[data-wifi=off] .wifi .slash{opacity:1}.local{width:50em;top:6.2em;left:50%;translate:-50%}.live{align-items:center;gap:1.4em;padding:.2em 2.4em 1.6em;display:flex}.live-mark{flex-shrink:0;width:3.2em;height:3.2em}.live-mark .yap-mark{width:100%}.live-text{letter-spacing:-.015em;min-height:1.3em;margin:0;font-size:1.7em;font-weight:500;line-height:1.3}.facts{margin:0;padding:0 1.2em 1.2em;list-style:none}.fact{color:#1d1d1f;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:1em;grid-template-columns:2.6em minmax(0,1fr) auto;align-items:center;padding:.8em 1.2em;transition:background-color .15s;display:grid}.fact:hover,.fact[aria-expanded=true]{background:#0000000b}.fact:focus-visible{outline:.2em solid var(--accent);outline-offset:-.2em}.fact b{letter-spacing:-.01em;font-size:1.4em;font-weight:600}.fact em{color:#6e6e73;font-size:1.3em;font-style:normal}.tick{background:#34c759 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.3 2.3 4.7-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% no-repeat;border-radius:50%;width:1.8em;height:1.8em}.detail{transition:grid-template-rows .35s var(--ease);grid-column:2/-1;grid-template-rows:0fr;display:grid}.detail>span{color:#6e6e73;font-size:1.25em;line-height:1.4;overflow:hidden}.fact[aria-expanded=true] .detail{grid-template-rows:1fr}.fact[aria-expanded=true] .detail>span{padding-top:.4em}.net{justify-items:center;display:grid;position:absolute;top:39.2em;left:50%;translate:-50%}.net>*{transition:opacity .3s ease, transform .5s var(--ease);grid-area:1/1}.net-on{align-items:center;gap:1.2em;display:flex}.net-off{color:#6e6e73;opacity:0;font-size:1.4em;font-weight:600;transform:translateY(.6em)}.scene[data-wifi=off] .net-on{opacity:0;transform:translateY(-.6em)}.scene[data-wifi=off] .net-off{opacity:1;transform:none}.net-label{color:#6e6e73;font-size:1.4em;font-weight:600}.dash{border-top:.2em dashed #b8b8c2;width:6em;position:relative}.dash:after{content:"";background:#8e8e93 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% no-repeat;border-radius:50%;width:1.8em;height:1.8em;margin:-1em 0 0 -.9em;position:absolute;top:50%;left:50%}.cloud{color:#aeaeb2;background:#ffffff80;border-radius:50%;place-items:center;width:4.4em;height:4.4em;display:grid}.cloud svg{fill:currentColor;width:2.2em;height:2.2em}[data-reveal]{opacity:0;transition:opacity .4s ease, transform .6s var(--ease);transform:translateY(.8em)scale(.97)}[data-reveal][data-on]{opacity:1;transform:none}.facts [data-row]{opacity:0;transition:opacity .4s ease, transform .6s var(--ease);transform:translateY(.8em)}.facts [data-row][data-on]{opacity:1;transform:none}.scene-control{color:#1d1d1f;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#fffc;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;transition:background-color .15s,transform .15s;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 0 0 .5px #0000000f}.scene-control:hover{background:#fff}.scene-control:active{transform:scale(.94)}.scene-control svg{fill:currentColor;width:16px;height:16px;display:none}.scene[data-state=playing] .i-pause,.scene[data-state=paused] .i-play,.scene:not([data-state]) .i-play,.scene[data-state=ended] .i-replay{display:block}@media (width<=640px){.scene{aspect-ratio:60/47.5;border-radius:16px}.stage{font-size:1.66667cqw}.menubar{inset:0 8em auto}.camera{left:10em}.net{top:39em}.scene-control{width:32px;height:32px;bottom:10px;right:10px}}@media (prefers-reduced-motion:reduce){.scene *,.scene :before,.scene :after{transition:none!important;animation:none!important}.scene-control{display:none}}.hero[data-astro-cid-yddk2t7h]{max-width:713px;padding-inline:var(--gutter);box-sizing:content-box;flex-direction:column;align-items:flex-start;gap:16px;margin-top:63px;display:flex}h1[data-astro-cid-yddk2t7h]{white-space:pre-line}h1[data-astro-cid-yddk2t7h],h2[data-astro-cid-yddk2t7h]{margin:0;font-size:32px;font-weight:500;line-height:40px}.hero[data-astro-cid-yddk2t7h] p[data-astro-cid-yddk2t7h]{color:var(--muted);margin:0;font-size:18px;font-weight:500;line-height:22px}.actions[data-astro-cid-yddk2t7h]{flex-wrap:wrap;gap:8px;display:flex}.mark[data-astro-cid-yddk2t7h]{width:min(300px,60vw);margin:86px auto 0}.mark[data-astro-cid-yddk2t7h] .yap-mark{width:100%}.demo[data-astro-cid-yddk2t7h]{margin:112px var(--gutter) 0;background:var(--placeholder);border-radius:12px;overflow:hidden}.demo[data-astro-cid-yddk2t7h] img[data-astro-cid-yddk2t7h]{width:100%;height:auto;display:block}.section[data-astro-cid-yddk2t7h]{max-width:760px;padding-inline:var(--gutter);box-sizing:content-box;margin-top:160px}.features[data-astro-cid-yddk2t7h]{flex-direction:column;gap:96px;margin-top:64px;display:flex}.feature[data-astro-cid-yddk2t7h]{flex-direction:column;gap:8px;display:flex}.label[data-astro-cid-yddk2t7h]{color:var(--muted);font-size:14px;font-weight:500;line-height:18px}h3[data-astro-cid-yddk2t7h]{margin:0;font-size:24px;font-weight:500;line-height:30px}.feature[data-astro-cid-yddk2t7h] p[data-astro-cid-yddk2t7h],.download[data-astro-cid-yddk2t7h] p[data-astro-cid-yddk2t7h]{color:var(--muted);margin:0;font-size:18px;font-weight:500;line-height:24px}.little[data-astro-cid-yddk2t7h]{grid-template-columns:1fr 1fr;gap:32px 48px;margin:48px 0 0;display:grid}.little[data-astro-cid-yddk2t7h] dt[data-astro-cid-yddk2t7h]{font-size:18px;font-weight:500;line-height:24px}.little[data-astro-cid-yddk2t7h] dd[data-astro-cid-yddk2t7h]{color:var(--muted);margin:4px 0 0;font-size:18px;font-weight:500;line-height:24px}.download[data-astro-cid-yddk2t7h]{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.download[data-astro-cid-yddk2t7h] small[data-astro-cid-yddk2t7h]{color:var(--muted);font-size:14px;font-weight:500;line-height:18px}@media (width<=640px){h1[data-astro-cid-yddk2t7h],h2[data-astro-cid-yddk2t7h]{font-size:28px;line-height:34px}.hero[data-astro-cid-yddk2t7h] p[data-astro-cid-yddk2t7h]{font-size:16px;line-height:21px}.mark[data-astro-cid-yddk2t7h],.demo[data-astro-cid-yddk2t7h]{margin-top:64px}.section[data-astro-cid-yddk2t7h]{margin-top:96px}.features[data-astro-cid-yddk2t7h]{gap:64px;margin-top:40px}.little[data-astro-cid-yddk2t7h]{grid-template-columns:1fr;gap:20px}.feature[data-astro-cid-yddk2t7h] p[data-astro-cid-yddk2t7h],.download[data-astro-cid-yddk2t7h] p[data-astro-cid-yddk2t7h],.little[data-astro-cid-yddk2t7h] dt[data-astro-cid-yddk2t7h],.little[data-astro-cid-yddk2t7h] dd[data-astro-cid-yddk2t7h]{font-size:16px;line-height:21px}}