.tunnel-demo[data-v-e3803492]{min-width:0;width:100%}.tunnel-demo__controls[data-v-e3803492]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.tunnel-demo__controls button[data-v-e3803492]{background:var(--marketing-surface-card);border:1px solid var(--marketing-line);border-radius:7px;color:var(--dp-text);cursor:pointer;font:inherit;font-size:.8rem;padding:.55rem .75rem}.tunnel-demo__controls button[aria-selected=true][data-v-e3803492]{border-color:var(--marketing-gold)}.tunnel-demo__controls button[data-v-e3803492]:focus-visible{outline:3px solid var(--marketing-gold);outline-offset:3px}.tunnel-demo [role=tabpanel][data-v-e3803492]:focus-visible{outline:3px solid var(--marketing-gold);outline-offset:5px}.tunnel-demo__terminal[data-v-e3803492]{background:#242a36;border:1px solid #74bc77;border-radius:8px;box-sizing:border-box;color:#eff1f5;font:.76rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;padding:.9rem}.tunnel-demo__title[data-v-e3803492]{align-items:center;color:#8fd08e;display:flex;gap:.8rem;margin:-.3rem 0 .5rem}.tunnel-demo__title span[data-v-e3803492]{background:#74bc77;flex:1;height:1px}.tunnel-demo__endpoint[data-v-e3803492]{color:#8fe5ec;font-weight:700;overflow-wrap:anywhere}.tunnel-demo__muted[data-v-e3803492]{color:#a2b8b0}.tunnel-demo__explanation[data-v-e3803492]{color:var(--marketing-copy);font-size:.9rem;line-height:1.5;margin:.6rem 0 .8rem;min-height:3em}.tunnel-demo__traffic>span[data-v-e3803492]:first-child{color:#8fe5ec}.tunnel-demo__traffic>span[data-v-e3803492]:nth-child(2){color:#e3a0eb}.tunnel-demo__traffic small[data-v-e3803492]{color:#aeb3be}.tunnel-demo__charts[data-v-e3803492]{display:grid;gap:.55rem;grid-template-columns:1fr 1fr;margin:.85rem 0}.tunnel-demo__chart[data-v-e3803492]{border:1px solid;border-radius:5px;min-width:0;padding:.5rem}.tunnel-demo__chart--sending[data-v-e3803492]{color:#8fe5ec}.tunnel-demo__chart--receiving[data-v-e3803492]{color:#e3a0eb}.tunnel-demo__chart--latency[data-v-e3803492]{color:#ead16d}.tunnel-demo__chart--streams[data-v-e3803492]{color:#8fd08e}.tunnel-demo__chart h3[data-v-e3803492]{font:inherit;margin:-.2rem 0 .4rem}.tunnel-demo__chart p[data-v-e3803492]{color:inherit;font:inherit;font-weight:700;margin:0}.tunnel-demo__chart svg[data-v-e3803492]{display:block;height:42px;width:100%}.tunnel-demo__chart path[data-v-e3803492]{fill:none;stroke:currentColor;stroke-width:2}.tunnel-demo__chart .tunnel-demo__baseline[data-v-e3803492]{opacity:.4;stroke-dasharray:1 7}.tunnel-demo__axis[data-v-e3803492]{display:flex;font-size:.7rem;justify-content:space-between;opacity:.85}.tunnel-demo__events[data-v-e3803492]{display:flex;flex-direction:column;gap:.25rem;min-height:5.8em}.tunnel-demo__events span[data-v-e3803492]{color:#8fd08e}.tunnel-demo__foot[data-v-e3803492]{color:#aeb3be;font:inherit;font-size:.7rem;margin:1rem 0 0}.tunnel-demo__caption[data-v-e3803492]{color:var(--marketing-copy);font-size:.8rem;line-height:1.5;margin:0 0 .8rem}@media(max-width:480px){.tunnel-demo__terminal[data-v-e3803492]{font-size:.68rem;padding:.65rem}.tunnel-demo__chart h3[data-v-e3803492]{min-height:2.9em}}