.local-zone{position:absolute;z-index:1;left:1.5%;top:15%;width:49%;height:52%;border:1px dashed #756a31;border-radius:25px;background:linear-gradient(135deg,rgba(255,212,0,.025),transparent 72%)}.local-zone>span{position:absolute;left:16px;top:12px;color:#b8aa54;font:600 7px/1 'Space Grotesk';letter-spacing:.14em}
.architecture-onprem{top:26%;padding:18px}.company-network{display:grid;gap:5px;margin-top:14px}.company-network span{padding:7px 8px;border:1px solid #3f3f3f;border-radius:6px;background:#171717;color:#9d9a92;font:600 7px/1 'Space Grotesk';letter-spacing:.07em}.customer-router{display:flex;align-items:center;gap:7px;margin-top:8px;padding:8px;border:1px solid #4b4b4b;border-radius:7px;background:#0b0b0b}.customer-router i{position:relative;width:26px;height:13px;flex:0 0 26px;border:1px solid #6b6b6b;border-radius:3px;background:#1a1a1a}.customer-router i:before{content:"";position:absolute;left:4px;top:4px;width:3px;height:3px;border-radius:50%;background:#63d56d;box-shadow:6px 0 0 #777,12px 0 0 #777}.customer-router b{color:#b7b4ac;font:600 8px/1.2 'Space Grotesk'}
.architecture-router{top:25%}.architecture-router>span{line-height:1.35}.route-to-router{top:42%}
@media(max-width:760px){.local-zone{left:3%;top:5%;width:94%;height:36%;border-radius:20px}.local-zone>span{left:14px;top:11px}.architecture-onprem{top:10%}.architecture-router{top:9%}.route-to-router{top:29%}}