.network-diagram-wrapper[data-v-1d542e21]{margin:1.5rem auto;max-width:800px;width:100%}.network-diagram[data-v-1d542e21]{background:#070914;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px #0006}.diagram-content[data-v-1d542e21]{padding:1.5rem}.topology-view .diagram-container[data-v-1d542e21]{aspect-ratio:800/600;height:600px;position:relative;width:100%}.topology-view .node[data-v-1d542e21]{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:80px;justify-content:center;position:absolute;transition:all .2s ease;width:100px;z-index:10}.topology-view .node[data-v-1d542e21]:hover{background:#ffffff26;border-color:#ffffff4d;transform:translate(-50%,-50%) scale(1.05)!important}.topology-view .node.primary[data-v-1d542e21]{background:linear-gradient(135deg,#fad62c33,#e664ff33);border-color:#fad62c66}.topology-view .node.secondary[data-v-1d542e21]{background:linear-gradient(135deg,#237fff33,#75d5ff33);border-color:#237fff66}.topology-view .node-icon[data-v-1d542e21]{font-size:1.5rem;line-height:1;margin-bottom:.25rem}.topology-view .node-label[data-v-1d542e21]{color:#fff;font-size:.7rem;font-weight:500;line-height:1.2;padding:0 .25rem;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8)}.connections[data-v-1d542e21]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.connection-line[data-v-1d542e21]{fill:none;stroke:#75d5ffcc;stroke-width:2}.connection-line.encrypted[data-v-1d542e21]{animation:dash-1d542e21 2s linear infinite;stroke:#fad62ccc;stroke-dasharray:5,5;stroke-width:3}@keyframes dash-1d542e21{to{stroke-dashoffset:-10}}.flow-view[data-v-1d542e21]{min-height:400px}.flow-container[data-v-1d542e21]{display:flex;flex-direction:column;gap:1rem}.flow-alert[data-v-1d542e21]{align-items:center;background:#2196f31a;border:1px solid rgba(33,150,243,.3);border-radius:8px;color:#ffffffe6;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem}.alert-icon[data-v-1d542e21]{flex-shrink:0;font-size:1rem}.flow-path[data-v-1d542e21]{align-items:center;display:flex;flex-direction:column;gap:1rem}.flow-node[data-v-1d542e21],.flow-step[data-v-1d542e21]{display:flex;justify-content:center;width:100%}.flow-node[data-v-1d542e21]{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;flex-direction:column;max-width:280px;padding:1rem;transition:all .2s ease}.flow-node[data-v-1d542e21]:hover{background:#ffffff26;transform:translateY(-2px)}.flow-node.primary-node[data-v-1d542e21]{background:linear-gradient(135deg,#fad62c1a,#e664ff1a);border-color:#fad62c66}.flow-node.secondary-node[data-v-1d542e21]{background:linear-gradient(135deg,#237fff1a,#75d5ff1a);border-color:#237fff66}.flow-icon[data-v-1d542e21]{font-size:2rem;line-height:1;margin-bottom:.5rem}.flow-label[data-v-1d542e21]{color:#fff;font-size:.875rem;font-weight:500;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8)}.flow-arrow[data-v-1d542e21]{align-items:center;display:flex;flex-direction:column;gap:.25rem}.arrow-icon[data-v-1d542e21]{color:#75d5ffcc;font-size:1.5rem}.encrypted-arrow .arrow-icon[data-v-1d542e21]{color:#fad62ccc}.encrypted-badge[data-v-1d542e21]{background:#fad62c33;border:1px solid rgba(250,214,44,.4);border-radius:4px;color:#fff;font-size:.75rem;padding:.25rem .5rem;text-shadow:0 1px 2px rgba(0,0,0,.8)}.devices-section[data-v-1d542e21]{margin-top:1.5rem}.devices-divider[data-v-1d542e21]{background:#fff3;height:1px;margin-bottom:1rem}.devices-title[data-v-1d542e21]{color:#ffffffb3;font-size:.875rem;margin-bottom:1rem;text-align:center}.devices-grid[data-v-1d542e21]{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.device-card[data-v-1d542e21]{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:.75rem .5rem;transition:all .2s ease}.device-card[data-v-1d542e21]:hover{background:#ffffff26;transform:translateY(-1px)}.device-icon[data-v-1d542e21]{font-size:1.5rem;line-height:1;margin-bottom:.25rem}.device-label[data-v-1d542e21]{color:#fff;font-size:.75rem;font-weight:500;line-height:1.2;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8)}@media(max-width:1024px)and (min-width:768px){.topology-view .diagram-container[data-v-1d542e21]{height:500px}.topology-view .node[data-v-1d542e21]{height:70px;width:90px}.topology-view .node-icon[data-v-1d542e21]{font-size:1.3rem}.topology-view .node-label[data-v-1d542e21]{font-size:.65rem}}@media(max-width:480px){.diagram-content[data-v-1d542e21]{padding:1rem}.flow-node[data-v-1d542e21]{max-width:100%}.devices-grid[data-v-1d542e21]{gap:.25rem}.device-card[data-v-1d542e21]{min-height:70px;padding:.5rem .25rem}.device-icon[data-v-1d542e21]{font-size:1.25rem}.device-label[data-v-1d542e21]{font-size:.7rem}}.sequence-diagram[data-v-2def7650]{background:linear-gradient(135deg,#070914f2,#ed5aff1a);border-radius:16px;box-sizing:border-box;margin:2rem 0;max-width:100%;overflow-x:auto;padding:2rem;scrollbar-color:hsla(0,0%,100%,.3) transparent;scrollbar-width:thin;width:100%}.sequence-diagram[data-v-2def7650]::-webkit-scrollbar{height:6px}.sequence-diagram[data-v-2def7650]::-webkit-scrollbar-track{background:transparent}.sequence-diagram[data-v-2def7650]::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.sequence-diagram[data-v-2def7650]::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.scroll-hint[data-v-2def7650]{background:#0000004d;border-radius:4px;color:#fff9;display:none;font-size:.7rem;padding:.2rem .5rem;position:absolute;right:.5rem;top:.5rem;z-index:10}.sequence-container[data-v-2def7650]{margin:0 auto;min-width:800px;position:relative}.participants[data-v-2def7650]{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.participant[data-v-2def7650]{flex:1;position:relative;text-align:center}.participant[data-v-2def7650]:after{background:linear-gradient(180deg,#ffffff4d,#ffffff1a);border-radius:1px;content:"";height:400px;left:50%;position:absolute;top:80px;transform:translate(-50%);width:2px}.participant-icon[data-v-2def7650]{font-size:2.5rem;margin-bottom:.5rem}.participant-label[data-v-2def7650]{color:#fff;font-size:.9rem;font-weight:600;line-height:1.3;margin:0 auto;max-width:150px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.messages[data-v-2def7650]{height:400px;position:relative}.message[data-v-2def7650]{height:60px;position:absolute;width:100%}.step-1[data-v-2def7650]{top:20px}.step-2[data-v-2def7650]{top:80px}.step-3[data-v-2def7650]{top:140px}.step-4[data-v-2def7650]{top:200px}.step-5[data-v-2def7650]{top:260px}.step-6[data-v-2def7650]{top:320px}.message-line[data-v-2def7650]{background:linear-gradient(90deg,#237fff,#75d5ff);border-radius:2px;box-shadow:0 0 8px #237fff80;height:3px;position:absolute;top:50%;transform:translateY(-50%)}.message-line[data-v-2def7650]:after{border-bottom:6px solid transparent;border-left:8px solid #75d5ff;border-top:6px solid transparent;content:"";height:0;position:absolute;right:-8px;top:-5px;width:0}.message-line.return[data-v-2def7650]{background:linear-gradient(270deg,#e664ff,#fad62c);box-shadow:0 0 8px #e664ff80}.message-line.return[data-v-2def7650]:after{border-left:none;border-right:8px solid #fad62c;left:-8px;right:auto}.from-device.to-pc[data-v-2def7650]{left:12.5%;width:25%}.from-pc.to-vpn[data-v-2def7650]{left:37.5%;width:25%}.from-vpn.to-website[data-v-2def7650],.from-website.to-vpn[data-v-2def7650]{left:62.5%;width:25%}.from-vpn.to-pc[data-v-2def7650]{left:37.5%;width:25%}.from-pc.to-device[data-v-2def7650]{left:12.5%;width:25%}.message-text[data-v-2def7650]{background:#0000004d;border-radius:4px;color:#fff;font-size:.85rem;font-weight:500;left:0;margin:0 1rem;padding:.25rem .5rem;position:absolute;right:0;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8);top:-25px}@media(max-width:1024px){.sequence-diagram[data-v-2def7650]{padding:1.5rem}.sequence-container[data-v-2def7650]{min-width:700px}.participant-label[data-v-2def7650]{font-size:.85rem;max-width:140px}.participant-icon[data-v-2def7650]{font-size:2.2rem}.message-text[data-v-2def7650]{font-size:.8rem;margin:0 .75rem}}@media(max-width:768px){.sequence-diagram[data-v-2def7650]{margin:1rem 0;overflow-x:auto;padding:1rem;position:relative}.scroll-hint[data-v-2def7650]{display:block}.sequence-container[data-v-2def7650]{min-width:500px}.participants[data-v-2def7650]{margin-bottom:1.5rem}.participant[data-v-2def7650]{flex:1;min-width:100px}.participant[data-v-2def7650]:after{height:300px;top:60px}.participant-icon[data-v-2def7650]{font-size:1.8rem;margin-bottom:.3rem}.participant-label[data-v-2def7650]{font-size:.75rem;line-height:1.2;max-width:100px}.messages[data-v-2def7650]{height:300px}.message[data-v-2def7650]{height:45px}.step-1[data-v-2def7650]{top:15px}.step-2[data-v-2def7650]{top:60px}.step-3[data-v-2def7650]{top:105px}.step-4[data-v-2def7650]{top:150px}.step-5[data-v-2def7650]{top:195px}.step-6[data-v-2def7650]{top:240px}.message-text[data-v-2def7650]{font-size:.7rem;margin:0 .3rem;padding:.2rem .4rem;top:-20px}}@media(max-width:600px){.sequence-diagram[data-v-2def7650]{margin:.75rem 0;padding:.75rem}.sequence-container[data-v-2def7650]{min-width:450px}.participant-icon[data-v-2def7650]{font-size:1.5rem}.participant-label[data-v-2def7650]{font-size:.7rem;line-height:1.1;max-width:90px}.message-text[data-v-2def7650]{font-size:.65rem;margin:0 .2rem;padding:.15rem .3rem}}@media(max-width:480px){.sequence-diagram[data-v-2def7650]{margin:.5rem 0;padding:.5rem}.sequence-container[data-v-2def7650]{min-width:400px}.participant[data-v-2def7650]{min-width:80px}.participant-icon[data-v-2def7650]{font-size:1.3rem}.participant-label[data-v-2def7650]{font-size:.65rem;line-height:1.1;max-width:80px}.message-text[data-v-2def7650]{font-size:.6rem;margin:0 .1rem;overflow:hidden;padding:.1rem .2rem;text-overflow:ellipsis;white-space:nowrap}}.markdown-content[data-v-267f0e55]{width:100%}.prose[data-v-267f0e55]{color:#ffffffde;line-height:1.6;max-width:none}.prose[data-v-267f0e55] h1,.prose[data-v-267f0e55] h2,.prose[data-v-267f0e55] h3,.prose[data-v-267f0e55] h4,.prose[data-v-267f0e55] h5,.prose[data-v-267f0e55] h6{color:#fff;font-weight:600;line-height:1.3;margin:1.5rem 0 1rem}.prose[data-v-267f0e55] h1{font-size:2.25rem}.prose[data-v-267f0e55] h2{font-size:1.875rem}.prose[data-v-267f0e55] h3{font-size:1.5rem}.prose[data-v-267f0e55] h4{font-size:1.25rem}.prose[data-v-267f0e55] h5{font-size:1.125rem}.prose[data-v-267f0e55] h6{font-size:1rem}.prose[data-v-267f0e55] p{color:#fffc;margin:1rem 0}.prose[data-v-267f0e55] a{color:#4faefe;text-decoration:none;transition:color .3s ease}.prose[data-v-267f0e55] a:hover{color:#75d5ff;text-decoration:underline}.prose[data-v-267f0e55] ol,.prose[data-v-267f0e55] ul{margin:1rem 0;padding-left:1.5rem}.prose[data-v-267f0e55] li{color:#fffc;margin:.5rem 0}.prose[data-v-267f0e55] blockquote{border-left:4px solid #4faefe;color:#ffffffb3;font-style:italic;margin:1.5rem 0;padding-left:1rem}.prose[data-v-267f0e55] code{background:#ffffff1a;border-radius:4px;color:#e664ff;font-family:Courier New,monospace;font-size:.9em;padding:.25rem .5rem}.prose[data-v-267f0e55] pre{background:#0000004d;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1rem}.prose[data-v-267f0e55] pre code{background:transparent;color:#ffffffe6;padding:0}.prose[data-v-267f0e55] table{border-collapse:collapse;margin:1.5rem 0;width:100%}.prose[data-v-267f0e55] td,.prose[data-v-267f0e55] th{border:1px solid hsla(0,0%,100%,.2);padding:.75rem;text-align:left}.prose[data-v-267f0e55] th{background:#ffffff1a;color:#fff;font-weight:600}.prose[data-v-267f0e55] td{color:#fffc}.prose[data-v-267f0e55] hr{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);border:none;height:1px;margin:2rem 0}.prose[data-v-267f0e55] .chart-error{background:#ff6b6b33;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;margin:1rem 0;padding:1rem;text-align:center}.prose[data-v-267f0e55] .chart-placeholder{align-items:center;background:#ffffff0d;border:2px dashed hsla(0,0%,100%,.2);border-radius:8px;display:flex;justify-content:center;margin:1.5rem 0;min-height:200px;position:relative}.prose[data-v-267f0e55] .chart-placeholder:before{color:#fff9;content:attr(data-loading-text);font-size:.9rem}.prose[data-v-267f0e55] .contact-us-link{border-bottom:1px solid transparent;color:#4faefe!important;cursor:pointer;font-weight:600;text-decoration:none;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.3);transition:all .3s ease}.prose[data-v-267f0e55] .contact-us-link:hover{border-bottom:1px solid #75d5ff;color:#75d5ff!important;text-decoration:none;transform:translateY(-1px)}.prose[data-v-267f0e55] .contact-us-link:active{color:#e664ff!important;transform:translateY(0)}