.z-conn{display:grid;gap:var(--z-space-6);grid-template-columns:1fr}@media (min-width:720px){.z-conn--cols2,.z-conn--cols4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.z-conn--cols4{grid-template-columns:repeat(4,1fr)}}.z-conn__card{background:var(--z-surface);border:1px solid var(--z-border);border-radius:var(--z-radius-lg);display:flex;flex-direction:column;gap:var(--z-space-4);padding:var(--z-space-8)}.z-conn__head{align-items:center;display:flex;gap:var(--z-space-3)}.z-conn__icon{border-radius:var(--z-radius-md);flex:0 0 auto;height:40px;object-fit:cover;width:40px}.z-conn__icon--ph{background:var(--z-bg-raised);color:var(--z-accent);display:grid;font-weight:700;place-items:center}.z-conn__id{display:flex;flex-direction:column;line-height:1.2}.z-conn__name{color:var(--z-text);font-weight:700}.z-conn__sub{color:var(--z-text-muted);font-size:.8125rem}.z-conn__title{color:var(--z-text);font-size:1.125rem;margin:0}.z-conn__desc{color:var(--z-text-muted);font-size:.9375rem}.z-conn__desc>:first-child{margin-top:0}.z-conn__desc>:last-child{margin-bottom:0}.z-conn__diagram{align-items:stretch;display:flex;gap:var(--z-space-2);margin-top:auto}.z-conn__node{background:var(--z-bg-raised);border:1px solid var(--z-border);border-radius:var(--z-radius-sm);display:flex;flex:1 1 0;flex-direction:column;gap:2px;padding:var(--z-space-3);text-align:center}.z-conn__node--zet{border-color:var(--z-accent)}.z-conn__node-name{color:var(--z-text);font-size:.8125rem;font-weight:600}.z-conn__node--zet .z-conn__node-name{color:var(--z-accent)}.z-conn__node-sub{color:var(--z-text-muted);font-size:.6875rem}.z-conn__link{align-items:center;color:var(--z-text-muted);display:flex}.z-conn__arrow{font-size:1rem}.z-conn__guide{color:var(--z-accent);font-weight:600;margin-top:var(--z-space-2);text-decoration:none}.z-conn__guide:hover{text-decoration:underline}.z-conn--anim .z-conn__card{opacity:0;transform:translateY(14px)}.z-conn--anim .z-conn__card.is-in{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}.z-conn--anim .z-conn__card.is-in .z-conn__arrow{animation:z-conn-arrow .8s ease .25s 1 both}.z-conn--anim .z-conn__card.is-in .z-conn__node--zet{animation:z-conn-zet 1s ease .5s 1 both}@keyframes z-conn-arrow{0%{opacity:.3;transform:translateX(-4px)}55%{opacity:1;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}@keyframes z-conn-zet{0%{box-shadow:0 0 0 0 rgba(64,82,242,.5)}to{box-shadow:0 0 0 8px rgba(64,82,242,0)}}@media (prefers-reduced-motion:reduce){.z-conn--anim .z-conn__card{opacity:1;transform:none}.z-conn--anim .z-conn__card.is-in .z-conn__arrow,.z-conn--anim .z-conn__card.is-in .z-conn__node--zet{animation:none}}.z-conn__icon--brand{background:var(--z-bg-raised);color:var(--z-text);display:grid;place-items:center}.z-conn__icon--brand svg{height:22px;width:22px}.z-conn__icon--claude{color:#d97757}