/* Shared automatic message demo, used on both Peggy and the Draper homepage. */
.agent-demo-date{text-align:center;font:9px/1.4 -apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#909090;margin:2px 0 16px}
.agent-demo-message{font:13px/1.4 -apple-system,BlinkMacSystemFont,Arial,sans-serif;padding:10px 12px;max-width:87%;border-radius:16px;margin:0 0 11px;transform-origin:bottom left}
.agent-incoming{background:#e9e9eb;color:#171717;border-bottom-left-radius:4px}.agent-outgoing{background:#1884f9;color:#fff;border-bottom-right-radius:4px;margin-left:auto;transform-origin:bottom right}
.agent-demo-audio{display:flex;align-items:center;gap:10px;margin:15px 0 15px auto;padding:10px 12px;background:#1884f9;color:#fff;border-radius:16px 16px 4px 16px;width:205px;height:45px;font:10px -apple-system,BlinkMacSystemFont,Arial,sans-serif}
.agent-wave{display:flex;align-items:center;gap:2px;height:24px;flex:1;overflow:hidden}.agent-wave i{display:block;width:2px;flex:0 0 2px;background:currentColor;border-radius:2px;transform-origin:center}.demo-running[data-demo-frame="1"] .agent-wave i{animation:agent-wave .85s ease-in-out var(--wave-delay) infinite}@keyframes agent-wave{50%{transform:scaleY(.4)}}
.agent-demo-draft{border:1px solid #dedede;background:#fff;border-radius:10px;overflow:hidden;margin:14px 0 13px;color:#171717;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif}
.agent-demo-draft header{display:flex!important;align-items:center;gap:7px;justify-content:flex-start!important;position:static!important;padding:10px 12px!important;margin:0!important;border-bottom:1px solid #eee;font-size:10px!important;color:#777}.agent-demo-draft header img{border-radius:3px!important;width:17px!important;height:17px!important}.agent-demo-draft header>span{position:static!important;font-size:10px!important;color:#777!important}.agent-demo-status{margin-left:auto;background:#f0f0f0;border-radius:3px;padding:3px 5px;font-size:9px!important}.agent-demo-draft h3{font:500 20px/1.16 -apple-system,BlinkMacSystemFont,Arial,sans-serif!important;letter-spacing:-.03em;margin:0!important;padding:15px 13px 9px!important;color:#171717}.agent-demo-draft>p{font:11px/1.45 -apple-system,BlinkMacSystemFont,Arial,sans-serif!important;padding:0 13px 14px!important;margin:0!important;color:#666}.agent-demo-draft footer{font:8px/1.3 -apple-system,BlinkMacSystemFont,Arial,sans-serif;padding:8px 13px;background:#f7f7f7;color:#929292}
.bridge-thread{height:371px;overflow:hidden;scrollbar-width:none;padding-top:1px}.bridge-chat>header{margin-bottom:10px}.bridge-thread .agent-demo-message{font-size:12px;padding:9px 11px}.bridge-thread .agent-demo-date{margin-bottom:12px}.bridge-thread .agent-demo-draft h3{font-size:18px!important}.bridge-thread .agent-demo-draft>p{font-size:10px!important}.bridge-thread .agent-demo-audio{margin-block:12px}
.hero-actions>a.button{font-size:15px;color:#24221d}.hero-actions>a.button>span{color:#24221d;margin-left:0}.demo-caption{align-items:center;min-height:20px}.demo-caption [data-scene-caption]{color:#c6bcab}
.context-source{cursor:default}.context-source:hover{transform:none}.context-source.is-current{background:#faf7ef;border-color:#d6c6a3;box-shadow:0 6px 22px #80715010;transform:translateX(7px)}
.person-card{border-color:#d4c8ae}.person-card.is-current{border-color:#e6bd5a;box-shadow:0 20px 40px #0003,0 0 0 2px #e6bd5a40}.person-card:hover{transform:rotate(-2deg)}.person-card:nth-child(2):hover{transform:translateY(25px)}.person-card:nth-child(3):hover{transform:rotate(2deg)}
.person-story{height:285px;margin-top:22px;display:flex;flex-direction:column;gap:19px}
.person-prompt{display:flex;align-items:flex-end;gap:8px;flex-shrink:0}.person-prompt>img{width:23px;height:23px;border-radius:6px;flex-shrink:0;margin-bottom:3px}.person-prompt>p{font:13px/1.4 -apple-system,BlinkMacSystemFont,Arial,sans-serif;background:#e8e4dc;color:#39352d;border-radius:14px 14px 14px 3px;padding:11px 13px;margin:0;max-width:calc(100% - 31px)}
.person-reply{align-self:flex-end;max-width:88%;font:13px/1.45 -apple-system,BlinkMacSystemFont,Arial,sans-serif;margin:0;padding:11px 13px;background:#1884f9;color:#fff;border-radius:14px 14px 3px 14px}
.person-story .person-post{margin:0;padding:17px 4px 0;border-top:1px solid #ded5c5}.person-story .person-post p{min-height:0;margin:0}.person-story .person-post>span{min-height:0;margin-top:11px}.person-story .person-post>img{margin-bottom:12px}
@media(max-width:760px){.hero-actions>a.button{display:inline-flex;font-size:13px}.context-source.is-current{transform:none}.agent-demo-message{font-size:12px}.agent-demo-draft h3{font-size:18px!important}.agent-demo-draft>p{font-size:10px!important}.bridge-thread{height:375px}.demo-caption{font-size:9px}.person-card{scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){.agent-wave i{animation:none!important}.people-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;margin-right:0!important;padding-right:0!important}.person-card{width:100%!important;max-width:none!important;transform:none!important}.person-card.is-current{border-color:#d4c8ae;box-shadow:0 20px 40px #0003}}