/* Figma 344:3098 — live localized text, original exported artwork. */
#oneConversation.conversation-figma{position:relative;isolation:isolate;padding:110px 0 100px;background:#f4f5f7;color:#262626;overflow:hidden}
/* Complete background exported from Figma 411:475. */
#oneConversation::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../img/conversation/background-411-475.png') center/100% 100% no-repeat}
#oneConversation .conversation-shell{width:calc(100% - 48px);max-width:1300px;margin:auto}
#oneConversation .section-head{text-align:center;margin:0 0 48px;max-width:none}
#oneConversation .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:2px 10px;border:4px solid #f9fafc;border-radius:33px;box-shadow:0 0 0 1px #e6e7e9;background:white;color:#495057;font:400 14px/20px Arial,sans-serif;letter-spacing:0;margin:0 0 18px}
#oneConversation .eyebrow img{width:18px;height:18px}
#oneConversation #conversation-heading{max-width:none;margin:0 auto 16px;font:400 48px/1.2 Arial,'PingFang SC',sans-serif;letter-spacing:-2.4px;white-space:normal;color:#262626}
#oneConversation .section-sub{max-width:740px;margin:auto;font:400 14px/25.2px Arial,'PingFang SC',sans-serif;color:#595959}
#oneConversation .conversation-detail{display:grid;grid-template-columns:500fr 724fr;gap:76px;align-items:start}
#oneConversation .outcome-steps{display:grid;gap:24px}
#oneConversation .outcome-steps>button{position:relative;align-items:flex-start;gap:20px;padding:0 0 20px;border:0;border-bottom:2px solid #e4e4e7;border-radius:0;background:none;color:#16171c}
#oneConversation .outcome-steps>button::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:linear-gradient(90deg,#16171c,transparent);transition:width .45s}
#oneConversation .outcome-steps>button[aria-selected=true]::after{width:60%}
#oneConversation .outcome-step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;background:#000;border-radius:50%;color:white;font:500 18px/1 Arial,sans-serif}
#oneConversation .outcome-steps strong{font:500 20px/28px Arial,'PingFang SC',sans-serif}
#oneConversation .outcome-steps small{max-width:none;font:400 16px/24px Arial,'PingFang SC',sans-serif;color:#667185;margin-top:8px}
#oneConversation .conversation-object{position:relative;width:100%;max-width:none;min-height:460px;margin:0;padding:52px 0 34px;border:0;border-radius:32px;box-shadow:none;background:#ededee url('../img/conversation/panel.svg') center/cover;isolation:isolate}
#oneConversation .conversation-object::before{content:"";position:absolute;left:22%;top:106px;width:60%;height:238px;border-radius:16px;background:rgba(215,215,217,.6);transform:rotate(2.24deg);z-index:-1}
#oneConversation .outcome-panel{width:61%;min-height:266px;margin:0 auto 55px;padding:20px 24px;border:0;border-radius:14px;background:#fff;transform:rotate(-3.34deg);box-shadow:0 32px 24px -12px #3b3b3b0f,0 0 0 1px #3b3b3b0a;animation:none}
#oneConversation .example-top{font:400 13px/17px Arial,sans-serif;color:#949494;margin:0 0 18px}
#oneConversation .conversation-wave-art{display:flex;align-items:center;justify-content:center;min-height:120px;background:#f3f5f8;border-radius:16px}
#oneConversation .conversation-wave-art img{width:77%;height:34px;object-fit:contain}
#oneConversation .outcome-panel blockquote{font:400 16px/23px Arial,'PingFang SC',sans-serif;letter-spacing:0;text-align:center;color:#262626;margin:18px 0 0}
#oneConversation .capture-tags{margin:0;padding:0}
#oneConversation .narrative-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:0 14px;margin:0;list-style:none}
#oneConversation .narrative-chips li{display:flex;align-items:center;gap:4px;padding:4px 13px 4px 5px;background:#ffffffcc;border-radius:73px;border:0;box-shadow:0 3px 8px #003d7610;color:#000;font:400 12px/18px Arial,sans-serif}
#oneConversation .conversation-tag-icon{width:26px;height:26px;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;flex:none}
#oneConversation .conversation-tag-icon img{width:16px;height:16px;object-fit:contain}
#oneConversation .narrative-chips li:nth-child(2) .conversation-tag-icon img{width:26px;height:26px}
#oneConversation .conversation-outcomes{margin:0;gap:8px}
#oneConversation .outcome-panel h3{font-size:20px;color:#262626}
#oneConversation .outcome-panel>p{font-size:14px;line-height:1.6}
@media(max-width:1100px){#oneConversation .conversation-detail{gap:32px;grid-template-columns:2fr 3fr}#oneConversation .outcome-panel{width:78%}#oneConversation .conversation-object{min-height:460px}#oneConversation #conversation-heading{font-size:40px}}
@media(max-width:800px){#oneConversation.conversation-figma{padding:72px 0}#oneConversation .conversation-detail{grid-template-columns:1fr;gap:36px}#oneConversation .conversation-object{max-width:724px;margin:auto}#oneConversation .outcome-panel{width:68%}}
@media(max-width:480px){#oneConversation .conversation-shell{width:calc(100% - 32px)}#oneConversation #conversation-heading{font-size:32px;letter-spacing:-1.2px}#oneConversation .eyebrow{font-size:11px}#oneConversation .outcome-panel{width:84%;padding:20px;transform:rotate(-2deg);margin-bottom:38px}#oneConversation .conversation-object{padding:38px 0 28px;border-radius:24px}#oneConversation .outcome-steps strong{font-size:18px}#oneConversation .outcome-steps small{font-size:14px}#oneConversation .narrative-chips{gap:8px}}
@media(prefers-reduced-motion:reduce){#oneConversation .outcome-steps>button::after{transition:none}}

/* A single clock drives the progress line and panel advance. */
#oneConversation.has-step-progress .outcome-steps>button::after{width:100%;transform:scaleX(var(--step-progress,0));transform-origin:left;transition:none;background:linear-gradient(90deg,#16171c 85%,#858585)}
@media(prefers-reduced-motion:reduce){#oneConversation.has-step-progress .outcome-steps>button[aria-selected=true]::after{transform:scaleX(1)}}

/* Step interactions retain the progress line and do not change layout. */
#oneConversation .outcome-steps>button{transition:color .2s ease}
#oneConversation .outcome-step-number{transition:background-color .2s ease,box-shadow .2s ease}
#oneConversation .outcome-steps strong,#oneConversation .outcome-steps small{transition:color .2s ease}
@media(hover:hover){
#oneConversation .outcome-steps>button:hover strong,#oneConversation .outcome-steps>button:hover small{color:#1177ff}
#oneConversation .outcome-steps>button:hover .outcome-step-number{background:linear-gradient(90deg,#1177ff 0%,#6881f1 100%)}
}
#oneConversation .outcome-steps>button:active{transform:none;background:transparent;box-shadow:none}
#oneConversation .outcome-steps>button:active strong,#oneConversation .outcome-steps>button:active small{color:#1177ff}
#oneConversation .outcome-steps>button:active .outcome-step-number{background:linear-gradient(90deg,#1177ff 0%,#6881f1 100%)}
#oneConversation .outcome-steps>button:focus-visible{outline:2px solid #1177ff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){#oneConversation .outcome-steps>button,#oneConversation .outcome-step-number{transition:none}#oneConversation .outcome-steps>button:active{transform:none}}

/* Figma 411:327: texture sits above every card state. */
#oneConversation .conversation-object::after{content:"";position:absolute;inset:0;z-index:10;border-radius:inherit;background:url('../../img/global-presence/texture.png') left top/16.8px 16.8px repeat;opacity:.05;pointer-events:none}

@media(prefers-reduced-motion:reduce){#oneConversation .outcome-steps strong,#oneConversation .outcome-steps small{transition:none}}

#oneConversation .conversation-object{border:1px solid rgba(0,0,0,.1)}

/* Figma 411:232: five floating records on a fading sheet. */
#oneConversation .conversation-object:has(#outcome-panel-1:not([hidden])){container-type:inline-size;aspect-ratio:724/460;min-height:0;padding:0;background:#ededee url('../img/conversation/panel.svg') center/cover;overflow:hidden}
#oneConversation .conversation-object:has(#outcome-panel-1:not([hidden]))::before{display:none}
#oneConversation .conversation-object:has(#outcome-panel-1:not([hidden])) .capture-tags{display:none}
#oneConversation #outcome-panel-1{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none;display:block;animation:none}
#oneConversation #outcome-panel-1::before{content:"";position:absolute;left:13.67%;top:21.3%;width:70.58%;height:65%;border-radius:1.93cqw;background:linear-gradient(#fff,rgba(255,255,255,0));z-index:0}
#oneConversation #outcome-panel-1 .outcome-panel-heading{position:absolute;left:17.07%;top:25.37%;width:33%;margin:0;z-index:1}
#oneConversation #outcome-panel-1 .outcome-panel-heading svg{display:none}
#oneConversation #outcome-panel-1 h3{font:500 2.76cqw/1.3 Arial,'PingFang SC',sans-serif;letter-spacing:0;margin:0;color:#000}
#oneConversation #outcome-panel-1 .conversation-outcomes{display:contents}
#oneConversation #outcome-panel-1 .conversation-outcomes>div{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:.55cqw;width:40.06%;height:17.39%;padding:1.1cqw 1.65cqw 1.1cqw 10.5cqw;border:0;border-radius:1.93cqw;background:#fff;box-shadow:0 6px 4px #3b3b3b05,0 32px 24px -12px #3b3b3b0f;z-index:1}
#oneConversation #outcome-panel-1 .conversation-outcomes>div:nth-child(1){left:51.66%;top:18.04%}
#oneConversation #outcome-panel-1 .conversation-outcomes>div:nth-child(2){left:8.29%;top:40.65%}
#oneConversation #outcome-panel-1 .conversation-outcomes>div:nth-child(3){left:51.66%;top:40.65%}
#oneConversation #outcome-panel-1 .conversation-outcomes>div:nth-child(4){left:8.29%;top:63.26%}
#oneConversation #outcome-panel-1 .conversation-outcomes>div:nth-child(5){left:51.66%;top:63.26%}
#oneConversation #outcome-panel-1 dt{font:400 1.93cqw/1.3 Arial,'PingFang SC',sans-serif;color:#667185;margin:0}
#oneConversation #outcome-panel-1 dd{font:500 2.48cqw/1.25 Arial,'PingFang SC',sans-serif;color:#000;text-align:left;margin:0;overflow-wrap:anywhere}
#oneConversation #outcome-panel-1 .intent-icon{position:absolute;left:2.76cqw;top:50%;transform:translateY(-50%);width:6.08cqw;height:6.08cqw;display:flex;align-items:center;justify-content:center;border:1px solid #e2e2e2;border-radius:1.38cqw}
#oneConversation #outcome-panel-1 .intent-icon img{width:3.31cqw;height:3.31cqw;object-fit:contain}
@media(max-width:480px){#oneConversation #outcome-panel-1 dt{font-size:2.3cqw}#oneConversation #outcome-panel-1 dd{font-size:2.7cqw}}

/* Figma 411:418: handoff diagram, angled card and separate assignee pill. */
#oneConversation .conversation-object:has(#outcome-panel-2:not([hidden])){container-type:inline-size;aspect-ratio:724/460;min-height:0;padding:0;overflow:hidden;background:#ededee url('../img/conversation/action-backdrop.svg') center/100% 100% no-repeat}
#oneConversation .conversation-object:has(#outcome-panel-2:not([hidden]))::before{left:21.55%;top:24.1%;width:60.64%;height:51.74%;border-radius:2.21cqw}
#oneConversation .conversation-object:has(#outcome-panel-2:not([hidden])) .capture-tags{display:none}
#oneConversation #outcome-panel-2{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;display:block;animation:none}
#oneConversation #outcome-panel-2 .handoff-card{position:absolute;left:18.21%;top:14.05%;width:61.02%;height:57.83%;padding:2.58cqw 4.15cqw;border-radius:1.93cqw;background:#fff;transform:rotate(-3.34deg);box-shadow:0 1px 1px #3b3b3b0a,0 3px 3px #3b3b3b08,0 6px 4px #3b3b3b05,0 11px 4px #3b3b3b03,0 32px 24px -12px #3b3b3b0f,0 0 0 1px #3b3b3b0a}
#oneConversation #outcome-panel-2 .example-top{margin:0 0 1.5cqw;font:400 1.8cqw/2.32cqw Arial,'PingFang SC',sans-serif;color:#949494}
#oneConversation #outcome-panel-2 .handoff-flow{display:block;width:100%;height:10.83cqw;object-fit:fill;margin:0 0 2cqw}
#oneConversation #outcome-panel-2 h3{font:400 2.21cqw/1.4 Arial,'PingFang SC',sans-serif;letter-spacing:0;color:#000000d9;margin:0 0 .6cqw}
#oneConversation #outcome-panel-2 .handoff-card>p{font:400 1.93cqw/3.04cqw Arial,'PingFang SC',sans-serif;color:#00000073;margin:0}
#oneConversation #outcome-panel-2 .action-assignee{position:absolute;left:50%;top:83.04%;transform:translateX(-50%);display:flex;align-items:center;gap:.55cqw;width:max-content;max-width:90%;margin:0;padding:.55cqw 1.8cqw .55cqw .69cqw;border:0;border-radius:10cqw;background:#ffffffcc;color:#000;-webkit-backdrop-filter:blur(26.2px);backdrop-filter:blur(26.2px);box-shadow:0 3px 3px #003d7608,0 11px 4px #00537603,0 32px 24px -12px #004c760f;font:400 1.66cqw/1.5 Arial,'PingFang SC',sans-serif}
#oneConversation #outcome-panel-2 .assignee-icon{display:flex;align-items:center;justify-content:center;width:3.59cqw;height:3.59cqw;flex:none;background:#000;border-radius:50%}
#oneConversation #outcome-panel-2 .assignee-icon img{width:2.21cqw;height:2.21cqw;object-fit:contain}

/* This shared section also appears outside the homepage body scope. */
#oneConversation.conversation-figma [hidden]{display:none!important}