.cp-page .cp-scene{color:#1c0965;background:#f6f4fe;border:1px solid #e4def2;border-radius:34px;grid-template-columns:minmax(0,.72fr) 22px minmax(0,1fr) 22px minmax(0,1.12fr);align-items:center;gap:16px;padding:clamp(22px,3vw,40px);display:grid}.cp-page .cp-scene section{min-width:0}.cp-page .cp-scene-step{letter-spacing:.12em;text-transform:uppercase;margin:0 0 25px;font-size:11px;font-weight:700}.cp-page .cp-scene-audience{padding:8px 0}.cp-page .cp-scene-audience-icon{color:#5d4ce1;background:#e7e1fc;border-radius:20px;place-items:center;width:58px;height:58px;margin-bottom:26px;display:grid}.cp-page .cp-scene-caption{color:#6a6083;margin-bottom:8px;font-size:11px;line-height:1.5;display:block}.cp-page .cp-scene-audience h3{letter-spacing:-.045em;margin:0;font-family:Manrope,Arial,sans-serif;font-size:clamp(22px,2.1vw,29px);font-weight:650;line-height:1.15}.cp-page .cp-scene-audience-note{color:#6a6083;margin:14px 0 23px;font-size:12px;line-height:1.7}.cp-page .cp-scene-permission{color:#34532e;background:#e6f2d9;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.cp-page .cp-scene-message,.cp-page .cp-scene-response{border-radius:24px;padding:24px}.cp-page .cp-scene-message{color:#fff;background:#1c0965}.cp-page .cp-scene-message .cp-scene-step{color:#b4e57e}.cp-page .cp-scene-business,.cp-page .cp-scene-team{align-items:center;gap:10px;display:flex}.cp-page .cp-scene-business>div,.cp-page .cp-scene-team>div{min-width:0}.cp-page .cp-scene-business strong,.cp-page .cp-scene-team strong{font-size:12px;line-height:1.4;display:block}.cp-page .cp-scene-business>div>span,.cp-page .cp-scene-team>div>span{margin-top:3px;font-size:10px;line-height:1.5;display:block}.cp-page .cp-scene-business>div>span{color:#d2caef}.cp-page .cp-scene-business-icon,.cp-page .cp-scene-person{border-radius:14px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.cp-page .cp-scene-business-icon{color:#d9d1ff;background:#3a2780}.cp-page .cp-scene-outgoing{color:#281550;background:#f0ebff;border-radius:17px 17px 5px;margin-top:22px;padding:19px}.cp-page .cp-scene-outgoing p,.cp-page .cp-scene-thread p{margin:0;font-size:13px;line-height:1.8}.cp-page .cp-scene-message-note{color:#d2caef;margin:18px 0 0;font-size:10px;line-height:1.6}.cp-page .cp-scene-response{background:#fff;border:1px solid #e5deef;box-shadow:0 12px 30px #1c096507}.cp-page .cp-scene-team>div>span{color:#6a6083}.cp-page .cp-scene-team>svg{color:#5d4ce1;flex-shrink:0;margin-left:auto}.cp-page .cp-scene-person{color:#1c0965;background:#b4e57e;border-radius:50%;font-size:14px;font-weight:700}.cp-page .cp-scene-thread{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.cp-page .cp-scene-thread li{padding:13px 15px}.cp-page .cp-scene-thread li>span{margin-bottom:5px;font-size:10px;font-weight:700;line-height:1.5;display:block}.cp-page .cp-scene-incoming{background:#f4f1fc;border-radius:4px 15px 15px;margin-right:15px}.cp-page .cp-scene-reply{color:#304323;background:#ebf5df;border-radius:15px 15px 4px;margin-left:15px}.cp-page .cp-scene-context{color:#6a6083;margin:20px 0 0;font-size:10px;line-height:1.6}.cp-page .cp-scene-connection{color:#5d4ce1;align-items:center;display:flex;position:relative}.cp-page .cp-scene-connection>span{background:#d8d0ed;width:100%;height:2px;position:relative}.cp-page .cp-scene-connection>span:after{content:"";transform-origin:0;background:#5d4ce1;animation:1.2s ease-out both paused cp-scene-connect;position:absolute;inset:0}.cp-page .cp-scene-connection-response>span:after{animation-delay:.2s}.cp-page .cp-scene[data-running=true] .cp-scene-connection>span:after{animation-play-state:running}.cp-page .cp-scene-connection>svg{position:absolute;right:-3px}@keyframes cp-scene-connect{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:1100px) and (min-width:861px){.cp-page .cp-scene{grid-template-columns:minmax(0,.75fr) 16px minmax(0,1fr) 16px minmax(0,1.15fr);gap:12px;padding:24px}.cp-page .cp-scene-message,.cp-page .cp-scene-response{padding:19px}.cp-page .cp-scene-team>svg{display:none}.cp-page .cp-scene-outgoing{padding:15px}}@media (max-width:860px){.cp-page .cp-scene{border-radius:28px;grid-template-columns:minmax(0,1fr);gap:0;max-width:580px;margin-inline:auto;padding:26px}.cp-page .cp-scene-step{margin-bottom:20px}.cp-page .cp-scene-audience{padding:0 4px 4px}.cp-page .cp-scene-audience-icon{float:right;border-radius:17px;width:52px;height:52px;margin:0 0 12px 20px}.cp-page .cp-scene-audience h3{font-size:27px}.cp-page .cp-scene-audience-note{max-width:34ch;margin:12px 0 16px}.cp-page .cp-scene-connection{width:28px;height:28px;margin:12px auto;transform:rotate(90deg)}.cp-page .cp-scene-message,.cp-page .cp-scene-response{padding:23px}}@media (max-width:380px){.cp-page .cp-scene{border-radius:23px;padding:18px}.cp-page .cp-scene-message,.cp-page .cp-scene-response{border-radius:20px;padding:18px}.cp-page .cp-scene-audience h3{font-size:23px}.cp-page .cp-scene-team>svg{display:none}.cp-page .cp-scene-outgoing{padding:14px}}@media (prefers-reduced-motion:reduce){.cp-page .cp-scene-connection>span:after{animation:none}}