.net{--src-col:300px;align-items:center;display:grid;gap:0;grid-template-columns:var(--src-col) 1fr var(--src-col);margin:56px 0 44px;position:relative}.net svg{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%}.src-list{display:grid;gap:14px;grid-template-columns:1fr;position:relative;z-index:1}.src-list.right .src{text-align:right}.src{background:var(--white-a06);border:1px solid var(--blue3-a22);border-radius:10px;color:var(--white);cursor:pointer;font:600 16px var(--font);padding:14px 16px;text-align:left;transition:background .25s var(--ease),border-color .25s var(--ease)}.src.lit,.src:hover{background:var(--blue-a16);border-color:var(--blue)}.src{align-items:center;display:flex;gap:12px}.src img{flex:none;height:28px;width:28px}.src-list.left .src{flex-direction:row-reverse;justify-content:flex-start}.hub-wrap{justify-self:center;position:relative;width:250px;z-index:1}.reach{aspect-ratio:2/1;border:1.5px dashed var(--blue3-a35);border-bottom:0;border-radius:999px 999px 0 0;bottom:50%;pointer-events:none;transform:translateX(-50%);width:124%}.reach,.reach span{left:50%;position:absolute}.reach span{background:var(--purple-deep);color:var(--blue-3);font-size:16px;font-weight:600;padding:0 12px;top:0;transform:translate(-50%,-50%);white-space:nowrap}.hub{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,var(--purple-2),var(--purple) 60%);border-radius:50%;box-shadow:var(--shadow-hub);display:grid;padding:28px;place-items:center;position:relative;text-align:center;width:100%}.hub span{font-size:18px;font-weight:700;line-height:1.25}.hub small{color:var(--blue-3);display:block;font-size:13px;font-weight:600;letter-spacing:.04em;margin-top:6px}.wire{fill:none;stroke:var(--blue3-a18);stroke-width:1.5;transition:stroke .3s var(--ease),stroke-width .3s var(--ease)}.wire.lit{stroke:var(--blue);stroke-width:2.5}.spark{fill:var(--gold)}@media (max-width:1100px){.net{gap:0;grid-template-columns:1fr}.net svg{display:block}.src-list{gap:10px;grid-template-columns:1fr 1fr}.src,.src-list.left .src,.src-list.right .src{flex-direction:column;font-size:14px;gap:6px;justify-content:center;padding:12px 10px;text-align:center}.hub-wrap{margin:96px auto 88px;order:0;width:190px}.reach{display:none}}