.arch-container{position:relative;width:100%;aspect-ratio:16 / 10;min-height:340px}.arch-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:70px;background:#fffafff2;border:1.5px solid rgba(23,18,25,.15);border-radius:var(--radius-md);text-align:center;z-index:2;padding:.5rem .75rem;transform:translate(-50%,-50%)}.arch-node--accent{border-color:var(--primary)}.arch-node__icon{color:#4a3f4e;margin-bottom:.2rem}.arch-node--accent .arch-node__icon{color:#63d2ff}.arch-node__label{font-family:var(--font-heading);font-size:.8rem;font-weight:700;color:#171219;line-height:1.2;white-space:nowrap}.arch-node__sublabel{font-family:var(--font-mono);font-size:.6rem;color:#4a3f4e;line-height:1.2;margin-top:.1rem;white-space:nowrap}.arch-beams{position:absolute;inset:0;z-index:1;pointer-events:none}.arch-beam{stroke:#fffaff40;stroke-width:1.5;stroke-dasharray:6 4;stroke-linecap:round;animation:beam-flow 2s linear infinite}@keyframes beam-flow{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}@media(max-width:639px){.arch-container{aspect-ratio:3 / 4;min-height:400px}.arch-node{width:110px;height:56px;left:var(--node-x-m)!important;top:var(--node-y-m)!important}.arch-node__label{font-size:.7rem}.arch-node__sublabel{font-size:.55rem}}