.sands-demo{--mk-container-max:1360px;--mk-gutter:16px;--mk-bg:#13120e;--mk-panel:#1e1c19}@media (min-width:1024px){.sands-demo{--mk-gutter:20px}}.sands-demo{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mk-ink:255 255 255;--mk-nav:237 236 236;--mk-ground:23 22 21;--mk-bg:#13120e;--mk-panel:#1e1c19;--mk-surface:#191814;--mk-surface-line:rgb(var(--mk-ink)/.08);--mk-menu:#1d1b18;--mk-control:#24221d;--color-base:#181716;--color-input:#201f1d;--color-hover:#0f0e0d;--color-border:#302e2a;--color-text-muted:#999894}.sands-demo .mk-crop{container-type:inline-size}.sands-demo .mk-crop-view{height:max(calc(var(--mk-ch)*var(--mk-z,1)),var(--mk-dh,calc(100cqw*var(--mk-ratio,0))));position:relative;overflow:hidden;container-type:size}.sands-demo .mk-crop-view--fill{height:100%}.sands-demo .mk-crop-canvas{--mk-w:max(calc(var(--mk-cw)*var(--mk-z,1)),var(--mk-dw,100cqw));width:var(--mk-w);height:max(calc(var(--mk-ch)*var(--mk-z,1)),var(--mk-dh,100cqh));top:0;left:calc(max(var(--mk-pad,0px) - var(--mk-ax,0px),min(var(--mk-pad,0px),100% - var(--mk-pad,0px) - min(var(--mk-w),var(--mk-ax,0px) + var(--mk-af,280px)))) + max(0px,50% - var(--mk-w)/2 - var(--mk-pad,0px)));position:absolute}.sands-demo .mk-crop-zoom{zoom:var(--mk-z,1);width:100%;height:100%}@container (max-width:639.98px){.sands-demo .mk-crop-canvas{--mk-af:100cqw}}@media (max-width:1023.98px){.sands-demo .mk-crop,.sands-demo .mk-crop-view,.sands-demo .mk-crop-canvas,.sands-demo .ps-stage,.sands-demo .ps-overlay,.sands-demo .hd-stage{--mk-z:1!important}}.sands-demo .mk-crop-canvas[data-pan]{transition:left .7s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.sands-demo .mk-crop-canvas[data-pan]{transition:none}}.sands-demo .slack-window-crop{--mk-cw:600px;--mk-ch:480px;--mk-ratio:.8}.sands-demo .slack-window-view{border-radius:.75rem}.sands-demo .ps-stage{--ps-pad:16px;border-radius:var(--ps-radius);padding:var(--ps-pad);color:#e8e8e8;-webkit-font-smoothing:antialiased;text-align:left;font-family:inherit;position:relative;overflow:hidden}.sands-demo .ps-stage *,.sands-demo .ps-stage :before,.sands-demo .ps-stage :after{box-sizing:border-box}.sands-demo .ps-stage .hd-split,.sands-demo .ps-stage .hd-bar-title{white-space:nowrap;flex-shrink:0}.sands-demo .ps-stage .hd-bar-title{flex-shrink:1}@media (min-width:640px){.sands-demo .ps-stage{--ps-pad:40px}}@media (max-width:639.98px){.sands-demo .ps-stage{padding-right:0}.sands-demo .ps-stage--demo .hd-stage{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}}@media (min-width:1024px){.sands-demo .ps-stage{--ps-pad:56px}.sands-demo .ps-stage--small{--ps-pad:48px}}.sands-demo .ps-stage--main{--mk-cw:726px;--mk-ch:560px;--mk-dw:654.77px;--mk-dh:448px;--mk-z:.8}.sands-demo .ps-stage--small{--mk-cw:588px;--mk-ch:385px;--mk-dw:528px;--mk-dh:308px;--mk-z:.8}.sands-demo .ps-slot{height:100%;min-height:var(--mk-dh);border-radius:var(--ps-radius)}@media (max-width:1023.98px){.sands-demo .ps-slot{min-height:max(calc(var(--mk-ch)*var(--mk-z,1)),var(--mk-dh))}}.sands-demo .ps-stage .pp-window{border-radius:var(--ps-radius);box-shadow:none;border:1px solid #e8e8e81a}.sands-demo .ps-stage .pp-window .hd-canvas{box-shadow:none}.sands-demo .ps-stage .pp-split{--pp-drawer-w:540px}.sands-demo .ps-stage .pp-skel{display:none}.sands-demo .ps-stage--demo .hd-stage{--hd-hmax:calc(1208px*720/1320);box-shadow:none;border-radius:var(--ps-radius);border:1px solid #e8e8e81a}.sands-demo .ps-stage--app{--mk-cw:1360px;--mk-ch:735px;--mk-dw:1208px;--mk-dh:588px;--mk-z:.8}.sands-demo .ps-stage--slack>div{box-shadow:none;border-radius:var(--ps-radius)}.sands-demo .ps-stage--slack .slack-window-view,.sands-demo .ps-stage--slack [data-slack-window]{border-radius:var(--ps-radius)}.sands-demo .ps-stage--slack [data-slack-window]{background-color:#0000}.sands-demo .ps-stage--slack [data-slack-body]{background-color:#fff}.sands-demo .ps-stage--slack{--mk-dw:654.77px;--mk-dh:523.81px;--mk-z:1}.sands-demo .ps-stage .ps-slack[data-slack-window]{border-radius:var(--ps-radius);background-color:#0000}.sands-demo .ps-stage--backdrop{background-position:50%;background-repeat:no-repeat;background-size:cover}.sands-demo *,.sands-demo :before,.sands-demo :after{margin:revert-layer;padding:revert-layer}@layer base{.sands-demo *,.sands-demo :before,.sands-demo :after{border-color:#2b2926}}.sands-demo .font-bold,.sands-demo .font-black,.sands-demo strong{font-weight:600}.sands-demo .ps-stage--card{--mk-cw:470px;--mk-ch:480px;--mk-z:.68;--mk-dw:319.6px;--mk-dh:326.4px}.sands-demo .sd-play>.ps-stage,.sands-demo .sd-play>.ps-frame,.sands-demo .ps-frame>.ps-stage{height:100%}.sands-demo .ps-frame{border-radius:var(--ps-radius)}.sands-demo .sd-controls{z-index:3;display:flex;position:absolute;bottom:12px;right:12px}.sands-demo .ps-stage--demo .hd-stage{max-width:1208px;margin-left:auto;margin-right:auto}.sands-demo .sd-play{pointer-events:none;-webkit-user-select:none;user-select:none}.sands-demo .sd-slack-motion [data-slack-body] .flex-col>*,.sands-demo .sd-slack-motion [data-slack-body] .space-y-1\.5>*{animation:.32s ease-out both sdSlackIn}@keyframes sdSlackIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sands-demo .sd-slack-motion [data-slack-body] *{animation:none!important}}.sands-demo .sd-arch{width:100%;aspect-ratio:var(--arch-wide,1600/900);border-radius:var(--ps-radius);background-color:#141414;position:relative;overflow:hidden}@media (max-width:767.98px){.sands-demo .sd-arch{aspect-ratio:var(--arch-tall,400/1146)}}.sands-demo .sd-arch-svg{width:100%;height:100%;font-family:inherit;display:block}.sands-demo .sd-arch-grain{pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.sands-demo .sd-arch-ground{fill:#141414}.sands-demo .sd-arch-svg text{fill:#d9d9d9;letter-spacing:.06em}.sands-demo .sd-arch-svg text.sd-arch-prompt{fill:#f2f2f2;letter-spacing:.02em}.sands-demo .sd-arch-svg .sd-arch-dim,.sands-demo .sd-arch-svg text.sd-arch-dim{fill:#7f7f7f}.sands-demo .sd-arch-svg .sd-arch-meta text{fill:#bdbdbd}.sands-demo .sd-arch-svg text.sd-arch-zone-label{fill:#8d8d8d}.sands-demo .sd-arch-zone{fill:none;stroke:#4f4f4f;stroke-width:1px;stroke-dasharray:2 4}.sands-demo .sd-arch-frame{fill:none;stroke:#454545;stroke-width:1px}.sands-demo .sd-arch-edge polyline{stroke:#5f5f5f;stroke-width:1.5px}.sands-demo .sd-arch-edge polygon{fill:#5f5f5f}.sands-demo .sd-arch-edge--strong polyline{stroke:#8a8a8a;stroke-width:2px}.sands-demo .sd-arch-edge--strong polygon{fill:#8a8a8a}.sands-demo .sd-arch-edge--on polyline{stroke:#f0f0f0;stroke-width:2px}.sands-demo .sd-arch-edge--on polygon{fill:#f0f0f0}.sands-demo .sd-arch-svg text.sd-arch-edge-label{fill:#9a9a9a;letter-spacing:.08em}.sands-demo .sd-arch-svg .sd-arch-edge--on text.sd-arch-edge-label{fill:#f0f0f0}.sands-demo .sd-arch-junction{fill:#5f5f5f}.sands-demo .sd-arch-junction--on{fill:#f0f0f0}.sands-demo .sd-arch-box{fill:#191919;stroke:#6f6f6f;stroke-width:1.25px}.sands-demo .sd-arch-bar{fill:#7c7c7c}.sands-demo .sd-arch-bar-rule{display:none}.sands-demo .sd-arch--code .sd-arch-bar-rule{display:inline}.sands-demo .sd-arch-svg text.sd-arch-title{fill:#101010;font-weight:600}.sands-demo .sd-arch-svg text.sd-arch-sub{fill:#c6c6c6;letter-spacing:.01em}.sands-demo .sd-arch-node--seen .sd-arch-box{stroke:#bdbdbd}.sands-demo .sd-arch-node--seen .sd-arch-bar{fill:#c4c4c4}.sands-demo .sd-arch-node--on .sd-arch-box{stroke:#fff}.sands-demo .sd-arch-node--on .sd-arch-bar{fill:#fff}.sands-demo .sd-arch-svg .sd-arch-node--on text.sd-arch-sub{fill:#e6e6e6}.sands-demo .sd-arch-tag rect{fill:#f2f2f2}.sands-demo .sd-arch-svg .sd-arch-tag text{fill:#101010;letter-spacing:.04em;font-weight:600}.sands-demo .sd-arch-packet{fill:#fff}.sands-demo .sd-arch--code{--code-ground:#141414;background-color:var(--code-ground)}.sands-demo .sd-arch--code .sd-arch-grain{opacity:.04}.sands-demo .sd-arch--code .sd-arch-ground{fill:var(--code-ground)}.sands-demo .sd-arch--code .sd-arch-role--input{--role:#61afef}.sands-demo .sd-arch--code .sd-arch-role--control{--role:#a9adb5}.sands-demo .sd-arch--code .sd-arch-role--interpret{--role:#c49bf0}.sands-demo .sd-arch--code .sd-arch-role--compute{--role:#e5c07b}.sands-demo .sd-arch--code .sd-arch-role--external{--role:#56b6c2}.sands-demo .sd-arch--code .sd-arch-role--write{--role:#f28cb9}.sands-demo .sd-arch--code .sd-arch-role--record{--role:#e5975f}.sands-demo .sd-arch--code .sd-arch-svg text{fill:#c9ccd1;letter-spacing:.02em}.sands-demo .sd-arch--code .sd-arch-svg text.sd-arch-prompt{fill:#e6e8eb;letter-spacing:0}.sands-demo .sd-arch--code .sd-arch-svg .sd-arch-dim,.sands-demo .sd-arch--code .sd-arch-svg text.sd-arch-dim{fill:#6e737c}.sands-demo .sd-arch--code .sd-arch-svg .sd-arch-meta text{fill:#8c9098}.sands-demo .sd-arch--code .sd-arch-svg text.sd-arch-zone-label{fill:#9a9fa7}.sands-demo .sd-arch--code .sd-arch-zone{stroke:#464b54}.sands-demo .sd-arch--code .sd-arch-frame{stroke:#2a2d33}.sands-demo .sd-arch--code .sd-arch-edge polyline{stroke:#646a74}.sands-demo .sd-arch--code .sd-arch-edge polygon{fill:#646a74}.sands-demo .sd-arch--code .sd-arch-edge--strong polyline{stroke:#868c96}.sands-demo .sd-arch--code .sd-arch-edge--strong polygon{fill:#868c96}.sands-demo .sd-arch--code .sd-arch-edge--on polyline{stroke:var(--role,#e6e8eb)}.sands-demo .sd-arch--code .sd-arch-edge--on polygon{fill:var(--role,#e6e8eb)}.sands-demo .sd-arch--code .sd-arch-svg text.sd-arch-edge-label{fill:#9a9fa7;letter-spacing:.04em}.sands-demo .sd-arch--code .sd-arch-svg .sd-arch-edge--on text.sd-arch-edge-label{fill:var(--role,#e6e8eb)}.sands-demo .sd-arch--code .sd-arch-box{fill:var(--code-ground);stroke:#3d424a}.sands-demo .sd-arch--code .sd-arch-bar{fill:var(--code-ground)}.sands-demo .sd-arch--code .sd-arch-bar-rule{stroke:#2a2d33;stroke-width:1px}.sands-demo .sd-arch--code .sd-arch-svg text.sd-arch-title{fill:var(--role,#c9ccd1);font-weight:500}.sands-demo .sd-arch--code .sd-arch-svg text.sd-arch-sub{fill:#a9adb5;letter-spacing:0}.sands-demo .sd-arch--code .sd-arch-node--seen .sd-arch-box{stroke:var(--role);stroke-opacity:.45}.sands-demo .sd-arch--code .sd-arch-node--on .sd-arch-box{stroke:var(--role);stroke-width:1.75px}.sands-demo .sd-arch--code .sd-arch-node--on .sd-arch-bar-rule{stroke:var(--role);stroke-opacity:.5}.sands-demo .sd-arch--code .sd-arch-svg .sd-arch-node--on text.sd-arch-sub{fill:#e6e8eb}.sands-demo .sd-arch--code .sd-arch-tag rect{fill:var(--role,#e6e8eb)}.sands-demo .sd-arch--code .sd-arch-svg .sd-arch-tag text{fill:var(--code-ground);letter-spacing:.02em;font-weight:600}.sands-demo .sd-arch--code .sd-arch-tag[data-tone=wait] rect{fill:#e5b75c}.sands-demo .sd-arch--code .sd-arch-tag[data-tone=warn] rect{fill:#f07171}.sands-demo .sd-arch--code .sd-arch-tag[data-tone=done] rect{fill:#98c379}.sands-demo .sd-arch--code .sd-arch-packet{fill:#f1f2f4}.sands-demo .sd-arch--code .sd-arch-junction{fill:#646a74}.sands-demo .sd-arch--code .sd-arch-junction--on{fill:#f1f2f4}.sands-demo .sd-brand{aspect-ratio:2500/1400;border-radius:var(--ps-radius);color:#fff;background-color:#13120e;place-items:center;width:100%;display:grid}@media (max-width:639px){.sands-demo .sd-brand{aspect-ratio:4/3}}.sands-demo .sd-brand-mark{width:clamp(200px,40%,680px);height:auto;overflow:visible}.sands-demo .sd-slack-ground{border-radius:var(--ps-radius);background-position:50%;background-size:cover;padding:16px}@media (min-width:640px){.sands-demo .sd-slack-ground{padding:40px}}@media (min-width:1024px){.sands-demo .sd-slack-ground{padding:48px 18%}.sands-demo .sd-slack-square{aspect-ratio:1;flex-direction:column;padding:clamp(16px,2.5vw,36px);display:flex}.sands-demo .sd-slack-square>.mk-crop{flex:1;min-height:0}.sands-demo .sd-slack-square .slack-window-view{height:100%}}.sands-demo .sd-slack-square{background-color:#3a3831}@media (min-width:1024px){.sands-demo .ps-stage.sd-square{aspect-ratio:1;--ps-pad:12px}}.sands-demo .mk-crop-view--fill>.mk-crop-canvas{top:max(0px,calc((100cqh - max(calc(var(--mk-ch)*var(--mk-z,1)),var(--mk-dh,100cqh)))/2))}.sands-demo{--ps-radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sands-demo .sd-camera{width:100%;height:100%;position:relative}.sands-demo .sd-camera-inner{transform-origin:0 0;width:100%;height:100%}.sands-demo .hd-send-menu{z-index:20;transition:opacity .22s;animation:.16s ease-out both sdMenuIn;position:absolute;top:calc(100% + 6px);right:0}.sands-demo .hd-send-menu[data-picked]{opacity:0}@keyframes sdMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sands-demo .sd-detail{aspect-ratio:1;border-radius:var(--ps-radius);width:100%;position:relative;overflow:hidden}.sands-demo .sd-detail--connectors{background-color:#736c5f;place-items:center;padding:clamp(16px,3.5vw,48px);display:grid}.sands-demo .sd-modal{color:#e8e8e8;opacity:0;background:#141414;border:1px solid #e8e8e817;border-radius:12px;width:100%;max-width:600px;transition:opacity .26s,transform .32s cubic-bezier(.2,0,0,1);transform:translateY(8px)scale(.985);box-shadow:0 40px 100px -30px #000000b3}.sands-demo .sd-modal[data-open]{opacity:1;transform:none}.sands-demo .sd-modal{position:relative}.sands-demo .sd-modal-head{padding:6px 10px 12px;font-size:14px;font-weight:600}.sands-demo .sd-modal-body{min-height:0;display:flex}.sands-demo .sd-modal-nav{background:#e8e8e805;border-right:1px solid #e8e8e812;flex-direction:column;flex:none;gap:2px;width:168px;padding:16px 8px;display:flex}.sands-demo .sd-modal-tab{color:#e8e8e89e;border-radius:8px;align-items:center;gap:10px;height:34px;padding:0 10px;font-size:13px;display:flex}.sands-demo .sd-modal-tab[data-on]{color:#e8e8e8;background:#e8e8e814}.sands-demo .sd-modal-main{flex:1;min-width:0;padding:20px 20px 22px;position:relative}.sands-demo .sd-modal-close{color:#e8e8e880;position:absolute;top:18px;right:18px}.sands-demo .sd-modal-sub{color:#e8e8e88c;margin:-8px 0 14px;font-size:12.5px}.sands-demo .sd-modal-title{margin-bottom:12px;font-size:14px;font-weight:600}.sands-demo .sd-modal-rows{flex-direction:column;gap:8px;display:flex}.sands-demo .sd-connector{border:1px solid #e8e8e814;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;transition:background-color .2s;display:flex}.sands-demo .sd-connector[data-hover]{background-color:#e8e8e80a}.sands-demo .sd-connector-mark{background:#1e1e1d;border:1px solid #e8e8e814;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.sands-demo .sd-connector-text{flex-direction:column;flex:1;min-width:0;display:flex}.sands-demo .sd-connector-name{font-size:14px;font-weight:600;line-height:20px}.sands-demo .sd-connector-meta{color:#e8e8e89e;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:17px;display:-webkit-box;overflow:hidden}.sands-demo .sd-connector-ctl{color:#e8e8e8;border:1px solid #e8e8e81f;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.sands-demo .sd-connector-ctl[data-state=done]{color:#4ade80;background:#4ade8024;border-color:#0000}.sands-demo .sd-connector-ctl[data-state=pressed]{background:#e8e8e81a}@keyframes sdSpin{to{transform:rotate(360deg)}}@media (max-width:560px){.sands-demo .sd-modal-nav{display:none}.sands-demo .sd-detail--connectors{aspect-ratio:auto}}.sands-demo .sd-detail--send{background-color:#736c5f;place-items:center;padding:clamp(18px,4vw,56px);display:grid}.sands-demo .pp-window.sd-send-window{color:#ececec;border:1px solid #e8e8e817;border-radius:12px;width:100%;max-width:520px;height:auto;overflow:hidden}.sands-demo .sd-send-bar{color:#ececec}.sands-demo .sd-send-title{color:#ececec;border-radius:6px;align-items:center;gap:6px;min-width:0;max-width:60%;height:32px;padding:0 8px;font-size:14px;font-weight:500;display:inline-flex}.sands-demo .sd-send-title>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sands-demo .sd-send-title>svg{flex:none}.sands-demo .sd-send-muted{color:#e8e8e87a;flex:none}.sands-demo .sd-send-bar .hd-split{margin-right:2px}.sands-demo .sd-send-bar .hd-split[data-open]>span:last-child{background:#0b0b0a1f}.sands-demo .sd-send-bar .hd-bar-btn{flex:none}.sands-demo .sd-send-body{height:360px;padding:24px 28px 0;position:relative;overflow:hidden}.sands-demo .sd-send-menu{z-index:2;color:#ececec;opacity:0;background:#1a1a1a;border:1px solid #ffffff14;border-radius:10px;width:240px;padding:4px;transition:opacity .16s,transform .16s;position:absolute;top:6px;right:80px;transform:translateY(-4px);box-shadow:0 12px 32px -12px #0009}.sands-demo .sd-send-menu[data-open]{opacity:1;transform:none}.sands-demo .sd-send-label{color:#e8e8e87a;padding:6px 10px 4px;font-size:12px}.sands-demo .sd-send-row{border-radius:6px;align-items:center;gap:10px;height:32px;padding:0 10px;font-size:14px;transition:background-color .12s;display:flex}.sands-demo .sd-send-row>span:first-of-type{flex:1;min-width:0}.sands-demo .sd-send-row>svg{flex:none}.sands-demo .sd-send-row[data-on]{background:#e8e8e814}.sands-demo .sd-send-sep{background:#ffffff14;height:1px;margin:4px -4px}.sands-demo .sd-send-doc{color:#ececec}.sands-demo .sd-send-doc-title{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.2}.sands-demo .sd-send-doc-dates{color:#e8e8e8ad;align-items:center;gap:4px;margin-top:8px;font-size:13px;display:flex}.sands-demo .sd-send-doc-dates span{color:#ececec;background:#e8e8e814;border-radius:6px;align-items:center;height:24px;padding:0 8px;display:inline-flex}.sands-demo .sd-send-doc-h{letter-spacing:-.012em;margin-top:20px;font-size:17px;font-weight:600}.sands-demo .sd-send-doc-p{color:#e8e8e8db;margin-top:6px;font-size:14px;line-height:1.55}.sands-demo .sd-send-doc-line{color:#e8e8e88c;margin-top:4px;font-size:13px}.sands-demo .sd-send-doc-table{border-top:1px solid #e8e8e81a;margin-top:10px}.sands-demo .sd-send-doc-row{border-bottom:1px solid #e8e8e81a;align-items:center;gap:12px;height:44px;font-size:14px;display:flex}.sands-demo .sd-send-doc-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.sands-demo .sd-connect-scrim{z-index:2;border-radius:inherit;opacity:0;background:#0009;place-items:center;transition:opacity .22s cubic-bezier(.4,0,.2,1);display:grid;position:absolute;inset:0}.sands-demo .sd-connect-scrim[data-open]{opacity:1}.sands-demo .sd-connect{text-align:center;color:#e8e8e8;opacity:0;background:#181716;border-radius:16px;flex-direction:column;align-items:center;width:min(86%,400px);padding:20px;transition:opacity .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 24px 48px -12px #00000080,0 0 0 1px #e8e8e81a}.sands-demo .sd-connect-scrim[data-open] .sd-connect{opacity:1}.sands-demo .sd-connect-close{color:#e8e8e87a;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.sands-demo .sd-connect-lockup{align-items:center;gap:10px;margin-top:24px;display:flex}.sands-demo .sd-connect-tile{background:#181716;border:1px solid #e8e8e81a;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.sands-demo .sd-connect-dots{justify-content:space-between;align-items:center;width:30px;display:flex}.sands-demo .sd-connect-dots i{background:#e8e8e82e;border-radius:50%;width:6px;height:6px}.sands-demo .sd-connect-dots[data-busy] i{background:#e8e8e8ad;animation:1.6s ease-in-out infinite sdConnectDot}.sands-demo .sd-connect-dots[data-busy] i:nth-child(2){animation-delay:.18s}.sands-demo .sd-connect-dots[data-busy] i:nth-child(3){animation-delay:.36s}@keyframes sdConnectDot{0%,to{opacity:.25}40%{opacity:1}}.sands-demo .sd-connect-title{letter-spacing:-.015em;margin-top:16px;font-size:20px;font-weight:600;line-height:28px}.sands-demo .sd-connect-copy{color:#e8e8e8ad;margin-top:8px;font-size:14px;line-height:21px}.sands-demo .sd-connect-cta{color:#100f0e;background:#e8e8e8;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:20px;font-size:14px;font-weight:600;display:inline-flex}.sands-demo .sd-connect-cta[data-busy]{background:#bebebe}.sands-demo .sd-connect-cancel{color:#e8e8e8ad;justify-content:center;align-items:center;height:40px;margin-top:6px;padding:0 12px;font-size:13.5px;display:inline-flex}.sands-demo .sd-connect-spin{animation:.9s linear infinite sdSpin}@media (prefers-reduced-motion:reduce){.sands-demo .sd-connect-dots i,.sands-demo .sd-connect-spin{animation:none!important}}.sands-demo .hd-landing{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.sands-demo .hd-landing-block{width:100%;max-width:720px;padding:0 16px;position:relative;transform:translateY(-80px)}.sands-demo .hd-landing-title{text-align:center;color:#fff;margin-bottom:20px;font-size:24px;font-weight:600;line-height:32px}.sands-demo .hd-landing .hd-composer-wrap{padding:0}.sands-demo .hd-landing-rows{margin-top:32px;position:absolute;top:100%;left:16px;right:16px}.sands-demo .hd-landing-row{color:#fff9;border-top:1px solid #ffffff0d;align-items:center;gap:16px;height:60px;padding:0 16px;font-size:14px;transition:color .15s;display:flex}.sands-demo .hd-landing-row>svg{flex:none}.sands-demo .hd-landing-row strong{color:#ffffffe6;font-weight:500}.sands-demo .hd-landing-row[data-on]{color:#ffffffe6}.sands-demo .hd-landing-cta{gap:12px}.sands-demo .hd-blank{color:#eef1f4;white-space:normal;word-break:break-word;vertical-align:baseline;background:#1f76bf47;border:1px solid #1f76bf;border-radius:8px;margin:0 3px;padding:1px 9px;font-size:14px;line-height:1.4;display:inline-block}.sands-demo .hd-blank[data-empty]{color:#67a8dcbf}.sands-demo .hd-blank .hd-type-caret{margin:0 1px 0 0}.sands-demo .hd-prereq .hd-answer{margin-bottom:12px}.sands-demo .hd-connect-card{border:1px solid #e8e8e81a;border-radius:16px;align-items:center;gap:12px;max-width:480px;margin:0 0 4px;padding:14px;transition:padding .18s cubic-bezier(.4,0,.2,1),border-color .18s;animation:.2s ease-out both hdCardIn;display:flex}@keyframes hdCardIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sands-demo .hd-connect-card[data-status=connected]{border-color:#0000;padding:4px 0}.sands-demo .hd-connect-mark{background:#181716;border:1px solid #e8e8e81a;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.sands-demo .hd-connect-card[data-status=connected] .hd-connect-mark{border-radius:8px;width:32px;height:32px}.sands-demo .hd-connect-line{color:#e8e8e8;align-items:center;gap:6px;font-size:13.5px;line-height:20px;display:flex}.sands-demo .hd-connect-card[data-status=connected] .hd-connect-line{color:#e8e8e8ad}.sands-demo .hd-connect-glyph{color:#e8e8e87a;flex:none}.sands-demo .hd-connect-manage{color:#e8e8e87a;margin-left:4px;font-size:12.5px}.sands-demo .hd-connect-actions{gap:8px;margin-top:10px;display:flex}.sands-demo .hd-connect-pill{color:#100f0e;background:#e8e8e8;border-radius:9999px;align-items:center;height:32px;padding:0 14px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.sands-demo .hd-connect-pill[data-pressed]{opacity:.9}.sands-demo .hd-connect-pill[data-off]{color:#e8e8e87a;background:#e8e8e812}.sands-demo .hd-connect-ghost{color:#e8e8e8ad;border:1px solid #e8e8e81a;border-radius:9999px;align-items:center;height:32px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.sands-demo .hd-frame{position:relative}.sands-demo .hd-connect-scrim{z-index:30}.sands-demo .hd-toast{z-index:31;color:#e8e8e8;white-space:nowrap;opacity:0;background:#181716;border:1px solid #e8e8e81a;border-radius:12px;align-items:center;gap:10px;padding:6px;font-size:13.5px;font-weight:500;transition:opacity .2s;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px -4px #00000059}.sands-demo .hd-toast[data-on]{opacity:1}.sands-demo .hd-toast-mark{background:#181716;border:1px solid #e8e8e81a;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.sands-demo .hd-toast-close{color:#e8e8e87a;place-items:center;width:28px;height:28px;display:grid}.sands-demo .hd-settled,.sands-demo .hd-settled *{animation:none!important}.sands-demo .pp-window{color:#e8e8e8}.sands-demo .hd-bar>.hd-split-box{margin-left:auto;position:relative}.sands-demo .hd-bar>.hd-split-box>.hd-split{margin-left:0}.sands-demo .sd-connector-meta{min-height:34px}.sands-demo .hd-split,.sands-demo .hd-split>span{white-space:nowrap;flex-shrink:0}.sands-demo .sd-send-title{flex:0 auto}@media (max-width:767px){.sands-demo .sd-send-bar .sd-send-expand{display:none}}@media (max-width:560px){.sands-demo .sd-detail--send{padding:16px}.sands-demo .sd-send-body{height:280px;padding:20px 20px 0}.sands-demo .sd-send-menu{width:min(240px,100% - 64px);right:52px}.sands-demo .sd-send-doc-title{font-size:20px}}.sands-demo .sd-send-row[data-pressed]{background:#e8e8e824}@media (max-width:560px){.sands-demo .sd-detail--send{aspect-ratio:auto;padding:16px 16px 48px}.sands-demo .pp-window.sd-send-window{overflow:visible}.sands-demo .sd-send-bar{border-radius:12px 12px 0 0}.sands-demo .sd-send-body{background:#0b0b0a;border-radius:0 0 12px 12px;overflow:visible}.sands-demo .sd-send-doc{height:100%;overflow:hidden}}.sands-demo .hd-mount[data-phone]{margin-right:0}.sands-demo .hd-mount[data-phone] .hd-stage{border-radius:14px}.sands-demo .hd-frame[data-phone] .hd-sidebar{display:none}.sands-demo .hd-frame[data-phone] .hd-chat-header{padding:0 12px 0 16px}.sands-demo .hd-frame[data-phone] .hd-col{padding:12px 16px 0}.sands-demo .hd-frame[data-phone] .hd-composer-wrap{padding:0 12px}.sands-demo .hd-frame[data-phone] .hd-landing .hd-composer-wrap{padding:0}.sands-demo .hd-frame[data-phone] .hd-landing-block{padding:0 16px;transform:translateY(-48px)}.sands-demo .hd-frame[data-phone] .hd-landing-title{margin-bottom:16px;font-size:20px;line-height:28px}.sands-demo .hd-frame[data-phone] .hd-landing-rows{margin-top:20px;left:16px;right:16px}.sands-demo .hd-frame[data-phone] .hd-landing-row{height:48px;padding:0 2px}.sands-demo .hd-frame[data-phone] .hd-drawer-slot{z-index:5;width:100%;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(100%)}.sands-demo .hd-frame[data-phone] .hd-drawer-slot[data-open]{width:100%;transform:none}.sands-demo .hd-frame[data-phone][data-sheet-away] .hd-drawer-slot[data-open]{transform:translate(100%)}.sands-demo .hd-frame[data-phone] .hd-drawer{width:100%;padding:0}.sands-demo .hd-frame[data-phone] .hd-canvas{border-radius:0}@media (prefers-reduced-motion:reduce){.sands-demo .hd-frame[data-phone] .hd-drawer-slot{transition:none}}.sands-demo .sd-cover{overflow:hidden}.sands-demo .sd-cover .ps-stage{border-radius:0}.sands-demo .sd-cover [data-cover-wide] .ps-stage{flex-direction:column;justify-content:center;padding:0;display:flex}
@media (max-width:899px){.LatestSection-module__4qNrkq__bottom{margin-bottom:-12px}}
.WorkGrid-module__8vDy9q__grid{grid-template-columns:1fr;gap:clamp(48px,6vw,88px) clamp(12px,2vw,24px);display:grid}.WorkGrid-module__8vDy9q__frame{aspect-ratio:4/3}@media (max-width:767px){.WorkGrid-module__8vDy9q__mobileCrop{max-width:none;width:var(--crop-w);height:auto;left:var(--crop-l);position:absolute;top:50%;transform:translateY(-50%)}}@media (min-width:768px){.WorkGrid-module__8vDy9q__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.WorkGrid-module__8vDy9q__subtitle{max-width:var(--title-measure,20ch)}.WorkGrid-module__8vDy9q__tile:first-child{grid-column:1/-1}.WorkGrid-module__8vDy9q__tile:first-child .WorkGrid-module__8vDy9q__frame{aspect-ratio:16/9}.WorkGrid-module__8vDy9q__tile:first-child .WorkGrid-module__8vDy9q__subtitle{max-width:none}.WorkGrid-module__8vDy9q__tile:nth-child(2n){grid-column:1/span 6}.WorkGrid-module__8vDy9q__tile:nth-child(odd):not(:first-child){grid-column:7/span 6}.WorkGrid-module__8vDy9q__tile:nth-child(4n+2) .WorkGrid-module__8vDy9q__frame{aspect-ratio:3/4}.WorkGrid-module__8vDy9q__tile:nth-child(4n+3) .WorkGrid-module__8vDy9q__frame,.WorkGrid-module__8vDy9q__tile:nth-child(4n+4) .WorkGrid-module__8vDy9q__frame{aspect-ratio:1}.WorkGrid-module__8vDy9q__tile:nth-child(4n+5) .WorkGrid-module__8vDy9q__frame{aspect-ratio:3/4}.WorkGrid-module__8vDy9q__tile.WorkGrid-module__8vDy9q__full{grid-column:1/-1}.WorkGrid-module__8vDy9q__tile.WorkGrid-module__8vDy9q__full .WorkGrid-module__8vDy9q__frame{aspect-ratio:16/9}.WorkGrid-module__8vDy9q__tile.WorkGrid-module__8vDy9q__full .WorkGrid-module__8vDy9q__subtitle{max-width:none}}