@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
#cx-reimagine{--cx-navy:#142f49;--cx-deep:#0b2238;--cx-teal:#158f99;--cx-mint:#78d2d0;--cx-paper:#f5f8fa;--cx-ink:#51697d;font-family:'DM Sans',Arial,sans-serif;color:var(--cx-navy)}
#cx-reimagine *{box-sizing:border-box}
#cx-reimagine .cx-stage{background:var(--cx-paper);padding:32px 26px;min-height:800px}
#cx-reimagine .cx-kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--cx-teal);margin-bottom:12px;padding-right:90px}
#cx-reimagine h2{font-family:Manrope,sans-serif;font-size:clamp(27px,4.5vw,38px);font-weight:800;line-height:1.2;letter-spacing:-.04em;margin:0 0 12px}
#cx-reimagine .cx-sub{font-size:15px;line-height:1.65;color:var(--cx-ink);margin:0 0 24px;max-width:600px}
#cx-reimagine button{font:inherit;cursor:default}
#cx-reimagine .cx-ecosystem{position:relative;width:100%;max-width:500px;aspect-ratio:1;margin:28px auto 12px}
#cx-reimagine .cx-orbit{position:absolute;inset:10%;width:80%;height:80%;color:var(--cx-teal);overflow:visible}
#cx-reimagine .cx-node{position:absolute;transform:translate(-50%,-50%);padding:9px 12px;min-height:44px;border:0;border-radius:4px;background:var(--cx-paper);color:var(--cx-navy);font-family:Manrope,sans-serif;font-size:14px;font-weight:700}
#cx-reimagine .cx-node[aria-pressed=true]{background:var(--cx-navy);color:#fff}
#cx-reimagine .cx-node[data-key=people]{left:50%;top:10%}
#cx-reimagine .cx-node[data-key=process]{left:90%;top:50%}
#cx-reimagine .cx-node[data-key=technology]{left:50%;top:90%}
#cx-reimagine .cx-node[data-key=governance]{left:10%;top:50%}
#cx-reimagine .cx-channel-choice{display:block;margin:0 auto;padding:2px 8px;border:0;background:transparent;color:var(--cx-teal);font:700 12px/1.5 Manrope,sans-serif}
#cx-reimagine .cx-channel-choice[aria-pressed=true]{text-decoration:underline;text-underline-offset:3px}
#cx-reimagine .cx-center{position:absolute;left:24%;top:25%;width:52%;height:48%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#cx-reimagine .cx-center-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cx-teal);font-weight:700;margin-bottom:10px}
#cx-reimagine .cx-center strong{font:800 clamp(18px,3.5vw,25px)/1.3 Manrope,sans-serif;letter-spacing:-.035em}
#cx-reimagine .cx-center .cx-plus-sign{color:var(--cx-teal);font-weight:500}
#cx-reimagine .cx-movement{font-size:13px;line-height:1.7;color:var(--cx-ink);margin-top:12px}
#cx-reimagine .cx-continuity{text-align:center;color:var(--cx-teal);font-size:13px;line-height:1.6;margin:0 0 24px}
@media(max-width:400px){#cx-reimagine .cx-node{font-size:12px;padding:8px 6px}#cx-reimagine .cx-center{left:23%;width:54%;top:23%;height:52%}#cx-reimagine .cx-center-label{font-size:10px;letter-spacing:.04em;margin-bottom:6px}#cx-reimagine .cx-center strong{font-size:17px}#cx-reimagine .cx-movement{font-size:12px;line-height:1.6;margin-top:8px}}
#cx-reimagine .cx-caption{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:20px 0 10px;font-weight:700;color:var(--cx-ink)}
#cx-reimagine .cx-fabric{display:grid;gap:7px;position:relative}
#cx-reimagine .cx-layer{position:relative;display:grid;grid-template-columns:30px 112px 1fr 22px;align-items:center;text-align:left;gap:10px;width:100%;padding:16px;border:1px solid #dbe5eb;background:#fff;color:var(--cx-navy);border-radius:5px;transition:background .18s,transform .18s}
#cx-reimagine .cx-layer[aria-pressed=true]{background:var(--cx-navy);color:#fff;border-color:var(--cx-navy);transform:translateX(4px)}
#cx-reimagine .cx-layer .cx-icon{color:var(--cx-teal);display:flex}
#cx-reimagine .cx-layer[aria-pressed=true] .cx-icon{color:var(--cx-mint)}
#cx-reimagine .cx-layer .cx-label{font-family:Manrope,sans-serif;font-size:15px;font-weight:700}
#cx-reimagine .cx-layer .cx-shift{font-size:14px;line-height:1.5;color:var(--cx-ink)}
#cx-reimagine .cx-layer[aria-pressed=true] .cx-shift{color:#dbe8ee}
#cx-reimagine .cx-layer .cx-plus{font-size:21px;color:var(--cx-teal)}
#cx-reimagine .cx-layer[aria-pressed=true] .cx-plus{color:var(--cx-mint)}
#cx-reimagine .cx-layer svg{width:21px;height:21px;stroke-width:1.6}
#cx-reimagine .cx-detail{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-left:3px solid var(--cx-teal);padding:16px 0 16px 18px;margin:20px 0 0;min-height:140px}
#cx-reimagine .cx-detail .cx-small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cx-teal);font-weight:700;display:block;margin:0 0 8px}
#cx-reimagine .cx-detail p{font-size:14px;line-height:1.65;margin:0;color:var(--cx-navy)}
#cx-reimagine .cx-outcome{margin-top:22px;padding-top:17px;border-top:1px solid #dbe5eb;font-size:15px;line-height:1.6;color:var(--cx-navy)}
#cx-reimagine .cx-outcome strong{color:var(--cx-teal);font-weight:700}
#cx-reimagine .cx-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
#cx-reimagine .cx-tabs button{border:1px solid #cbd7df;border-radius:4px;background:#fff;padding:11px 13px;color:var(--cx-navy);font-size:14px}
#cx-reimagine .cx-tabs button[aria-pressed=true]{background:var(--cx-navy);color:#fff;border-color:var(--cx-navy)}
#cx-reimagine .cx-example{color:var(--cx-teal);font-size:12px;margin-bottom:14px;letter-spacing:.05em;font-weight:700}
#cx-reimagine .cx-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative;margin-top:8px}
#cx-reimagine .cx-moment{padding:18px 15px;background:#fff;min-height:250px;border-top:3px solid var(--cx-teal);position:relative}
#cx-reimagine .cx-moment:not(:last-child):after{content:'→';position:absolute;right:-13px;top:36px;color:var(--cx-teal);font-size:20px;z-index:1}
#cx-reimagine .cx-moment .cx-phase{font-size:11px;letter-spacing:.12em;color:var(--cx-teal);font-weight:700;text-transform:uppercase;display:block;margin-bottom:20px}
#cx-reimagine .cx-moment h3{font:700 18px/1.35 Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 15px}
#cx-reimagine .cx-moment p{font-size:14px;line-height:1.65;margin:0;color:var(--cx-ink)}
#cx-reimagine .cx-band{display:flex;flex-wrap:wrap;gap:8px 16px;border-bottom:1px solid #cbd7df;padding:16px 0;color:var(--cx-ink);font-size:12px;line-height:1.5}
#cx-reimagine .cx-band span:before{content:'↔';color:var(--cx-teal);padding-right:6px}
#cx-reimagine .cx-contrast{padding:22px 20px;background:var(--cx-navy);color:#fff;border-radius:6px;margin-top:25px}
#cx-reimagine .cx-contrast .cx-small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cx-mint);margin-bottom:9px;font-weight:700}
#cx-reimagine .cx-contrast p{font-size:16px;line-height:1.7;margin:0}
#cx-reimagine .cx-context{font-size:13px;color:var(--cx-ink);line-height:1.6;margin-top:18px}
@media(max-width:520px){#cx-reimagine .cx-stage{padding:25px 16px;min-height:1020px}#cx-reimagine .cx-layer{grid-template-columns:24px 1fr 18px;gap:8px;padding:14px}#cx-reimagine .cx-layer .cx-shift{grid-column:2;grid-row:2}#cx-reimagine .cx-layer .cx-plus{grid-column:3;grid-row:1/3}#cx-reimagine .cx-detail{grid-template-columns:1fr;gap:16px;min-height:210px}#cx-reimagine .cx-journey{gap:6px;padding:17px 12px}#cx-reimagine .cx-journey span{font-size:12px}#cx-reimagine .cx-flow{grid-template-columns:1fr;gap:14px}#cx-reimagine .cx-moment{min-height:0;padding:18px}#cx-reimagine .cx-moment .cx-phase{margin-bottom:10px}#cx-reimagine .cx-moment:not(:last-child):after{content:'↓';right:22px;top:auto;bottom:-19px}#cx-reimagine .cx-tabs{gap:6px}#cx-reimagine .cx-tabs button{font-size:13px;padding:11px}#cx-reimagine .cx-contrast p{font-size:15px}}
@media(prefers-reduced-motion:reduce){#cx-reimagine *{transition:none!important}}

#cx-reimagine .cx-stage{min-height:0;padding:55px 0;background:transparent} #cx-reimagine .cx-layer{cursor:pointer} #cx-reimagine .cx-node,#cx-reimagine .cx-channel-choice{cursor:pointer} #cx-reimagine .cx-node{background:#f5f8fa} #cx-reimagine .cx-layer .cx-icon{display:none} #cx-reimagine .cx-layer{grid-template-columns:112px 1fr 22px} @media(max-width:520px){#cx-reimagine .cx-layer{grid-template-columns:1fr 22px}#cx-reimagine .cx-layer .cx-shift{grid-column:1}#cx-reimagine .cx-layer .cx-plus{grid-column:2}}

#cx-reimagine .cx-transition{font-size:18px;line-height:1.65;max-width:740px;margin:0 0 42px;color:var(--cx-navy)} #cx-reimagine .cx-service-connection{font-size:15px;line-height:1.65;color:var(--cx-teal);margin:20px 0 0;max-width:820px} .services-bridge{font-size:17px;line-height:1.65;max-width:740px;margin-top:18px;color:#51697d}

/* A single, uncluttered ecosystem visual with balanced section spacing. */
#reimagine.section{padding-top:56px;padding-bottom:0} #cx-reimagine .cx-stage{padding:0;min-height:0} #cx-reimagine .cx-transition{margin-bottom:28px} #cx-reimagine .cx-ecosystem{margin-bottom:0} #cx-reimagine .cx-node,#cx-reimagine .cx-channel-choice{cursor:default} .services.section{padding-top:48px} @media(max-width:680px){#reimagine.section{padding-top:40px} .services.section{padding-top:36px}}

#cx-reimagine .cx-definition{max-width:880px;font-size:17px;line-height:1.7;margin-bottom:18px} #cx-reimagine .cx-choice{max-width:880px;margin-bottom:24px} @media(max-width:680px){#cx-reimagine .cx-definition{font-size:16px}}

#cx-reimagine .cx-heading-accent{color:var(--cx-teal)}

#cx-reimagine .cx-channels-first{margin-top:0;margin-bottom:12px} @media(max-width:400px){#cx-reimagine .cx-channels-first{margin-top:0;margin-bottom:8px}}

#cx-reimagine .cx-outcome-label{display:block;color:var(--cx-teal);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px} #cx-reimagine .cx-channels-first{margin-bottom:8px} @media(max-width:400px){#cx-reimagine .cx-center{top:22%;height:56%}#cx-reimagine .cx-center-label{margin-bottom:4px}#cx-reimagine .cx-channels-first{margin-bottom:6px}#cx-reimagine .cx-outcome-label{margin-bottom:4px}}

#cx-reimagine .cx-equals{font-size:20px;line-height:1;color:var(--cx-teal);margin:0 0 5px} #cx-reimagine .cx-center{top:21%;height:58%} #cx-reimagine .cx-center-label{margin-bottom:6px} #cx-reimagine .cx-channels-first{margin-bottom:6px} @media(max-width:400px){#cx-reimagine .cx-center{top:18%;height:64%}#cx-reimagine .cx-center strong{font-size:16px}#cx-reimagine .cx-equals{font-size:18px;margin-bottom:3px}#cx-reimagine .cx-channels-first{line-height:1.4;margin-bottom:4px}}

/* Compact editorial composition: introduction and ecosystem share one section. */
#cx-reimagine .cx-stage{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:28px;align-items:center}
#cx-reimagine .cx-intro{min-width:0}
#cx-reimagine .cx-kicker{padding-right:0}
#cx-reimagine h2{font-size:clamp(29px,3.2vw,38px);line-height:1.18;margin-bottom:20px}
#cx-reimagine .cx-definition{font-size:16px;line-height:1.7;margin-bottom:22px}
#cx-reimagine .cx-choice{font-size:15px;line-height:1.7;margin:0}
#cx-reimagine .cx-ecosystem{max-width:560px;margin:0 auto}
#cx-reimagine .cx-orbit circle{stroke-width:.8;opacity:.6}
#cx-reimagine .cx-orbit>path{stroke-width:.85}
#cx-reimagine .cx-node{font-size:16px;padding:8px 10px;min-height:0}
#cx-reimagine .cx-center{left:24%;width:52%;top:20%;height:60%}
#cx-reimagine .cx-center strong{font-size:clamp(22px,2.4vw,28px);line-height:1.18}
#cx-reimagine .cx-center-label{font-size:11px;letter-spacing:.08em;margin-bottom:10px}
#cx-reimagine .cx-movement{font-size:14px;line-height:1.6}
#cx-reimagine .cx-channel-choice{font-size:14px}
#cx-reimagine .cx-equals{font-size:23px;margin:2px 0 8px}
#cx-reimagine .cx-outcome-label{font-size:11px;margin-bottom:8px}
#reimagine.section{padding-top:42px;padding-bottom:18px}
.services.section{padding-top:36px}
@media(max-width:900px){
 #cx-reimagine .cx-stage{grid-template-columns:1fr;gap:12px}
 #cx-reimagine .cx-intro{max-width:700px}
 #cx-reimagine h2{font-size:clamp(28px,4.5vw,38px)}
 #cx-reimagine .cx-ecosystem{max-width:490px}
 #cx-reimagine .cx-center strong{font-size:25px}
}
@media(max-width:520px){
 #reimagine.section{padding-top:32px;padding-bottom:0}
 #cx-reimagine h2{margin-bottom:14px}
 #cx-reimagine .cx-definition{font-size:16px;line-height:1.65;margin-bottom:16px}
 #cx-reimagine .cx-choice{font-size:15px}
 #cx-reimagine .cx-stage{gap:4px}
 #cx-reimagine .cx-node{font-size:13px;padding:6px 5px}
 #cx-reimagine .cx-center{left:24%;width:52%;top:18%;height:64%}
 #cx-reimagine .cx-center strong{font-size:18px}
 #cx-reimagine .cx-center-label{font-size:10px;letter-spacing:.025em;margin-bottom:5px}
 #cx-reimagine .cx-movement{font-size:12px;line-height:1.4}
 #cx-reimagine .cx-channel-choice{font-size:12px;padding:0}
 #cx-reimagine .cx-channels-first{margin-bottom:3px}
 #cx-reimagine .cx-equals{font-size:18px;margin:0 0 4px}
 #cx-reimagine .cx-outcome-label{font-size:10px;margin-bottom:4px}
 .services.section{padding-top:24px}
}
@media(max-width:350px){#cx-reimagine .cx-center strong{font-size:16px}#cx-reimagine .cx-node{font-size:12px}}

#cx-reimagine .cx-heading-phrase{white-space:nowrap} #cx-reimagine .cx-easy-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px} #cx-reimagine .cx-easy-list li{margin:0;padding:0}

#cx-reimagine .cx-choice>strong,#cx-reimagine .cx-easy-accent{color:var(--cx-teal);font-weight:700} #cx-reimagine .cx-easy-list{color:var(--cx-navy)}

@media(min-width:901px){#cx-reimagine .cx-stage{column-gap:56px}#cx-reimagine .cx-intro{padding-right:6px}}

#cx-reimagine .cx-choice>strong{color:var(--cx-navy)}#cx-reimagine .cx-easy-accent{color:var(--cx-teal)}

/* Customer journey heading matches the main navy headings. */
#cx-reimagine .cx-center-label{color:var(--cx-navy)}

/* Circle label hierarchy. */
#cx-reimagine .cx-center-label{font-size:16px}
#cx-reimagine .cx-outcome-label{font-size:14px}
@media(max-width:520px){#cx-reimagine .cx-center-label{font-size:14px}#cx-reimagine .cx-outcome-label{font-size:12px}}

/* Connect the EASY statements directly to the introductory paragraph. */
#cx-reimagine .cx-definition{margin-bottom:10px}
#cx-reimagine .cx-easy-list{margin-top:0;font-size:16px;line-height:1.7}

/* Group the EASY statements as the paragraph takeaway. */
#cx-reimagine .cx-choice{border-left:3px solid var(--cx-teal);padding:2px 0 2px 16px;margin-top:14px}
#cx-reimagine .cx-easy-list{gap:0;line-height:1.6}

/* Tighten desktop paragraph wrapping without changing the copy or font size. */
@media(min-width:901px){#cx-reimagine .cx-definition{letter-spacing:-.2px}}

/* Outcome uses the same typography as Channels. */
#cx-reimagine .cx-outcome-label{text-transform:none;letter-spacing:normal;font-family:Manrope,sans-serif;font-weight:700;line-height:1.5}

#cx-reimagine .cx-result-emphasis{color:var(--cx-navy);font-weight:700}

/* Channels describe where; AI and people describe how support is delivered. */
#cx-reimagine .cx-model{min-width:0;width:100%;max-width:560px;margin:auto}
#cx-reimagine .cx-model-title{font:800 clamp(19px,2vw,25px)/1.3 Manrope,sans-serif;text-align:center;color:var(--cx-navy);margin:0 0 4px}
#cx-reimagine .cx-center{left:24%;width:52%;top:19%;height:62%;gap:0}
#cx-reimagine .cx-layer-title{display:block;font:700 11px/1.35 Manrope,sans-serif;color:var(--cx-teal);margin-bottom:4px}
#cx-reimagine .cx-channel-names{display:block;font-size:14px;line-height:1.45;color:var(--cx-navy)}
#cx-reimagine .cx-chat-note{display:block;font-size:10px;color:var(--cx-ink);line-height:1.4}
#cx-reimagine .cx-connection{font-size:19px;color:var(--cx-teal);line-height:1.1;margin:4px 0}
#cx-reimagine .cx-interaction-layer{width:100%;padding:9px 7px;border:1px solid #b8d8db;border-radius:8px;background:#e9f4f4}
#cx-reimagine .cx-support-pair{display:block;font-weight:700;font-size:13px;line-height:1.5;color:var(--cx-navy)}
#cx-reimagine .cx-support-pair>span{color:var(--cx-teal)}
#cx-reimagine .cx-context-note{display:block;font-size:10px;line-height:1.4;color:var(--cx-ink);margin-top:3px}
#cx-reimagine .cx-center .cx-resolution{font-size:23px;line-height:1.2}
#cx-reimagine .cx-resolution>span{color:var(--cx-teal)}
#cx-reimagine .cx-shared-foundation{text-align:center;border-top:1px solid #cbdde3;padding-top:12px;color:var(--cx-navy);font-size:13px;line-height:1.5;margin:0 20px}
#cx-reimagine .cx-chat-explanation{text-align:center;font-size:12px;line-height:1.6;color:var(--cx-ink);margin:10px 20px 0}
@media(max-width:520px){
 #cx-reimagine .cx-model-title{font-size:20px;margin-top:22px}
 #cx-reimagine .cx-center{top:19%;height:62%;left:24%;width:52%}
 #cx-reimagine .cx-channel-names{font-size:12px;line-height:1.3}
 #cx-reimagine .cx-layer-title{font-size:10px;margin-bottom:2px}
 #cx-reimagine .cx-chat-note{font-size:9px}
 #cx-reimagine .cx-interaction-layer{padding:6px 4px}
 #cx-reimagine .cx-support-pair{font-size:11px;line-height:1.35}
 #cx-reimagine .cx-context-note{font-size:9px;line-height:1.3}
 #cx-reimagine .cx-connection{font-size:16px;margin:3px 0}
 #cx-reimagine .cx-center .cx-resolution{font-size:17px}
 #cx-reimagine .cx-shared-foundation{font-size:12px;margin:6px 0 0}
 #cx-reimagine .cx-chat-explanation{margin:9px 0 0}
}