.devarch-media{background:radial-gradient(circle at 50% 50%,#24351e 0,#11151a 52%,#0c0f14 100%)}
.devarch-visual{width:min(820px,82%);height:78%;position:relative}
.devarch-visual .node{position:absolute;z-index:2;border:1px solid #465243;background:#141a17;padding:12px 18px;font:500 12px 'Roboto Mono',monospace;color:#c5ceb9}
.devarch-visual .core{left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;color:var(--acid);padding:25px 35px;text-align:center}
.devarch-visual .core small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.devarch-visual .n1{left:5%;top:7%}.devarch-visual .n2{right:3%;top:7%}.devarch-visual .n3{left:3%;bottom:5%}.devarch-visual .n4{right:1%;bottom:5%}
.devarch-visual svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.devarch-visual path{fill:none;stroke:#7c9b62;stroke-width:.35;stroke-dasharray:2 1}
@media(max-width:600px){.devarch-visual .node{font-size:8px;padding:7px}.devarch-visual .core{font-size:18px;padding:16px}.devarch-visual{width:90%}}