/* Connect's three-panel architecture, shown in the shared content-page graphic band. */
.connect-map-inner{max-width:1720px}
.connect-map-visual{margin:0;padding:40px;border:1px solid rgb(255 255 255 / .32);border-radius:20px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;overflow:visible}
.connect-map-principle{padding:18px 28px;margin:0 0 28px;border:1px solid rgb(255 255 255 / .52);border-radius:999px;background:rgb(4 22 67 / .18);color:#fff;text-align:center;font:500 14px/1.6 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.connect-map-defs{position:absolute;width:0;height:0;overflow:hidden}
.connect-map-panels{display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:16px;align-items:stretch}
.connect-map-panel{min-width:0;padding:24px 20px;border:1px solid rgb(255 255 255 / .52);border-radius:18px;background:rgb(4 22 67 / .18);color:#fff}
.connect-map-panel-heading{margin-bottom:20px}
.connect-map-panel-heading h3{font:500 14px/1.5 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.connect-map-panel-heading p{margin-top:8px;font:400 15px/1.6 var(--font-body);color:rgb(255 255 255 / .88)}
.connect-map-tag{display:inline-block;padding:6px 12px;margin-bottom:16px;border:1px solid rgb(255 255 255 / .52);border-radius:999px;background:transparent;color:#fff;font:500 12px/1.5 var(--font-body);text-transform:uppercase}
.connect-map-stack{display:grid;gap:12px}
.connect-map-card{min-width:0;padding:18px 16px;border:1px solid rgb(255 255 255 / .52);border-radius:12px;background:transparent}
.connect-map-card h4{margin:0;font:500 23px/1.2 var(--font-display);letter-spacing:-.4px;color:#fff;overflow-wrap:anywhere}
.connect-map-card p{margin:8px 0 0;font:400 15px/1.6 var(--font-body);color:rgb(255 255 255 / .88);overflow-wrap:anywhere}
.connect-map-note{margin-top:16px;font:400 13px/1.6 var(--font-body);color:rgb(255 255 255 / .88)}
.connect-map-target{display:flex;flex-direction:column}
.connect-map-target .connect-map-stack{flex:1;grid-template-rows:repeat(4,1fr)}
.connect-map-target .connect-map-card{display:flex;flex-direction:column;justify-content:center}
.connect-map-stage{display:grid;grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);align-items:center;gap:12px;min-height:248px;margin:8px 0 24px}
.connect-map-channel{display:grid;gap:28px}
.connect-map-flow{min-width:0;display:grid;gap:8px}
.connect-map-flow span{text-align:center;font:400 12px/1.4 var(--font-body);color:rgb(255 255 255 / .88)}
.connect-map-flow svg{display:block;width:100%;height:12px;overflow:visible}
.connect-map-flow svg path{fill:none;stroke:#fff;stroke-width:2;stroke-opacity:.78;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#connect-map-flow-arrow path{fill:none;stroke:#fff;stroke-width:1.5;stroke-opacity:.78;stroke-linecap:round;stroke-linejoin:round}
.connect-map-hub{width:200px;height:200px;display:grid;place-items:center;border-radius:50%;background:rgb(4 22 67 / .28);outline:1px solid rgb(255 255 255 / .52);outline-offset:8px;text-align:center;color:#fff}
.connect-map-wordmark{display:block;max-width:152px;font:400 22px/25px var(--font-display);letter-spacing:.3px}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .connect-map-wordmark{background-image:linear-gradient(90deg,#7ecfff 0%,#bdeaff 25%,#fff 50%,#bdeaff 75%,#7ecfff 100%);background-size:200% 100%;background-repeat:repeat-x;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:solution-map-light 4.8s linear infinite;animation-play-state:paused}
 .connect-map-visual.is-flowing .connect-map-wordmark{animation-play-state:running}
}
.connect-map-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.connect-map-capabilities .connect-map-card{padding:14px 12px}
.connect-map-capabilities h4{font-size:18px;letter-spacing:-.2px}
.connect-map-governance{margin-top:24px;padding:26px;border:1px solid rgb(255 255 255 / .52);border-radius:18px;background:rgb(4 22 67 / .18);color:#fff}
.connect-map-governance>header h3{font:500 23px/1.25 var(--font-display);letter-spacing:-.4px}
.connect-map-governance>header p{margin:8px 0 20px;font:400 15px/1.6 var(--font-body);color:rgb(255 255 255 / .88)}
.connect-map-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.connect-map-controls .connect-map-card{background:transparent;border-color:rgb(255 255 255 / .52);padding:16px 14px}
.connect-map-controls h4{font-size:18px;color:#fff;letter-spacing:-.2px}
.connect-map-controls p{color:rgb(255 255 255 / .88)}
@media(max-width:1100px){.connect-map-visual{padding:40px 24px}.connect-map-panels{grid-template-columns:minmax(0,1fr)}.connect-map-panel{padding:24px}.connect-map-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-map-target .connect-map-stack{grid-template-rows:auto}.connect-map-capabilities{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.connect-map-principle{border-radius:18px;font-size:13px;padding:16px}.connect-map-controls,.connect-map-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-map-stage{grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);gap:8px}.connect-map-flow span{font-size:11px}.connect-map-panel{padding:22px 16px}}
@media(max-width:520px){.connect-map-visual{padding:28px 16px;border-radius:24px}.connect-map-stack,.connect-map-capabilities,.connect-map-controls{grid-template-columns:minmax(0,1fr)}.connect-map-stage{grid-template-columns:minmax(0,1fr);gap:24px}.connect-map-hub{justify-self:center;grid-row:2}.connect-map-channel{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.connect-map-governance{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.connect-map-wordmark{animation:none;background:none;color:#d7f2ff;-webkit-text-fill-color:currentColor}}
@media(forced-colors:active){.connect-map-panel,.connect-map-card,.connect-map-hub,.connect-map-governance,.connect-map-principle{background:Canvas;color:CanvasText;border:1px solid CanvasText}.connect-map-panel-heading h3,.connect-map-panel-heading p,.connect-map-card h4,.connect-map-card p,.connect-map-flow span,.connect-map-note,.connect-map-governance>header p{color:CanvasText}.connect-map-wordmark{animation:none;background:none;color:CanvasText;-webkit-text-fill-color:currentColor}}