.service-demo .nl-board{gap:16px;display:grid}.service-demo .demo-workspace.networking-live-scenario{grid-template-columns:minmax(0,1.75fr) minmax(252px,.8fr);align-items:start;gap:30px;display:grid}.service-demo .networking-live-scenario .demo-panel-body{gap:14px}.service-demo .nl-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.service-demo .nl-timeline li{color:#909bb0;background:#fff;border:1px solid #e0e6f1;border-radius:8px;gap:3px;padding:9px 11px;display:grid}.service-demo .nl-timeline li span{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:.78rem;font-weight:700}.service-demo .nl-timeline li b{font-size:.67rem;font-weight:500;line-height:1.4}.service-demo .nl-timeline li.is-past{color:#7c879b;background:#f5f8fc;border-color:#e0e6f1}.service-demo .nl-timeline li.is-current{color:#1c2941;background:#fff;border-color:#355cc9;box-shadow:0 0 0 1px #355cc9,0 2px 8px #355cc91f}.service-demo .nl-timeline li.is-current span{color:#355cc9}.service-demo .nl-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.service-demo .nl-metrics>div{background:#f5f8fc;border:1px solid #e6ecf6;border-radius:8px;gap:4px;padding:11px 13px;display:grid}.service-demo .nl-metrics>div>span{color:#67738b;font-size:.67rem;line-height:1.35}.service-demo .nl-metrics strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#1c2941;align-items:baseline;gap:2px;font-size:1.5rem;font-weight:700;line-height:1.1;display:flex}.service-demo .nl-metrics strong i{color:#7c879b;font-size:.72rem;font-style:normal;font-weight:600}.service-demo .nl-metrics>div[data-state=alert]{background:#fff4ec;border-color:#f6dcc8}.service-demo .nl-metrics>div[data-state=alert] strong{color:#b4501f}.service-demo .nl-metrics>div[data-state=alert] strong i{color:#c58256}.service-demo .nl-metrics>div[data-state=clear]{background:#eef7f2;border-color:#d3e8dd}.service-demo .nl-metrics>div[data-state=clear] strong{color:#1d694c}.service-demo .nl-metrics>div[data-state=clear] strong i{color:#5a9079}.service-demo .networking-live-scenario .nl-roster{border-top:1px solid #e6ecf6}.service-demo .networking-live-scenario .nl-roster caption{color:#67738b;padding:12px 0 8px;font-size:.72rem;font-weight:600}.service-demo .networking-live-scenario .nl-roster :is(th,td){vertical-align:middle;border-bottom:1px solid #eef2f8;padding:6px 8px}.service-demo .networking-live-scenario .nl-roster thead th{letter-spacing:.02em;color:#7c879b;background:0 0;border-bottom:1px solid #e0e6f1;padding:7px 8px;font-size:.66rem;font-weight:600}.service-demo .networking-live-scenario .nl-roster td:last-child{text-align:right;width:108px}.service-demo .networking-live-scenario .nl-roster tbody tr:last-child :is(th,td){border-bottom:0}.service-demo .networking-live-scenario .nl-name{color:#1c2941;font-size:.78rem;font-weight:650;line-height:1.35;display:block}.service-demo .networking-live-scenario .nl-role{color:#7c879b;font-size:.66rem;line-height:1.4;display:block}.service-demo .networking-live-scenario .nl-avatar{color:#33508f;background:#e7edfa;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.7rem;font-weight:700;display:grid}.service-demo .networking-live-scenario .nl-roster tr[data-quiet=true] .nl-avatar{color:#9c4f21;background:#fbe7d8}.service-demo .networking-live-scenario .nl-taps{grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;display:grid}.service-demo .networking-live-scenario .nl-bar{background:#e9edf5;border-radius:3px;height:5px;display:block;overflow:hidden}.service-demo .networking-live-scenario .nl-bar i{background:#355cc9;border-radius:3px;height:100%;transition:width .22s ease-out;display:block}.service-demo .networking-live-scenario .nl-bar-value{font-variant-numeric:tabular-nums;color:#35425c;text-align:right;font-size:.76rem;font-weight:650}.service-demo .networking-live-scenario .nl-roster tr[data-quiet=true] .nl-bar i{background:#e59a63}.service-demo .networking-live-scenario .nl-roster tr[data-quiet=true] .nl-bar-value{color:#9c4f21}.service-demo .networking-live-scenario .nl-roster .demo-status{white-space:nowrap;padding:4px 7px;font-size:.67rem;display:inline-block}.service-demo .nl-note{color:#4e5c77;background:#f5f8fc;border:1px solid #e6ecf6;border-radius:8px;padding:11px 13px;font-size:.73rem;line-height:1.7}.service-demo .nl-actions{gap:7px}.service-demo .nl-actions :is(.demo-button,.demo-button-secondary){min-height:40px;padding:8px 13px;font-size:.78rem}.service-demo .nl-waiting{text-align:center;color:#33415c;justify-items:center;gap:9px;padding:40px 16px;display:grid}.service-demo .nl-waiting strong{font-size:.85rem;font-weight:650;line-height:1.6}.service-demo .nl-waiting p{font-size:.71rem;line-height:1.65}.service-demo .nl-waiting>span{color:#355cc9;background:#edf3ff;border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.service-demo .nl-report{background:#fff;border:1px solid #e6ecf6;gap:12px;padding:14px;display:grid}.service-demo .nl-report-count{color:#1c2941;font-size:.85rem;font-weight:650;line-height:1.5}.service-demo .nl-report-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.service-demo .nl-report-list li{border-top:1px solid #eef2f8;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;display:grid}.service-demo .nl-report-list li>div{gap:1px;min-width:0;display:grid}.service-demo .nl-report-list strong{color:#1c2941;font-size:.77rem;font-weight:650}.service-demo .nl-report-list li>div>span{color:#7c879b;font-size:.64rem;line-height:1.45}.service-demo .nl-report-time{font-variant-numeric:tabular-nums;color:#355cc9;font-size:.68rem;font-weight:700}.service-demo .nl-report-link{color:#355cc9;white-space:nowrap;font-size:.63rem;font-weight:600}.service-demo .nl-report-more{color:#7c879b;grid-template-columns:minmax(0,1fr);justify-items:center;font-size:.68rem}.service-demo .nl-report-note{font-size:.66rem;line-height:1.6}.service-demo .nl-award{background:#f5f8fc;border:1px solid #e6ecf6;border-radius:8px;gap:8px;padding:12px;display:grid}.service-demo .nl-award>strong{letter-spacing:-.01em;color:#1c2941;font-size:.74rem}.service-demo .nl-award dl{gap:7px;margin:0;display:grid}.service-demo .nl-award dl>div{gap:2px;display:grid}.service-demo .nl-award dt{color:#7c879b;font-size:.63rem}.service-demo .nl-award dd{color:#1c2941;margin:0;font-size:.72rem;font-weight:600;line-height:1.5}.service-demo .nl-award p{font-size:.63rem;line-height:1.6}.service-demo .nl-consent{max-width:80ch;font-size:.68rem;line-height:1.7}.service-demo .network-stage{gap:18px;display:grid}.service-demo .network-stage-tabs{gap:8px}.service-demo .network-stage-tabs .demo-button-secondary{font-size:.8rem}@media (max-width:1000px){.service-demo .demo-workspace.networking-live-scenario{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.service-demo .networking-live-scenario .nl-roster td:nth-child(3){width:84px}.service-demo .networking-live-scenario .nl-roster td:last-child{width:92px}}@media (max-width:760px){.service-demo .demo-workspace.networking-live-scenario{grid-template-columns:minmax(0,1fr);gap:26px}.service-demo .networking-live-scenario .device-frame-monitor{max-width:none}.service-demo .networking-live-scenario .device-frame-monitor .demo-panel-body{padding:16px 12px}.service-demo .networking-live-scenario .nl-roster :is(th,td){padding:7px 4px}.service-demo .networking-live-scenario .nl-roster td:nth-child(3){width:62px}.service-demo .networking-live-scenario .nl-roster td:last-child{width:78px}.service-demo .nl-metrics strong{font-size:1.25rem}.service-demo .nl-timeline li{padding:8px}}@media (prefers-reduced-motion:reduce){.service-demo .networking-live-scenario .nl-bar i{transition:none}}@media (min-width:761px){.service-demo .networking-live-scenario>.demo-panel:nth-child(2){position:sticky;top:92px}}.service-demo .networking-live-scenario .nl-roster{table-layout:auto}.service-demo .networking-live-scenario .nl-roster th:first-child{width:40px}.service-demo .networking-live-scenario .nl-roster td:last-child{width:102px}.service-demo .networking-live-scenario .nl-name{font-size:.76rem}.service-demo .networking-live-scenario .nl-role{font-size:.64rem}.service-demo .networking-live-scenario .nl-roster th:first-child{text-align:left;width:auto;font-weight:400}.service-demo .networking-live-scenario .nl-roster thead th:first-child{font-weight:600}.service-demo .networking-live-scenario .nl-roster td:nth-child(2){width:108px}.service-demo .networking-live-scenario .nl-roster td:nth-child(3){width:102px}.service-demo .networking-live-scenario .nl-person{align-items:center;gap:9px;min-width:0;display:flex}.service-demo .networking-live-scenario .nl-person-text{gap:1px;min-width:0;display:grid}.service-demo .networking-live-scenario .nl-roster tr[data-quiet=true] td:nth-child(2){box-shadow:none}.service-demo .networking-live-scenario .nl-roster tr[data-quiet=true] th:first-child{box-shadow:inset 2px 0 #e59a63}
