.edge-section{background:radial-gradient(ellipse at 50% 30%,#16437455,transparent 70%),#08182e;border-top:1px solid var(--line)}.edge-lab{border:1px solid #83b6e74d;border-radius:25px;background:#09182b;overflow:hidden;box-shadow:0 30px 90px #0003}.lab-header{padding:22px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.lab-label{font-size:10px;letter-spacing:.1em;color:#bbd6ee}.demo-pill{border:1px solid #9dc8ed44;border-radius:20px;font-size:8px;padding:6px 10px;color:#9cb3ca;letter-spacing:.08em}.scenario-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:22px 28px;border-bottom:1px solid var(--line)}.scenario-controls button{background:#11243e;border:1px solid #c0dfff22;padding:15px;color:#819bb8;border-radius:10px;text-align:left;font-size:10px;transition:background .3s,border-color .3s}.scenario-controls button span{display:block;font-size:13px;color:#d6e7f8;margin-top:5px}.scenario-controls button.selected{background:#153e61;border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 25px #91e5ff0d}.lab-layout{display:grid;grid-template-columns:1.8fr 1fr}.traffic-stage{min-width:0;padding:22px 20px 25px;background-image:radial-gradient(#91e5ff13 1px,transparent 1px);background-size:20px 20px;align-self:center}.diagram-topline{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 10px}.diagram-topline>span{font-family:monospace;font-size:9px;letter-spacing:.07em;color:#a8c5e2}.diagram-topline button{background:transparent;border:1px solid #91e5ff33;color:#a8c5e2;font-size:10px;border-radius:20px;padding:8px 12px}#traffic-diagram{display:block;width:100%;height:auto;overflow:visible;min-height:240px}#traffic-diagram text{font-family:'DM Sans',sans-serif;fill:#d7e9fa}.route{fill:none;stroke:#6bb2e966;stroke-width:2;stroke-dasharray:5 7}.reject-route{fill:none;stroke:#e4768277;stroke-width:1.5;stroke-dasharray:4 6}.vpn-route{fill:none;stroke:#b4a6ff77;stroke-width:2;stroke-dasharray:4 6;display:none}.net-node rect,.server-node>rect:first-child{fill:#102945;stroke:#84c4ec77;stroke-width:1.2}.net-node circle,.net-node path{fill:none;stroke:#91e5ff;stroke-width:1.5}.server-node>rect:not(:first-child){fill:#69cbeb;stroke:none}.edge-node path{fill:url('#edge-fill');stroke:#91e5ff;stroke-width:2;filter:drop-shadow(0 0 18px #91e5ff33)}#traffic-diagram .shield-mark{font-size:42px;font-weight:700;fill:#91e5ff}.node-title{font-size:16px;font-weight:500}.node-small{font-size:10px;fill:#9bb6d0!important}.route-label{font-size:9px;letter-spacing:1px;fill:#8eaccb!important}#reject-label rect{fill:#3d1f32;stroke:#f1838a66}#reject-label text{font-size:12px;fill:#ffa1aa}.vpn-node{display:none}.vpn-node rect{fill:#211e46;stroke:#b4a6ff99}.vpn-node text{font-size:12px;fill:#d0c6ff}.illustration-label{font-size:10px;fill:#758fac!important}.flow-legend{display:flex;justify-content:center;gap:20px;font-size:10px;color:#9cb4cc}.flow-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.legit{background:#8ce3f5}.bad{background:#ff808e}.tech{background:#b8a7ff}.scenario-copy{padding:35px 30px;border-left:1px solid var(--line);background:linear-gradient(140deg,#112c48,#0d2037);display:flex;flex-direction:column;justify-content:center}.scenario-copy h3{font-size:27px;line-height:1.18;margin:20px 0}.scenario-copy>p{font-size:13px;color:#b3c5d8;line-height:1.8}.defense-copy{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.defense-copy>span{font-size:8px;letter-spacing:.12em;color:var(--cyan)}.defense-copy p{font-size:13px;color:#c2d4e6;margin-top:10px;line-height:1.8}.scenario-copy .scenario-limit{font-size:11px;color:#879fb9;margin-top:20px}.lab-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:18px 28px;font-size:10px;color:#859eb7}.lab-footer a{white-space:nowrap;color:var(--cyan)}.edge-features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.edge-features article{border-top:1px solid #91e5ff55;padding:25px 0 10px}.edge-features article>span{font-size:9px;letter-spacing:.1em;color:var(--cyan)}.edge-features h3{font-size:25px;margin:22px 0 15px}.edge-features p{color:var(--muted);font-size:14px}.edge-sources{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:12px;color:var(--muted)}.edge-sources summary{color:#bad6ec}.edge-sources p{margin:15px 0}.edge-sources a{display:inline-block;margin:5px 25px 5px 0;color:var(--cyan)}.traffic-stage[data-mode=vpn] .vpn-route,.traffic-stage[data-mode=vpn] .vpn-node{display:block}.traffic-stage[data-mode=vpn] .reject-route{d:path('M420 245V330H310')}
@media(max-width:1100px){.lab-layout{grid-template-columns:1fr}.scenario-copy{border-left:0;border-top:1px solid var(--line);display:block}.scenario-copy h3 br{display:none}.scenario-copy h3{font-size:30px}.traffic-stage{padding:25px}.scenario-copy{padding:30px}.defense-copy{margin-top:18px}.scenario-controls button span{font-size:12px}#traffic-diagram{max-height:440px}}
@media(max-width:600px){.lab-header{padding:18px;align-items:start}.lab-label{font-size:8px;max-width:170px;line-height:1.7}.demo-pill{font-size:6px;padding:5px 8px;white-space:nowrap}.scenario-controls{grid-template-columns:repeat(2,1fr);padding:16px;gap:8px}.scenario-controls button{padding:13px}.scenario-controls button span{font-size:12px}.traffic-stage{padding:20px 5px}.diagram-topline{padding:0 10px;gap:8px}.diagram-topline>span{font-size:7px}.diagram-topline button{font-size:9px;padding:7px 10px}#traffic-diagram{min-height:230px}.flow-legend{font-size:8px;gap:12px}.scenario-copy{padding:25px 22px}.scenario-copy h3{font-size:27px}.lab-footer{padding:18px;flex-direction:column;gap:12px}.edge-features{grid-template-columns:1fr;gap:15px;margin-top:35px}.edge-features h3{margin:17px 0 12px}.edge-lab{border-radius:18px}}