.kw{--col:500px;--tile:80px;--face:80px;--face-scale:1;--above-pearl:14px;--below-pearl:18px;--extra:max(0px, 50cqw - 486.5px);--kw-ease:cubic-bezier(.16, 1, .3, 1);--kw-in:cubic-bezier(.4, 0, 1, 1);--kw-move:cubic-bezier(.65, 0, .35, 1);--kw-draw:cubic-bezier(.45, 0, .2, 1);isolation:isolate;justify-content:center;padding-block:124px 40px;display:flex;position:relative;container-type:inline-size}.kw:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffffffe6,#fff6 55%,#fff0);border-radius:50%;width:min(1080px,100%);height:118%;position:absolute;top:52%;left:50%;translate:-50% -50%}.kw-pause{z-index:5;position:absolute;top:16px;right:16px}.kw-scene{isolation:isolate;width:min(var(--col), 100%);flex-direction:column;align-items:center;display:flex;position:relative}.kw-asks,.kw-cards{z-index:2;width:100%;display:grid;position:relative}.kw-asks>*,.kw-cards>*{grid-area:1/1}.kw-asks{place-items:end center}.kw-cards{align-items:start}.kw-ask{background:color-mix(in srgb, var(--c-sky) 14%, white);width:fit-content;max-width:100%;font-size:var(--t-body);letter-spacing:-.01em;color:var(--c-ink);text-wrap:balance;transform-origin:100% 100%;opacity:0;visibility:hidden;border-radius:20px 20px 6px;margin:0;padding:12px 18px;line-height:1.4}.kw-ask[data-shown]{opacity:1;visibility:visible}.kw-pearl{width:var(--face);height:var(--face);margin-block:var(--above-pearl) var(--below-pearl);flex:none;position:relative}.kw-face{z-index:3;position:absolute;inset:0}.kw-face>.face{transform-origin:0 0;scale:var(--face-scale);position:absolute;top:0;left:0}.kw-orbit{pointer-events:none;width:0;height:0;position:absolute;top:45%;left:50%}.kw-halo{z-index:2;opacity:0;pointer-events:none;background:radial-gradient(closest-side,#1ea7f34d,#1ea7f31a 55%,#1ea7f300);border-radius:50%;width:170%;height:170%;position:absolute;top:45%;left:50%;translate:-50% -50%;scale:.7}.kw-beams{z-index:0;position:absolute;top:0;left:0;overflow:visible}.kw-beams>g{display:none}.kw-beams>.kw-beams-desk{display:inline}.kw-beam{opacity:0}.kw-beam[data-on]{opacity:1}.kw-beam path{fill:none;stroke-linecap:round}.kw-beams stop{stop-color:var(--c-sky)}.kw-beam-line{stroke-width:2px;stroke-dasharray:1 1}.kw-beam-glow{stroke:var(--c-sky);stroke-opacity:.22;stroke-width:8px;stroke-dasharray:1 1}.kw-beam-head{stroke:var(--c-sky);stroke-width:10px;stroke-opacity:.55;stroke-dasharray:.18 1.18;stroke-dashoffset:.18px;opacity:0}.kw-beam-core{stroke:#fff;stroke-width:2.5px;stroke-opacity:1;stroke-dasharray:.07 1.07;stroke-dashoffset:.09px}.kw-apps,.kw-row{z-index:1;margin:0;padding:0;list-style:none;position:absolute;top:0;left:0}.kw-row{display:none}.kw-app{--at:var(--d-at);--depth:var(--d-depth);--show:var(--d-show);--enter:var(--d-enter,0px 0px);left:calc(var(--tile) / -2);top:calc(var(--tile) / -2);z-index:1;width:var(--tile);height:var(--tile);translate:var(--at);scale:var(--depth);opacity:var(--show);position:absolute}.kw-app[data-state=lit]{z-index:2}.kw-app[data-state=out]{z-index:0;opacity:0;scale:calc(var(--depth) * .85);transform:translate(var(--drift))}.kw-step{width:100%;height:100%;display:block;position:relative}.kw-step:before{content:"";box-shadow:0 0 0 3px color-mix(in srgb, var(--c-sky) 16%, transparent), 0 0 32px color-mix(in srgb, var(--c-sky) 32%, transparent);opacity:0;border-radius:23%;position:absolute;inset:0}.kw-app[data-state=lit] .kw-step:before,.kw-row-app[data-state=lit] .kw-step:before{opacity:1}.kw-tile{background:var(--c-white);border-radius:23%;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 4px #1f1d1b0d,0 28px 44px -22px #1f1d1b52}.kw-tile img,.kw-tile .connector-logo-icon{width:54%;height:54%;display:block}.kw-tile[data-cover] img{object-fit:cover;width:100%;height:100%}.kw-row-app{left:calc(var(--tile) / -2);top:calc(var(--tile) / -2);z-index:1;width:var(--tile);height:var(--tile);translate:var(--at);opacity:0;position:absolute}.kw-row-app:not([data-state=out]){opacity:1}.kw-row-app[data-state=lit]{z-index:2}.kw-card{background:var(--c-white);width:100%;box-shadow:var(--shadow-float);text-align:left;opacity:0;visibility:hidden;border-radius:20px;padding:24px 26px}.kw-card[data-shown]{opacity:1;visibility:visible}.kw-answer{letter-spacing:-.01em;color:var(--c-ink);text-wrap:pretty;margin:0;font-size:19px;line-height:1.5}.kw-run{white-space:nowrap}.kw-marker{vertical-align:2px;margin-left:4px}.kw-chips{gap:var(--sp-8);flex-wrap:wrap;margin:20px 0 0;padding:0;list-style:none;display:flex}.kw-chip>img{object-fit:contain;width:16px;height:16px}.kw-chip-title{text-overflow:ellipsis;line-height:1.4;overflow:hidden}@media (max-width:1067px){.kw{--col:468px;--tile:72px;--face:72px;--face-scale:.9;--extra:max(0px, 50cqw - 328px);padding-block:118px 36px}.kw:before{width:100%}.kw-beams>.kw-beams-desk{display:none}.kw-beams>.kw-beams-tab{display:inline}.kw-app{--at:var(--t-at);--depth:var(--t-depth);--show:var(--t-show);--enter:var(--t-enter,0px 0px)}.kw-card{padding:22px 24px}.kw-answer{font-size:18px}}@media (max-width:734px){.kw{--col:100%;--tile:60px;--face:56px;--face-scale:.7;--above-pearl:116px;--below-pearl:16px;--extra:max(0px, 50cqw - 132.5px);padding-block:56px 24px}.kw:before{height:90%}.kw-pause{top:0;right:0}.kw-beams>.kw-beams-tab{display:none}.kw-beams>.kw-beams-phone{display:inline}.kw[data-row=phone3] .kw-beams>.kw-beams-phone{display:none}.kw[data-row=phone3] .kw-beams>.kw-beams-phone3{display:inline}.kw-row{display:block}.kw-app{--at:var(--p-at);--depth:var(--p-depth);--show:var(--p-show);--enter:var(--p-enter,0px 0px)}.kw-card{padding:20px}.kw-answer{font-size:17px}}:root:not([data-js]) .kw-face .face *{animation-play-state:paused}@media (prefers-reduced-motion:no-preference){[data-js] .kw[data-beat=intro] :is(.kw-app,.kw-row-app,.kw-ask,.kw-card,.kw-beam){opacity:0}[data-js] .kw[data-beat=intro] .kw-app{scale:calc(var(--depth) * .85)}.kw-app{transition:opacity .42s var(--kw-ease) var(--wait,0s), scale .42s var(--kw-ease) var(--wait,0s), transform .42s var(--kw-ease) var(--wait,0s)}.kw-app[data-glide]{transition:translate .6s var(--kw-ease) var(--wait,0s), opacity .6s var(--kw-ease) var(--wait,0s), scale .6s var(--kw-ease) var(--wait,0s), transform .42s var(--kw-ease) var(--wait,0s)}[data-js] .kw:not([data-beat=intro]) .kw-app[data-arrive],.kw-app[data-late][data-state=in]{animation:kw-arrive .56s var(--kw-ease) var(--wait,0s) backwards}.kw[data-first] .kw-app[data-arrive]{--wait:calc(var(--k) * 45ms)}.kw:not([data-first]) .kw-app[data-arrive]{--wait:calc(.3s + var(--k) * 40ms)}.kw-app[data-late]{--wait:.2s}.kw[data-beat=clear] .kw-app[data-state=out]{--wait:.12s;transition-duration:.28s;transition-timing-function:var(--kw-in)}.kw[data-beat=clear] .kw-app[data-glide]{--wait:.12s;transition-timing-function:var(--kw-move)}.kw-app[data-enter]{transition-property:opacity,scale}.kw-app[data-enter][data-state=lit] .kw-step,.kw-row-app[data-enter][data-state=lit] .kw-step{animation:kw-step-in .6s var(--kw-ease) backwards}.kw-step:before{transition:opacity .3s var(--kw-ease)}.kw-app[data-state=lit] .kw-step:before,.kw-row-app[data-state=lit] .kw-step:before{transition-delay:.32s}.kw-row-app{transition:opacity .28s var(--kw-in) .12s}.kw-row-app:not([data-state=out]){transition:opacity .42s var(--kw-ease)}.kw-ask{transition:opacity .24s var(--kw-in) 60ms, visibility 0s linear .3s}.kw-ask[data-shown]{transition:none}[data-js] .kw-ask[data-shown]{animation:kw-ask-in .38s var(--kw-ease) backwards}.kw-card{transition:opacity .24s var(--kw-in), translate .24s var(--kw-in), visibility 0s linear .24s;translate:0 -6px}.kw-card[data-shown]{transition:none;translate:none}[data-js] .kw-card[data-shown]{animation:kw-card-in .46s var(--kw-ease) backwards}[data-js] .kw-card[data-shown] .kw-chip{animation:kw-chip-in .38s var(--kw-ease) var(--chip-wait) backwards}.kw-chip{--chip-wait:.24s}.kw-chip:nth-child(2){--chip-wait:.32s}.kw-chip:nth-child(3){--chip-wait:.4s}.kw-beam{transition:opacity .2s var(--kw-in)}.kw-beam[data-on]{transition:none}[data-js] .kw-beam[data-on] :is(.kw-beam-line,.kw-beam-glow){animation:kw-draw .62s var(--kw-draw) both}[data-js] .kw-beam[data-on] .kw-beam-head{animation:kw-head .62s var(--kw-draw) both}[data-js] .kw-beam[data-on] .kw-beam-head.kw-beam-core{animation-name:kw-core}.kw-halo{transition:opacity .36s var(--kw-in), scale .36s var(--kw-in)}.kw[data-beat=think] .kw-halo{opacity:1;transition:opacity .3s var(--kw-ease), scale .42s var(--kw-ease);scale:1}.kw[data-instant] :is(.kw-app,.kw-row-app){--wait:0s;transition-duration:.2s;transition-delay:0s}.kw[data-instant] .kw-step:before{transition-delay:0s}[data-js] .kw[data-instant] .kw-beam[data-on] :is(.kw-beam-line,.kw-beam-glow,.kw-beam-head){animation:none}.kw[data-instant] .kw-beam[data-on]{transition:opacity .2s var(--kw-ease)}[data-js] .kw[data-instant] :is(.kw-ask,.kw-card)[data-shown]{animation-duration:.2s}[data-js] .kw[data-instant] .kw-card[data-shown] .kw-chip{animation:none}}@keyframes kw-arrive{0%{transform:translate(var(--drift-from))}}@keyframes kw-step-in{0%{translate:var(--enter)}}@keyframes kw-ask-in{0%{opacity:0;translate:0 12px;scale:.96}}@keyframes kw-card-in{0%{opacity:0;translate:0 16px;scale:.98}}@keyframes kw-chip-in{0%{opacity:0;translate:0 6px}}@keyframes kw-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes kw-head{0%{stroke-dashoffset:.18px;opacity:1}85%{opacity:1}to{stroke-dashoffset:-1px;opacity:0}}@keyframes kw-core{0%{stroke-dashoffset:.09px;opacity:1}85%{opacity:1}to{stroke-dashoffset:-1.09px;opacity:0}}@media (prefers-reduced-motion:reduce){.kw-pause{display:none}}