.demo-animation-module__Fzs6Ta__stage{--saas-cream:#efeadb;--saas-cream-deep:#e8e2d2;--saas-card:#f6f3e9;--saas-bone:#d9d2bf;--saas-ink:#1c1917;--saas-amber:#c59454;--saas-amber-bg:#c594542e;--saas-amber-fg:#6e4a17;--saas-charbon:#0e0b0a;--col-orange:#d97a3a;--col-blue:#5b86b7;--col-purple:#8a6db5;--col-green:#5a8a5a;background:var(--saas-cream);width:100%;color:var(--saas-ink);font-family:var(--font-geist-sans), "Inter", system-ui, sans-serif;aspect-ratio:5/2;-webkit-user-select:none;user-select:none;isolation:isolate;grid-template-columns:44px 1fr;min-height:460px;max-height:560px;display:grid;position:relative;overflow:hidden}@media (max-width:720px){.demo-animation-module__Fzs6Ta__stage{aspect-ratio:3/4;min-height:560px}}.demo-animation-module__Fzs6Ta__stageCompact{aspect-ratio:16/11;min-height:0;max-height:none}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__header{padding:10px 16px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__titleRow{padding:14px 18px 4px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__titleBlock h2{font-size:clamp(22px,2.6vw,32px)}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__tabs{gap:16px;padding:12px 18px 0}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__tab{padding-bottom:9px;font-size:10px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__column{padding:14px 10px 16px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__columnSub,.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__emptyState{font-size:10px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__heroSlot{height:100px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__card,.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__heroCardOriginal,.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__cardMover{padding:9px 10px;font-size:10.5px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__cardName{font-size:12px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__typePill{padding:2px 6px;font-size:8px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__addCta{padding:8px 11px;font-size:9px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__emailCard{width:min(280px,65%);padding:10px 12px 8px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__emailSubject{font-size:13px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__emailBody{font-size:10px}@media (max-width:1024px){.demo-animation-module__Fzs6Ta__stageCompact{aspect-ratio:16/10;min-height:420px;max-height:600px}}@media (max-width:640px){.demo-animation-module__Fzs6Ta__stageCompact{aspect-ratio:4/5;min-height:520px;max-height:none}}.demo-animation-module__Fzs6Ta__sidebar{background:var(--saas-cream);border-right:1px solid #1c191714;flex-direction:column;align-items:center;gap:8px;padding:18px 0;display:flex}.demo-animation-module__Fzs6Ta__sidebarLogo{background:var(--saas-charbon);border-radius:4px;width:26px;height:26px;margin-bottom:14px}.demo-animation-module__Fzs6Ta__sidebarIcon{color:#1c191773;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.demo-animation-module__Fzs6Ta__sidebarIcon.demo-animation-module__Fzs6Ta__active{color:var(--saas-ink);background:#1c19170f}.demo-animation-module__Fzs6Ta__sidebarIcon svg{width:16px;height:16px}.demo-animation-module__Fzs6Ta__main{flex-direction:column;display:flex;position:relative;overflow:hidden}.demo-animation-module__Fzs6Ta__header{border-bottom:1px solid #1c19170f;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.demo-animation-module__Fzs6Ta__headerEyebrow{text-transform:uppercase;letter-spacing:.28em;color:#1c191780;align-items:center;gap:10px;font-size:9px;display:flex}.demo-animation-module__Fzs6Ta__headerEyebrow:before{content:"";background:var(--col-orange);width:24px;height:1px;display:inline-block}.demo-animation-module__Fzs6Ta__headerRight{color:#1c191780;align-items:center;gap:14px;font-size:11px;display:flex}.demo-animation-module__Fzs6Ta__avatar{background:var(--saas-charbon);width:26px;height:26px;color:var(--saas-cream);letter-spacing:.04em;border-radius:999px;place-items:center;font-size:10px;display:grid}.demo-animation-module__Fzs6Ta__titleRow{justify-content:space-between;align-items:flex-end;padding:20px 26px 8px;display:flex}.demo-animation-module__Fzs6Ta__titleBlock h2{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3.5vw,44px);font-weight:300;line-height:1}.demo-animation-module__Fzs6Ta__titleBlock h2 em{font-style:italic}.demo-animation-module__Fzs6Ta__titleSubtitle{color:#1c19178c;margin-top:8px;font-size:12px}.demo-animation-module__Fzs6Ta__titleSubtitle em{color:#1c191766;font-style:italic}.demo-animation-module__Fzs6Ta__addCta{background:var(--saas-charbon);color:var(--saas-cream);text-transform:uppercase;letter-spacing:.22em;align-items:center;gap:10px;padding:10px 14px;font-size:10px;display:flex}.demo-animation-module__Fzs6Ta__addCta span:first-child{font-size:14px;line-height:1}.demo-animation-module__Fzs6Ta__tabs{border-bottom:1px solid #1c191714;gap:28px;padding:18px 26px 0;display:flex}.demo-animation-module__Fzs6Ta__tab{text-transform:uppercase;letter-spacing:.22em;color:#1c191780;border-bottom:1px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding-bottom:12px;font-size:11px;display:inline-flex}.demo-animation-module__Fzs6Ta__tab.demo-animation-module__Fzs6Ta__active{color:var(--saas-ink);border-bottom-color:var(--saas-ink)}.demo-animation-module__Fzs6Ta__tabCount{color:#1c191773;font-variant-numeric:tabular-nums;font-size:10px}.demo-animation-module__Fzs6Ta__board{background:#1c19170f;flex:1;grid-template-columns:repeat(5,1fr);gap:1px;padding-top:1px;display:grid}.demo-animation-module__Fzs6Ta__column{background:var(--saas-cream);flex-direction:column;gap:10px;min-height:240px;padding:18px 14px 20px;display:flex}.demo-animation-module__Fzs6Ta__columnHead{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.demo-animation-module__Fzs6Ta__columnHeadTop{justify-content:space-between;align-items:center;display:flex}.demo-animation-module__Fzs6Ta__columnTitle{color:var(--saas-ink);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.demo-animation-module__Fzs6Ta__columnDot{border-radius:999px;width:7px;height:7px;display:inline-block}.demo-animation-module__Fzs6Ta__dotOrange{background:var(--col-orange)}.demo-animation-module__Fzs6Ta__dotBlue{background:var(--col-blue)}.demo-animation-module__Fzs6Ta__dotPurple{background:var(--col-purple)}.demo-animation-module__Fzs6Ta__dotGreen{background:var(--col-green)}.demo-animation-module__Fzs6Ta__columnCount{color:#1c191766;font-variant-numeric:tabular-nums;font-size:11px}.demo-animation-module__Fzs6Ta__columnSub{color:#1c191773;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic}.demo-animation-module__Fzs6Ta__emptyState{color:#1c191766;padding:16px 4px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic;line-height:1.4}.demo-animation-module__Fzs6Ta__card{background:var(--saas-card);border:1px solid #1c191714;border-radius:2px;flex-direction:column;gap:8px;padding:11px 12px 10px;font-size:11px;display:flex}.demo-animation-module__Fzs6Ta__cardName{letter-spacing:-.01em;color:var(--saas-ink);font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic}.demo-animation-module__Fzs6Ta__typePill{background:var(--saas-amber-bg);color:var(--saas-amber-fg);text-transform:uppercase;letter-spacing:.2em;border-radius:2px;align-self:flex-start;padding:3px 7px;font-size:9px}.demo-animation-module__Fzs6Ta__cardMetaRow{color:#1c19178c;align-items:center;gap:6px;font-size:11px;display:flex}.demo-animation-module__Fzs6Ta__cardMetaRow svg{flex-shrink:0;width:11px;height:11px}.demo-animation-module__Fzs6Ta__cardFooter{border-top:1px solid #1c19170d;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;display:flex}.demo-animation-module__Fzs6Ta__cardAssignee{color:#1c19178c;align-items:center;gap:6px;font-size:10px;display:flex}.demo-animation-module__Fzs6Ta__cardAssigneeAvatar{background:var(--saas-amber);width:18px;height:18px;color:var(--saas-cream);border-radius:999px;place-items:center;font-size:9px;display:grid}.demo-animation-module__Fzs6Ta__cardAge{text-transform:uppercase;letter-spacing:.18em;color:#1c191766;font-size:9px}.demo-animation-module__Fzs6Ta__heroSlot{height:110px;position:relative}.demo-animation-module__Fzs6Ta__heroCardOriginal{background:var(--saas-card);border:1px solid #1c191714;border-radius:2px;flex-direction:column;gap:8px;padding:11px 12px 10px;font-size:11px;transition:opacity .22s,box-shadow .3s;display:flex;position:absolute;inset:0}.demo-animation-module__Fzs6Ta__heroCardOriginal[data-hover=true]{box-shadow:0 12px 28px -12px #1c191740}.demo-animation-module__Fzs6Ta__heroCardOriginal[data-fadeout=true]{opacity:0}.demo-animation-module__Fzs6Ta__heroSlotPlaceholder{opacity:0;background:#1c191705;border:1px dashed #1c19171f;border-radius:2px;transition:opacity .22s;position:absolute;inset:0}.demo-animation-module__Fzs6Ta__heroSlotPlaceholder[data-show=true]{opacity:1}.demo-animation-module__Fzs6Ta__cardMover{width:var(--mover-width,180px);background:var(--saas-card);opacity:0;pointer-events:none;transform:translate3d(var(--mover-x,0), var(--mover-y,0), 0) rotate(var(--mover-rotate,0deg));z-index:10;border:1px solid #1c19171a;border-radius:2px;flex-direction:column;gap:8px;padding:11px 12px 10px;font-size:11px;transition:opacity .2s,transform .75s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0;box-shadow:0 24px 44px -18px #1c191752}.demo-animation-module__Fzs6Ta__cardMover[data-state=active]{opacity:1}.demo-animation-module__Fzs6Ta__cardMover[data-state=hidden]{opacity:0;transition:opacity .22s}.demo-animation-module__Fzs6Ta__toast{background:var(--saas-charbon);color:var(--saas-cream);opacity:0;z-index:11;border-radius:2px;align-items:center;gap:12px;padding:11px 16px;font-size:12px;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%,80px);box-shadow:0 22px 44px -14px #0e0b0a8c}.demo-animation-module__Fzs6Ta__toast[data-show=true]{opacity:1;transform:translate(-50%)}.demo-animation-module__Fzs6Ta__toastDot{background:var(--col-green);border-radius:999px;width:8px;height:8px;animation:1.6s ease-out infinite demo-animation-module__Fzs6Ta__toastPulse;box-shadow:0 0 #5a8a5ab3}@keyframes demo-animation-module__Fzs6Ta__toastPulse{0%{box-shadow:0 0 #5a8a5a99}70%{box-shadow:0 0 0 10px #5a8a5a00}to{box-shadow:0 0 #5a8a5a00}}.demo-animation-module__Fzs6Ta__emailCard{background:var(--saas-card);opacity:0;z-index:12;border:1px solid #1c19171a;border-radius:2px;flex-direction:column;gap:8px;width:min(320px,60%);padding:12px 14px 10px;transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .52s;display:flex;position:absolute;bottom:22px;right:18px;transform:translate(120%);box-shadow:0 24px 50px -16px #1c191759}.demo-animation-module__Fzs6Ta__emailCard[data-show=true]{opacity:1;transform:translate(0)}.demo-animation-module__Fzs6Ta__emailHead{text-transform:uppercase;letter-spacing:.22em;color:#1c191773;justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.demo-animation-module__Fzs6Ta__emailHeadLeft{align-items:center;gap:8px;display:flex}.demo-animation-module__Fzs6Ta__emailHeadLeft svg{width:12px;height:12px}.demo-animation-module__Fzs6Ta__emailRecipient{color:#1c191799;border-top:1px solid #1c19170f;padding-top:8px;font-size:11px}.demo-animation-module__Fzs6Ta__emailRecipient strong{color:var(--saas-ink);font-weight:500}.demo-animation-module__Fzs6Ta__emailSubject{color:var(--saas-ink);font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic;line-height:1.25}.demo-animation-module__Fzs6Ta__emailBody{color:#1c19178c;font-size:11px;line-height:1.45}.demo-animation-module__Fzs6Ta__emailFooter{text-transform:uppercase;letter-spacing:.22em;color:var(--col-green);align-items:center;gap:8px;margin-top:2px;font-size:9px;display:flex}.demo-animation-module__Fzs6Ta__emailFooter:before{content:"";background:var(--col-green);border-radius:999px;width:6px;height:6px}.demo-animation-module__Fzs6Ta__mariagesView,.demo-animation-module__Fzs6Ta__agentView{opacity:0;pointer-events:none;flex-direction:column;transition:opacity .38s;display:flex;position:absolute;inset:0}.demo-animation-module__Fzs6Ta__mariagesView[data-active=true],.demo-animation-module__Fzs6Ta__agentView[data-active=true]{opacity:1;pointer-events:auto}.demo-animation-module__Fzs6Ta__agentView{background:var(--saas-cream);gap:12px;padding:16px 22px}.demo-animation-module__Fzs6Ta__agentHeader{border-bottom:1px solid #1c191714;align-items:center;gap:12px;padding-bottom:14px;display:flex}.demo-animation-module__Fzs6Ta__agentIcon{background:var(--saas-amber);width:32px;height:32px;color:var(--saas-cream);border-radius:999px;place-items:center;font-size:14px;display:grid}.demo-animation-module__Fzs6Ta__agentIcon svg{width:16px;height:16px}.demo-animation-module__Fzs6Ta__agentHeaderText{flex-direction:column;gap:2px;display:flex}.demo-animation-module__Fzs6Ta__agentTitle{color:var(--saas-ink);letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif;font-size:16px;font-style:italic}.demo-animation-module__Fzs6Ta__agentSubtitle{text-transform:uppercase;letter-spacing:.22em;color:#1c191780;align-items:center;gap:6px;font-size:9px;display:flex}.demo-animation-module__Fzs6Ta__agentSubtitle:before{content:"";background:var(--col-green);border-radius:999px;width:6px;height:6px;animation:1.6s ease-out infinite demo-animation-module__Fzs6Ta__toastPulse}.demo-animation-module__Fzs6Ta__chatArea{flex-direction:column;flex:1;gap:10px;padding:4px 2px;display:flex;overflow:hidden}.demo-animation-module__Fzs6Ta__bubble{opacity:0;border-radius:14px;max-width:78%;padding:10px 13px;font-size:12px;line-height:1.45;transition:opacity .32s,transform .32s;transform:translateY(6px)}.demo-animation-module__Fzs6Ta__bubble[data-show=true]{opacity:1;transform:translateY(0)}.demo-animation-module__Fzs6Ta__bubbleAi{color:var(--saas-ink);background:#1c19170f;border-bottom-left-radius:3px;align-self:flex-start}.demo-animation-module__Fzs6Ta__bubbleUser{background:var(--saas-charbon);color:var(--saas-cream);border-bottom-right-radius:3px;align-self:flex-end}.demo-animation-module__Fzs6Ta__bubbleTyping{align-items:center;gap:5px;padding:14px 16px;display:flex}.demo-animation-module__Fzs6Ta__bubbleTyping span{background:#1c191766;border-radius:999px;width:6px;height:6px;animation:1.2s ease-in-out infinite demo-animation-module__Fzs6Ta__typingDot}.demo-animation-module__Fzs6Ta__bubbleTyping span:nth-child(2){animation-delay:.2s}.demo-animation-module__Fzs6Ta__bubbleTyping span:nth-child(3){animation-delay:.4s}@keyframes demo-animation-module__Fzs6Ta__typingDot{0%,60%,to{opacity:.3;transform:scale(.85)}30%{opacity:1;transform:scale(1.1)}}.demo-animation-module__Fzs6Ta__chatInput{border-top:1px solid #1c191714;align-items:center;gap:8px;padding-top:12px;display:flex}.demo-animation-module__Fzs6Ta__chatInputField{color:#1c191780;background:#1c19170a;border:1px solid #1c191714;border-radius:4px;flex:1;padding:9px 12px;font-size:11px;font-style:italic}.demo-animation-module__Fzs6Ta__chatSend{background:var(--saas-charbon);color:var(--saas-cream);text-transform:uppercase;letter-spacing:.22em;border-radius:4px;align-items:center;gap:8px;padding:9px 14px;font-size:10px;display:flex}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__agentView{padding:12px 16px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__agentTitle{font-size:14px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__bubble{padding:9px 12px;font-size:11px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__chatInputField{padding:7px 10px;font-size:10px}.demo-animation-module__Fzs6Ta__stageCompact .demo-animation-module__Fzs6Ta__chatSend{padding:7px 11px;font-size:9px}.demo-animation-module__Fzs6Ta__cursor{pointer-events:none;z-index:20;opacity:0;width:18px;height:24px;transform:translate3d(var(--cursor-x,0px), var(--cursor-y,0px), 0) scale(var(--cursor-scale,1));filter:drop-shadow(0 4px 6px #0e0b0a4d);transition:transform .9s cubic-bezier(.45,0,.2,1),opacity .32s;position:absolute;top:0;left:0}.demo-animation-module__Fzs6Ta__cursor[data-show=true]{opacity:1}.demo-animation-module__Fzs6Ta__cursor svg{width:100%;height:100%;display:block}.demo-animation-module__Fzs6Ta__frame{background:var(--bg,#0a0a0a);border:1px solid #e1e0cc1f;border-radius:24px;overflow:hidden}.demo-animation-module__Fzs6Ta__frameChrome{background:#141414;border-bottom:1px solid #e1e0cc14;align-items:center;gap:14px;padding:12px 16px;display:flex}.demo-animation-module__Fzs6Ta__frameDots{gap:6px;display:flex}.demo-animation-module__Fzs6Ta__frameDot{background:#e1e0cc2e;border-radius:999px;width:10px;height:10px}.demo-animation-module__Fzs6Ta__frameUrl{text-align:center;font-family:var(--font-geist-mono), monospace;color:#e1e0cc73;letter-spacing:.02em;flex:1;font-size:11px}