.arch{background:var(--panel);border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:120px 0}.arch .arch-grid{align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1.1fr}.arch .arch-copy ul{list-style:none;margin-top:32px}.arch .arch-copy li{border-top:1px solid var(--line);color:hsla(60,20%,95%,.8);display:flex;font-size:14px;gap:16px;padding:18px 0}.arch .arch-copy li:last-child{border-bottom:1px solid var(--line)}.arch .arch-copy li b{color:var(--off-white);display:inline-block;font-weight:600;min-width:148px}.arch .diagram{aspect-ratio:1/.85;position:relative}.arch .diagram svg{height:100%;width:100%}.arch .node{fill:var(--black);stroke:var(--line);stroke-width:1}.arch .node-active{fill:var(--yellow)}.arch .node-label{fill:var(--off-white);font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.arch .node-label.dark{fill:var(--black)}.arch .flow-line{fill:none;stroke:var(--off-white);stroke-opacity:.18;stroke-width:1.5}.arch .flow-line.live{stroke:var(--yellow);stroke-opacity:.35}.arch .particle{fill:var(--yellow);filter:drop-shadow(0 0 4px var(--yellow))}.arch .node-pulse{fill:none;opacity:0;stroke:var(--yellow);stroke-width:1.5}.arch .node-pulse.p1,.arch .node-pulse.p2{animation:arch-pulse 4s ease-out infinite}.arch .node-pulse.p2{animation-delay:1.3s}.arch .node-pulse.p3{animation:arch-pulse 4s ease-out infinite;animation-delay:2.6s}@keyframes arch-pulse{0%{opacity:0}5%{opacity:.7;stroke-width:2}40%{opacity:0;stroke-width:.5}to{opacity:0}}@media (max-width:900px){.arch .arch-grid{gap:48px;grid-template-columns:1fr}}