/* Connected operations: one readable case across the team's existing tools. */
.cx-section{padding:108px 0 110px;border-top:1px solid var(--sw-border)}
.cx-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:end;margin-bottom:49px}
.cx-intro .eyebrow{margin-bottom:22px}
.cx-intro h2{font-size:clamp(38px,4.4vw,64px);line-height:1.05;letter-spacing:-.055em}
.cx-intro-copy{max-width:418px;padding-bottom:1px}
.cx-intro-copy p{font-size:16px;line-height:1.75;margin:0 0 15px;color:#65695e}
.cx-intro-copy .sw-text-link{font-size:13px;gap:32px}
.cx-workflow{border:1px solid #d7d7cb;background:#f9f8f2;border-radius:8px;overflow:hidden}
.cx-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:73px;padding:15px 30px;border-bottom:1px solid #deded3}
.cx-examples{display:flex;align-items:center;gap:5px}
.cx-kicker,.cx-example-label,.cx-type,.cx-team-label,.cx-record,.cx-step{font-family:var(--mono)}
.cx-kicker{font-size:9px;letter-spacing:.065em;margin-right:16px;color:#707367}
.cx-examples button{font-size:12px;border:1px solid transparent;background:transparent;border-radius:4px;padding:9px 13px;min-height:38px;color:#676c5e;transition:background .2s,color .2s}
.cx-examples button:hover{background:#eeeee4;color:#252b20}
.cx-examples button[aria-pressed=true]{border-color:#cdd4c4;background:#e7ecdf;color:#314634}
.cx-example-label{font-size:9px;color:#777b6f;white-space:nowrap}
.cx-flow{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1.25fr) 56px minmax(0,.9fr);padding:30px 30px 35px;align-items:start;position:relative}
.cx-lane{min-width:0;position:relative;z-index:1}
.cx-step{font-size:10px;line-height:1.5;letter-spacing:-.025em;display:flex;align-items:center;gap:10px;margin-bottom:23px;white-space:nowrap;color:#4b5346}
.cx-step>span{font-size:9px;color:#7d8876;width:24px;height:24px;border:1px solid #dce0d2;display:grid;place-items:center;border-radius:50%;flex:none}
.cx-app-card{background:#fffefa;border:1px solid #d7dbcd;border-radius:5px;overflow:hidden;padding:17px 16px 0;min-height:160px;box-shadow:0 3px 7px #28311c04}
.cx-app-card+.cx-app-card{margin-top:16px}
.cx-app-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;height:30px}
.cx-app-head a{display:flex;align-items:center;min-width:0}
.cx-app-head img{display:block;object-fit:contain;object-position:left center;max-width:100%;height:auto}
.cx-zendesk-logo{width:106px}
.cx-shopify-logo{width:106px}
.cx-type{font-size:8px;letter-spacing:.075em;color:#7b8273}
.cx-record{display:block;font-size:9px;color:#7b8174;line-height:1.4;margin-bottom:7px}
.cx-request{font-size:14px;line-height:1.5;color:#343d2e;letter-spacing:-.015em;margin:0 0 15px;min-height:42px}
.cx-app-foot{border-top:1px solid #e6e8de;display:flex;align-items:center;gap:5px;margin:0 -16px;padding:10px 12px;font-size:8px;line-height:1.4;color:#68735f;background:#f7f8f2}
.cx-dot{display:inline-block;width:4px;height:4px;background:#799769;border-radius:50%;flex:none}
.cx-app-foot button{font-size:8px;border:0;background:none;padding:3px 0 3px 5px;margin-left:auto;white-space:nowrap;color:#59664d;min-height:26px}
.cx-app-foot button:hover{color:#af361e;text-decoration:underline}
.cx-app-foot button>span{margin-left:4px}
.cx-order-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px;font-size:12px;line-height:1.5;color:#434d39;min-height:42px;margin-bottom:15px}
.cx-order-check{font-size:8px;color:#526944;border:1px solid #dce6d1;background:#f0f4e9;padding:3px 5px;border-radius:2px}
.cx-team-card{background:#fffefa;border:1px solid #dcc6b5;border-radius:6px;box-shadow:0 10px 25px #483b2010;overflow:hidden;position:relative}
.cx-team-card:before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:#ef6c3c}
.cx-team-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 21px 0}
.cx-team-head .brand{gap:7px}
.cx-team-head .gate-mark{transform:scale(.6);transform-origin:left center;width:20px;height:24px}
.cx-team-head .wordmark{font-size:20px;letter-spacing:-1.1px}
.cx-team-label{font-size:7px;letter-spacing:.06em;color:#978475;white-space:nowrap}
.cx-team-card h3{font-size:26px;line-height:1.13;letter-spacing:-.045em;padding:23px 21px 21px}
.cx-conversation{padding:0 15px 15px}
.cx-message{display:flex;align-items:flex-start;gap:11px;padding:8px 5px}
.cx-message>.st-photo{width:30px;height:30px;box-shadow:none}
.cx-message>div{min-width:0;flex:1}
.cx-message b{display:flex;align-items:center;gap:6px;font-weight:500;font-size:10px;line-height:1.5;margin:0 0 4px}
.cx-message b small{font-size:8px;font-weight:400;color:#8b887e}
.cx-message p{font-size:11px;line-height:1.65;color:#5f6559;margin:0}
.cx-message-bot{background:#faf0e5;border:1px solid #f0dfca;border-radius:4px;padding:11px 8px;margin-top:6px}
.cx-message-bot .st-robot{transform:scale(.85);transform-origin:top center}
.cx-thinking{display:flex;gap:2px;margin-left:auto;padding:0 1px}
.cx-thinking i{width:3px;height:3px;border-radius:50%;background:#c87b45;animation:cx-think 2s ease-in-out infinite}
.cx-thinking i:nth-child(2){animation-delay:.2s}.cx-thinking i:nth-child(3){animation-delay:.4s}
.cx-decision{padding:12px 19px;display:flex;align-items:center;gap:9px;background:#f2f5ec;border-top:1px solid #e0e6d7}
.cx-decision>.st-photo{width:25px;height:25px;box-shadow:none}
.cx-decision b{display:block;font-size:9px;font-weight:500;color:#3e5233;line-height:1.5}
.cx-decision>div>span{font-size:8px;display:block;color:#748168;line-height:1.4;margin-top:2px}
.cx-approval{margin-left:auto;font-size:13px;color:#69814b}
.cx-wire{height:360px;position:relative;margin-top:35px;pointer-events:none;z-index:0}
.cx-wire svg{width:100%;height:100%;overflow:visible}
.cx-wire svg path{fill:none;stroke:#cbd2bd;stroke-width:1;vector-effect:non-scaling-stroke}
.cx-wire svg .cx-signal{stroke:#e98647;stroke-width:2;stroke-dasharray:8 230;animation:cx-flow 6s linear infinite}
.cx-wire svg .cx-signal-late{animation-delay:-3s;stroke:#839e63}
.cx-wire>span{position:absolute;font:6px var(--mono);letter-spacing:.06em;top:164px;left:50%;transform:translateX(-50%);color:#8c9480;background:#f9f8f2;padding:5px 2px}
.cx-outcomes .cx-step{margin-bottom:47px}
.cx-result{display:flex;gap:10px;padding:0 0 24px;min-height:156px}
.cx-result-check{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #d7e0cb;border-radius:50%;color:#68834b;background:#edf2e5;font-size:11px;margin-top:1px}
.cx-result .cx-type{display:block;margin:0 0 10px;line-height:1.4}
.cx-result h4{font-size:18px;line-height:1.2;letter-spacing:-.035em;font-weight:400;margin:0 0 9px;color:#38462e}
.cx-result p{font-size:11px;line-height:1.7;max-width:190px;margin:0;color:#7a8070}
.cx-outcome-note{padding:12px 0 0 33px;border-top:1px solid #e0e4d7;font-size:10px;line-height:1.7;color:#89927c;position:relative}
.cx-outcome-note>span{position:absolute;left:3px;font-size:20px;color:#abb79a}
.cx-workflow-footer{display:flex;align-items:center;gap:11px;border-top:1px solid #deded3;padding:19px 30px;background:#f1f2e9}
.cx-permission-icon{display:flex;color:#87927a}.cx-permission-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.15}
.cx-workflow-footer p{font-size:11px;line-height:1.65;color:#7b8171;margin:0}
.cx-workflow-footer p strong{font-weight:500;color:#4c5940}
.cx-workflow-footer>a{font-size:11px;margin-left:auto;white-space:nowrap;display:flex;gap:30px;align-items:center;color:#424f37}
.cx-workflow-footer>a:hover{color:#af361e}
.cx-workflow.is-changing .cx-team-card{animation:cx-enter .3s ease-out}
@keyframes cx-flow{to{stroke-dashoffset:-238}}
@keyframes cx-think{0%,65%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
@keyframes cx-enter{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.cx-flow{padding:36px 45px 44px;grid-template-columns:minmax(0,1fr) 78px minmax(0,1.25fr) 78px minmax(0,.9fr)}.cx-toolbar,.cx-workflow-footer{padding-left:45px;padding-right:45px}.cx-team-card h3{font-size:29px}.cx-message p{font-size:12px}}
@media(max-width:1100px){.cx-intro{gap:55px}.cx-flow{padding:26px 22px 30px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1.22fr) 30px minmax(0,.85fr)}.cx-step{font-size:9px;gap:6px}.cx-wire>span{display:none}.cx-app-card{padding-left:12px;padding-right:12px}.cx-app-foot{margin-left:-12px;margin-right:-12px;padding-left:9px;padding-right:9px}.cx-app-foot>span:not(.cx-dot){display:none}.cx-type{font-size:7px}.cx-team-head{padding:21px 15px 0}.cx-team-label{display:none}.cx-team-card h3{padding:20px 15px;font-size:24px}.cx-conversation{padding:0 9px 13px}.cx-message{gap:7px}.cx-message b small{font-size:7px}.cx-decision{padding:12px}.cx-result h4{font-size:17px}.cx-result{gap:7px}.cx-outcome-note{padding-left:30px}.cx-workflow-footer>a{gap:12px}}
@media(max-width:850px){.cx-intro{grid-template-columns:1fr;gap:25px;align-items:start;margin-bottom:32px}.cx-intro-copy{max-width:510px}.cx-intro-copy p{font-size:15px}.cx-section{padding:70px 0}.cx-flow{grid-template-columns:minmax(0,1fr) 42px minmax(0,1.25fr);padding:25px 24px}.cx-outcomes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px 40px;margin-top:30px;padding-top:25px;border-top:1px solid #dfe3d6}.cx-outcomes .cx-step{grid-column:1/-1;margin:0 0 5px;font-size:10px}.cx-result{min-height:0;padding:5px 0 10px}.cx-result p{max-width:260px}.cx-outcome-note,.cx-wire-out{display:none}.cx-team-card h3{font-size:28px}.cx-team-label{display:block}.cx-toolbar{padding:16px 24px;flex-wrap:wrap;gap:10px}.cx-example-label{margin-left:auto}.cx-workflow-footer{padding:18px 24px;flex-wrap:wrap}.cx-workflow-footer p{flex:1}.cx-workflow-footer>a{margin-left:28px}.cx-kicker{font-size:8px;margin-right:7px}.cx-examples button{padding:9px 10px;font-size:11px}.cx-message b small{font-size:8px}.cx-team-head{padding:21px 18px 0}.cx-team-card h3{padding:21px 18px}.cx-conversation{padding:0 12px 16px}.cx-message{gap:10px}.cx-step{font-size:10px}.cx-app-foot>span:not(.cx-dot){display:inline}}
@media(max-width:580px){.cx-section{padding:58px 0}.cx-intro h2{font-size:40px}.cx-intro{gap:23px}.cx-intro-copy p{font-size:14px;line-height:1.75}.cx-intro .eyebrow{font-size:9px;margin-bottom:18px}.cx-toolbar{padding:16px 18px;gap:10px}.cx-examples{flex-wrap:wrap;gap:5px;width:100%}.cx-kicker{width:100%;margin:0 0 6px}.cx-examples button{padding:9px 11px;font-size:11px;min-height:40px}.cx-example-label{font-size:8px;margin-left:0}.cx-flow{display:flex;flex-direction:column;padding:23px 18px 25px}.cx-lane{width:100%}.cx-step{font-size:10px;margin-bottom:16px}.cx-app-card{padding:17px 16px 0;min-height:0}.cx-app-head{margin-bottom:12px}.cx-app-card+.cx-app-card{margin-top:12px}.cx-request,.cx-order-row{min-height:0;margin-bottom:15px}.cx-app-foot{margin-left:-16px;margin-right:-16px;padding-left:12px;padding-right:12px}.cx-app-foot button{font-size:9px}.cx-wire-in{height:48px;width:1px;flex:none;align-self:center;margin:0;background:#cbd2bd}.cx-wire-in svg{display:none}.cx-wire-in:after{content:'';position:absolute;left:-2px;width:5px;height:8px;border-radius:3px;background:#e98647;animation:cx-mobile-flow 2.5s linear infinite}.cx-team{margin:0}.cx-team-card h3{font-size:30px}.cx-team-label{display:block}.cx-team-head{padding:23px 20px 0}.cx-team-card h3{padding:22px 20px}.cx-conversation{padding:0 15px 20px}.cx-message p{font-size:12px}.cx-message b{font-size:11px}.cx-message b small{font-size:9px}.cx-message{padding:9px 5px;gap:10px}.cx-message-bot{padding:12px 8px}.cx-decision{padding:15px 18px}.cx-decision b{font-size:10px}.cx-decision>div>span{font-size:9px}.cx-outcomes{display:flex;flex-direction:column;gap:16px;margin-top:25px;padding-top:23px}.cx-outcomes .cx-step{margin:0}.cx-result{padding:3px 0 8px;gap:12px}.cx-result h4{font-size:19px}.cx-result .cx-type{font-size:8px;margin-bottom:6px}.cx-result p{font-size:12px;max-width:none}.cx-workflow-footer{padding:18px;gap:10px;align-items:flex-start}.cx-workflow-footer p{font-size:11px}.cx-workflow-footer p strong{display:block}.cx-workflow-footer>a{margin:5px 0 0 27px;min-height:32px;font-size:12px}.cx-permission-icon{margin-top:1px}}
@keyframes cx-mobile-flow{from{top:0;opacity:0}20%,80%{opacity:1}to{top:40px;opacity:0}}
@media(prefers-reduced-motion:reduce){.cx-signal,.cx-thinking i,.cx-workflow.is-changing .cx-team-card,.cx-wire-in:after{animation:none!important}.cx-examples button{transition:none}}
/* Keep the workflow readable at normal page scale. */
@media(min-width:851px){.cx-record{font-size:10px}.cx-request{font-size:15px}.cx-message p{font-size:13px;line-height:1.6}.cx-message b{font-size:11px}.cx-message b small{font-size:9px}.cx-team-card h3{padding-bottom:18px}.cx-decision b{font-size:10px}.cx-decision>div>span{font-size:9px}.cx-result h4{font-size:20px}.cx-result p{font-size:13px}.cx-type{font-size:9px}.cx-result{min-height:164px}.cx-app-foot,.cx-app-foot button{font-size:9px}.cx-workflow-footer p,.cx-workflow-footer>a{font-size:12px}.cx-example-label{font-size:10px}.cx-step{font-size:11px}}
@media(min-width:851px) and (max-width:1100px){.cx-step{font-size:9px}.cx-message p{font-size:12px}.cx-message b small{font-size:8px}.cx-result h4{font-size:18px}.cx-result p{font-size:12px}.cx-type{font-size:8px}.cx-workflow-footer p{font-size:11px}}