/* Guided product stories. Explicit motion controls also work in local file previews. */
.avatar{padding:0!important;overflow:hidden;flex-shrink:0;vertical-align:middle}.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.human-avatar{background:#edece7!important}.robot-avatar{background:#e3eddd!important}.avatar.large{border-radius:15px}.demo-guide{position:relative;background:#eef3e8;border:1px solid #d3e0c9;border-radius:9px 9px 0 0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 14px;overflow:hidden;min-height:75px}.guide-story{display:flex;gap:12px;align-items:center}.guide-story strong{font-size:13px;font-weight:600;display:block;color:#365c43;line-height:1.4}.guide-story span:not(.demo-live-dot){font-size:10px;color:#65755b;display:block;margin-top:4px}.demo-live-dot{width:7px;height:7px;background:#688653;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 5px #a4c28c25}.demo-transport{display:flex;align-items:center;gap:5px;flex-shrink:0}.demo-transport>span{font-size:10px;color:#718466;margin-right:6px}.demo-transport button{border:1px solid #d7e0cf;background:#ffffffbb;color:#365c43;border-radius:5px;width:32px;height:32px;font-size:18px;line-height:1}.demo-transport button:hover{background:white}.demo-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#dce6d3}.demo-progress i{display:block;background:#769868;height:100%;width:0}.beam-frame{border-radius:10px}.beam-frame:before{opacity:.9}.aurora .l1{background:radial-gradient(ellipse,#8ebd80ad,#bbceb040 60%,transparent 75%);animation-duration:9s}.aurora .l2{animation-duration:11s}.guided-panel{min-width:0;width:100%}.doc-and-chat{height:550px;grid-template-columns:minmax(0,1fr) 335px}.shellbody{min-height:550px}.doc-content{padding:20px 29px}.doc-content h2{font-size:28px}.doc-content h3{font-size:13px;margin:20px 0 11px}.doc-callout{padding:13px;line-height:1.5}.doc-meta{margin-bottom:18px}.edit-zone{position:relative;border-radius:4px;transition:box-shadow .25s,background .25s}.doc-copy{min-height:62px;font-size:12px;line-height:1.8;padding:4px 0}.block-handle{position:absolute;left:-18px;top:5px;color:#c0c9b9;font-size:16px}.editor-presence{position:absolute;right:0;bottom:-13px;display:flex;align-items:center;gap:4px;background:#e6efdd;color:#53733e;padding:2px 6px;border-radius:4px;font-size:8px;opacity:0}.editor-presence .avatar{width:13px;height:13px}.typing-caret{display:inline-block;width:2px;height:13px;background:#6e9552;animation:caret-flash .7s steps(1) infinite}.doc-caret{position:absolute;bottom:10px;left:0;display:none}.is-editing .doc-copy:after{content:'';display:inline-block;width:2px;height:13px;margin-left:2px;vertical-align:-2px;background:#6e9552;animation:caret-flash .7s steps(1) infinite}.is-editing .editor-presence{opacity:1}.is-editing .edit-zone{box-shadow:0 0 0 8px #ecf3e660;background:#f7faf3}.edit-hint{font-size:8px;margin:12px 0 0}.notion-block{position:relative;margin-top:20px;min-height:130px}#slash-input{font-size:12px;color:#a6b19b;display:none;padding:8px 0}.slash-char{color:#536b45;font-weight:500}.slash-menu{display:none;position:absolute;z-index:5;top:34px;left:0;width:250px;background:white;border:1px solid #dce3d5;border-radius:7px;box-shadow:0 10px 30px #365c431c;padding:7px;font-size:11px}.slash-menu>small{font-size:8px;color:#99a28f;padding:4px 8px;display:block;letter-spacing:.08em}.slash-menu>div{padding:8px;border-radius:4px;position:relative}.slash-menu>div>small{font-size:8px;display:block;color:#839374;padding-left:22px}.slash-menu .selected{background:#eaf1e2;color:#365c43}.slash-menu kbd{position:absolute;right:9px;top:12px;color:#789362}.chat{background:#fcfdfb;position:relative;padding-bottom:13px}.chat-head{padding:15px;min-height:48px}.chat-presence{display:flex;gap:4px}.chat-presence .avatar{height:22px;width:22px}.chat-scroll{flex:1;min-height:0;padding:0 15px}.chat-message{margin:0 0 19px;padding:0;gap:9px;font-size:11px}.chat-message .avatar{width:28px;height:28px}.chat-message>div{min-width:0}.chat-message p{font-size:11px;line-height:1.75;margin-top:5px;color:#4e5d45}.msg-name{font-size:11px}.msg-name small{font-size:8px}.chat-sub{font-size:9px;padding:0 15px}.chat-welcome{padding:12px 0 20px;color:#91a181;font-size:10px}.chat-welcome>b{display:block;margin-top:7px;font-weight:500}.chat-welcome>span{font-size:20px}.chat-welcome p{font-size:9px;margin-top:4px;color:#9ba58e}.task-attachment{font-size:9px;background:#fff;margin-top:9px;line-height:1.4}.task-attachment small{font-size:8px}.thinking{display:flex;align-items:center;gap:3px;height:27px;margin-top:7px}.thinking i{width:4px;height:4px;background:#7c9a67;border-radius:50%;animation:thought-dot .8s ease-in-out infinite alternate}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}.thinking span{font-size:9px;color:#8c9c7b;margin-left:4px}#agent-stream.streaming:after{content:'';display:inline-block;width:5px;height:12px;background:#92ad7c;margin-left:3px;vertical-align:-2px}.demo-composer{position:relative;margin:10px 14px 0;padding:11px 12px;background:white;min-height:89px;border:1px solid #dde5d5}.demo-composer>span{display:block;font-size:10px;line-height:1.6;min-height:34px;color:#64715a}.composer-tools{font-size:12px;color:#93a085;margin-top:7px!important}.composer-tools>span{background:#ecf2e4;color:#5b7a48;width:21px;height:21px;border-radius:4px;text-align:center}.mention-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:7px;background:#fff;border:1px solid #d3e0c8;border-radius:7px;box-shadow:0 6px 25px #365c431c;padding:7px;display:none}.mention-menu>small{font-size:7px;color:#8a9b79;padding:3px 6px;display:block}.mention-menu>div{display:flex;align-items:center;gap:8px;padding:7px;background:#edf4e5;border-radius:4px}.mention-menu .avatar{width:25px;height:25px}.mention-menu b{font-size:10px;display:block;font-weight:550}.mention-menu small{font-size:8px;display:block}.mention-menu>div>span:last-child{margin-left:auto;color:#789267}.focus-chat{box-shadow:inset 0 0 0 2px #b2c9a0}.focused-compose{border-color:#8cac73;box-shadow:0 0 0 3px #c3d5b53b}.highlight-mention{background:#e8efdf;color:#486d37;padding:1px 3px;border-radius:3px}.demo-board{grid-template-columns:repeat(3,minmax(0,1fr));position:relative;gap:14px;padding:0 24px}.drop-zone{min-height:260px;border-radius:7px;position:relative;padding:3px;transition:background .2s,box-shadow .2s}.column{min-width:0;min-height:0}.column-title{font-size:11px}.drop-hint{text-align:center;padding:54px 8px;color:#8e9d80;font-size:11px;border:1px dashed #d6e0cd;border-radius:6px;line-height:1.7}.drop-hint span{font-size:9px}.drop-zone:has(.ticket) .drop-hint{display:none}.drop-zone.drag-over,.drop-zone.demo-target{background:#edf4e5;box-shadow:inset 0 0 0 2px #a5bd92}.ticket{padding:12px;margin-bottom:10px;font-size:11px}.ticket h4{font-size:13px;line-height:1.45;margin:10px 0 8px}.ticket p{font-size:10px;line-height:1.6}.ticket-label{display:block;font-size:9px}.drag-grip{float:right;color:#a4b098}.ticket-person{font-size:10px;margin-top:15px;gap:6px}.ticket-person .avatar{width:24px;height:24px}.ticket-person>span:last-child{font-size:8px}.ticket-footer{font-size:8px;line-height:1.5;margin-top:12px}.demo-ticket.demo-picked{opacity:.22;border-style:dashed}.demo-ticket.in-progress{border-color:#99b683;box-shadow:0 0 0 2px #dce9d23d}.static-ticket{padding:10px 12px}.static-ticket h4{font-size:11px}.static-ticket .ticket-person{margin-top:8px}#drag-preview{position:absolute;z-index:8;pointer-events:none;display:none;left:27px;top:37px;width:calc((100% - 80px)/3);transform:translate(0,0) rotate(-3deg)}.ghost-ticket{background:#fff;border:1px solid #789962;border-radius:7px;padding:14px;box-shadow:0 16px 34px #365c4329;min-height:140px}.ghost-ticket .avatar{width:30px;height:30px;display:block;margin-bottom:10px}.ghost-ticket b{display:block;font-size:12px;line-height:1.5}.ghost-ticket small{font-size:9px;color:#849775}.demo-pointer{position:absolute;right:-8px;bottom:-26px;color:#365c43;font-size:29px}.demo-pointer>b{font-size:9px;background:#365c43;color:white;padding:3px 7px;border-radius:3px;font-weight:450;vertical-align:-4px}.agent-work-feed{display:flex;align-items:center;gap:10px;padding:13px 16px;background:#f3f7ee;border:1px solid #dae6cf;margin:10px 27px 0;border-radius:7px}.agent-work-feed>.avatar{height:32px;width:32px}.agent-work-feed>div{display:flex;flex-direction:column;gap:3px}.agent-work-feed b{font-size:11px;font-weight:550}.agent-work-feed #board-status{font-size:10px;color:#718560}.status-orbit{width:8px;height:8px;border-radius:50%;background:#afbaa5;margin-left:auto}.agent-work-feed.active .status-orbit{background:#6a914f;box-shadow:0 0 0 4px #c7dab8;animation:living 1.8s infinite}.agent-work-feed>#board-time{font-size:9px;color:#718560;min-width:41px}.sprint-heading{padding-top:24px;padding-bottom:22px}.sprint-heading h2{font-size:26px}.board-note{padding:12px 27px;font-size:9px}.member-head{padding:23px 28px}.member-head h2{font-size:27px}.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 28px}.connection-card,.manager-card{border:1px solid #e0e7d9;border-radius:8px;padding:18px;position:relative;min-height:255px}.setup-step{font-size:8px;color:#8a9a7c;letter-spacing:.08em}.pair-visual{display:flex;align-items:center;justify-content:center;gap:10px;margin:21px 0 18px}.pair-node{display:flex;flex-direction:column;align-items:center;gap:5px}.pair-node>.avatar{width:42px;height:42px;border-radius:12px}.pair-node>small{font-size:9px;color:#80946b}.claw-mark{width:42px;height:42px;border-radius:12px;background:#f5e6dc;color:#c06e4c;display:flex;align-items:center;justify-content:center;font-size:28px}.pair-wire{height:2px;background:#dce5d4;width:75px;display:flex;align-items:center;justify-content:space-around;margin-bottom:18px}.pair-wire i{width:4px;height:4px;background:#becdb1;border-radius:50%}.pairing .pair-wire{background:linear-gradient(90deg,#dce5d4,#729d54,#dce5d4);background-size:200% 100%;animation:pair-flow .7s linear infinite}.pairing .pair-wire i{background:#80a45d;animation:thought-dot .4s infinite alternate}.connected .pair-wire{background:#a1bd86}.connected .pair-wire i{background:#5f883f}.connect-action{display:block;width:100%;border:1px solid #c8d8ba;border-radius:5px;background:#eef4e6;color:#456b34;padding:8px;font-size:11px;min-height:35px}.connection-card>p{font-size:9px;line-height:1.6;margin-top:8px}.pair-log{display:flex;justify-content:space-between;font-size:8px;margin-top:12px;color:#859775}.pair-log b{font-weight:500;color:#67884d}.manager-card h3{font-size:14px;font-weight:550;margin:22px 0 15px;letter-spacing:-.02em}.manager-select{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dce4d3;border-radius:6px;background:#fff;width:100%;text-align:left;min-height:56px;color:#506844}.manager-select .avatar{width:30px;height:30px}.manager-select b{font-size:11px;display:block;font-weight:550}.manager-select small{display:block;font-size:8px;color:#8b9b7c}.manager-select>span:last-child{margin-left:auto}.manager-picker{position:absolute;z-index:8;top:157px;left:18px;right:18px;background:white;box-shadow:0 10px 28px #365c431f;border:1px solid #d4e0c9;border-radius:7px;padding:7px;display:none}.manager-picker>small{font-size:7px;padding:5px 7px;display:block;color:#95a587}.manager-option{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px}.manager-option>.avatar{width:28px;height:28px}.manager-option b{font-size:10px;font-weight:550;display:block}.manager-option small{font-size:8px;color:#859775;display:block}.manager-option>b{margin-left:auto;color:#7e9b63}.manager-option.selected{background:#edf4e5}.assigned-line{display:flex;align-items:center;gap:7px;margin-top:25px;font-size:9px;color:#7a9167}.assigned-line .avatar{width:25px;height:25px}.assigned-arrow{font-size:17px;color:#a1b98a}.onboarding-context{display:grid;grid-template-columns:1fr 1.3fr 1fr;margin:20px 28px 0;gap:10px}.onboarding-context>div{background:#f5f8f0;border:1px solid #e5ecdc;padding:12px;border-radius:6px}.onboarding-context>div>span{color:#86a16d;font-size:15px}.onboarding-context b{font-size:9px;display:block;margin:5px 0;font-weight:550}.onboarding-context small{font-size:8px;color:#859775;display:block;line-height:1.5}.member-note{font-size:9px;margin:15px 28px}.attention{box-shadow:0 0 0 3px #c7dab54d;border-color:#a2bc8c!important}.onboarding-context.revealed>div{animation:context-in .4s both}.onboarding-context.revealed>div:nth-child(2){animation-delay:.12s}.onboarding-context.revealed>div:nth-child(3){animation-delay:.24s}.demo-transport button:focus-visible,.demo-ticket:focus-visible{outline:3px solid #789c60;outline-offset:3px}@keyframes caret-flash{50%{opacity:0}}@keyframes thought-dot{to{opacity:.3;transform:translateY(-2px)}}@keyframes pair-flow{to{background-position:-200% 0}}@keyframes context-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.doc-and-chat{grid-template-columns:minmax(0,1fr) 285px}.doc-content{padding:18px 22px}.sidebar{width:150px}.onboarding-grid{padding:0 18px;gap:12px}.connection-card,.manager-card{padding:14px}.onboarding-context{margin:16px 18px 0}.demo-board{padding:0 15px;gap:9px}.ticket{padding:10px}.ticket-person{gap:4px}.ticket-person>span:last-child{font-size:7px}.agent-work-feed{margin-left:18px;margin-right:18px}.doc-copy{font-size:11px}}
@media(max-width:800px){.demo-guide{margin:0 4px;padding:12px;gap:8px;min-height:90px}.guide-story{gap:8px}.guide-story strong{font-size:11px}.guide-story span:not(.demo-live-dot){font-size:9px;max-width:200px}.demo-transport{gap:3px}.demo-transport button{width:28px;height:32px;font-size:17px}.demo-transport>span{display:none}.doc-and-chat{grid-template-columns:1fr;height:auto}.document{min-height:475px}.doc-content{padding:21px}.doc-copy{font-size:12px;min-height:75px}.chat{min-height:480px;max-height:530px}.chat-message p{font-size:12px}.chat-scroll{min-height:250px}.notion-block{min-height:125px}.workspace-shell{min-height:0}.shellbody{min-height:550px}.demo-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 9px}.demo-board .column:nth-child(n+3){display:block}.column-title{font-size:8px;gap:4px}.column-title small{font-size:7px}.column-title i{width:5px;height:5px}.ticket{padding:8px}.ticket h4{font-size:10px;margin:8px 0}.ticket p{display:none}.ticket-label{font-size:7px}.ticket-person{font-size:8px;flex-wrap:wrap;margin-top:10px}.ticket-person .avatar{width:21px;height:21px}.ticket-person>span:last-child{display:none}.ticket-footer{font-size:7px}.static-ticket h4{font-size:9px}.drop-zone{min-height:255px;padding:1px}.drop-hint{font-size:9px;padding:36px 4px}.drop-hint span{font-size:7px}.sprint-heading{padding:20px 14px 15px}.sprint-heading h2{font-size:23px}.sprint-heading p{font-size:10px}.board-toolbar{margin-left:14px;margin-right:14px;font-size:9px;margin-bottom:15px}.agent-work-feed{margin:10px 11px 0;padding:10px;gap:8px}.agent-work-feed #board-status{font-size:9px}.agent-work-feed>#board-time{font-size:8px}.agent-work-feed>.avatar{width:26px;height:26px}.board-note{font-size:8px;padding:12px 14px}.ghost-ticket{padding:9px;min-height:125px}.ghost-ticket b{font-size:10px}.ghost-ticket small{font-size:7px}#drag-preview{left:10px;width:calc((100% - 30px)/3)}.member-head{padding:20px 16px}.member-head h2{font-size:24px}.member-head>.badge{font-size:8px}.onboarding-grid{grid-template-columns:1fr;padding:0 15px;gap:12px}.connection-card,.manager-card{min-height:230px;padding:15px}.manager-card{min-height:205px}.manager-picker{top:150px;left:15px;right:15px}.manager-card h3{margin:17px 0 13px}.onboarding-context{grid-template-columns:1fr;margin:15px}.onboarding-context>div{padding:10px}.onboarding-context b{display:inline-block;margin:0 8px;font-size:10px}.onboarding-context small{margin-left:22px;font-size:9px}.member-note{margin:14px 16px}.pair-visual{margin:17px 0 13px}.assigned-line{margin-top:19px}.demo-transport button{min-width:28px}}
@media(prefers-reduced-motion:reduce){.demo-motion .typing-caret,.demo-motion .is-editing .doc-copy:after{animation:caret-flash .7s steps(1) infinite!important}.demo-motion .thinking i{animation:thought-dot .8s infinite alternate!important}.demo-motion .pairing .pair-wire{animation:pair-flow .7s linear infinite!important}}
.slash-menu{top:auto;bottom:calc(100% - 28px)}
@media(max-width:800px){#workspace .doc-and-chat{min-height:560px}#workspace .document{min-height:560px}#workspace .chat{display:none!important;min-height:560px;max-height:none}#workspace.chat-stage .document{display:none}#workspace.chat-stage .chat{display:flex!important}#team:not(.team-manager-stage) .manager-card{display:none}#team.team-manager-stage .connection-card{display:none}.onboarding-grid{min-height:255px}.onboarding-context{min-height:150px}}
.ticket-person>.avatar{margin-left:0}.collaborators>.avatar{display:inline-flex}
/* Refined cursor, connection states and compact reporting lines. */
.demo-pointer{display:flex;align-items:flex-end;position:absolute;right:-20px;bottom:-15px;gap:2px;font-size:initial;isolation:isolate}.mac-cursor{width:25px;height:33px;overflow:visible;filter:drop-shadow(0 2px 3px #16241b44);z-index:1}.demo-pointer>b{font-size:9px;line-height:1.5;margin-bottom:-4px;padding:3px 8px;border-radius:5px;background:#365c43;box-shadow:0 2px 5px #233c2925}.cursor-halo{position:absolute;width:33px;height:33px;left:-9px;top:-7px;border-radius:50%;background:#cbdcb75c;border:1px solid #ffffffb3;box-shadow:0 0 0 5px #d4e4c12e;z-index:-1}.connect-action{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:550;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.connect-action[data-state=idle]{background:#365c43;border-color:#365c43;color:#fff;box-shadow:0 3px 8px #365c4326;cursor:pointer}.connect-action[data-state=idle]:hover{background:#284b34}.connect-action[data-state=loading]{background:#f7f4e9;border-color:#e4d8af;color:#8b7439;cursor:wait}.connect-action[data-state=success]{background:#e9f3e1;border-color:#b6d39d;color:#47722e;cursor:default;box-shadow:inset 0 0 0 1px #fff8}.connect-icon{display:inline-flex;width:17px;height:17px;align-items:center;justify-content:center;font-size:15px}.connect-action[data-state=loading] .connect-icon{width:13px;height:13px;border:2px solid #d9cc9f;border-top-color:#9c8034;border-radius:50%;animation:connect-spin .7s linear infinite}.connect-action[data-state=success] .connect-icon{border-radius:50%;background:#5f8d41;color:white;font-size:11px}.connect-action:disabled{opacity:1}@keyframes connect-spin{to{transform:rotate(360deg)}}.org-map{height:276px}.org-map .org-node{height:56px}.org-map .org-node.owner{top:20px}.org-map .org-node.lead{top:110px}.org-map .org-node.report{top:200px}.org-paths path{fill:none;stroke-width:1.5}.doc-icon{font-size:27px}.onboarding-context>div>span{font-size:16px}@media(max-width:800px){.org-map{height:276px}.org-map .org-node.owner{top:20px}.org-map .org-node.lead{top:110px}.org-map .org-node.report{top:200px}.demo-pointer{right:-14px}.mac-cursor{width:23px;height:30px}.demo-pointer>b{font-size:8px;padding:2px 6px}}@media(prefers-reduced-motion:reduce){.demo-motion .connect-action[data-state=loading] .connect-icon{animation:connect-spin .7s linear infinite!important}}