.scene{--dirx:1;flex-direction:column;align-items:center;gap:14px;min-width:0;margin:0;display:flex}[dir=rtl] .scene{--dirx:-1}.scene figcaption{color:var(--muted);text-align:center;max-width:34ch;font-size:14px}.scene-sm{--pw:min(220px, 64vw)}.scene-md{--pw:min(256px, 70vw)}.scene-lg{--pw:min(300px, 74vw)}.stage{justify-items:center;gap:10px;padding-block-end:14px;padding-inline-end:14px;display:grid;position:relative}.stage:before{content:"";border-radius:calc(var(--pw) * .14);background:var(--twin);position:absolute;inset-block:14px 0;inset-inline:14px 0}.stage-toggle{z-index:1;border:1px solid var(--rule);background:var(--surface);min-height:32px;color:var(--ink);font:inherit;cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex;position:relative}.stage-toggle:hover{border-color:var(--ink)}.device{z-index:1;width:var(--pw);aspect-ratio:9/19;padding:calc(var(--pw) * .032);border-radius:calc(var(--pw) * .14);background:#090b0b;position:relative;box-shadow:inset 0 0 0 1.5px #2f3434}.screen{border-radius:calc(var(--pw) * .11);flex-direction:column;width:100%;height:100%;font-size:4.4cqw;line-height:1.35;display:flex;position:relative;overflow:hidden;container-type:size}.screen-light{background:var(--surface);color:var(--ink)}.screen-dark{background:var(--call-bg);color:var(--call-ink)}.screen .n{font-family:var(--lcd);font-variant-numeric:tabular-nums;letter-spacing:.02em;direction:ltr;unicode-bidi:isolate}.sb{direction:ltr;justify-content:space-between;align-items:center;padding:3.5cqw 7cqw 2cqw;font-size:4cqw;font-weight:600;display:flex}.sb svg{width:13cqw;height:auto}.dot{vertical-align:.1em;background:var(--l1);border-radius:50%;width:2.6cqw;height:2.6cqw;margin-inline-end:1.6cqw;display:inline-block}.dot.l2{background:var(--l2)}.inc{flex:1;position:relative}.inc-ring,.inc-call{text-align:center;flex-direction:column;align-items:center;padding:6cqw 6cqw 9cqw;display:flex;position:absolute;inset:0}.inc-call{opacity:0;justify-content:flex-start;gap:3cqw;padding-top:22cqw}.inc-line{background:var(--call-raise);white-space:nowrap;border-radius:2cqw;align-items:center;gap:1cqw;padding:1.6cqw 3.4cqw;font-size:3.9cqw;font-weight:600;display:inline-flex}.inc-status{color:var(--call-muted);margin-top:6cqw;margin-bottom:2cqw;font-size:4.2cqw}.inc-caller{margin-top:4cqw;font-size:9.5cqw}.inc-caller .n{letter-spacing:.04em}.inc-avatar{place-items:center;width:30cqw;height:30cqw;margin-top:12cqw;display:grid;position:relative}.inc-face{background:var(--brand);width:100%;height:100%;color:var(--brand-ink);border-radius:50%;place-items:center;font-size:12cqw;font-weight:700;display:grid;position:relative}.ripple{border:.8cqw solid var(--brand);border-radius:50%;position:absolute;inset:0}.r1{opacity:.5;transform:scale(1.2)}.r2{opacity:.3;transform:scale(1.45)}.r3{opacity:.15;transform:scale(1.7)}.inc-actions{justify-content:space-between;width:100%;margin-top:auto;padding-inline:4cqw;display:flex}.inc-btn{color:var(--call-muted);flex-direction:column;align-items:center;gap:2cqw;font-size:3.6cqw;display:flex}.inc-btn svg{color:#fff;border-radius:50%;width:17cqw;height:17cqw;padding:4.2cqw}.inc-btn.no svg{background:#c8322a}.inc-btn.yes svg{background:#1c8c4e}.inc-timer{color:var(--call-muted);font-size:7cqw}.tick{vertical-align:top;height:1em;line-height:1;display:inline-block;overflow:hidden}.tick>span{word-break:break-all;width:1ch;line-height:1;display:block;transform:translateY(-3em)}.stage:not([data-play=static]) .inc-ring{animation:10s infinite both inc-ring}.stage:not([data-play=static]) .inc-call{animation:10s infinite both inc-call}.stage:not([data-play=static]) .ripple{animation:1.8s cubic-bezier(.2,.6,.4,1) infinite both ripple}.stage:not([data-play=static]) .r2{animation-delay:.6s}.stage:not([data-play=static]) .r3{animation-delay:1.2s}.stage:not([data-play=static]) .inc-btn.yes svg{animation:10s infinite both bob}.stage:not([data-play=static]) .tick>span{animation:10s infinite both tick}@keyframes inc-ring{0%,56%{opacity:1;transform:none}62%,95%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes inc-call{0%,57%{opacity:0;transform:translateY(3%)}63%,94%{opacity:1;transform:none}99%,to{opacity:0}}@keyframes ripple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes bob{0%,8%,16%,24%,32%,40%,48%{transform:translateY(0)}4%,12%,20%,28%,36%,44%{transform:translateY(-10%)}52%{transform:scale(1.18)}56%,to{transform:scale(1)}}@keyframes tick{0%,63%{animation-timing-function:step-end;transform:translateY(0)}73%{animation-timing-function:step-end;transform:translateY(-1em)}83%{animation-timing-function:step-end;transform:translateY(-2em)}93%,to{transform:translateY(-3em)}}.kp{flex-direction:column;flex:1;align-items:center;gap:3cqw;padding:4cqw 7cqw 7cqw;display:flex}.kp-title{margin-top:3cqw;font-size:6cqw}.kp-see{color:var(--muted);white-space:nowrap;align-items:baseline;gap:1.4cqw;font-size:3.8cqw;display:flex}.swap{display:inline-grid}.swap>*{grid-area:1/1}.swap .b{opacity:0}.swap .n{color:var(--ink);font-size:4.6cqw}.kp-lines{background:var(--sunk);border-radius:3cqw;grid-template-columns:1fr 1fr;width:100%;padding:1cqw;font-size:3.9cqw;font-weight:600;display:grid;position:relative}.seg{pointer-events:none;position:absolute;inset:1cqw}.seg-thumb{background:var(--surface);width:50%;box-shadow:0 0 0 1px var(--rule);border-radius:2.4cqw;position:absolute;inset-block:0;inset-inline-start:0}.kp-line{text-align:center;padding:2cqw 0;position:relative}.kp-line.b{color:var(--muted)}.kp-pad{grid-template-columns:repeat(3,1fr);gap:2.6cqw 5cqw;margin-top:2cqw;display:grid}.kp-key{background:var(--sunk);width:16cqw;height:16cqw;font-size:7cqw;font-family:var(--lcd);border-radius:50%;place-items:center;display:grid}.kp-foot{align-items:center;gap:4cqw;margin-top:auto;display:flex}.kp-sim{background:var(--sunk);border-radius:2cqw;padding:1.6cqw 3cqw;font-size:3.6cqw;font-weight:600}.kp-call{color:#fff;background:#1c8c4e;border-radius:50%;place-items:center;width:16cqw;height:16cqw;display:grid}.kp-call svg{width:7cqw;height:7cqw}.stage:not([data-play=static]) .swap .a{animation:8s infinite both swap-a}.stage:not([data-play=static]) .swap .b{animation:8s infinite both swap-b}.stage:not([data-play=static]) .seg-thumb{animation:8s infinite both thumb}.stage:not([data-play=static]) .kp-line.a{animation:8s infinite both lbl-a}.stage:not([data-play=static]) .kp-line.b{animation:8s infinite both lbl-b}@keyframes swap-a{0%,42%{opacity:1;transform:none}48%,92%{opacity:0;transform:translateY(-40%)}98%,to{opacity:1;transform:none}}@keyframes swap-b{0%,42%{opacity:0;transform:translateY(40%)}48%,92%{opacity:1;transform:none}98%,to{opacity:0;transform:translateY(40%)}}@keyframes thumb{0%,40%{transform:translate(0)}46%,90%{transform:translateX(calc(100% * var(--dirx)))}96%,to{transform:translate(0)}}@keyframes lbl-a{0%,40%{color:var(--ink)}46%,90%{color:var(--muted)}96%,to{color:var(--ink)}}@keyframes lbl-b{0%,40%{color:var(--muted)}46%,90%{color:var(--ink)}96%,to{color:var(--muted)}}.home{background:linear-gradient(180deg, var(--tint), var(--sunk));flex-direction:column;flex:1;padding:8cqw 6cqw 6cqw;display:flex}.home-grid{grid-template-columns:repeat(4,1fr);gap:6cqw 2cqw;display:grid}.app{flex-direction:column;align-items:center;gap:1.6cqw;min-width:0;display:flex}.app small{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:3cqw;overflow:hidden}.app-ic{background:var(--muted);opacity:.9;border-radius:4.2cqw;width:15cqw;height:15cqw}.app-ic.c1{background:#5b6b7a}.app-ic.c2{background:#8c6e4f}.app-ic.c3{background:#4a6e80}.app-ic.c4{background:#7d6a5e}.app-ic.c5{background:#a0a3ae}.app-ic.c6{background:#3e5c8a}.app-ic.c7{background:#96604f}.app-ic.c8{background:#6c7d52}.app-ic.c9{background:#5a5f6e}.app-ic.c10{background:#a07f3c}.app-ic.c11{background:#64748b}.app-ic.d1{background:#1c8c4e}.app-ic.d2{background:#3e5c8a}.app-ic.d3{background:#5b6b7a}.app-ic.d4{background:#8c6e4f}.home-dock{background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:6cqw;justify-content:space-around;margin-top:auto;padding:3cqw;display:flex}.app-swap .flip{width:15cqw;height:15cqw;transform-style:preserve-3d;position:relative;transform:rotateY(180deg)}.face{backface-visibility:hidden;border-radius:4.2cqw;place-items:center;display:grid;position:absolute;inset:0}.face svg{width:70%;height:70%}.face.sn{background:#09774d}.face.notes{background:#c9661e;transform:rotateY(180deg)}.app-swap .lbl{display:grid}.app-swap .lbl>*{text-align:center;text-overflow:ellipsis;grid-area:1/1;overflow:hidden}.app-swap .lbl .a{opacity:0}.stage:not([data-play=static]) .app-swap .flip{animation:8s infinite both flip}.stage:not([data-play=static]) .app-swap .lbl .a{animation:8s infinite both lbl-sn}.stage:not([data-play=static]) .app-swap .lbl .b{animation:8s infinite both lbl-notes}@keyframes flip{0%,36%{transform:rotateY(0)}46%,88%{transform:rotateY(180deg)}98%,to{transform:rotateY(360deg)}}@keyframes lbl-sn{0%,38%{opacity:1}44%,92%{opacity:0}97%,to{opacity:1}}@keyframes lbl-notes{0%,38%{opacity:0}44%,92%{opacity:1}97%,to{opacity:0}}.dl{flex-direction:column;flex:1;align-items:center;gap:3cqw;padding:6cqw 7cqw 7cqw;display:flex}.dl-label{color:var(--muted);font-size:3.8cqw}.dl-code{font-family:var(--lcd);letter-spacing:.06em;white-space:nowrap;min-height:1.3em;font-size:9cqw}.dl-open{background:var(--brand);color:var(--brand-ink);border-radius:2.4cqw;align-items:center;margin-top:auto;padding:2.4cqw 4cqw;font-size:3.9cqw;font-weight:600;display:inline-flex}.stage:not([data-play=static]) .dl-code{animation:9s infinite both type}.stage:not([data-play=static]) .dl-open{animation:9s infinite both open}@keyframes type{0%,4%{clip-path:inset(0 100% 0 0)}60%,to{clip-path:inset(0)}}.stage:not([data-play=static]) .dl-code{animation-timing-function:steps(12,end)}@keyframes open{0%,64%{opacity:0;transform:translateY(40%)}70%,94%{opacity:1;transform:none}to{opacity:0}}.sms{flex-direction:column;flex:1;min-height:0;display:flex}.sms-head{border-bottom:1px solid var(--rule);align-items:center;gap:3cqw;padding:2cqw 5cqw 3cqw;display:flex}.sms-head b{font-size:4.6cqw;display:block}.sms-head small{color:var(--muted);font-size:3.3cqw;display:block}.sms-av{background:var(--tint);width:10cqw;height:10cqw;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:4.6cqw;font-weight:700;line-height:1;display:grid}.sms-thread{flex-direction:column;flex:1;justify-content:flex-end;gap:2.4cqw;min-height:0;padding:4cqw 4.6cqw;display:flex}.bub{border-radius:4cqw;max-width:80%;padding:2.4cqw 3.4cqw;font-size:3.9cqw;line-height:1.3}.bub.them{background:var(--sunk);border-end-start-radius:1cqw;align-self:flex-start}.bub.me{background:var(--brand);color:var(--brand-ink);border-end-end-radius:1cqw;align-self:flex-end}.bub.typing{gap:1.2cqw;padding:3cqw 3.4cqw;display:none}.bub.typing span{background:var(--muted);border-radius:50%;width:1.8cqw;height:1.8cqw}.sms-meta{color:var(--muted);align-self:flex-end;margin-top:-1cqw;font-size:3cqw}.sms-compose{border:1px solid var(--rule);color:var(--muted);border-radius:6cqw;justify-content:space-between;align-items:center;margin:0 4cqw 5cqw;padding:2.4cqw 2.4cqw 2.4cqw 4cqw;font-size:3.8cqw;display:flex}[dir=rtl] .sms-compose{padding:2.4cqw 4cqw 2.4cqw 2.4cqw}.sms-send{background:var(--brand);border-radius:50%;width:8cqw;height:8cqw}.stage:not([data-play=static]) .bub.m1{animation:10s infinite both in1}.stage:not([data-play=static]) .bub.m2{animation:10s infinite both in2}.stage:not([data-play=static]) .bub.m3{animation:10s infinite both in3}.stage:not([data-play=static]) .bub.m4,.stage:not([data-play=static]) .sms-meta{animation:10s infinite both in4}.stage:not([data-play=static]) .bub.typing{animation:10s infinite both typing;display:flex}.stage:not([data-play=static]) .bub.typing span{animation:1s infinite both blink}.stage:not([data-play=static]) .bub.typing span:nth-child(2){animation-delay:.2s}.stage:not([data-play=static]) .bub.typing span:nth-child(3){animation-delay:.4s}@keyframes in1{0%,5%{opacity:0;transform:translateY(30%)scale(.94)}9%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes in2{0%,22%{opacity:0;transform:translateY(30%)scale(.94)}26%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes in3{0%,50%{opacity:0;transform:translateY(30%)scale(.94)}54%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes in4{0%,68%{opacity:0;transform:translateY(30%)scale(.94)}72%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes typing{0%,33%{opacity:0;max-height:0;padding-block:0;transform:scale(0)}36%,49%{opacity:1;max-height:10cqw;transform:none}50%,to{opacity:0;max-height:0;margin-block:-1.2cqw;padding-block:0;transform:scale(0)}}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.ag{flex-direction:column;flex:1;gap:3cqw;min-height:0;padding:3cqw 5cqw 6cqw;display:flex}.ag-head{color:var(--call-muted);justify-content:space-between;align-items:center;gap:2cqw;font-size:3.6cqw;display:flex}.ag-badge{background:var(--brand);color:var(--brand-ink);border-radius:1.6cqw;padding:1.2cqw 2.6cqw;font-weight:700}.ag-caller{font-size:4.2cqw}.ag-wave{justify-content:center;align-items:center;gap:1.2cqw;height:12cqw;display:flex}.ag-wave span{background:var(--brand);width:1.6cqw;height:100%;transform:scaleY(var(--h,.5));border-radius:1cqw}.ag-lines{flex-direction:column;gap:2.4cqw;min-height:0;display:flex}.ag-line{background:var(--call-raise);border-radius:2.4cqw;padding:2cqw 3cqw;font-size:3.7cqw;line-height:1.35}.ag-line b{color:var(--call-muted);margin-bottom:.4cqw;font-size:3cqw;font-weight:600;display:block}.ag-line.agent{border-inline-start:1cqw solid var(--brand)}.ag-sum{background:var(--call-ink);color:var(--call-bg);border-radius:2.4cqw;flex-direction:column;gap:1cqw;margin-top:auto;padding:3cqw;font-size:3.6cqw;display:flex}.ag-sum b{text-transform:uppercase;letter-spacing:.06em;font-size:3.2cqw}.stage:not([data-play=static]) .ag-wave span{animation:1.1s ease-in-out infinite both wave;animation-delay:calc(var(--i) * -.13s)}.stage:not([data-play=static]) .ag-line.t1{animation:12s infinite both in1}.stage:not([data-play=static]) .ag-line.t2{animation:12s infinite both in2}.stage:not([data-play=static]) .ag-line.t3{animation:12s infinite both in3}.stage:not([data-play=static]) .ag-line.t4{animation:12s infinite both in4}.stage:not([data-play=static]) .ag-sum{animation:12s infinite both sum}@keyframes wave{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}@keyframes sum{0%,80%{opacity:0;transform:translateY(20%)}85%,95%{opacity:1;transform:none}to{opacity:0}}.dg{flex:1;position:relative}.dg-lock,.dg-answer{flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.dg-lock{padding:6cqw 5cqw}.dg-time{font-family:var(--lcd);color:var(--call-ink);margin-top:8cqw;font-size:18cqw;line-height:1}.dg-note{background:var(--call-raise);width:100%;color:var(--call-ink);text-align:start;border-radius:4cqw;align-items:flex-start;gap:3cqw;margin-top:12cqw;padding:3.2cqw;display:flex;position:relative}.dg-ic{background:var(--brand);width:9cqw;height:9cqw;color:var(--brand-ink);border-radius:2.4cqw;flex:none;place-items:center;display:grid}.dg-ic svg{width:78%;height:78%}.dg-txt{flex-direction:column;flex:1;gap:.6cqw;min-width:0;font-size:3.6cqw;line-height:1.3;display:flex}.dg-app{color:var(--call-muted);letter-spacing:.04em;justify-content:space-between;gap:2cqw;font-size:2.9cqw;display:flex}.dg-app small{font-size:2.9cqw}.dg-txt b{font-size:4cqw}.dg-tap{background:var(--call-ink);opacity:0;pointer-events:none;border-radius:50%;width:14cqw;height:14cqw;margin:-7cqw;position:absolute;inset-block-start:50%;inset-inline-start:50%}.dg-answer{opacity:0;text-align:center;gap:3cqw;padding:8cqw 6cqw 9cqw}.dg-answer .inc-status{margin-top:2cqw}.stage:not([data-play=static]) .dg-lock{animation:10s infinite both dg-lock}.stage:not([data-play=static]) .dg-note{animation:10s infinite both dg-note}.stage:not([data-play=static]) .dg-tap{animation:10s infinite both dg-tap}.stage:not([data-play=static]) .dg-answer{animation:10s infinite both dg-answer}@keyframes dg-lock{0%,52%{opacity:1}58%,94%{opacity:0}to{opacity:1}}@keyframes dg-note{0%,6%{opacity:0;transform:translateY(-40%)}12%,to{opacity:1;transform:none}}@keyframes dg-tap{0%,40%{opacity:0;transform:scale(.4)}45%{opacity:.35;transform:scale(1)}51%,to{opacity:0;transform:scale(1.4)}}@keyframes dg-answer{0%,54%{opacity:0;transform:translateY(3%)}60%,94%{opacity:1;transform:none}99%,to{opacity:0}}.stage[data-play=paused] *,.stage[data-play=paused] :before{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.stage-toggle{display:none}}