.sync-diagram{justify-content:center;align-items:center;gap:clamp(8px,1vw,16px);width:100%;max-width:1400px;margin:0 auto;display:flex;position:relative}.sync-crms{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,280px);display:grid}.sync-crms span{background:var(--sc-surface);border:1px solid var(--sc-line-dark);height:48px;font:700 13px/1 var(--sc-font-display);text-transform:uppercase;color:#fff;transition:border-color var(--sc-dur-1) linear;border-radius:2px;justify-content:center;align-items:center;padding:0 8px;font-stretch:112%;display:flex}.sync-crms span.is-lit{border-color:var(--sc-violet)}.sync-trail{flex:1;justify-content:space-between;align-items:center;gap:4px;min-width:0;min-height:48px;display:flex}.sync-trail i{background:var(--sc-violet);opacity:.14;flex:none;width:10px;height:10px}.sync-hub{flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.sync-hub__mark{aspect-ratio:1;background:var(--sc-surface);border:1px solid var(--sc-line-dark);border-radius:4px;justify-content:center;align-items:center;width:clamp(88px,7vw,120px);display:flex}.sync-hub__mark img{width:78%;height:auto}.sync-screen{flex-direction:column;flex:none;gap:10px;width:clamp(240px,22vw,360px);display:flex}.sync-screen__frame{aspect-ratio:16/9;background:var(--sc-bezel);border:1px solid #2a2a2e;border-radius:4px;padding:3px}.sync-screen__glass{background:#111113;border-radius:1px;width:100%;height:100%;position:relative;overflow:hidden}.sync-screen__state{transition:opacity var(--sc-dur-1) var(--sc-ease-power3);position:absolute;inset:0}.sync-screen__glass:after{content:"";background:var(--sc-sheen);pointer-events:none;position:absolute;inset:0}@media (max-width:767px){.sync-diagram{flex-direction:column}.sync-trail{flex-direction:column;flex:none;height:96px;min-height:0}.sync-trail i:nth-child(n+7){display:none}.sync-screen{width:min(100%,360px)}}