.app-drawing{font-family:var(--font-geist), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mockup-scale:.5}.app-mockup{--mockup-window-close:#ff5f57;--mockup-window-minimise:#febc2e;--mockup-window-zoom:#28c840;container:mockup-window/inline-size}@container mockup-window (min-width:45rem){.app-mockup__frame{--mockup-scale:.76}}@container mockup-window (min-width:72rem){.app-mockup__frame{--mockup-scale:.8}}@container mockup-window (min-width:76.5rem){.app-mockup__frame{--mockup-scale:.85}}@container mockup-window (min-width:81rem){.app-mockup__frame{--mockup-scale:.9}}@container mockup-window (min-width:85.5rem){.app-mockup__frame{--mockup-scale:.95}}@keyframes mockup-caret{0%,49%{opacity:1}50%,to{opacity:0}}.app-drawing .mockup-caret{animation:1s step-end infinite mockup-caret}@keyframes mockup-shimmer-text{0%{background-position:200% 0}to{background-position:-200% 0}}.app-drawing .mockup-shimmer-text{background-image:linear-gradient(90deg, var(--color-muted-foreground) 0%, color-mix(in srgb, var(--color-muted-foreground), var(--color-background) 72%) 50%, var(--color-muted-foreground) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite mockup-shimmer-text}@keyframes mockup-rise{0%{opacity:0;transform:translateY(calc(4px * var(--mockup-scale)))}to{opacity:1;transform:none}}.app-drawing .mockup-rise{animation:.45s cubic-bezier(.22,1,.36,1) both mockup-rise}.app-drawing .mockup-canvas{background-image:radial-gradient(circle, var(--border) 1px, transparent 1px);background-size:calc(16px * var(--mockup-scale)) calc(16px * var(--mockup-scale))}@keyframes mockup-spin{to{transform:rotate(360deg)}}.app-drawing .mockup-spin{animation:.8s linear infinite mockup-spin}@keyframes mockup-link-pulse{0%{stroke-dashoffset:.2px}to{stroke-dashoffset:-1px}}.app-drawing .mockup-link-pulse{stroke-dasharray:.2 2;animation:linear both mockup-link-pulse}@media (prefers-reduced-motion:reduce){.app-drawing .mockup-caret,.app-drawing .mockup-shimmer-text,.app-drawing .mockup-rise,.app-drawing .mockup-spin,.app-drawing .mockup-link-pulse{animation:none}}
.flow-veil{-webkit-mask-image:linear-gradient(90deg, transparent 0, var(--foreground) 5%, var(--foreground) 95%, transparent 100%);mask-image:linear-gradient(90deg, transparent 0, var(--foreground) 5%, var(--foreground) 95%, transparent 100%)}.flow-backdrop{-webkit-mask-image:linear-gradient(180deg, transparent 0, var(--foreground) 64px, var(--foreground) calc(100% - 64px), transparent 100%);mask-image:linear-gradient(180deg, transparent 0, var(--foreground) 64px, var(--foreground) calc(100% - 64px), transparent 100%)}.flow-mover{offset-path:var(--flow-path);offset-rotate:0deg;opacity:0;white-space:nowrap;will-change:transform;display:none;position:absolute;top:0;left:0}@supports (offset-path:path("M0 0L1 1")){.flow-mover{display:flex}}.flow-intake{animation:flow-intake var(--flow-loop,16s) cubic-bezier(.45, .05, .55, .95) var(--flow-delay,0s) infinite}@keyframes flow-intake{0%{offset-distance:0%;opacity:0;transform:scale(.85)}4%{opacity:1;transform:scale(1)}38%{opacity:1;transform:scale(1)}45%{offset-distance:100%;opacity:0;transform:scale(.35)}to{offset-distance:100%;opacity:0;transform:scale(.35)}}.flow-spark{width:5px;height:5px;animation:flow-spark var(--flow-duration,4.6s) linear var(--flow-delay,0s) infinite;border-radius:9999px}@keyframes flow-spark{0%{offset-distance:0%;opacity:0}14%{opacity:.55}80%{opacity:.55}to{offset-distance:100%;opacity:0}}.flow-emit{animation:flow-emit 9s cubic-bezier(.45, .05, .55, .95) var(--flow-delay,0s) infinite}@keyframes flow-emit{0%{offset-distance:0%;opacity:0;transform:scale(.7)}4%{opacity:1;transform:scale(1)}28%{opacity:1}34%{offset-distance:80%;opacity:0;transform:scale(.9)}to{offset-distance:80%;opacity:0}}.flow-card{opacity:0;transform:translate(var(--flow-dx), var(--flow-dy)) scale(.45);animation:flow-card 18s ease var(--flow-delay,0s) infinite}@keyframes flow-card{0%{opacity:0;transform:translate(var(--flow-dx), var(--flow-dy)) scale(.45)}2%{opacity:1}7%{transform:translate(0)scale(1)}41%{opacity:1;transform:translate(0)scale(1)}44%{opacity:0;transform:translateY(-10px)scale(1)}to{opacity:0;transform:translateY(-10px)scale(1)}}.flow-pulse{animation:4s cubic-bezier(.16,1,.3,1) infinite flow-pulse}.flow-pulse+.flow-pulse{animation-delay:2s}@keyframes flow-pulse{0%{opacity:.55;transform:scale(.62)}to{opacity:0;transform:scale(2.2)}}.flow-breathe{animation:4s ease-in-out infinite flow-breathe}@keyframes flow-breathe{0%,to{transform:scale(1)}18%{transform:scale(1.045)}40%{transform:scale(1)}}.flow-drift{animation:6s ease-in-out infinite alternate flow-drift}@keyframes flow-drift{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.flow-rows{will-change:transform;animation:26s linear infinite flow-rows}@keyframes flow-rows{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.flow-rows-veil{-webkit-mask-image:linear-gradient(180deg, var(--foreground) 72%, transparent 100%);mask-image:linear-gradient(180deg, var(--foreground) 72%, transparent 100%)}@media (prefers-reduced-motion:reduce){.flow-rows{animation:none}.flow-rows--echo{display:none}.flow-mover,.flow-card,.flow-breathe,.flow-drift{animation:none!important}.flow-pulse{display:none}.flow-intake,.flow-emit{offset-distance:var(--flow-rest,45%);opacity:1}.flow-spark{display:none}.flow-card{opacity:1;transform:none}.flow-card--second{display:none}}
.crm-record{container-type:inline-size}.crm-record .crm-record__frame{--mockup-scale:.52;border:1px solid var(--border);border-radius:var(--radius-xl) 0 0 0;border-bottom:0;border-right:0;position:relative;overflow:hidden}@container (min-width:340px){.crm-record .crm-record__frame{--mockup-scale:.56}}@container (min-width:380px){.crm-record .crm-record__frame{--mockup-scale:.62}}@container (min-width:440px){.crm-record .crm-record__frame{--mockup-scale:.7}}@container (min-width:500px){.crm-record .crm-record__frame{--mockup-scale:.76}}@container (min-width:560px){.crm-record .crm-record__frame{--mockup-scale:.8}}@container (min-width:640px){.crm-record .crm-record__frame{--mockup-scale:.84}}@container (min-width:760px){.crm-record .crm-record__frame{--mockup-scale:.88}}.crm-record__fade{inset-inline:0;height:calc(72px * var(--mockup-scale));pointer-events:none;background:linear-gradient(to bottom, transparent, var(--background));position:absolute;bottom:0}.crm-record__fade-right{inset-block:0;width:calc(72px * var(--mockup-scale));pointer-events:none;background:linear-gradient(to right, transparent, var(--background));position:absolute;right:0}
.task-board{container-type:inline-size}.task-board .task-board__frame{--mockup-scale:.52;border:1px solid var(--border);border-radius:var(--radius-xl) 0 0 0;border-bottom:0;border-right:0;position:relative;overflow:hidden}@container (min-width:340px){.task-board .task-board__frame{--mockup-scale:.56}}@container (min-width:380px){.task-board .task-board__frame{--mockup-scale:.62}}@container (min-width:440px){.task-board .task-board__frame{--mockup-scale:.7}}@container (min-width:500px){.task-board .task-board__frame{--mockup-scale:.76}}@container (min-width:560px){.task-board .task-board__frame{--mockup-scale:.8}}@container (min-width:640px){.task-board .task-board__frame{--mockup-scale:.84}}@container (min-width:760px){.task-board .task-board__frame{--mockup-scale:.88}}.task-board__tone-one{--presence:var(--primary);--presence-ink:var(--background)}.task-board__tone-two{--presence:var(--success);--presence-ink:var(--background)}.task-board__agent,.task-board__agent-mark,.task-board__tag{--presence:var(--foreground);--presence-ink:var(--foreground)}.task-board__avatar{background:var(--presence);color:var(--presence-ink)}.task-board__agent-mark,.task-board__tag{border:1px solid var(--border);background:var(--background);color:var(--foreground)}.task-board__stacked{display:inline-flex}.task-board__stacked>*{box-shadow:0 0 0 calc(1.5px * var(--mockup-scale)) var(--background)}.task-board__stacked+.task-board__stacked{margin-left:calc(-5px * var(--mockup-scale))}.task-board__link{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--muted-foreground);text-decoration-color:var(--muted-foreground);text-underline-offset:.18em}.task-board__overdue{color:var(--destructive)}.task-board__answered{color:var(--success)}.task-board__drafting{box-shadow:0 0 0 calc(1.5px * var(--mockup-scale)) var(--foreground)}.task-board__tag{border-radius:calc(3px * var(--mockup-scale));white-space:nowrap;align-items:center;font-weight:500;line-height:1.4;display:inline-flex;position:absolute}.task-board__cursor{pointer-events:none;will-change:translate;align-items:flex-start;display:flex;position:absolute}.task-board__arrow{fill:var(--presence);stroke:var(--background);stroke-width:1.5px;stroke-linejoin:round;filter:drop-shadow(0 calc(1px * var(--mockup-scale)) calc(2px * var(--mockup-scale)) color-mix(in oklab, var(--foreground) 20%, transparent))}.task-board__flag{border-radius:calc(4px * var(--mockup-scale));white-space:nowrap;background:var(--presence);color:var(--presence-ink);align-items:center;font-weight:500;line-height:1.4;display:inline-flex}.task-board__agent .task-board__flag{background:var(--background);border:1px solid var(--border);box-shadow:0 calc(1px * var(--mockup-scale)) calc(3px * var(--mockup-scale)) color-mix(in oklab, var(--foreground) 12%, transparent)}.task-board__flag-mark{border-radius:calc(2px * var(--mockup-scale));background:color-mix(in oklab, var(--presence-ink) 28%, transparent);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.task-board__agent .task-board__flag-mark{background:0 0}@keyframes task-board-hop{0%{opacity:0;translate:0}4%,10%{opacity:1;translate:0}23%,49%{translate:var(--hop1-x) var(--hop1-y);opacity:1}62%,96%{translate:var(--hop2-x) var(--hop2-y);opacity:1}to{translate:var(--hop2-x) var(--hop2-y);opacity:0}}@keyframes task-board-room{0%,18%{translate:0}26%,55%{translate:0 var(--room-y)}64%,to{translate:0}}@keyframes task-board-carry-one{0%,5%{translate:0}10%{translate:0 var(--room-y)}23%,33%{translate:calc(var(--hop1-x)) calc(var(--hop1-y) + var(--room-y))}44%,to{translate:0}}@keyframes task-board-carry-two{0%,42%{translate:0}48%,49%{translate:0 var(--room-y)}62%,72%{translate:calc(var(--hop2-x) - var(--hop1-x)) var(--room-y)}86%,to{translate:0}}@keyframes task-board-walk-one{0%,16%{translate:0}38%,50%{translate:calc(22px * var(--mockup-scale)) calc(34px * var(--mockup-scale))}70%,82%{translate:calc(-14px * var(--mockup-scale)) calc(-30px * var(--mockup-scale))}to{translate:0}}@keyframes task-board-walk-two{0%,14%{translate:0}36%,48%{translate:calc(16px * var(--mockup-scale)) calc(-32px * var(--mockup-scale))}72%,84%{translate:calc(-12px * var(--mockup-scale)) calc(30px * var(--mockup-scale))}to{translate:0}}.task-board__flight{pointer-events:none;position:absolute}@keyframes task-board-lift{0%,10%{rotate:none;box-shadow:0 0 #0000,0 0 #0000}14%,19%{box-shadow:0 calc(2px * var(--mockup-scale)) calc(4px * var(--mockup-scale)) color-mix(in oklab, var(--foreground) 10%, transparent), 0 calc(8px * var(--mockup-scale)) calc(20px * var(--mockup-scale)) color-mix(in oklab, var(--foreground) 14%, transparent);rotate:-1.5deg}23%,49%{rotate:none;box-shadow:0 0 #0000,0 0 #0000}53%,58%{box-shadow:0 calc(2px * var(--mockup-scale)) calc(4px * var(--mockup-scale)) color-mix(in oklab, var(--foreground) 10%, transparent), 0 calc(8px * var(--mockup-scale)) calc(20px * var(--mockup-scale)) color-mix(in oklab, var(--foreground) 14%, transparent);rotate:-1.5deg}62%,to{rotate:none;box-shadow:0 0 #0000,0 0 #0000}}.task-board__lifted{--walk:task-board-lift;--walk-time:9s}.task-board__cursor,.task-board__flight,.task-board__makes-room{--walk:none;--walk-time:9s}.task-board__flight,.task-board__carrier-one,.task-board__carrier-two,.task-board__makes-room{--walk-time:9s}.task-board__flight{--walk:task-board-hop}.task-board__makes-room{--walk:task-board-room}.task-board__carrier-one{--walk:task-board-carry-one}.task-board__carrier-two{--walk:task-board-carry-two}.task-board__tone-two.task-board__cursor:not(.task-board__carrier-one,.task-board__carrier-two){--walk:task-board-walk-one;--walk-time:7s}.task-board__agent.task-board__cursor:not(.task-board__carrier-one,.task-board__carrier-two){--walk:task-board-walk-two;--walk-time:8s}[data-seen] .task-board__cursor,[data-seen] .task-board__flight,[data-seen] .task-board__lifted,[data-seen] .task-board__makes-room{animation-name:var(--walk);animation-duration:var(--walk-time);animation-timing-function:cubic-bezier(.33,0,.2,1);animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){[data-seen] .task-board__cursor,[data-seen] .task-board__flight,[data-seen] .task-board__lifted,[data-seen] .task-board__makes-room{animation-name:none}}.task-board__fade{inset-inline:0;height:calc(72px * var(--mockup-scale));pointer-events:none;background:linear-gradient(to bottom, transparent, var(--background));position:absolute;bottom:0}.task-board__fade-right{inset-block:0;width:calc(72px * var(--mockup-scale));pointer-events:none;background:linear-gradient(to right, transparent, var(--background));position:absolute;right:0}
.handover{--orbit-radius:6.75rem;--orbit-seconds:28s;--orbit-centre:7.75rem;height:100%;position:relative}.handover__ring{top:var(--orbit-centre);width:calc(var(--orbit-radius) * 2);height:calc(var(--orbit-radius) * 2);border:1px dashed var(--border);border-radius:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}.handover__spin{top:var(--orbit-centre);width:0;height:0;animation:handover-orbit var(--orbit-seconds) linear infinite;position:absolute;left:50%}.handover__slot{transform:rotate(var(--angle)) translateY(calc(var(--orbit-radius) * -1));position:absolute;top:0;left:0}.handover__chip{transform:translate(-50%, -50%) rotate(calc(var(--angle) * -1));animation:handover-orbit-counter var(--orbit-seconds) linear infinite;position:absolute;top:0;left:0}@keyframes handover-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes handover-orbit-counter{0%{transform:translate(-50%, -50%) rotate(calc(var(--angle) * -1)) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(calc(var(--angle) * -1)) rotate(-360deg)}}.handover__core{top:var(--orbit-centre);position:absolute;left:50%;transform:translate(-50%,-50%)}@media not (min-width:30rem){.handover{--orbit-radius:5.75rem;--orbit-centre:6.75rem}}@media (prefers-reduced-motion:reduce){.handover__spin,.handover__chip{animation:none}}
.switching__figure{--figure-height:15rem;height:var(--figure-height);-webkit-mask-image:linear-gradient(to bottom, var(--foreground) 0, var(--foreground) 62%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, var(--foreground) 0, var(--foreground) 62%, transparent 100%);mask-image:linear-gradient(to bottom, var(--foreground) 0, var(--foreground) 62%, transparent 100%);overflow:hidden}