/* Experiences only. Live text, original K mark and four gold centre-to-card arrows. */
.ka-experiences .kx-ecosystem {
  --kx-gold:#f0ce80;
  position:relative;isolation:isolate;container-type:inline-size;
  width:100%;max-width:790px;margin-inline:auto;min-width:0;
  border:1px solid rgba(224,184,101,.6);border-radius:28px;overflow:hidden;
  background:radial-gradient(ellipse at 50% 46%,#153b56 0%,#0a2438 31%,#051725 64%,#03111b 100%);
  box-shadow:0 22px 48px rgba(8,26,40,.12),inset 0 1px 0 rgba(255,231,174,.08);
  color:#f5f7fa;
}
.ka-experiences .kx-ecosystem__scene {position:relative;width:100%;aspect-ratio:1;isolation:isolate}
.ka-experiences .kx-ecosystem__paths {position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.ka-experiences .kx-ecosystem__paths--compact {display:none}
.ka-experiences .kx-ecosystem__traces {stroke:#d9b76d;stroke-opacity:.17;stroke-width:.8;vector-effect:non-scaling-stroke}
.ka-experiences .kx-ecosystem__traces ellipse:last-of-type {stroke-opacity:.09}
.ka-experiences .kx-ecosystem__traces path {stroke-opacity:.21}
.ka-experiences .kx-ecosystem__arc-glow {fill:none;stroke:#e2b45e;stroke-width:10;stroke-opacity:.065;filter:blur(3px)}
.ka-experiences .kx-ecosystem__arc-line {fill:none;stroke-width:6;stroke-linecap:round}
.ka-experiences .kx-ecosystem__arc-beam {fill:none;stroke:#ffedb8;stroke-width:4;stroke-linecap:round;stroke-dasharray:17 83;opacity:0;animation:kx-outward-light 8s linear infinite;animation-delay:var(--kx-delay,0s);animation-play-state:paused}
.ka-experiences .kx-ecosystem__arrow path {fill:#f7d783;stroke:#fbe2a0;stroke-width:.7;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(237,190,85,.15))}
.ka-experiences .kx-ecosystem.is-running .kx-ecosystem__arc-beam {animation-play-state:running}
.ka-experiences .kx-ecosystem.is-subtle .kx-ecosystem__arc-beam {animation-duration:13s}
.ka-experiences .kx-ecosystem__core {
  position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);z-index:2;
  width:24%;aspect-ratio:1;border:1.8px solid #e0b867;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;gap:1.6cqw;padding:12px;
  background:radial-gradient(circle at 31% 24%,#205174,#0a263c 43%,#03121f 82%);
  box-shadow:0 0 0 11px rgba(214,173,84,.025),0 16px 28px rgba(0,0,0,.3),inset 0 1px 0 #ffe8ab,0 0 34px rgba(227,188,108,.08);
}
.ka-experiences .kx-ecosystem__core img {width:38%;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.22))}
.ka-experiences .kx-ecosystem__core strong {font-size:13px;font-size:clamp(8.5px,2.2cqw,17px);font-weight:800;letter-spacing:.045em;line-height:1.35;text-align:center;color:#f2cf82;text-transform:uppercase;max-width:100%;overflow-wrap:anywhere}
.ka-experiences .kx-ecosystem__nodes {list-style:none;padding:0;margin:0}
.ka-experiences .kx-ecosystem__node {
  position:absolute;transform:translate(-50%,-50%);z-index:3;
  width:26%;min-height:12.8%;padding:12px 6px;padding:1.8cqw 1cqw;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;gap:1.2cqw;
  border:1.5px solid #e2be73;border-radius:20px;border-radius:clamp(13px,2.7cqw,22px);
  background:linear-gradient(160deg,#0a2335 0%,#061925 62%,#04131f 100%);
  box-shadow:inset 0 1px 0 rgba(255,235,185,.6),0 7px 20px rgba(0,0,0,.23);
  transition:border-color .25s ease,box-shadow .25s ease;background-clip:padding-box;
}
.ka-experiences .kx-ecosystem__node--conversation {left:50%;top:13%;width:32%}
.ka-experiences .kx-ecosystem__node--connection {left:84%;top:49%}
.ka-experiences .kx-ecosystem__node--intelligence {left:50%;top:85%;width:32%}
.ka-experiences .kx-ecosystem__node--community {left:16%;top:49%}
.ka-experiences .kx-ecosystem__icon {display:block;width:30px;height:30px;width:clamp(22px,5.2cqw,40px);height:clamp(22px,5.2cqw,40px);color:#efcb7b;flex:0 0 auto;filter:drop-shadow(0 1px 3px rgba(226,179,78,.1))}
.ka-experiences .kx-ecosystem__icon svg {width:100%;height:100%;display:block}
.ka-experiences .kx-ecosystem__label {font-size:13px;font-size:clamp(9px,2.05cqw,16px);font-weight:750;letter-spacing:.025em;line-height:1.4;text-align:center;text-transform:uppercase;color:#f8fafc;max-width:100%;overflow-wrap:anywhere}
.ka-experiences .kx-ecosystem__outcome {position:relative;margin:-2% 5% 0;padding-bottom:4%;min-height:1em;text-align:center;color:#e0bc75;font-size:10px;font-size:clamp(9px,1.45cqw,11px);font-weight:700;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;overflow-wrap:anywhere}
.ka-experiences .kx-ecosystem__outcome:empty {display:none}
.ka-experiences .kx-ecosystem.is-positioned .kx-ecosystem__paths--compact {display:none!important}
.ka-experiences .kx-ecosystem.is-positioned .kx-ecosystem__paths--wide {display:block!important}
.ka-experiences .kx-ecosystem__arc.is-highlighted .kx-ecosystem__arc-glow {stroke-opacity:.22}
@media(hover:hover) and (pointer:fine){
 .ka-experiences .kx-ecosystem__node:hover {border-color:#ffe5a6;box-shadow:inset 0 1px 0 rgba(255,235,185,.85),0 0 25px rgba(229,185,91,.15),0 9px 22px rgba(0,0,0,.25)}
}
/* Use the real component width, including when Studio reduces the preview. */
@container(max-width:420px){
 .ka-experiences .kx-ecosystem__node--connection{left:85%}
 .ka-experiences .kx-ecosystem__node--community{left:15%}
 .ka-experiences .kx-ecosystem__scene {aspect-ratio:auto;min-height:425px}
 .ka-experiences .kx-ecosystem__node {width:26%;min-height:80px;padding:10px 4px;gap:7px}
 .ka-experiences .kx-ecosystem__node--conversation,.ka-experiences .kx-ecosystem__node--intelligence {width:38%;min-height:72px}
 .ka-experiences .kx-ecosystem__core {width:clamp(84px,26cqw,108px);gap:8px;padding:9px 6px;box-shadow:0 0 0 7px rgba(214,173,84,.025),0 10px 20px rgba(0,0,0,.22)}
 .ka-experiences .kx-ecosystem__core img {width:35px;height:35px}
 .ka-experiences .kx-ecosystem__label {font-size:clamp(9px,2.7cqw,11px);letter-spacing:0}
 .ka-experiences .kx-ecosystem__core strong {font-size:clamp(8.5px,2.5cqw,10px);letter-spacing:.015em}
 .ka-experiences .kx-ecosystem__paths--wide {display:none}
 .ka-experiences .kx-ecosystem__paths--compact {display:block}
 .ka-experiences .kx-ecosystem__outcome {margin-top:-2px;padding-bottom:18px;font-size:9px;letter-spacing:.1em}
}
@keyframes kx-outward-light{0%{stroke-dashoffset:18;opacity:0}12%{opacity:.65}69%{stroke-dashoffset:-100;opacity:.65}80%,100%{stroke-dashoffset:-100;opacity:0}}
@media(prefers-reduced-motion:reduce){.ka-experiences .kx-ecosystem__arc-beam{animation:none!important;display:none}.ka-experiences .kx-ecosystem__node{transition:none}}
body.kap-builder-active .kx-ecosystem__arc-beam,.ka-experiences .kx-ecosystem.is-motion-off .kx-ecosystem__arc-beam {display:none!important;animation:none!important}
@media print{.ka-experiences .kx-ecosystem{break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.ka-experiences .kx-ecosystem__arc-beam{animation:none!important;display:none}}