/* Context belongs outside the scene, so mobile sequence attachments stay intact. */
.service-example-context{font:400 14px/1.55 Onest,Arial,sans-serif!important;color:#513540!important;background:#f2edef;border-left:2px solid #ff5a2b;border-radius:0 6px 6px 0;padding:14px 18px!important;margin:24px 0 18px!important;max-width:none!important;text-wrap:pretty}
@media(max-width:767px){.service-example-context{font-size:13px!important;padding:12px 14px!important;margin:20px 0 16px!important}}

/* A separate neutral application skin distinguishes examples from the agency page. */
.visual-window.example-screen{border:1px solid #bbc4cc!important;border-radius:12px!important;background:#f7f9fb!important;box-shadow:0 14px 32px #101d3026!important}
.example-screen .example-screen-bar{height:auto!important;min-height:40px;box-sizing:border-box;display:flex;gap:12px;padding:10px 16px!important;background:#e8edf2!important;border-bottom:1px solid #cbd3db!important;border-radius:11px 11px 0 0!important;color:#3d4c5b;flex:none}
.example-screen-bar .example-screen-dots{display:flex;gap:5px;margin:0;flex:none}
.example-screen-dots i{width:6px;height:6px;border-radius:50%;background:#8b99a7;display:block}
.example-screen-bar .example-screen-title{font:500 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace!important;margin:0!important;color:#3d4c5b!important;letter-spacing:0!important}
.example-screen :is(.cxr-surface,.v7-figure,.vr-scene){font-family:Arial,sans-serif!important;background:#f7f9fb!important}
.example-screen :is(.cxr-surface,.v7-figure,.vr-scene) :is(h3,h4){font-family:Arial,sans-serif!important;letter-spacing:-.02em}
.example-screen .cxr-surface{border-radius:0 0 11px 11px!important}
.lp-page .lc-example .example-screen-test{padding-top:0;background:#f7f9fb;border-color:#bbc4cc;overflow:hidden}
.example-screen-test>.example-screen-bar{margin:0 -28px 24px}
.example-screen-test .lc-variable{border-top-color:#637e96!important}
.example-screen-test .lc-example-cta{background:#355b75!important;color:#fff!important}
@media(max-width:767px){.example-screen .example-screen-bar{padding:8px 12px!important;min-height:34px}.example-screen-bar .example-screen-title{font-size:10px!important}.example-screen-test>.example-screen-bar{margin:0 -18px 20px}}
.example-screen-bar .example-screen-title{font-size:12px!important}
.example-screen .cxr-fake-button{background:#355b75!important;color:#fff!important}
.example-screen .cxr-intents button.is-active,.example-screen .cxr-message-pick button.is-active{border-color:#637e96!important}
.example-screen .cxr-bubble.is-bot{background:#233e53!important}
@media(max-width:767px){.example-screen-bar .example-screen-title{font-size:11px!important}}

.example-screen .v6-m-content-end[data-example-request]{display:block!important;padding:22px!important;background:#f7f9fb;border:1px solid #cbd3db;border-radius:8px;font-family:Arial,sans-serif}
.example-screen [data-example-request]>small{font-size:10px;color:#647788;line-height:1.5;display:block}
.example-screen [data-example-request]>h3{font-size:24px!important;line-height:1.25;margin:18px 0!important}
.example-screen [data-example-request]>p{font-size:14px!important;line-height:1.6;margin:0 0 18px!important;color:#4a5864}
.example-screen [data-example-request] dl{margin:0;display:grid;gap:16px;border-top:1px solid #cbd3db;padding-top:18px}
.example-screen [data-example-request] dt{font-size:11px;color:#647788;margin:0 0 6px}
.example-screen [data-example-request] dd{font-size:15px;line-height:1.5;margin:0}
.example-screen [data-example-request]>strong{font-size:14px;line-height:1.5;display:block;margin-top:22px;padding:14px;background:#e8edf2;border-radius:6px;font-weight:500}