.kit-interlink{isolation:isolate}
.kit-interlink svg .kit-signal-line{stroke:#ed773a;stroke-width:3;stroke-dasharray:8 92;stroke-dashoffset:0;opacity:0;fill:none;stroke-linecap:round}
.kit-interlink .kit-network__device::before,.kit-interlink .kit-network__hub::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid transparent;box-shadow:0 0 0 0 transparent;transition:border-color .5s,box-shadow .5s;pointer-events:none}
.kit-interlink .kit-network__hub::before{border-radius:22%}


.kit-interlink[data-phase="gateway"] .kit-network__hub::before,
.kit-interlink[data-phase="connect"] .kit-network__hub::before,
.kit-interlink[data-phase="connected"] .kit-network__hub::before,
.kit-interlink[data-phase="relay"] .kit-network__hub::before,
.kit-interlink[data-phase="broadcast"] .kit-network__hub::before,
.kit-interlink[data-phase="all-response"] .kit-network__hub::before{border-color:#ec7543;box-shadow:0 0 0 8px #ec754318}
.kit-interlink[data-phase="trigger"] .kit-network__device.is-current::before,
.kit-interlink[data-phase="incoming"] .kit-network__device.is-current::before{border-color:#e78565;box-shadow:0 0 0 6px #ea8b6d17}
.kit-interlink[data-phase="incoming"] .kit-signal-line.is-current{opacity:1;animation:kit-signal-in 1.1s linear both}
.kit-interlink[data-phase="connect"] .kit-signal-line,
.kit-interlink[data-phase="broadcast"] .kit-signal-line{opacity:1;animation:kit-signal-out 1.1s linear both}
.kit-interlink[data-phase="connected"] .kit-network__device::before,
.kit-interlink[data-phase="all-response"] .kit-network__device::before{border-color:#e78565;box-shadow:0 0 0 6px #ea8b6d17}
@keyframes kit-signal-in{from{stroke-dashoffset:-92}to{stroke-dashoffset:8}}
@keyframes kit-signal-out{from{stroke-dashoffset:8}to{stroke-dashoffset:-92}}
.kit-interlink-story{margin:16px 0 24px}.kit-demo-label{font-size:11px;letter-spacing:.08em;color:#92989b}
.kit-interlink-steps{display:flex;list-style:none;padding:0;margin:12px 0;gap:10px;counter-reset:kitstep}
.kit-interlink-steps li{flex:1;font-size:12px;line-height:1.5;color:#85919a;border-top:2px solid #e9e8e4;padding-top:9px;transition:color .5s,border-color .5s}
.kit-interlink-steps li::before{counter-increment:kitstep;content:"0" counter(kitstep);display:block;font-size:10px;letter-spacing:.08em;margin-bottom:3px}
.kit-feature[data-kit-phase="trigger"] .kit-interlink-steps li:nth-child(1),
.kit-feature[data-kit-phase="incoming"] .kit-interlink-steps li:nth-child(2),
.kit-feature[data-kit-phase="relay"] .kit-interlink-steps li:nth-child(2),
.kit-feature[data-kit-phase="broadcast"] .kit-interlink-steps li:nth-child(3),
.kit-feature[data-kit-phase="all-response"] .kit-interlink-steps li:nth-child(3){color:#ad572c;border-color:#e88a53}
@media(prefers-reduced-motion:reduce){.kit-interlink svg .kit-signal-line{display:none}.kit-interlink *::before,.kit-interlink-steps li{transition:none!important}}