.outreach-demo{display:none;width:100%;font-family:Manrope,system-ui,sans-serif;color:#425e70}.cap-channels .outreach-demo{display:block}
.outreach-audience{display:flex;gap:9px;align-items:center;padding:0 4px 13px}.outreach-avatar-stack{display:flex;padding-left:5px}.outreach-avatar-stack i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:2px solid #faeee8;margin-left:-5px;background:#c8d9ec;color:#597aa2;font-size:7px;font-style:normal}.outreach-avatar-stack i:nth-child(2){background:#e1d4ec;color:#90769f}.outreach-avatar-stack i:nth-child(3){background:#efddbc;color:#ad8b53}.outreach-audience strong{font-size:10px;font-weight:550}.outreach-audience>span:last-child{font-size:7px;color:#96a48b;margin-left:auto}
.outreach-mailbox{position:relative;overflow:hidden;border:1px solid #fff;border-radius:13px;background:#fffefa;box-shadow:0 12px 28px #86664c18}
.outreach-toolbar{display:flex;gap:8px;align-items:center;padding:12px 15px;border-bottom:1px solid #eee6db;background:#fbf8f2}.outreach-envelope{color:#c49d68;font-size:19px}.outreach-toolbar strong{font-size:12px;color:#546d80;font-weight:550}.outreach-toolbar small{margin-left:auto;font-size:7px;letter-spacing:.12em;color:#bcae9c}
.outreach-viewport{position:relative;overflow:hidden;height:278px;scrollbar-width:none}.outreach-track{display:flex;position:relative;width:100%;height:100%}.outreach-compose,.outreach-sent{flex:0 0 100%;min-width:0;box-sizing:border-box;position:relative}
.outreach-to{display:flex;align-items:center;gap:9px;border-bottom:1px solid #f0ece3;padding:10px 16px;font-size:9px;color:#b2a898}.outreach-to b{font-size:10px;font-weight:500;background:#e9eff7;border-radius:4px;padding:4px 7px;color:#6e87a4;opacity:1;transform:none;transition:opacity .2s,transform .3s}.outreach-to small{font-weight:400;font-size:8px;color:#a2b0c1}.outreach-to i{font-size:8px;font-style:normal;color:#a2b2c0}
.outreach-subject{font-size:13px;font-weight:550;padding:13px 16px 0;color:#48667b}.outreach-letter{padding:8px 16px;color:#8f9c9f}.outreach-letter p{font-size:11px;line-height:1.55;margin:0 0 9px}.outreach-letter a{display:block;font-size:10px;color:#6c91ad;margin:0 0 10px}.outreach-letter>span{display:block;font-size:10px;color:#a6afa9}
.outreach-send-row{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-top:1px solid #f0eae0;background:#fffefa;font-size:8px;color:#a5ad98}.outreach-send-button{font-size:10px;font-weight:500;padding:9px 13px;color:#fff;background:#477fa0;border-radius:5px;transition:background .2s,transform .2s}
.outreach-pointer{position:absolute;bottom:26px;right:36px;z-index:2;width:20px;height:24px;opacity:0;transform:translate(10px,10px);transition:opacity .2s,transform .4s}.outreach-pointer svg{width:100%;height:100%}
.outreach-sent{padding:16px;background:#f9fcf9}.outreach-sent-total{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e1ebe3;padding-bottom:13px}.outreach-sent-total>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#deeee1;color:#7ba282;font-size:15px}.outreach-sent-total strong{font-size:30px;font-weight:500;letter-spacing:-.05em;color:#538271;line-height:1}.outreach-sent-total small{font-size:11px;letter-spacing:0;color:#90a799;font-weight:400}.outreach-sent-total>b{font-size:6px;color:#adc0af;font-weight:400;margin-left:auto;letter-spacing:.1em}
.outreach-sent-list>div{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #ebf0e9}.outreach-sent-list i{display:grid;place-items:center;background:#e8eee9;width:23px;height:23px;border-radius:50%;font-size:7px;color:#92a998;font-style:normal}.outreach-sent-list strong{display:block;font-size:10px;font-weight:500;color:#6d8e7e}.outreach-sent-list small{display:block;font-size:7px;color:#aebdb0;margin-top:3px}.outreach-sent-list b{margin-left:auto;font-size:8px;font-weight:400;color:#90ae95}.outreach-sent-list>small{font-size:7px;padding:3px 0 0 31px}
.outreach-followup{display:flex;gap:10px;align-items:center;position:absolute;left:16px;right:16px;bottom:12px;padding:10px;background:#e2eee1;border-radius:7px;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .35s}.outreach-followup>div{border-right:1px solid #c7dcc8;padding-right:10px;text-align:center}.outreach-followup>div>span{font-size:21px;color:#6a9576;letter-spacing:-.06em;line-height:1}.outreach-followup>div>small{display:block;font-size:5px;color:#9bb49e}.outreach-followup p{margin:0}.outreach-followup strong{font-size:10px;display:block;font-weight:500;color:#719479}.outreach-followup p small{font-size:7px;display:block;color:#9cb4a0;margin-top:4px}.outreach-followup>b{font-size:12px;color:#7fa78a;margin-left:auto}
.outreach-agent{display:flex;gap:7px;align-items:center;font-size:8px;color:#aa9887;padding:11px 3px 0}.outreach-agent b{font-size:9px;color:#9b8468}.outreach-note{font-size:7px;text-align:center;color:#baa99c;margin:8px 0 0;line-height:1.5}
.outreach-demo[data-phase="0"] .outreach-to b{opacity:0;transform:translateX(-8px)}
.outreach-demo[data-phase="1"] .outreach-pointer,.outreach-demo[data-phase="2"] .outreach-pointer{opacity:1;transform:none}
.outreach-demo[data-phase="2"] .outreach-send-button{background:#32677f;transform:translateY(1px)}
.outreach-demo[data-phase="4"] .outreach-followup{opacity:1;transform:none}
@media(max-width:760px){.outreach-demo{max-width:430px;margin:auto}.outreach-audience strong{font-size:11px}.outreach-letter p{font-size:12px}.outreach-subject{font-size:14px}.outreach-viewport{height:290px}}
@media(prefers-reduced-motion:reduce){.outreach-demo *{animation:none!important;transition:none!important}}