.theme-marketing:not(.dark) .homepage-hero-demo-viewport .homepage-kanban-frame--browser-embedded{border:1px solid color-mix(in srgb, var(--border) 88%, var(--foreground) 10%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--background) 76%, var(--foreground) 5%), 0 1px 2px color-mix(in srgb, var(--foreground) 5%, transparent)}.homepage-hero-demo-content{z-index:2;transform-origin:50% 0;position:absolute;inset:0}.homepage-hero-demo-canvas{width:max(var(--homepage-hero-demo-design-width), calc(100% / var(--homepage-hero-demo-scale)));height:var(--homepage-hero-demo-design-height);filter:brightness(var(--homepage-hero-demo-brightness)) saturate(var(--homepage-hero-demo-saturation));transform:translateX(-50%) scale(var(--homepage-hero-demo-scale));transform-origin:top;position:absolute;top:0;left:50%}.homepage-hero-demo-stage .homepage-kanban-frame{--product-preview-action:var(--primary);--product-preview-action-ink:var(--primary-foreground);border-radius:var(--homepage-hero-demo-frame-radius);border-color:color-mix(in oklab, var(--border) 54%, transparent)}.homepage-hero-demo-stage .homepage-kanban-frame:after{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 44%, transparent), inset 0 -48px 88px -78px color-mix(in srgb, var(--foreground) 12%, transparent)}.homepage-hero-demo-frame{--homepage-hero-demo-frame-stroke:color-mix(in oklab, var(--foreground) 12%, transparent);border-radius:var(--homepage-hero-demo-frame-radius);box-shadow:none;border-color:#0000}.homepage-hero-demo-frame:after{content:"";z-index:20;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--homepage-hero-demo-frame-stroke);position:absolute;inset:0}.homepage-hero-app-preview-window{border-color:color-mix(in oklab, var(--foreground) 12%, transparent);box-shadow:none}.theme-marketing.dark .homepage-hero-app-preview-window{border-color:color-mix(in oklab, var(--foreground) 13%, transparent)}.theme-marketing.dark .homepage-hero-demo-frame{--homepage-hero-demo-frame-stroke:color-mix(in oklab, var(--foreground) 13%, transparent)}.homepage-hero-pipeline-board{--pipeline-board-column-width:178px}.homepage-hero-demo-shine{width:max(var(--homepage-hero-demo-design-width), calc(100% / var(--homepage-hero-demo-scale)));height:var(--homepage-hero-demo-design-height);pointer-events:none;transform:translateX(-50%) scale(var(--homepage-hero-demo-scale));transform-origin:top;position:absolute;top:0;left:50%}:is(.homepage-hero-demo-shine--frame,.homepage-hero-demo-shine--panel:before){-webkit-mask-image:radial-gradient(ellipse var(--homepage-hero-demo-shine-beam) var(--homepage-hero-demo-shine-beam) at var(--homepage-hero-demo-shine-x) var(--homepage-hero-demo-shine-y), black 0%, #0000008a 28%, #0000002e 52%, #0000000d 64%, transparent 76%);mask-image:radial-gradient(ellipse var(--homepage-hero-demo-shine-beam) var(--homepage-hero-demo-shine-beam) at var(--homepage-hero-demo-shine-x) var(--homepage-hero-demo-shine-y), black 0%, #0000008a 28%, #0000002e 52%, #0000000d 64%, transparent 76%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:radial-gradient(ellipse var(--homepage-hero-demo-shine-beam) var(--homepage-hero-demo-shine-beam) at var(--homepage-hero-demo-shine-x) var(--homepage-hero-demo-shine-y), black 0%, #0000008a 28%, #0000002e 52%, #0000000d 64%, transparent 76%);filter:drop-shadow(0 0 8px var(--homepage-hero-demo-shine-glow));-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.homepage-hero-demo-shine--frame{z-index:125;border:1px solid var(--homepage-hero-demo-shine-color);border-radius:var(--homepage-hero-demo-frame-radius);opacity:0;--homepage-hero-demo-shine-x:-48px;--homepage-hero-demo-shine-y:24px;animation:home-hero-demo-module__BQr8WW__homepage-hero-demo-outer-frame-shine 1.08s cubic-bezier(.16, 1, .3, 1) var(--homepage-hero-demo-shine-delay) both}.homepage-hero-demo-shine--panel{z-index:126;opacity:1}.homepage-hero-demo-shine--panel:before{content:"";top:calc(var(--homepage-hero-demo-panel-inset) + var(--homepage-hero-demo-frame-border));right:calc(var(--homepage-hero-demo-panel-inset) + var(--homepage-hero-demo-frame-border));bottom:calc(var(--homepage-hero-demo-panel-inset) + var(--homepage-hero-demo-frame-border));left:calc(var(--homepage-hero-demo-sidebar-width) + var(--homepage-hero-demo-panel-inset) + var(--homepage-hero-demo-frame-border));border:1px solid var(--homepage-hero-demo-panel-shine-color);border-radius:var(--homepage-hero-demo-panel-radius);opacity:0;--homepage-hero-demo-shine-x:-44px;--homepage-hero-demo-shine-y:22px;animation:home-hero-demo-module__BQr8WW__homepage-hero-demo-inner-frame-shine 1.08s cubic-bezier(.16, 1, .3, 1) var(--homepage-hero-demo-shine-delay) both;position:absolute}:is(.homepage-hero-demo-shine[data-shine-state=idle],.homepage-hero-demo-shine[data-shine-state=idle]:before){opacity:0;animation:none}@keyframes home-hero-demo-module__BQr8WW__homepage-hero-demo-outer-frame-shine{0%{opacity:0;--homepage-hero-demo-shine-x:-44px;--homepage-hero-demo-shine-y:20px;filter:brightness(.92)}16%{opacity:.12;--homepage-hero-demo-shine-x:-12px;--homepage-hero-demo-shine-y:10px}36%{opacity:.34;--homepage-hero-demo-shine-x:86px;--homepage-hero-demo-shine-y:-5px}54%{opacity:.2;--homepage-hero-demo-shine-x:168px;--homepage-hero-demo-shine-y:-10px}72%,to{opacity:0;--homepage-hero-demo-shine-x:224px;--homepage-hero-demo-shine-y:-12px;filter:brightness()}}@keyframes home-hero-demo-module__BQr8WW__homepage-hero-demo-inner-frame-shine{0%{opacity:0;--homepage-hero-demo-shine-x:-160px;--homepage-hero-demo-shine-y:18px;filter:brightness(.92)}24%{opacity:0;--homepage-hero-demo-shine-x:-84px;--homepage-hero-demo-shine-y:2px}38%{opacity:.16;--homepage-hero-demo-shine-x:-18px;--homepage-hero-demo-shine-y:-8px}52%{opacity:.28;--homepage-hero-demo-shine-x:8px;--homepage-hero-demo-shine-y:-10px}68%{opacity:.16;--homepage-hero-demo-shine-x:44px;--homepage-hero-demo-shine-y:-12px}80%,to{opacity:0;--homepage-hero-demo-shine-x:132px;--homepage-hero-demo-shine-y:-14px;filter:brightness()}}@media not (min-width:480px){.homepage-hero-demo-canvas{left:50%}.homepage-hero-demo-stage .homepage-kanban-frame{border-color:color-mix(in oklab, var(--border) 34%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--foreground) 8%, transparent), 0 24px 64px -44px oklch(var(--primitive-black) / 84%)}}@media (min-width:640px){.homepage-hero-pipeline-board{--pipeline-board-column-width:192px}}@media (min-width:768px){.homepage-hero-pipeline-board{--pipeline-board-column-width:200px}}@media (min-width:1024px){.homepage-hero-pipeline-board{--pipeline-board-column-width:208px}}@media (min-width:1280px){.homepage-hero-pipeline-board{--pipeline-board-column-width:216px}}@media (min-width:1440px){.homepage-hero-pipeline-board{--pipeline-board-column-width:224px}}.theme-marketing:not(.dark) .homepage-hero-demo-media{--homepage-hero-demo-brightness:1;--homepage-hero-demo-saturation:1;--homepage-hero-demo-shine-color:color-mix(in oklab, var(--foreground) 18%, var(--border) 82%);--homepage-hero-demo-panel-shine-color:color-mix(in oklab, var(--foreground) 16%, var(--border) 84%);--homepage-hero-demo-shine-glow:color-mix(in oklab, var(--cta) 12%, transparent)}.theme-marketing:not(.dark) .homepage-hero-demo-viewport:after{background:linear-gradient(90deg, var(--background) 0%, color-mix(in oklab, var(--background) 38%, transparent) 3.5%, transparent 12%, transparent 88%, color-mix(in oklab, var(--background) 34%, transparent) 96%, var(--background) 100%), linear-gradient(180deg, transparent 0%, transparent 64%, color-mix(in oklab, var(--background) 20%, transparent) 78%, color-mix(in oklab, var(--background) 58%, transparent) 91%, var(--background) 100%)}@media not (min-width:640px){.theme-marketing:not(.dark) .homepage-hero-demo-viewport:after{background:linear-gradient(90deg, var(--background) 0%, color-mix(in oklab, var(--background) 44%, transparent) 5%, transparent 17%, transparent 84%, color-mix(in oklab, var(--background) 38%, transparent) 96%, var(--background) 100%), linear-gradient(180deg, transparent 0%, transparent 56%, color-mix(in oklab, var(--background) 22%, transparent) 70%, color-mix(in oklab, var(--background) 64%, transparent) 88%, var(--background) 100%)}}@media (prefers-reduced-motion:reduce){:is(.homepage-hero-demo-shine,.homepage-hero-demo-shine--panel:before){animation:none}.homepage-hero-demo-shine{display:none}}.theme-marketing.dark .homepage-hero-demo-media .homepage-kanban-frame{--homepage-frame-surface:color-mix(in oklab, var(--card) 78%, var(--background) 22%);--homepage-frame-sheen:color-mix(in oklab, var(--foreground) 5%, transparent);--homepage-frame-inner-border:color-mix(in oklab, var(--border) 78%, var(--foreground) 14%)}.theme-marketing.dark .homepage-hero-demo-media .homepage-kanban-frame>.app{background:color-mix(in oklab, var(--sidebar) 84%, var(--background) 16%)}.theme-marketing.dark .homepage-hero-demo-media [data-pipeline-board]{background-color:color-mix(in oklab, var(--background) 82%, var(--card) 18%)}.theme-marketing.dark .homepage-hero-demo-media .homepage-chat-panel{--homepage-chat-surface:color-mix(in oklab, var(--card) 74%, var(--background) 26%);--homepage-chat-sheen:color-mix(in oklab, var(--foreground) 5%, transparent);--homepage-chat-border:color-mix(in oklab, var(--border) 86%, var(--foreground) 10%);box-shadow:0 28px 82px -40px oklch(var(--primitive-black) / 94%), 0 10px 30px -20px oklch(var(--primitive-black) / 82%), inset 0 1px 0 color-mix(in oklab, var(--foreground) 7%, transparent)}.theme-marketing:not(.dark) .homepage-hero-demo-media .homepage-kanban-frame{--homepage-frame-surface:color-mix(in oklab, var(--background) 96%, var(--card) 4%);--homepage-frame-sheen:color-mix(in oklab, var(--background) 24%, transparent);--homepage-frame-inner-border:color-mix(in oklab, var(--border) 82%, var(--foreground) 5%);--homepage-frame-shadow-strong:color-mix(in oklab, var(--foreground) 7%, transparent);--homepage-frame-shadow-soft:color-mix(in oklab, var(--foreground) 3%, transparent)}.theme-marketing:not(.dark) .homepage-hero-demo-media .homepage-kanban-stage{--homepage-stage-ambient-shadow:color-mix(in oklab, var(--cta) 4%, transparent);--homepage-stage-ambient-fade:color-mix(in oklab, var(--foreground) 1%, transparent)}.theme-marketing:not(.dark) .homepage-hero-demo-media .homepage-kanban-stage:after{opacity:.36;filter:blur(22px);height:3.5rem;bottom:-.95rem}.theme-marketing:not(.dark) .homepage-hero-demo-media .homepage-kanban-frame:after{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 76%, transparent), inset 0 -48px 88px -78px color-mix(in oklab, var(--foreground) 8%, transparent)}.theme-marketing:not(.dark) .homepage-hero-demo-media [data-pipeline-board]{background-color:color-mix(in oklab, var(--background) 97%, var(--card) 3%)}.theme-marketing:not(.dark) .homepage-hero-demo-media .homepage-chat-panel{--homepage-chat-surface:color-mix(in oklab, var(--background) 96%, var(--card) 4%);--homepage-chat-sheen:color-mix(in oklab, var(--background) 18%, transparent);--homepage-chat-border:color-mix(in oklab, var(--border) 86%, var(--foreground) 7%);box-shadow:0 22px 62px -46px color-mix(in oklab, var(--foreground) 15%, transparent), 0 6px 20px -18px color-mix(in oklab, var(--foreground) 8%, transparent), inset 0 1px 0 color-mix(in oklab, var(--background) 64%, var(--foreground) 5%)}
.homepage-kanban-stage--browser-embedded{height:100%;min-height:0;overflow:hidden}.homepage-kanban-stage--browser-embedded:after{content:none}.homepage-kanban-frame--browser-embedded{height:100%;min-height:100%}.homepage-kanban-frame--browser-embedded>.app{height:100%;min-height:100%}.homepage-kanban-stage{--homepage-stage-ambient-shadow:color-mix(in srgb, var(--foreground) 16%, transparent);--homepage-stage-ambient-fade:color-mix(in srgb, var(--foreground) 8%, transparent);width:100%;height:100%;position:relative;overflow:visible}.homepage-kanban-stage:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse at center, var(--homepage-stage-ambient-shadow) 0%, var(--homepage-stage-ambient-fade) 38%, transparent 74%);filter:blur(18px);height:6.5rem;position:absolute;bottom:-2.65rem;left:5.5%;right:5.5%;transform:scaleX(.98)}.homepage-kanban-frame{--homepage-frame-surface:color-mix(in srgb, var(--card) 94%, var(--background) 6%);--homepage-frame-sheen:color-mix(in srgb, var(--background) 44%, transparent);--homepage-frame-inner-border:color-mix(in srgb, var(--border) 72%, var(--foreground) 10%);--homepage-frame-shadow-strong:oklch(var(--primitive-black) / 18%);--homepage-frame-shadow-soft:oklch(var(--primitive-black) / 12%);--homepage-frame-app-background:var(--sidebar);--homepage-frame-app-foreground:var(--sidebar-foreground);--homepage-frame-active-background:var(--sidebar-accent);--homepage-frame-active-foreground:var(--sidebar-accent-foreground);z-index:1;background:linear-gradient(180deg, var(--homepage-frame-sheen), transparent 24%), var(--homepage-frame-surface);box-shadow:inset 0 1px 0 var(--homepage-frame-inner-border), 0 34px 90px -48px var(--homepage-frame-shadow-strong), 0 10px 26px -18px var(--homepage-frame-shadow-soft);position:relative}:is(.dark .homepage-kanban-frame,.theme-marketing.dark .homepage-kanban-frame){--homepage-frame-surface:color-mix(in srgb, var(--card) 88%, var(--background) 12%);--homepage-frame-sheen:color-mix(in srgb, var(--foreground) 6%, transparent);--homepage-frame-inner-border:color-mix(in srgb, var(--border) 72%, var(--foreground) 14%);--homepage-frame-shadow-strong:oklch(var(--primitive-black) / 90%);--homepage-frame-shadow-soft:oklch(var(--primitive-black) / 76%)}.homepage-kanban-frame:before{content:"";z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% -8%, color-mix(in srgb, var(--background) 54%, transparent) 0%, color-mix(in srgb, var(--background) 22%, transparent) 34%, transparent 68%), linear-gradient(180deg, var(--homepage-frame-sheen), transparent 72%);height:32%;position:absolute;inset:0 0 auto}:is(.dark .homepage-kanban-frame:before,.theme-marketing.dark .homepage-kanban-frame:before){mix-blend-mode:screen}.homepage-kanban-frame:after{content:"";z-index:6;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--homepage-frame-inner-border), inset 0 -48px 88px -78px color-mix(in srgb, var(--foreground) 16%, transparent);position:absolute;inset:0}.homepage-kanban-frame--browser-embedded{background:var(--sidebar);box-shadow:none}:is(.homepage-kanban-frame--browser-embedded:before,.homepage-kanban-frame--browser-embedded:after){content:none}:is(.homepage-kanban-frame>.app,.homepage-kanban-frame.app){color:var(--homepage-frame-app-foreground);background:var(--homepage-frame-app-background)}:is(.homepage-kanban-frame>.app[data-demo-layout-density=standard] svg,.homepage-kanban-frame.app[data-demo-layout-density=standard] svg){opacity:.74}:is(.homepage-kanban-frame>.app[data-demo-layout-density=standard] button,.homepage-kanban-frame.app[data-demo-layout-density=standard] button){gap:.375rem;padding:.375rem .5rem;font-size:.65625rem;line-height:1.25}:is(.homepage-kanban-frame>.app[data-demo-layout-density=standard] button svg,.homepage-kanban-frame.app[data-demo-layout-density=standard] button svg){width:.8125rem;height:.8125rem}:is(.homepage-kanban-frame>.app[data-demo-layout-density=standard] [class*=text-xs],.homepage-kanban-frame.app[data-demo-layout-density=standard] [class*=text-xs]){font-size:.5625rem;line-height:1.25}:is(.homepage-kanban-frame>.app[data-demo-layout-density=standard] [class*=text-sm],.homepage-kanban-frame.app[data-demo-layout-density=standard] [class*=text-sm]){font-size:.65625rem;line-height:1.25}:is(.homepage-kanban-frame>.app[data-demo-layout-density=standard] button[data-active=true],.homepage-kanban-frame.app[data-demo-layout-density=standard] button[data-active=true]){color:var(--homepage-frame-active-foreground);background:var(--homepage-frame-active-background)}.homepage-chat-panel{--homepage-chat-type-xs:.65625rem;--homepage-chat-type-sm:.71875rem;--homepage-chat-type-md:.8125rem;--homepage-chat-space-2xs:.25rem;--homepage-chat-space-xs:.375rem;--homepage-chat-space-sm:.5rem;--homepage-chat-space-md:.75rem;--homepage-chat-surface:color-mix(in srgb, var(--card) 96%, var(--background) 4%);--homepage-chat-sheen:color-mix(in srgb, var(--background) 42%, transparent);--homepage-chat-border:color-mix(in srgb, var(--border) 84%, var(--foreground) 10%);--homepage-chat-shadow-strong:oklch(var(--primitive-black) / 18%);--homepage-chat-shadow-soft:oklch(var(--primitive-black) / 12%);background:linear-gradient(180deg, var(--homepage-chat-sheen), transparent 28%), var(--homepage-chat-surface);border:1px solid var(--homepage-chat-border);box-shadow:0 28px 80px -36px var(--homepage-chat-shadow-strong), 0 10px 28px -20px var(--homepage-chat-shadow-soft), inset 0 1px 0 var(--homepage-chat-border);font-size:var(--homepage-chat-type-sm);line-height:1.45}.homepage-chat-panel .prose{letter-spacing:0}.homepage-chat-panel [class*=text-xs]{font-size:var(--homepage-chat-type-xs);line-height:1.35}:is(.homepage-chat-panel [class*=text-sm],.homepage-chat-panel .prose){font-size:var(--homepage-chat-type-sm)!important;line-height:1.45!important}.homepage-chat-panel [class*=text-base]{font-size:var(--homepage-chat-type-md);line-height:1.35}:is(.homepage-chat-panel header [class*=text-sm],.homepage-chat-panel .prose h1,.homepage-chat-panel .prose h2){font-size:var(--homepage-chat-type-md)!important;line-height:1.35!important}:is(.homepage-chat-panel .prose h3,.homepage-chat-panel .prose h4,.homepage-chat-panel .prose h5,.homepage-chat-panel .prose h6){font-size:var(--homepage-chat-type-sm)!important;line-height:1.35!important}:is(.homepage-chat-panel .prose p,.homepage-chat-panel .prose li,.homepage-chat-panel .prose strong){font-size:var(--homepage-chat-type-sm)!important;line-height:1.45!important}:is(.homepage-chat-panel .prose h1,.homepage-chat-panel .prose h2,.homepage-chat-panel .prose h3,.homepage-chat-panel .prose h4,.homepage-chat-panel .prose h5,.homepage-chat-panel .prose h6,.homepage-chat-panel .prose p,.homepage-chat-panel .prose ul,.homepage-chat-panel .prose ol){margin-top:0!important;margin-bottom:0!important}.homepage-chat-panel .prose>*+*{margin-top:var(--homepage-chat-space-sm)!important}:is(.homepage-chat-panel .prose h2+h3,.homepage-chat-panel .prose h3+p,.homepage-chat-panel .prose p+ul,.homepage-chat-panel .prose ul+p){margin-top:var(--homepage-chat-space-xs)!important}.homepage-chat-panel .prose li+li{margin-top:var(--homepage-chat-space-2xs)!important}.homepage-chat-panel .prose hr{margin-top:var(--homepage-chat-space-md)!important;margin-bottom:var(--homepage-chat-space-md)!important}:is(.homepage-chat-panel .prose table,.homepage-chat-panel .prose th,.homepage-chat-panel .prose td){font-size:var(--homepage-chat-type-xs)!important;line-height:1.35!important}:is(.dark .homepage-chat-panel,.theme-marketing.dark .homepage-chat-panel){--homepage-chat-surface:color-mix(in srgb, var(--card) 88%, var(--background) 12%);--homepage-chat-sheen:color-mix(in srgb, var(--foreground) 4%, transparent);--homepage-chat-border:color-mix(in srgb, var(--border) 78%, var(--foreground) 16%);--homepage-chat-shadow-strong:oklch(var(--primitive-black) / 92%);--homepage-chat-shadow-soft:oklch(var(--primitive-black) / 82%)}