/* Three product diagrams behave as live demonstrations. */
.steps li{transition:opacity .3s,transform .3s}.steps li:not(.is-active){opacity:.68}.steps li.is-active{opacity:1;transform:translateY(-5px)}.steps li.is-active i{border-color:currentColor;box-shadow:0 0 0 5px #7358ff16,0 16px 36px #0005}.steps li.is-active b{color:#fff}.steps li:not(:last-child):after{animation:signal-line 1.7s linear infinite}.speed{position:relative;overflow:hidden}.speed:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#4ae0ad1c,transparent);transform:translateX(-100%);animation:speed-scan 3s linear infinite}
.dashboard .line{stroke-dasharray:680;stroke-dashoffset:680;animation:chart-draw 5s ease-in-out infinite alternate}.dashboard .area{animation:area-breathe 4s ease-in-out infinite}.dash-head>em i{animation:live-dot 1.5s ease-in-out infinite}.kpis article,.ai,.sites>div{transition:border-color .35s,background .35s,transform .35s}.dashboard.metric-update .kpis article:nth-child(2),.dashboard.metric-update .chart{border-color:#725cff66}.dashboard.alert-update .kpis article:nth-child(3),.dashboard.alert-update .ai{border-color:#f3b64e77;background:#3a2b1c55}.dashboard aside{transition:opacity .25s,transform .25s}.dashboard aside.updating{opacity:.25;transform:translateY(8px)}
.orbit{overflow:visible}.orbit>i{animation:orbit-ring 4s ease-in-out infinite}.orbit:after{content:"";position:absolute;width:12px;height:12px;left:50%;top:50%;margin:-6px;border-radius:50%;background:#7358ff;box-shadow:0 0 0 5px #7358ff20,0 0 18px #7358ff;offset-path:ellipse(46% 40% at 50% 50%);animation:service-orbit 6s linear infinite}.orbit>img{animation:hub-breathe 3s ease-in-out infinite}.orbit b{transition:.3s}.orbit b.is-active{color:#fff;background:#7358ff;box-shadow:0 10px 28px #7358ff55;transform:translateY(-4px)}
@keyframes signal-line{to{border-color:#7965de;filter:drop-shadow(12px 0 3px #7358ff)}}@keyframes speed-scan{to{transform:translateX(100%)}}@keyframes chart-draw{60%,100%{stroke-dashoffset:0}}@keyframes area-breathe{50%{opacity:.65}}@keyframes live-dot{50%{opacity:.35;box-shadow:0 0 0 7px #39d6a21c}}@keyframes service-orbit{to{offset-distance:100%}}@keyframes orbit-ring{50%{border-color:#7358ff66;box-shadow:inset 0 0 40px #7358ff0c}}@keyframes hub-breathe{50%{box-shadow:0 18px 45px #5037a455;transform:translate(-50%,-50%) scale(1.04)}}
@media(max-width:740px){.orbit:after{offset-path:ellipse(43% 38% at 50% 50%)}.steps li.is-active{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.steps li{opacity:1!important;transform:none!important}.steps li:after,.speed:after,.dashboard .line,.dashboard .area,.dash-head>em i,.orbit>i,.orbit:after,.orbit>img{animation:none!important}}

/* Data-center case: live rack room and multi-sensor telemetry. */
.room.dc-live{gap:9px;padding:72px 18px 92px;align-items:center}.room.dc-live>label{z-index:6}.room.dc-live>i.rack{position:relative;width:58px;height:205px;flex:0 1 58px;border-width:4px;background:repeating-linear-gradient(0deg,#12263a 0 22px,#5f7185 23px 26px);box-shadow:0 15px 30px #0004;overflow:hidden}.room.dc-live>i.rack:before{content:"";position:absolute;inset:7px 5px;background:repeating-linear-gradient(0deg,transparent 0 19px,#55d8ab 20px 22px);opacity:.55;animation:rack-led 2.2s steps(2) infinite}.room.dc-live>i.rack:after{content:"";position:absolute;right:6px;top:9px;width:4px;height:4px;border-radius:50%;background:#4fe0af;box-shadow:0 26px #4fe0af,0 52px #ffbd55,0 78px #4fe0af,0 104px #4fe0af,0 130px #6da7ff,0 156px #4fe0af;animation:rack-status 1.4s steps(2) infinite}.room.dc-live>i.rack:nth-of-type(2):before,.room.dc-live>i.rack:nth-of-type(5):before{animation-delay:-.7s}.room.dc-live>i.rack:nth-of-type(3):after,.room.dc-live>i.rack:nth-of-type(6):after{animation-delay:-1s}.room.dc-live .network-stream{position:absolute;z-index:1;left:14%;right:14%;top:59px;height:2px;background:linear-gradient(90deg,transparent,#5fd8ef,#785fff,transparent);background-size:200% 100%;box-shadow:0 0 12px #5fd8ef88;animation:network-stream 2.4s linear infinite}.room.dc-live .access-status{position:absolute;z-index:5;right:18px;top:15px;display:flex;align-items:center;gap:7px;color:#9eb0c3;font:700 10px "Plus Jakarta Sans"}.room.dc-live .access-status:before{content:"";width:9px;height:9px;border:2px solid #4bdca9;border-radius:2px;box-shadow:0 0 10px #4bdca966}.room.dc-live>div:nth-of-type(1){left:15px;top:75px}.room.dc-live>div:nth-of-type(2){right:15px;top:75px;bottom:auto}.dc-sensors{position:absolute;z-index:7;left:14px;right:14px;bottom:13px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:0;margin:0;list-style:none}.dc-sensors li{min-width:0;padding:8px 7px;border:1px solid #314258;border-radius:8px;background:#0c1b2bd9;color:#7f91a5;transition:.25s}.dc-sensors small{display:block;overflow:hidden;text-overflow:ellipsis;font-size:7px;letter-spacing:.05em;white-space:nowrap}.dc-sensors b{display:block;margin-top:2px;color:#c8d3df;font-size:9px;white-space:nowrap}.dc-sensors li.is-reading{border-color:#745cff;background:#29254b;color:#aa9cff;box-shadow:0 0 18px #745cff33;transform:translateY(-3px)}.dc-sensors li.is-reading b{color:#fff}.dc-waterline{position:absolute;z-index:2;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,transparent,#42bdf0,transparent);opacity:.25;animation:water-sensor 3.5s ease-in-out infinite}
@keyframes rack-led{50%{opacity:.18}}@keyframes rack-status{50%{filter:brightness(1.8)}}@keyframes network-stream{to{background-position:-200% 0}}@keyframes water-sensor{50%{opacity:.65;box-shadow:0 -5px 18px #42bdf055}}
@media(max-width:740px){.room.dc-live{gap:5px;padding-inline:8px}.room.dc-live>i.rack{width:38px;height:155px;flex-basis:38px}.room.dc-live>i.rack:nth-of-type(n+5){display:none}.dc-sensors{grid-template-columns:repeat(3,1fr)}.dc-sensors li:nth-child(n+4){display:none}.room.dc-live>div:nth-of-type(1),.room.dc-live>div:nth-of-type(2){top:55px;transform:scale(.82)}.room.dc-live>div:nth-of-type(1){left:4px}.room.dc-live>div:nth-of-type(2){right:4px}}
@media(prefers-reduced-motion:reduce){.room.dc-live>i.rack:before,.room.dc-live>i.rack:after,.room.dc-live .network-stream,.dc-waterline{animation:none!important}.dc-sensors li{transform:none!important}}
.room.dc-live>.dc-waterline{top:auto;bottom:0;height:4px;background:linear-gradient(90deg,transparent,#42bdf0,transparent);box-shadow:none;animation-name:water-sensor}

.health-zones{display:none}.room.health-live{background:linear-gradient(#102739d9,#071827f2),repeating-linear-gradient(90deg,transparent 0 65px,#5cd9ff0a 66px)}.room.health-live .health-zones{position:absolute;z-index:5;left:19%;right:19%;top:58px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health-zones span{text-align:center;color:#a9bbca;font:700 8px "Plus Jakarta Sans";letter-spacing:.04em}.room.health-live>i.rack{height:185px;border-color:#375268;border-radius:9px 9px 4px 4px;background:linear-gradient(90deg,#d9edf3 0 9%,#8fb0bd 10% 12%,#e9f6f8 13% 87%,#8fb0bd 88% 90%,#d9edf3 91%);box-shadow:inset 0 0 0 2px #fff7,0 16px 30px #0005}.room.health-live>i.rack:before{inset:14px 9px 26px;border:1px solid #89aeba;border-radius:5px;background:linear-gradient(135deg,#b8e7ef99,#effbfc55),repeating-linear-gradient(0deg,transparent 0 25px,#8cb2bc 26px 28px);opacity:1;animation:clinical-cold 3s ease-in-out infinite}.room.health-live>i.rack:after{right:8px;top:8px;background:#42d7a3;box-shadow:0 0 9px #42d7a3;animation:door-status 2.8s ease-in-out infinite}.room.health-live>i.rack:nth-of-type(3):after{animation-delay:-1.3s}.room.health-live .network-stream{background:linear-gradient(90deg,transparent,#5fd8ef,#42d7a3,#785fff,transparent);background-size:200% 100%}.room.health-live .access-status:before{border-radius:50%;background:#42d7a3}.room.health-live .dc-sensors{grid-template-columns:repeat(8,1fr)}.room.health-live .dc-sensors li{padding-inline:5px}.room.health-live .dc-sensors small{font-size:6px}.room.health-live .dc-sensors b{font-size:8px}.room.health-live>.dc-waterline{background:linear-gradient(90deg,transparent,#42d7a3,#5fd8ef,transparent)}
@keyframes clinical-cold{50%{filter:brightness(1.08);box-shadow:inset 0 0 18px #5fd8ef44}}@keyframes door-status{45%,55%{background:#ffc45a;box-shadow:0 0 12px #ffc45a}}
@media(max-width:740px){.room.health-live .health-zones{left:9%;right:9%;top:46px}.room.health-live .health-zones span{font-size:6px}.room.health-live .dc-sensors{grid-template-columns:repeat(4,1fr)}.room.health-live .dc-sensors li:nth-child(4){display:block}.room.health-live .dc-sensors li:nth-child(n+5){display:none}.room.health-live>i.rack{height:145px}}

.room.dc-live>.health-zones,.room.dc-live>.telecom-topology{display:none}.room.telecom-live{padding-bottom:104px;background:radial-gradient(circle at 55% 42%,#173452,#071827 62%),repeating-linear-gradient(90deg,transparent 0 65px,#5cd9ff0a 66px)}.room.telecom-live>i.rack{display:none}.room.telecom-live>.telecom-topology{position:absolute;z-index:5;left:15%;right:15%;top:72px;bottom:105px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:25px 65px;align-items:center}.telecom-topology:before{content:"";position:absolute;inset:20% 10%;background:linear-gradient(90deg,transparent 8%,#5bd9ef66 9% 91%,transparent 92%) center/100% 2px no-repeat,linear-gradient(#785fff55,#785fff55) center/2px 100% no-repeat;filter:drop-shadow(0 0 6px #5bd9ef)}.telecom-topology span{position:relative;z-index:2;display:grid;place-items:center;min-height:42px;padding:7px;border:1px solid #3d5e78;border-radius:11px;background:#10263a;color:#bfd0dc;text-align:center;font:700 9px "Plus Jakarta Sans";box-shadow:0 12px 28px #0004;animation:telecom-node 6s ease-in-out infinite}.telecom-topology span:before{content:"";position:absolute;left:8px;top:8px;width:6px;height:6px;border-radius:50%;background:#4cdbac;box-shadow:0 0 8px #4cdbac}.telecom-topology span:nth-child(2){animation-delay:-1s}.telecom-topology span:nth-child(3){animation-delay:-2s}.telecom-topology span:nth-child(4){animation-delay:-3s}.telecom-topology span:nth-child(5){animation-delay:-4s}.telecom-topology span:nth-child(6){animation-delay:-5s}.telecom-topology i{display:none}.room.telecom-live .network-stream{top:61px;background:linear-gradient(90deg,transparent,#42d7a3,#5fd8ef,#785fff,transparent);background-size:200% 100%}.room.telecom-live .dc-sensors{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,auto);gap:5px;bottom:10px}.room.telecom-live .dc-sensors li{padding:5px}.room.telecom-live .dc-sensors small{font-size:5.5px}.room.telecom-live .dc-sensors b{font-size:7.5px}.room.telecom-live>.dc-waterline{background:linear-gradient(90deg,transparent,#5fd8ef,#785fff,transparent)}
@keyframes telecom-node{0%,15%,100%{border-color:#3d5e78;transform:translateY(0)}7%{border-color:#5fd8ef;background:#173a52;box-shadow:0 0 0 4px #5fd8ef16,0 15px 32px #0005;transform:translateY(-3px)}}
@media(max-width:740px){.room.telecom-live>.telecom-topology{left:7%;right:7%;top:54px;bottom:105px;gap:10px 16px}.telecom-topology span{min-height:34px;font-size:7px}.room.telecom-live .dc-sensors{grid-template-columns:repeat(4,1fr)}.room.telecom-live .dc-sensors li{display:block}.room.telecom-live .dc-sensors li:nth-child(n+9){display:none}}
@media(prefers-reduced-motion:reduce){.telecom-topology span{animation:none!important}}
.room.dc-live.health-live>.health-zones{display:grid}

.room.dc-live>.hotel-topology{display:none}.room.hotel-live{padding-bottom:104px;background:radial-gradient(circle at 50% 45%,#17394a,#071827 66%),repeating-linear-gradient(90deg,transparent 0 65px,#4cd9ca0a 66px)}.room.hotel-live>i.rack{display:none}.room.hotel-live>.hotel-topology{position:absolute;z-index:5;left:13%;right:13%;top:70px;bottom:106px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:24px 38px;align-items:center}.hotel-topology:before{content:"";position:absolute;inset:14% 8%;background:linear-gradient(90deg,transparent,#47d9c966,transparent) center/100% 2px no-repeat,linear-gradient(#5ea9ef55,#5ea9ef55) 25% 50%/2px 100% no-repeat,linear-gradient(#5ea9ef55,#5ea9ef55) 75% 50%/2px 100% no-repeat;filter:drop-shadow(0 0 6px #47d9c9)}.hotel-topology span{position:relative;z-index:2;display:grid;place-items:center;min-height:46px;padding:8px 12px;border:1px solid #3b6470;border-radius:13px;background:#102b38;color:#c5d8dd;text-align:center;font:700 9px "Plus Jakarta Sans";box-shadow:0 12px 28px #0004;animation:hotel-zone 7.2s ease-in-out infinite}.hotel-topology span:before{content:"";position:absolute;left:9px;top:9px;width:7px;height:7px;border-radius:50%;background:#4bd8a5;box-shadow:0 0 9px #4bd8a5}.hotel-topology span:nth-child(2){animation-delay:-1.2s}.hotel-topology span:nth-child(3){animation-delay:-2.4s}.hotel-topology span:nth-child(4){animation-delay:-3.6s}.hotel-topology span:nth-child(5){animation-delay:-4.8s}.hotel-topology span:nth-child(6){animation-delay:-6s}.hotel-topology span:nth-child(2):before,.hotel-topology span:nth-child(3):before{background:#63baff;box-shadow:0 0 9px #63baff}.hotel-topology span:nth-child(5):before{background:#f5bc57;box-shadow:0 0 9px #f5bc57}.room.hotel-live .network-stream{top:60px;background:linear-gradient(90deg,transparent,#47d9c9,#63baff,#f5bc57,transparent);background-size:200% 100%}.room.hotel-live .dc-sensors{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,auto);gap:5px;bottom:10px}.room.hotel-live .dc-sensors li{padding:5px}.room.hotel-live .dc-sensors small{font-size:5.5px}.room.hotel-live .dc-sensors b{font-size:7.5px}.room.hotel-live>.dc-waterline{background:linear-gradient(90deg,transparent,#47d9c9,#63baff,transparent)}.room.hotel-live .access-status:before{border-radius:50%;border-color:#47d9c9}
@keyframes hotel-zone{0%,14%,100%{border-color:#3b6470;transform:translateY(0)}7%{border-color:#47d9c9;background:#153d48;box-shadow:0 0 0 4px #47d9c914,0 15px 32px #0005;transform:translateY(-3px)}}
@media(max-width:740px){.room.hotel-live>.hotel-topology{left:6%;right:6%;top:53px;bottom:105px;gap:10px 14px}.hotel-topology span{min-height:35px;padding:5px;font-size:6.5px}.room.hotel-live .dc-sensors{grid-template-columns:repeat(4,1fr)}.room.hotel-live .dc-sensors li{display:block}.room.hotel-live .dc-sensors li:nth-child(n+9){display:none}}
@media(prefers-reduced-motion:reduce){.hotel-topology span{animation:none!important}}

.room.dc-live>.building-topology{display:none}.room.building-live{padding-bottom:111px;background:radial-gradient(circle at 50% 42%,#26334c,#091827 66%),repeating-linear-gradient(90deg,transparent 0 65px,#a889ff0a 66px)}.room.building-live>i.rack{display:none}.room.building-live>.building-topology{position:absolute;z-index:5;left:12%;right:12%;top:70px;bottom:112px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:22px 38px;align-items:center}.building-topology:before{content:"";position:absolute;inset:13% 7%;background:linear-gradient(90deg,transparent,#a889ff66,transparent) center/100% 2px no-repeat,linear-gradient(#4fd9aa55,#4fd9aa55) 25% 50%/2px 100% no-repeat,linear-gradient(#5ea9ef55,#5ea9ef55) 75% 50%/2px 100% no-repeat;filter:drop-shadow(0 0 6px #a889ff)}.building-topology span{position:relative;z-index:2;display:grid;place-items:center;min-height:47px;padding:8px 12px;border:1px solid #4b5273;border-radius:13px;background:#17253b;color:#cdd3df;text-align:center;font:700 8.5px "Plus Jakarta Sans";box-shadow:0 12px 28px #0004;animation:building-zone 7.2s ease-in-out infinite}.building-topology span:before{content:"";position:absolute;left:9px;top:9px;width:7px;height:7px;border-radius:50%;background:#4fd9aa;box-shadow:0 0 9px #4fd9aa}.building-topology span:nth-child(1):before{background:#f0b751;box-shadow:0 0 9px #f0b751}.building-topology span:nth-child(2):before{background:#ff7b68;box-shadow:0 0 9px #ff7b68}.building-topology span:nth-child(3):before{background:#58bff2;box-shadow:0 0 9px #58bff2}.building-topology span:nth-child(4):before{background:#a889ff;box-shadow:0 0 9px #a889ff}.building-topology span:nth-child(2){animation-delay:-1.2s}.building-topology span:nth-child(3){animation-delay:-2.4s}.building-topology span:nth-child(4){animation-delay:-3.6s}.building-topology span:nth-child(5){animation-delay:-4.8s}.building-topology span:nth-child(6){animation-delay:-6s}.room.building-live .network-stream{top:60px;background:linear-gradient(90deg,transparent,#f0b751,#a889ff,#4fd9aa,transparent);background-size:200% 100%}.room.building-live .dc-sensors{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(2,auto);gap:4px;bottom:9px}.room.building-live .dc-sensors li{padding:5px 4px}.room.building-live .dc-sensors small{font-size:5px}.room.building-live .dc-sensors b{font-size:7px}.room.building-live>.dc-waterline{background:linear-gradient(90deg,transparent,#58bff2,#a889ff,#4fd9aa,transparent)}.room.building-live .access-status:before{border-radius:50%;border-color:#a889ff}
@keyframes building-zone{0%,14%,100%{border-color:#4b5273;transform:translateY(0)}7%{border-color:#a889ff;background:#242b4a;box-shadow:0 0 0 4px #a889ff14,0 15px 32px #0005;transform:translateY(-3px)}}
@media(max-width:740px){.room.building-live>.building-topology{left:6%;right:6%;top:53px;bottom:108px;gap:10px 14px}.building-topology span{min-height:35px;padding:5px;font-size:6.3px}.room.building-live .dc-sensors{grid-template-columns:repeat(4,1fr)}.room.building-live .dc-sensors li{display:block}.room.building-live .dc-sensors li:nth-child(n+9){display:none}}
@media(prefers-reduced-motion:reduce){.building-topology span{animation:none!important}}

/* Keep carousel profiles mutually exclusive, including after cached deployments. */
.room>.health-zones,.room>.telecom-topology,.room>.hotel-topology,.room>.building-topology{display:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.room.health-live>.health-zones{display:grid!important}
.room.telecom-live>.telecom-topology{display:grid!important}
.room.hotel-live>.hotel-topology{display:grid!important}
.room.building-live>.building-topology{display:grid!important}