.proxy-mermaid-wrap{flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto 2rem;display:flex}.proxy-mermaid-wrap .mermaid{justify-content:center;width:100%;display:flex}.proxy-mermaid-wrap .mermaid svg{max-width:100%;height:auto}.proxy-flow-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:900px;margin:0 auto 3rem;padding:2rem;position:relative;box-shadow:0 4px 6px #0000001a}.proxy-flow-controls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.proxy-flow-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.proxy-flow-btn{font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.85rem;transition:all .2s}.proxy-flow-btn:hover{color:var(--text-hi);border-color:var(--border2)}.proxy-flow-btn.active{color:var(--cyan);border-color:var(--cyan);background:#00e5ff1a;box-shadow:0 0 12px #00e5ff33}.proxy-flow-diagram{flex-direction:column;align-items:center;width:100%;margin-bottom:3rem;display:flex;position:relative}.proxy-flow-header{text-align:center;margin-bottom:2rem}.proxy-flow-title{font-family:var(--font-outfit);color:var(--text-hi);text-align:center;margin-bottom:2rem;font-size:1.3rem}.proxy-flow-subtitle{color:var(--text-dim);font-size:.9rem}.proxy-nodes-container{justify-content:space-between;align-items:center;width:100%;margin:1.5rem 0;display:flex;position:relative}.proxy-node{background:var(--surface2);border:2px solid var(--border);width:100px;height:100px;font-family:var(--font-hero);z-index:2;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-size:.8rem;font-weight:700;transition:all .3s;display:flex;position:relative}.proxy-node span{color:var(--text-hi);margin-top:.2rem}.proxy-node .viz-label{border:1px solid var(--cyan);color:var(--cyan);white-space:nowrap;z-index:20;pointer-events:none;background:#0a2a30;border-radius:30px;padding:.3rem .8rem;font-size:.7rem;font-weight:800;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards float-label;position:absolute;top:-2.8rem;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00e5ff66}@keyframes float-label{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.proxy-node.processing .viz-label{border-color:var(--purple);color:var(--purple);background:#1e0a30;box-shadow:0 4px 15px #7c4dff66}.proxy-node.active{border-color:var(--cyan);background:#00e5ff0d;transform:scale(1.05);box-shadow:0 0 20px #00e5ff4d}.proxy-node.processing{border-color:var(--purple);background:#7c4dff0d;box-shadow:0 0 20px #7c4dff4d}.proxy-node.internet{background:#1a1f2b;border-style:dashed;border-radius:35px;width:120px;height:70px}.proxy-node-icon{font-size:1.5rem}.proxy-connection{background:var(--border);flex-grow:1;height:2px;margin:0 10px;position:relative}.proxy-connection:after{content:"▶";color:var(--border);font-size:10px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.proxy-connection.active{background:var(--cyan)}.proxy-connection.active:after{color:var(--cyan)}.proxy-packet{background:var(--cyan);width:12px;height:12px;box-shadow:0 0 10px var(--cyan);border-radius:50%;position:absolute;top:-5px;left:0}.proxy-packet.reverse{background:var(--purple);box-shadow:0 0 10px var(--purple)}@keyframes move-packet{0%{left:0}to{left:100%}}@keyframes move-packet-back{0%{left:100%}to{left:0}}.proxy-progress-container{border:1px solid var(--border);background:#0003;border-radius:14px;width:100%;margin-top:1.5rem;padding:1.2rem}.proxy-current-step-display{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.proxy-step-text-large{font-family:var(--font-hero);color:var(--text-hi);font-size:1rem;font-weight:600}.proxy-step-counter{font-family:var(--font-mono);color:var(--text-dim);font-size:.8rem}.proxy-progress-bar-wrap{background:var(--surface);border-radius:10px;height:6px;overflow:hidden}.proxy-progress-bar-fill{background:linear-gradient(90deg,var(--cyan),var(--purple));height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.proxy-flow-steps{display:none}.proxy-rating{gap:4px;display:flex}.proxy-dot{background:var(--border);border-radius:50%;width:8px;height:8px}.proxy-dot.on{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.proxy-labels-row{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.proxy-label-chip{font-size:.8rem;font-family:var(--font-mono);border:1px solid var(--border);border-radius:20px;padding:.4rem 1rem}[data-theme=light] .proxy-flow-section{--bg:#080b10;--surface:#0e1219;--surface2:#151c27;--border:#1e2a3a;--border2:#253040;--text:#c9d3e0;--text-dim:#5a6a7e;--text-hi:#eef2f8;--cyan:#00e5ff;--purple:#b985f4;--green:#3effa3;--dim:#1e1e2e;background:#12161f;border-color:#1e2a3a;box-shadow:0 4px 6px #00000026}[data-theme=light] .proxy-node.internet{background:#1a1f2b}[data-theme=light] .proxy-progress-container{background:#0000004d}[data-theme=light] .proxy-mermaid-wrap{background:#12161f;border:1px solid #1e2a3a;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #00000026}@media (max-width:768px){.proxy-nodes-container{flex-direction:column;gap:2rem}.proxy-connection{width:2px;height:40px;margin:10px 0}.proxy-connection:after{inset:auto auto -5px 50%;transform:translate(-50%)rotate(90deg)}}