.play-sim{container-type:inline-size;position:relative}.sim{--ink-1:#242825;--ink-2:#5b6157;--line-1:#e6e4dc;position:relative;width:100%;aspect-ratio:16/10;background:#fffefb;border:1px solid rgba(36,40,37,.1);border-radius:1.4cqw;overflow:hidden;box-shadow:0 1px 1px #2428250a,0 30px 70px -30px #24282557;font-size:1.6cqw;line-height:1.35;color:var(--ink-1);text-align:left}.sim p{margin:0}.sim-scene{position:absolute;inset:0;display:none}.play-panel:not([data-step]) .sim-s1,.play-panel[data-step="1"] .sim-s1,.play-panel[data-step="2"] .sim-s2,.play-panel[data-step="3"] .sim-s3{display:block}.sim-bar{position:absolute;left:0;right:0;top:0;height:5.5cqw;display:flex;align-items:center;gap:1cqw;padding:0 2cqw;border-bottom:1px solid var(--line-1);background:#faf9f5;white-space:nowrap}.sim-bar img{width:2.4cqw;height:2.4cqw;object-fit:contain}.sim-bar b{font-weight:600}.sim-bar>span{color:var(--ink-2);margin-left:.6cqw;padding-left:1.4cqw;border-left:1px solid var(--line-1);overflow:hidden;text-overflow:ellipsis}.sim-chat{position:absolute;left:0;top:5.5cqw;bottom:0;width:36cqw;padding:2.2cqw;border-right:1px solid var(--line-1);display:flex;flex-direction:column;gap:1.6cqw;background:#fdfcf8}.sim-ask{align-self:flex-end;max-width:88%;background:#efeee7;border-radius:1.4cqw 1.4cqw .4cqw;padding:1.2cqw 1.5cqw}.sim-say{display:flex;gap:1cqw;align-items:flex-start}.sim-say img{flex:none;width:2.6cqw;height:2.6cqw;margin-top:.1cqw}.sim-typing{display:flex;gap:.6cqw;padding:1cqw 0 0 3.6cqw;height:0;overflow:visible;opacity:0}.sim-typing i{width:.9cqw;height:.9cqw;border-radius:50%;background:#b9bcb2}.sim-chips{list-style:none;margin:0 0 0 3.6cqw;padding:0;display:flex;flex-wrap:wrap;gap:.8cqw}.sim-chips li{display:flex;align-items:center;gap:.6cqw;border:1px solid var(--line-1);background:#fff;border-radius:99px;padding:.5cqw 1.1cqw .5cqw .8cqw;white-space:nowrap}.sim-chips img{width:1.7cqw;height:1.7cqw;object-fit:contain}.sim-list{position:absolute;left:36cqw;right:0;top:5.5cqw;bottom:0;padding:2cqw 2.4cqw}.sim-list-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.2cqw}.sim-list-head b{font-size:2cqw;font-weight:600}.sim-list-head span{color:var(--ink-2)}.sim-row{display:grid;grid-template-columns:3.6cqw 1fr auto;align-items:center;gap:1.4cqw;padding:1cqw 0;border-top:1px solid var(--line-1)}.sim-row>i{width:3.6cqw;height:3.6cqw;border-radius:1cqw;display:grid;place-items:center;font-style:normal;font-weight:600}.sim-row>span{min-width:0;display:flex;flex-direction:column;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-row>span b{color:var(--ink-1);font-weight:600;overflow:hidden;text-overflow:ellipsis}.sim-row em{font-style:normal;font-weight:600;color:var(--tone-ink,#3d423c);background:var(--tone-pill,#efeee7);border-radius:99px;padding:.4cqw 1.2cqw}.sim-grid{position:absolute;inset:7.5cqw 2cqw 2cqw 38cqw;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.5cqw}.cr{container-type:inline-size;position:relative;overflow:hidden;border-radius:1cqw;background:var(--cr-bg);color:var(--cr-ink);display:flex;flex-direction:column;align-items:flex-start;padding:7cqi;min-height:0;width:100%;height:100%}.cr strong{display:block;font-size:10cqi;line-height:1.04;letter-spacing:-.03em;font-weight:650;max-width:82%}.cr-brand{display:block;width:20cqi;height:3.6cqi;border-radius:1cqi;background:currentColor;opacity:.75}.cr-line{display:block;width:62%;height:2.6cqi;border-radius:2cqi;background:currentColor;opacity:.28;margin-top:4.5cqi}.cr-line-2{width:44%;margin-top:2.2cqi}.cr-cta{display:block;width:26cqi;height:7cqi;border-radius:2cqi;background:var(--cr-acc);margin-top:5cqi}.cr-ad:after{content:"";position:absolute;right:-6cqi;top:-6cqi;width:30cqi;height:30cqi;border-radius:7cqi;background:var(--cr-acc);transform:rotate(14deg);outline:1.2cqi dashed rgba(255,255,255,.6);outline-offset:-3.5cqi}.cr-ad strong{margin-top:auto}.cr-doc{background:#fff;padding:0}.cr-band{width:100%;background:var(--cr-bg);color:var(--cr-ink);padding:6cqi 7cqi;display:flex;flex-direction:column;gap:3cqi;border-bottom:1.4cqi solid var(--cr-acc)}.cr-doc strong{font-size:8.5cqi}.cr-cols{flex:1;width:100%;display:grid;grid-template-columns:1.4fr 1fr;gap:5cqi;padding:6cqi 7cqi}.cr-cols span{display:flex;flex-direction:column;gap:2.6cqi}.cr-cols i{display:block;height:2.4cqi;border-radius:2cqi;background:#d9d9d2}.cr-cols i:nth-child(2n){width:80%}.cr-cols b{display:block;height:14cqi;border-radius:2cqi;background:var(--cr-acc);opacity:.85}.cr-invite{padding:4cqi}.cr-frame{flex:1;width:100%;border:.8cqi dashed var(--cr-acc);border-radius:3cqi;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5cqi}.cr-frame strong{margin-top:5cqi;max-width:90%;font-size:11cqi}.cr-frame .cr-line{margin-inline:auto}.cr-email{background:#fff;color:#242825;border-left:2cqi solid var(--cr-acc)}.cr-email strong{font-size:7.5cqi;color:#242825}.cr-from{display:flex;align-items:center;gap:2.4cqi;margin-top:4cqi;width:100%}.cr-from i{width:6cqi;height:6cqi;border-radius:50%;background:var(--cr-bg)}.cr-from b{width:34%;height:2.4cqi;border-radius:2cqi;background:#cfcfc8}.cr-p{display:flex;flex-direction:column;gap:2.4cqi;width:100%;margin-top:5cqi}.cr-p i{display:block;height:2.3cqi;border-radius:2cqi;background:#deded7}.cr-p i:nth-child(3n){width:70%}.cr-email .cr-cta{margin-top:auto}.cr-blog{background:#fff;color:#242825;padding:0 0 5cqi}.cr-blog img{width:100%;height:46%;object-fit:cover;object-position:50% 30%;background:var(--cr-bg);flex:none}.cr-blog strong{font-size:8cqi;margin:5cqi 7cqi 0;color:#242825}.cr-blog .cr-p{padding:0 7cqi;margin-top:3.5cqi}.cr-deck{justify-content:space-between}.cr-logos{display:flex;align-items:center;gap:2.4cqi}.cr-logos i{width:9cqi;height:9cqi;border-radius:2.2cqi;background:currentColor;opacity:.85}.cr-logos i+em+i{background:var(--cr-acc);opacity:1}.cr-logos em{width:3.4cqi;height:3.4cqi;background:linear-gradient(currentColor,currentColor) center/100% .7cqi no-repeat,linear-gradient(currentColor,currentColor) center/.7cqi 100% no-repeat;opacity:.7}.cr-deck strong{font-size:9cqi}.cr-bars{display:flex;align-items:flex-end;gap:2.4cqi;height:18cqi}.cr-bars i{width:7cqi;border-radius:1cqi 1cqi 0 0;background:var(--cr-acc)}.cr-bars i:nth-child(1){height:35%}.cr-bars i:nth-child(2){height:55%}.cr-bars i:nth-child(3){height:75%}.cr-bars i:nth-child(4){height:100%}.sim-slide{flex:0 0 100%;display:flex}.sim-grid-blog,.sim-grid-doc,.sim-grid-email{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.sim-grid-blog>.cr,.sim-grid-doc>.cr,.sim-grid-email>.cr{height:100%}.sim-preview>.cr{flex:1;border-radius:.8cqw}.sim-attach>.cr{flex:none;width:18cqw;height:11cqw}.sim-stepper{display:flex;gap:.6cqw;height:3.1cqw;margin-bottom:1.6cqw}.sim-stepper span{display:grid;place-items:center;padding:0 1.4cqw;border-radius:99px;background:#f0f2f5;color:var(--ink-2);font-weight:600}.sim-stepper span.on{background:color-mix(in srgb,var(--tool) 14%,#fff);color:#0b3d91}.sim-m-meta .sim-rail{width:16cqw}.sim-tree{position:absolute;left:0;top:5.5cqw;bottom:0;width:17cqw;padding:2cqw 1.4cqw;border-right:1px solid var(--line-1);background:#f7f6fb;display:flex;flex-direction:column;gap:1.2cqw;white-space:nowrap}.sim-tree span{padding:.5cqw .8cqw .5cqw calc(.8cqw + var(--d) * 1.6cqw);border-radius:.6cqw;overflow:hidden;text-overflow:ellipsis;color:#3d3a52}.sim-tree span.on{background:color-mix(in srgb,var(--tool) 16%,#fff);color:#2e2470;font-weight:600}.sim-m-marketo .sim-form{left:20cqw}.sim-m-marketo .sim-field>span{display:flex;align-items:center;gap:.8cqw;color:#2e2470;font-weight:600}.sim-m-marketo .sim-field>span i{display:grid;place-items:center;width:2.4cqw;height:2.4cqw;border-radius:50%;background:var(--tool);color:#fff;font-style:normal;font-size:1.6cqw}.sim-m-marketo .sim-field em{border-left:.6cqw solid var(--tool)}.sim-m-gmail .sim-rail{background:#f6f8fc}.sim-compose-pill{display:block;height:4.4cqw;border-radius:1.4cqw;background:#c2e7ff;margin-bottom:.8cqw}.sim-inbox-bg{position:absolute;left:16cqw;right:0;top:5.5cqw;bottom:0;padding:2cqw;display:flex;flex-direction:column;gap:2.4cqw;background:#fff}.sim-inbox-bg i{display:block;height:1.8cqw;border-radius:1cqw;background:#eef0f3}.sim-popup{position:absolute;inset:7.5cqw 2cqw 1.5cqw 18cqw;border-radius:1.2cqw;background:#fff;box-shadow:0 12px 40px -10px #00000059,0 0 0 1px #0000000f;overflow:hidden}.sim-popup b{display:block;background:#f2f6fc;padding:1.2cqw 1.6cqw;font-weight:600}.sim-m-gmail .sim-form{top:13cqw;left:20cqw}.sim-m-gmail .sim-field em{border:0;border-bottom:1px solid #e3e3e3;border-radius:0;padding-left:0}.sim-m-gmail .sim-field>span{margin-bottom:.2cqw}.sim-m-gmail .sim-preview{top:13cqw;height:35cqw;border:0;padding:0 1.4cqw 0 0;right:4cqw}.sim-m-gmail .sim-publish{border-radius:99px;right:4.5cqw;bottom:3.5cqw}.sim-m-webflow{background:#1e1e1e;color:#e6e6e6;--line-1:#383838;--ink-2:#a8a8a8;--ink-1:#e6e6e6}.sim-m-webflow .sim-s3 .sim-tool-bar{background:#2b2b2b}.sim-m-webflow .sim-s3 .sim-rail{background:#252525}.sim-m-webflow .sim-s3 .sim-rail i{background:#3a3a3a}.sim-m-webflow .sim-s3 .sim-rail i.on{background:#1f4f9e}.sim-m-webflow .sim-field em{background:#2b2b2b;border-color:#444;color:#f0f0f0}.sim-m-webflow .sim-preview{background:#2b2b2b;border-color:#3a3a3a}.sim-m-webflow .sim-agent{background:#333!important;color:#cfcfcf}.sim-m-webflow .sim-done{background:#16351f;color:#a6e3b5}.sim-m-webflow .sim-s1,.sim-m-webflow .sim-s2{background:#fffefb;color:#242825;--line-1:#e6e4dc;--ink-2:#5b6157;--ink-1:#242825}.sim-m-slack .sim-s3 .sim-rail{background:#3f0e40;border-color:#3f0e40}.sim-m-slack .sim-s3 .sim-rail i{background:#ffffff2e}.sim-m-slack .sim-s3 .sim-rail i.on{background:#1164a3}.sim-m-teams .sim-s3 .sim-rail{background:#ebebf5;width:16cqw}.sim-m-teams .sim-s3 .sim-rail i{background:#d9d9ea}.sim-m-teams .sim-s3 .sim-rail i.on{background:#c5c7f0}.sim-m-teams .sim-msg{background:#fff;border:1px solid #e1e1ee;border-top:.6cqw solid var(--tool);border-radius:.8cqw}.sim-m-teams .sim-approve span{border-radius:.4cqw}.sim-m-teams .sim-approve .sim-edit{border-color:#c7c7d9}.sim-inbox{position:absolute;left:16cqw;right:0;top:5.5cqw;bottom:0;padding:1cqw 2cqw;overflow:hidden}.sim-mail{display:grid;grid-template-columns:3.6cqw 1fr auto;align-items:center;gap:1.4cqw;height:7.5cqw;border-bottom:1px solid var(--line-1)}.sim-mail>i{width:3.6cqw;height:3.6cqw;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:600}.sim-mail>span{display:flex;flex-direction:column;min-width:0;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-mail>span b{color:var(--ink-1);font-weight:600}.sim-tag{font-style:normal;font-weight:600;border-radius:99px;padding:.4cqw 1.2cqw}.sim-tag-reply{background:#dbeafe;color:#1e4a8f}.sim-tag-book{background:#dcefdc;color:#2f5f2f}.sim-tag-skip{background:#ecebe5;color:#5b6157}.sim-tag-route{background:#f7e1a1;color:#6b4c0c}.sim-thread{position:absolute;left:18cqw;right:3cqw;top:7.5cqw;padding:1.6cqw;border-bottom:1px solid var(--line-1)}.sim-thread-head{display:grid;grid-template-columns:3.6cqw 1fr auto;gap:1.2cqw;align-items:center}.sim-thread-head>i{width:3.6cqw;height:3.6cqw;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:600}.sim-thread-head span{display:flex;flex-direction:column;color:var(--ink-2)}.sim-thread-head span b{color:var(--ink-1);font-weight:600}.sim-thread-head time{color:var(--ink-2)}.sim-thread p{margin:1.4cqw 0 0 4.8cqw!important;max-width:64cqw}.sim-reply{position:absolute;inset:25cqw 3cqw 10cqw 18cqw;padding:1.6cqw 1.6cqw 1.6cqw 6.4cqw;border:1px solid color-mix(in srgb,var(--tool) 30%,#fff);border-radius:1cqw;background:color-mix(in srgb,var(--tool) 4%,#fff)}.sim-reply-tag{display:inline-flex;align-items:center;gap:.6cqw;margin:0 0 1cqw -4.8cqw;padding:.3cqw 1cqw;border-radius:99px;background:#fff;border:1px solid var(--line-1);color:var(--ink-2)}.sim-reply-tag img{width:1.8cqw;height:1.8cqw}.sim-reply p{margin:0 0 .6cqw!important;white-space:nowrap}.sim-reply p span{display:inline-block}.sim-m-outlook .sim-done{left:18cqw}.sim-modal{position:absolute;left:36cqw;right:0;top:5.5cqw;bottom:0;background:#24282547;display:none}.play-panel[data-step="2"] .sim-modal{display:block}.sim-viewer{position:absolute;inset:2.5cqw 3cqw 9.5cqw;border-radius:1.4cqw;background:#fffefb;overflow:hidden;box-shadow:0 20px 50px -20px #0006}.sim-track{position:absolute;inset:2cqw;display:flex;gap:4cqw;transform:translate(calc(-200% - 8cqw))}.sim-next{position:absolute;right:1cqw;top:50%;width:4.4cqw;height:4.4cqw;margin-top:-2.2cqw;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0003;display:grid;place-items:center}.sim-next svg{width:2.4cqw;height:2.4cqw;fill:none;stroke:var(--ink-1);stroke-width:2.4}.sim-dots{position:absolute;left:50%;bottom:.6cqw;transform:translate(-50%);display:flex;gap:.7cqw}.sim-dots i{width:.9cqw;height:.9cqw;border-radius:50%;background:#fff;opacity:.6}.sim-dots i:nth-child(3){opacity:1}.sim-actions{position:absolute;right:3cqw;bottom:2.4cqw;display:flex;gap:1.2cqw}.sim-actions span{display:grid;place-items:center;height:5cqw;border-radius:1cqw;padding:0 2.4cqw;font-weight:600;background:#fffefb}.sim-deploy{background:var(--ink-1)!important;color:#fffefb;min-width:13cqw}.sim-tool-bar{background:#fff}.sim-tool-bar b{font-size:1.8cqw}.sim-agent{margin-left:auto!important;border:0!important;display:flex;align-items:center;gap:.8cqw;color:var(--ink-2);background:#f3f2ec;border-radius:99px;padding:.5cqw 1.2cqw!important}.sim-agent img{width:1.9cqw;height:1.9cqw}.sim-rail{position:absolute;left:0;top:5.5cqw;bottom:0;width:16cqw;padding:2.4cqw 2cqw;border-right:1px solid var(--line-1);display:flex;flex-direction:column;gap:1.6cqw;background:#fafafa}.sim-rail i{display:block;height:2.4cqw;border-radius:.8cqw;background:#ebebeb}.sim-rail i:nth-child(2){width:80%}.sim-rail i:nth-child(4){width:65%}.sim-rail i.on{background:color-mix(in srgb,var(--tool) 22%,#fff)}.sim-form{position:absolute;left:19cqw;top:8cqw;width:37cqw}.sim-h{display:block;font-size:2.3cqw;font-weight:650;letter-spacing:-.01em;margin-bottom:1.6cqw}.sim-field{margin-bottom:1.8cqw}.sim-field>span{display:block;color:var(--ink-2);margin-bottom:.6cqw}.sim-field em{display:block;font-style:normal;border:1px solid #d8d8d4;border-radius:.8cqw;height:4.6cqw;padding:0 1.2cqw;line-height:4.6cqw;white-space:nowrap;overflow:hidden;background:#fff}.sim-field em span{display:inline-block;vertical-align:top}.sim-preview{position:absolute;left:59cqw;right:3cqw;top:8cqw;height:39cqw;border:1px solid var(--line-1);border-radius:1.2cqw;padding:1.4cqw;display:flex;flex-direction:column;gap:1.2cqw;background:#fff}.sim-from{display:flex;align-items:center;gap:.8cqw}.sim-from i{width:2.6cqw;height:2.6cqw;border-radius:50%;background:#1f3b2d}.sim-from b{font-weight:600}.sim-publish{position:absolute;right:3cqw;bottom:3cqw;height:5cqw;min-width:17cqw;padding:0 2cqw;border-radius:1cqw;background:var(--tool);color:#fff;font-weight:600;display:grid;place-items:center}.sim-done{position:absolute;left:19cqw;bottom:3.4cqw;display:flex;align-items:center;gap:.8cqw;font-weight:600;color:#2f6b3c;background:#e6f2e6;border-radius:99px;padding:.8cqw 1.6cqw .8cqw 1cqw}.sim-done svg{width:2.4cqw;height:2.4cqw;fill:none;stroke:currentColor;stroke-width:2}.sim-cursor{position:absolute;z-index:9;left:0;top:0;width:3.2cqw;height:3.2cqw;fill:#111;stroke:#fff;stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));display:none;pointer-events:none}.motion .play-panel[data-step="2"] .sim-cursor{display:block;animation:cur-2 5.6s cubic-bezier(.45,0,.2,1) both}.motion .play-panel[data-step="3"] .sim-cursor{display:block;animation:cur-3 6.6s cubic-bezier(.45,0,.2,1) both}.motion .play-panel[data-step="1"] .sim-ask{animation:sim-in .45s .15s cubic-bezier(.22,1,.36,1) both}.motion .play-panel[data-step="1"] .sim-typing{animation:sim-typing 1s .55s both}.motion .play-panel[data-step="1"] .sim-typing i{animation:sim-dot .6s infinite alternate}.motion .play-panel[data-step="1"] .sim-typing i:nth-child(2){animation-delay:.2s}.motion .play-panel[data-step="1"] .sim-typing i:nth-child(3){animation-delay:.4s}.motion .play-panel[data-step="1"] .sim-s1 .sim-say{animation:sim-in .45s 1.5s cubic-bezier(.22,1,.36,1) both}.motion .play-panel[data-step="1"] .sim-chips li{animation:sim-pop .4s calc(1.85s + var(--c,0) * .14s) cubic-bezier(.22,1,.36,1) both}.sim-chips li:nth-child(2){--c:1}.sim-chips li:nth-child(3){--c:2}.motion .play-panel[data-step="1"] .sim-s1 .sim-say-2{animation-delay:3.3s}.motion .play-panel[data-step="1"] .sim-row{animation:sim-row .5s calc(2.1s + var(--i) * .17s) cubic-bezier(.16,1,.3,1) both}.motion .play-panel[data-step="1"] .sim-list-head span{animation:sim-in .4s 2s both}.motion .play-panel[data-step="2"] .sim-grid>.cr{animation:sim-pop .5s calc(.1s + var(--g,0) * .1s) cubic-bezier(.22,1,.36,1) both}.sim-grid>.cr:nth-child(2){--g:1}.sim-grid>.cr:nth-child(3){--g:2}.sim-grid>.cr:nth-child(4){--g:3}.motion .play-panel[data-step="2"] .sim-grid>.cr:first-child{animation:sim-pop .5s .1s cubic-bezier(.22,1,.36,1) both,sim-picked 5.6s both}.motion .play-panel[data-step="2"] .sim-modal{animation:sim-fade 5.6s both}.motion .play-panel[data-step="2"] .sim-viewer{animation:sim-zoom 5.6s cubic-bezier(.16,1,.3,1) both}.motion .play-panel[data-step="2"] .sim-track{animation:sim-flip 5.6s cubic-bezier(.65,0,.35,1) both}.motion .play-panel[data-step="2"] .sim-dots i{animation:sim-dots-a 5.6s both}.motion .play-panel[data-step="2"] .sim-dots i:nth-child(2){animation-name:sim-dots-b}.motion .play-panel[data-step="2"] .sim-dots i:nth-child(3){animation-name:sim-dots-c}.motion .play-panel[data-step="2"] .sim-next{animation:sim-press-next 5.6s both}.motion .play-panel[data-step="2"] .sim-deploy{animation:sim-press-deploy 5.6s both}.motion .play-panel[data-step="3"] .sim-field em span{animation:sim-type .8s calc(.75s + var(--i) * 1.3s) steps(18,end) both}.motion .play-panel[data-step="3"] .sim-field em{animation:sim-focus 1.3s calc(.6s + var(--i) * 1.3s) both}.motion .play-panel[data-step="3"] .sim-preview>.cr{animation:sim-pop .6s 4s cubic-bezier(.22,1,.36,1) both}.motion .play-panel[data-step="3"] .sim-preview .sim-from{animation:sim-in .4s 3.9s both}.motion .play-panel[data-step="3"] .sim-publish{animation:sim-press-pub 6.6s both}.motion .play-panel[data-step="3"] .sim-done{animation:sim-pop .5s 5.25s cubic-bezier(.22,1,.36,1) both}.motion .play-panel[data-step="3"] .sim-agent{animation:sim-in .4s .2s both}@keyframes sim-in{0%{opacity:0;transform:translateY(1cqw)}}@keyframes sim-pop{0%{opacity:0;transform:scale(.85)}}@keyframes sim-row{0%{opacity:0;transform:translate(-2cqw)}}@keyframes sim-typing{0%,to{opacity:0}10%,85%{opacity:1}}@keyframes sim-dot{to{transform:translateY(-.5cqw);background:#7d8078}}@keyframes sim-fade{0%,21%{opacity:0}26%,to{opacity:1}}@keyframes sim-zoom{0%,21%{transform:scale(.6) translate(-20%,-24%)}29%,to{transform:none}}@keyframes sim-picked{0%,18%{box-shadow:none}20%,to{box-shadow:0 0 0 .5cqw var(--tool)}}@keyframes sim-flip{0%,38%{transform:translate(0)}44%,52%{transform:translate(calc(-100% - 4cqw))}58%,to{transform:translate(calc(-200% - 8cqw))}}@keyframes sim-dots-a{0%,40%{opacity:1}44%,to{opacity:.5}}@keyframes sim-dots-b{0%,40%{opacity:.5}44%,54%{opacity:1}58%,to{opacity:.5}}@keyframes sim-dots-c{0%,54%{opacity:.5}58%,to{opacity:1}}@keyframes sim-press-next{0%,36%,40%,51%,55%,to{transform:scale(1)}38%,53%{transform:scale(.85)}}@keyframes sim-press-deploy{0%,72%{transform:scale(1)}74%{transform:scale(.92)}77%,to{transform:scale(1);background:var(--tool)}}@keyframes sim-press-pub{0%,77%{transform:scale(1);filter:none}79%{transform:scale(.92)}82%,to{transform:scale(1);filter:brightness(.9)}}@keyframes sim-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes sim-focus{0%,to{border-color:#d8d8d4;box-shadow:none}10%,85%{border-color:var(--tool);box-shadow:0 0 0 .35cqw color-mix(in srgb,var(--tool) 20%,transparent)}}@keyframes cur-2{0%{left:62%;top:96%}15%{left:51%;top:31%}18%{left:51%;top:31%;transform:scale(.8)}21%{left:51%;top:31%;transform:none}32%{left:93%;top:48%}36%,40%{left:93%;top:48%}38%{transform:scale(.8)}40%{transform:none}51%,55%{left:93%;top:48%}53%{transform:scale(.8)}55%{transform:none}70%{left:89%;top:91%}72%,to{left:89%;top:91%}74%{transform:scale(.8)}76%{transform:none}}@keyframes cur-3{0%{left:70%;top:72%}8%,26%{left:40%;top:28%}10%{transform:scale(.8)}12%{transform:none}29%,46%{left:40%;top:43%}31%{transform:scale(.8)}33%{transform:none}49%,58%{left:40%;top:58%}51%{transform:scale(.8)}53%{transform:none}74%,to{left:88%;top:90%}78%{transform:scale(.8)}80%{transform:none}}.sim-rail i{position:relative}.sim-rail i b{position:absolute;right:-1cqw;top:50%;transform:translateY(-50%);min-width:2.2cqw;height:2.2cqw;border-radius:99px;background:#e0245e;color:#fff;font-size:1.6cqw;line-height:2.2cqw;text-align:center;font-weight:700}.sim-feed{position:absolute;left:19cqw;right:3cqw;top:8cqw}.sim-old{display:flex;gap:1.2cqw;margin-bottom:2cqw;opacity:.75}.sim-old>i{flex:none;width:3.4cqw;height:3.4cqw;border-radius:.9cqw;background:#e4e2da}.sim-old span{flex:1;display:flex;flex-direction:column;gap:.9cqw;padding-top:.3cqw}.sim-old em{display:block;height:1.5cqw;border-radius:1cqw;background:#ecebe5;width:30%}.sim-old em+em{width:72%}.sim-msg{position:absolute;inset:24cqw 3cqw 2cqw 18cqw;padding:1.4cqw 1.6cqw;border-radius:1.2cqw;background:color-mix(in srgb,var(--tool) 6%,#fff);border:1px solid color-mix(in srgb,var(--tool) 18%,#fff)}.sim-msg-head{display:flex;align-items:center;gap:.8cqw}.sim-msg-head img{width:3cqw;height:3cqw}.sim-msg-head b{font-weight:650}.sim-msg-head span{font-size:1.6cqw;font-weight:600;color:var(--ink-2);background:#ecebe5;border-radius:.4cqw;padding:0 .6cqw}.sim-msg-head time{color:var(--ink-2)}.sim-msg p{margin:.8cqw 0 0 3.8cqw!important;max-width:62cqw}.sim-attach{position:absolute;left:5.4cqw;top:11.8cqw;display:flex;gap:1.6cqw;align-items:center;border:1px solid var(--line-1);background:#fff;border-radius:1cqw;padding:1cqw;width:48cqw}.sim-attach>span{display:flex;flex-direction:column;color:var(--ink-2);min-width:0}.sim-attach>span b{color:var(--ink-1);font-weight:600}.sim-approve{position:absolute;left:23.4cqw;top:51.5cqw;display:flex;gap:1cqw}.sim-approve span{display:grid;place-items:center;height:4.6cqw;padding:0 2.2cqw;border-radius:.9cqw;font-weight:600;background:var(--tool);color:#fff}.sim-approve .sim-edit{background:#fff;color:var(--ink-1);border:1px solid #d8d8d4}.sim-alert .sim-agent{display:none}.sim-alert .sim-done{left:auto;right:3cqw;bottom:auto;top:52cqw}.motion .play-panel[data-step="3"] .sim-alert .sim-cursor{animation-name:cur-4}.motion .play-panel[data-step="3"] .sim-rail i b{animation:sim-pop .4s 1s cubic-bezier(.22,1,.36,1) both}.motion .play-panel[data-step="3"] .sim-msg{animation:sim-in .55s 1.1s cubic-bezier(.22,1,.36,1) both}.motion .play-panel[data-step="3"] .sim-approve{animation:sim-in .45s 1.5s both}.motion .play-panel[data-step="3"] .sim-approve>span:first-child{animation:sim-press-pub 6.6s both}.motion .play-panel[data-step="3"] .sim-alert .sim-done{animation:sim-pop .5s 5.2s cubic-bezier(.22,1,.36,1) both}@keyframes cur-4{0%,18%{left:72%;top:30%}40%,52%{left:30%;top:60%}74%,to{left:30%;top:86%}78%{transform:scale(.8)}80%{transform:none}}.motion .play-panel[data-step="2"] .sim-mail{animation:sim-mail .55s calc(.4s + (5 - var(--i)) * .5s) cubic-bezier(.22,1,.36,1) both}.motion .play-panel[data-step="2"] .sim-tag{animation:sim-pop .4s calc(.75s + (5 - var(--i)) * .5s) cubic-bezier(.22,1,.36,1) both}.motion .play-panel[data-step="2"] .sim-has-inbox .sim-cursor{display:block;animation:cur-6 5.6s cubic-bezier(.45,0,.2,1) both}.motion .play-panel[data-step="2"] .sim-mail:first-child{animation:sim-mail .55s 2.9s cubic-bezier(.22,1,.36,1) both,sim-mail-pick 5.6s both}.motion .play-panel[data-step="3"] .sim-m-outlook .sim-cursor{animation-name:cur-5}.motion .play-panel[data-step="3"] .sim-reply-tag{animation:sim-pop .4s .3s both}.motion .play-panel[data-step="3"] .sim-reply p span{animation:sim-type 1.1s calc(.8s + var(--i) * 1.2s) steps(30,end) both}.motion .play-panel[data-step="3"] .sim-thread{animation:sim-in .45s .1s both}.motion .play-panel[data-step="3"] .sim-popup{animation:sim-pop .5s .1s cubic-bezier(.22,1,.36,1) both}.motion .play-panel[data-step="3"] .sim-tree span{animation:sim-row .4s calc(.1s + var(--d) * .3s) both}@keyframes sim-mail{0%{opacity:0;transform:translateY(-3cqw)}}@keyframes sim-mail-pick{0%,80%{background:transparent}84%,to{background:color-mix(in srgb,var(--tool) 10%,#fff)}}@keyframes cur-5{0%,62%{left:70%;top:94%;opacity:0}66%{opacity:1;left:70%;top:94%}76%{left:88%;top:91%}78%{transform:scale(.8)}80%,to{transform:none;left:88%;top:91%}}@keyframes cur-6{0%,58%{left:72%;top:95%}76%,to{left:46%;top:20%}80%{transform:scale(.8)}82%{transform:none}}