.flow-showcase{overflow:hidden}.flow-steps{display:flex;flex-direction:column;align-items:center;max-width:740px;margin:0 auto}.flow-step{width:100%;max-width:580px}.flow-step--wide{max-width:720px}.flow-step-label{display:flex;align-items:center;gap:12px;margin-bottom:20px;justify-content:center}.flow-step-number{font-size:12px;font-weight:700;color:#3665e4;font-family:monospace}.flow-step-text{font-size:14px;font-weight:500;color:#ffffffb3}.flow-connector{display:flex;flex-direction:column;align-items:center;padding:24px 0}.flow-connector-line{width:1px;height:32px;background:linear-gradient(to bottom,#3665e41a,#3665e466)}.flow-connector-arrow{margin-top:4px}.flow-sources{display:flex;flex-direction:column;align-items:center;padding:16px 0}.flow-sources-pill{padding:12px 0}.flow-sources-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff9}.flow-sources-items{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:540px;margin:8px 0 16px}.flow-source-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-size:12px;color:#ffffffb3}.flow-source-chip svg{flex-shrink:0;color:#466cc8}.keyboard-wrapper{position:relative;overflow:hidden;border-radius:12px}.keyboard{display:flex;flex-direction:column;gap:2px;padding:6px 8px 8px;background:#151619;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0f}.kb-row{display:flex;gap:2px;justify-content:center}.kb-row--fn{margin-bottom:2px}.kb-row--fade-heavy{opacity:.3}.kb-row--fade-medium{opacity:.45}.kb-row--fade-light{opacity:.65}.kb-row--bottom{margin-top:1px}.kb-key{display:flex;align-items:center;justify-content:center;height:30px;border-radius:4px;border:none;background:#222428;font-size:11px;font-weight:400;color:#ffffffb3;flex-shrink:0;user-select:none;transition:all .3s;box-shadow:0 1px #0006,inset 0 1px #ffffff12}.kb-key--1u{width:34px}.kb-key--fn-key{flex:1;height:16px;border-radius:3px;font-size:8px;font-weight:500;color:#ffffff4d}.kb-key--w150{width:50px;font-size:9px}.kb-key--w175{width:58px;font-size:9px}.kb-key--w225{width:76px;font-size:9px}.kb-key--fn-globe{width:34px;font-size:9px;color:#ffffff4d}.kb-key--mod{width:42px;font-size:9px;flex-direction:column;gap:0px;line-height:1;color:#fff6;padding:3px 2px 2px}.kb-key--mod span{font-size:7px;line-height:1;color:#ffffff40}.kb-key--cmd{width:52px;font-size:9px;flex-direction:column;gap:0px;line-height:1;color:#fff6;padding:3px 2px 2px}.kb-key--cmd span{font-size:7px;line-height:1;color:#ffffff40}.kb-key--space{flex:1;max-width:180px}.kb-arrows{display:flex;flex-direction:column;align-items:center;gap:1px;margin-left:4px}.kb-key--arrow{width:26px;height:14px;font-size:7px;border-radius:3px;color:#ffffff4d}.kb-arrows-bottom{display:flex;gap:1px}.kb-key--active{border:none;background:#1a2846;color:#fff;box-shadow:0 0 16px #3665e44d,0 0 48px #3665e41a,0 1px #0000004d,inset 0 1px #3665e433}.kb-key--active span{color:#fff9}.macos-frame{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0006}.macos-menubar{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:28px;background:#ffffff1a;backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.macos-menubar-left{display:flex;align-items:center;gap:14px}.macos-apple{margin-right:2px}.macos-menu-item{font-size:11px;color:#ffffffb3;font-weight:400;letter-spacing:.01em}.macos-menu-item--bold{font-weight:600;color:#ffffffd9}.macos-menubar-right{display:flex;align-items:center;gap:10px}.macos-tray-icon{flex-shrink:0}.macos-date{font-size:11px;color:#ffffffb3;font-weight:400}.macos-desktop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;padding:40px 32px 48px;background:radial-gradient(ellipse 120% 80% at 30% 60%,oklch(.3 .08 250 / .6),transparent 60%),radial-gradient(ellipse 100% 70% at 70% 40%,oklch(.27 .06 300 / .5),transparent 60%),radial-gradient(ellipse 80% 60% at 50% 80%,oklch(.23 .04 200 / .4),transparent 60%),#0c121a}.mini-counter{position:absolute;bottom:16px;right:24px;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:9999px;background:linear-gradient(135deg,#594de6,#8c59d9);box-shadow:0 4px 16px #594de64d}.mini-counter-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:9999px;background:#ffffff26}.mini-counter-text{font-size:12px;color:#ffffffd9;font-weight:400;white-space:nowrap}.mini-counter-text strong{font-weight:700;color:#fff}.mini-counter--pop{animation:counter-pop .15s ease-out}@keyframes counter-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.capture-mockup-wrapper{position:relative;width:100%;max-width:440px}.capture-mockup-glow{position:absolute;inset:-24px -40px;background:radial-gradient(ellipse at center,oklch(.45 .18 264 / .15),transparent 70%);filter:blur(16px);pointer-events:none}.capture-mockup{position:relative;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#191b1e;padding:20px;box-shadow:0 20px 40px #0000004d}.cm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cm-header-left{display:flex;align-items:center;gap:10px}.cm-icon-wrap{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(to bottom,#2866f633,#6b2eb333)}.cm-label{font-size:13px;font-weight:500;color:#fff9}.capture-mockup kbd{display:inline-flex;align-items:center;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:2px 5px;font-family:monospace;font-size:10px;color:#fff9;box-shadow:inset 0 -1px #0000004d}.cm-body{border-radius:10px;background:#ffffff0f;padding:14px;margin-bottom:14px}.cm-body p{font-size:13px;line-height:1.6;color:#ffffffbf}.cm-footer{display:flex;align-items:center;justify-content:space-between}.cm-footer-left{display:flex;align-items:center;gap:8px}.cm-type-badge{display:inline-flex;align-items:center;gap:5px;border-radius:9999px;background:#955be326;padding:3px 10px;font-size:11px;font-weight:500;color:#bd96fe}.cm-project{font-size:11px;color:#ffffff59}.ai-chat-wrapper{position:relative}.ai-chat{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#151619;padding:20px;display:flex;flex-direction:column;gap:16px}.ai-chat-message{display:flex;gap:10px;align-items:flex-start}.ai-chat-avatar{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.ai-chat-avatar--user{background:#ffffff14;color:#fff9}.ai-chat-avatar--sarah{background:oklch(.4 .1 170);color:#ffffffe6}.ai-chat--teammate{border-color:oklch(.4 .1 170 / .25)}.ai-chat-teammate-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:-20px -20px 16px;border-radius:15px 15px 0 0;background:oklch(.4 .1 170 / .08);border-bottom:1px solid oklch(.4 .1 170 / .15);font-size:12px;font-weight:500;color:#69af97}.ai-chat-teammate-banner .ai-chat-avatar--sarah{width:22px;height:22px;font-size:9px;border-radius:6px}.ai-chat-avatar--ai{background:#aa5830}.ai-chat-bubble{flex:1;min-width:0}.ai-chat-bubble--user{font-size:13px;line-height:1.6;color:#fffc;padding:8px 0 0}.ai-chat-bubble--ai{border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:14px}.ai-chat-bubble--ai p{font-size:13px;line-height:1.7;color:#ffffffbf}.ai-chat-bubble--ai strong{color:#fff;font-weight:600}.ai-chat-tool-bar{display:flex;align-items:center;gap:8px;padding-bottom:14px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.06)}.ai-chat-tool-label{font-size:12px;font-weight:600;color:#fff9}.ai-chat-tool-user{margin-left:auto;font-size:11px;font-weight:400;color:#ffffff80}.ai-chat-fetching{display:flex;align-items:center;gap:6px;font-size:11px;color:#3665e499;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.04)}.ai-chat-fetching svg{color:#3665e499;flex-shrink:0}.ai-chat-divider{height:1px;background:#ffffff0f;margin:6px 0}.ai-slack-summary{border-radius:8px;border-left:3px solid oklch(.55 .2 265 / .4);padding:12px 14px;background:#ffffff08;display:flex;flex-direction:column;gap:4px}.ai-slack-heading{font-size:13px;font-weight:700;color:#ffffffd9;margin-bottom:4px}.ai-slack-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-top:8px}.ai-slack-section-label:first-of-type{margin-top:0}.ai-slack-item{font-size:12px;line-height:1.6;color:#fff9;padding-left:10px;position:relative}.ai-slack-item:before{content:"•";position:absolute;left:0;color:#ffffff80}.ai-stream-cursor{display:inline-block;width:2px;height:14px;background:#fff9;margin-left:2px;vertical-align:text-bottom;animation:cursor-blink .8s step-end infinite}@keyframes cursor-blink{50%{opacity:0}}@media(max-width:640px){.keyboard-wrapper{margin-left:-12px;margin-right:-12px;border-radius:0;max-height:140px;overflow:hidden;display:flex;align-items:flex-end}.keyboard{gap:2px;padding:4px 6px 6px;transform:scale(1.35);transform-origin:center bottom;border-radius:0;border-left:none;border-right:none}.kb-row{gap:2px}.kb-key{height:24px;font-size:9px}.kb-key--1u{width:26px}.kb-key--fn-key{height:12px;font-size:7px}.kb-key--w150{width:38px}.kb-key--w175{width:44px}.kb-key--w225{width:58px}.kb-key--fn-globe{width:26px;font-size:8px}.kb-key--mod{width:34px;font-size:8px}.kb-key--mod span{font-size:6px}.kb-key--cmd{width:40px;font-size:8px}.kb-key--cmd span{font-size:6px}.kb-key--space{max-width:120px}.kb-key--arrow{width:20px;height:11px;font-size:6px}.kb-arrows{margin-left:2px}.macos-menubar-left{gap:8px}.macos-menu-item{font-size:10px}.macos-menubar-right{gap:6px}.macos-date{font-size:10px}.macos-desktop{min-height:280px;padding:32px 16px 40px}.mini-counter{bottom:10px;right:12px;padding:4px 10px 4px 4px;gap:6px}.mini-counter-icon{width:20px;height:20px}.mini-counter-text{font-size:11px}}.padlock-wrap{margin-bottom:calc(var(--spacing,.25rem) * 4);justify-content:center;align-items:center;height:100px;display:flex;position:relative}.padlock-glow{filter:blur(24px);background:radial-gradient(circle,#1e49b733,#0000 70%);width:120px;height:120px;animation:4s ease-in-out infinite padlock-glow-pulse;position:absolute}.padlock-icon{width:52px;height:auto;position:relative}.padlock-shackle{transform-origin:16px 34px;animation:3s ease-out infinite shackle-open}@keyframes padlock-glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes shackle-open{0%,70%{opacity:1;transform:rotate(0)}85%{opacity:1;transform:rotate(-15deg)}to{opacity:1;transform:rotate(0)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid}}}.burst-wrap{justify-content:center;align-items:center;display:flex}.burst-container{width:160px;height:160px;position:relative}.burst-svg{inset:calc(var(--spacing,.25rem) * 0);pointer-events:none;position:absolute;overflow:visible}.burst-center{z-index:10;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);position:absolute;top:50%;left:50%}.burst-logo{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1f;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.burst-logo{border-color:color-mix(in oklab,var(--color-white,#fff) 12%,transparent)}}.burst-logo{background:linear-gradient(#594de6,#8c59d9);animation:3s ease-in-out infinite center-glow-pulse}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-duration:initial;--tw-font-weight:initial}}}.hero-orbit{margin-inline:auto;max-width:800px;height:360px;margin-top:48px;position:relative}.hero-orbit-center{z-index:20;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);position:absolute;top:50%;left:50%}.hero-orbit-center-inner{position:relative}.hero-orbit-center-glow{inset:calc(var(--spacing,.25rem) * -8);filter:blur(20px);background:radial-gradient(circle,#1e49b759,#0000 70%);border-radius:3.40282e38px;position:absolute}.hero-orbit-logo{height:calc(var(--spacing,.25rem) * 16);width:calc(var(--spacing,.25rem) * 16);border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1f;justify-content:center;align-items:center;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.hero-orbit-logo{border-color:color-mix(in oklab,var(--color-white,#fff) 12%,transparent)}}.hero-orbit-logo{background:linear-gradient(#2866f6,#6b2eb3);animation:3s ease-in-out infinite center-glow-pulse}.hero-orbit-node{z-index:10;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;flex-direction:column;transition-duration:.3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.hero-orbit-node:hover{transform:translate(-50%,-50%)scale(1.1)}.hero-orbit-icon{height:calc(var(--spacing,.25rem) * 11);width:calc(var(--spacing,.25rem) * 11);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff14;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.hero-orbit-icon{border-color:color-mix(in oklab,var(--color-white,#fff) 8%,transparent)}}.hero-orbit-icon{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;background:#191b1e;transition-duration:.3s;box-shadow:0 10px 25px #0000004d}.hero-orbit-icon:hover{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hero-orbit-icon:hover{border-color:color-mix(in oklab,var(--color-white,#fff) 15%,transparent)}}.hero-node-you .hero-orbit-icon{height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12);border-color:#edb41759;box-shadow:0 0 24px #edb41733}.hero-node-you .hero-orbit-label{--tw-font-weight:var(--font-weight-semibold,600);font-size:11px;font-weight:var(--font-weight-semibold,600);color:#fff9}@supports (color:color-mix(in lab,red,red)){.hero-node-you .hero-orbit-label{color:color-mix(in oklab,var(--color-white,#fff) 60%,transparent)}}.hero-node-human .hero-orbit-icon{border-color:#cba96033}.hero-node-agent .hero-orbit-icon{border-color:#3665e433}.hero-orbit-label{--tw-font-weight:var(--font-weight-medium,500);font-size:10px;font-weight:var(--font-weight-medium,500);color:#fff6}@supports (color:color-mix(in lab,red,red)){.hero-orbit-label{color:color-mix(in oklab,var(--color-white,#fff) 40%,transparent)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}